/*  
Theme Name: PVD Rebranded
Theme URI: http://www.philoveracity.com
Description: Wordpress theme customized for Philoveracity.com
Version: 1.0
Author: Verious Benjamin Smith III
Author URI: http://www.philoveracity.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:'';}
a { text-decoration:none; }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold; }
em { font-style:italic; }
* a { position:relative; } /* Gets links displaying over a PNG background */
a img { border:none; } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */

html, p { 
	overflow: hidden;
	font-family: helvetica neue, helvetica, arial, sans-serif;
	font-size:	small;
	font-weight: 100;
	font-style: italic;
	letter-spacing: .8px;
	padding-left: 	1px;
	line-height:	1.4em;
}

html div.post p {
	color:#777;
	font-size:12px;
	line-height:1.4em;
	margin-top:10px;
	padding-left:1px;
}

.clientformpdf {
	position:relative;
	right:15px;
	top:-15px;
}

/*=====| Begin main body link Styles |=====*/

#wrap a:link {
	color:	#d00;
	text-decoration:	none;
	outline: none;
}
#wrap a:visited {
	color:	#c00;
	text-decoration:	none;
	outline: none;
}
#wrap a:hover {
	color:	#f00;
	text-decoration:	underline;
	outline: none;
}
#wrap a:active {
	color:	#f00;
	text-decoration:	none;
	outline: none;
}


/*=====| End main body Styles |=====*/

/*=====| Begin client list link Styles |=====*/

#case-studies a:link {
	color:	#777;
	text-decoration:	none;
	outline: none;
}
#case-studies a:visited {
	color:	#777;
	text-decoration:	none;
	outline: none;
}
#case-studies a:hover {
	color:	#FFF;
	text-decoration:	none;
	outline: none;
}
#case-studies a:active {
	color:	#FFF;
	text-decoration:	none;
	outline: none;
}


/*=====| End client list Styles |=====*/


/*=====| Begin footer link Styles |=====*/

a:link {
	color:	#ccc;
	text-decoration:	none;
	outline: none;
}
a:visited {
	color:	#ccc;
	text-decoration:	none;
	outline: none;
}
a:hover {
	color:	#fff;
	text-decoration:	none;
	outline: none;
}
a:active {
	color:	#f00;
	text-decoration:	none;
	outline: none;
}

/*=====| End footer link Styles |=====*/




#addendum {
		width: 100%;
		color: #ccc;
		letter-spacing: 1px;
		position: absolute;
		z-index: 5000;
}

/*.addendum-inner-wrap {
	width: 960px;
	margin: 0 auto;
}*/

	#addendum-info-wrap-1 {
		background: url(images/add-bg.png) repeat-x;
		width: 100%;
		/*position: relative;*/
	}
	
#addendum-info-wrap-2 {
	/*background: url(images/add-bg.png) repeat-x;*/
	width: 960px;
	position: relative;
	margin: 0 auto;
}


	#addendum-info {
			width: 960px;
			height: 95px;
			padding-top: 5px;
			margin:	0px auto;
			display: none;
	}


		.addendum {
				background: url(images/add-btn.png) no-repeat;
				width:100px;
				height:21px;
				position:absolute;
				left:860px;
				text-align:center;
				text-transform: uppercase;
				color: #ccc;
				font-size:	xx-small;
				letter-spacing: 1px;
				cursor: pointer;
				z-index: 5000;
		}


	#addendum-info a.blog {
		background:transparent url(images/blog.png) no-repeat scroll 3px 0;
		display:block;
		float:left;
		font-size:70%;
		font-variant:small-caps;
		height:15px;
		padding-top:65px;
		position:relative;
		text-align:center;
		width:78px;
		display: none;
	}

	#addendum-info a.blog:hover {
		background:transparent url(images/blog-o.png) no-repeat scroll 3px 0;
		color:#FFFFFF;
	}

	.h-first {
		margin-left: 15px;
	}
	
	.b-l {
		border-left: 1px #CCC solid;
		padding-left: 10px;
	}

	.b-r {
		border-right:1px solid #CCCCCC;
		padding-left:9px;
		padding-right:10px;
	}

	#addendum-info a.login {
		background:transparent url(images/login.png) no-repeat scroll 2px 0;
		display:block;
		font-size:70%;
		font-variant:small-caps;
		height:15px;
		padding-top:65px;
		position:relative;
		text-align:center;
		width:78px;
	}

	#addendum-info a.login:hover {
		background:transparent url(images/login-o.png) no-repeat scroll 3px 0;
		color:#FFFFFF;
	}

	#addendum-info ul img {
		margin:	0px 10px;
	}

	#addendum-info dl.floatleft {
		margin-right: 44px;
	}


	#addendum-info dd img {
		margin: 0 5px;
	}

	#addendum-info dd {
		font-size: 70%;
		text-transform: uppercase;
		text-indent: 10px;
	}
	
		#a-wrap {
				width: 960px;
				height: 100px;
		}
	
			h1.logo {
					background: url(images/web-logo.png) no-repeat;
					width: 63px;
					height: 100px;
					margin:5px 10px 10px 0;
					margin-bottom: 0px;
					text-indent: -99999px;
					outline: none;
					float: left; /*temp*/
			}	
			
			h1.logo a {
					display: block;
					width: 63px;
					height: 100px;
					text-indent: -99999px;
					outline: none;
			}	
				
			.popup {
					position: absolute;
					z-index: 5000;
			}
			
			table.popup {
					background: #fff;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border: 1px ridge #555;
					padding: 15px;
					color: #888;
			}
			

			table.popup h2 {
					font-size:180%;
					font-weight:100;
					letter-spacing:1.8px;
					padding-top:5px;
			}
			
			.bltn {
			border-left: none;
			border-top: none;
			}
			
			.bln {
			border-left: none;
			}
			
			.brn {
			border-right: none ;	
			}
			
			.bbn {
			border-bottom: none;
			}
			
			th, td {
					border: 1px solid #ccc;
			}
			
			td.sub-title {
				padding-left: 20px;
			}
			
			table h4 {
				color: #a00;
			}
			
			table th {
					padding-left: 5px;
			}
			
			p.addendum:hover {
					color: #fff;
			}
	

/*html, body, #wrap {height: 100%;overflow:hidden;}*/

/*body > #wrap {height: auto; min-height: 100%;}*/


#wrap {
		width: 960px;
		min-height:600px;
		position: relative;
		margin:	0px auto;
		color: #777;
		overflow: hidden;
}


#footer a:link {
	color: #fff;
	font-weight: bolder;
}

#footer a:hover {
	color: #f00;
	font-weight: bolder;
}

#footer {
	background:url("images/foot-bg.png") repeat-x scroll 0 0 transparent;
	clear:both;
	height:35px;
	/*margin-top:-35px;
	position:absolute;*/
	position: fixed;
	bottom: 0;
	width:100%;
	z-index:1000;
}


#footer p {
	color: #777;
	font-style: italic;
	position: absolute;
	top: 100px;
	font-size: 75%;
	left: 58px;
	z-index: 1001;
}

#footer #copyright ul.copyright-info {
color:#FFFFFF;
float:left;
font-size:100%;
font-style:italic;
letter-spacing:1.5px;
position:absolute;
text-transform:uppercase;
top:20px;
z-index:1001;
}


#footer #copyright ul.copyright-info li {
	float: left;
}

#footer #copyright ul.copyright-info li.first {
	margin-right: 5px;
}


/*=====| Begin Slider Styles |=====*/

#slider {
	margin-top: 60px;
}

/*=====| End Slider Styles |=====*/



/*=====| Begin DISPLAY AREA Styles |=====*/
img.scr-lt {
			position:absolute;
			top:525px;
			right:0px;
			z-index:50;
			cursor:pointer;
}

img.scr-rt {
			position:absolute;
			top:525px;
			left:0px;
			z-index:50;
			cursor:pointer;
}


#display {	
			height: 540px;
			width: 960px;
			position: absolute;
			top: 	-10px;
	}

	#inner-wrap-a {
				height: 540px;
				width: 960px;
				margin:	0px auto;
				overflow:hidden;
		}

		#inner-wrap-b {
					width: 960px;
					margin:	0px auto;
			}

				#home {
					height: 335px;
					width: 960px;
					margin-bottom:50px;
				}
				
				#company {
					height: 335px;
					width: 960px;
					margin-bottom:50px;
				}
				
					.lamp {
						margin-left: 100px;
					}
				
				#branding {
					height: 335px;
					width: 960px;
					margin-bottom:50px;
				}
				
				#contact {
					height: 335px;
					width: 960px;
					margin-bottom:50px;
				}
				
				#case-studies {
					height: 335px;
					width: 960px;
					margin-bottom:50px;
				}


					.panel .copy {
						border-left:1px solid #CCCCCC;
						float:right;
						height:460px;
						padding-left:20px;
						padding-top:5px;
						width:480px;
						margin-top: 30px;
					}
					
						.panel .copy h2.theheader {
							color:#CC0000;
							font-size:24px;
							font-style:italic;
							font-weight:lighter;
							letter-spacing:2px;
							margin-bottom:15px;
							padding-left:1px;
						}
						
						.panel .copy p {
							font-size:12px;
							letter-spacing:0.8px;
							padding-left: 1px;
							margin-top:10px;
							text-align: justify;
						}
					
/*=====| End DISPLAY AREA Styles |=====*/



/*=====| Begin PRIMARY NAVIGATION Styles |=====*/

#copyright {
	height:35px;
	margin:0 auto;
	position:relative;
	top:-7px;
	width:960px;
}

/*#navbar {
	bottom:75px;
	font-size:28px;
	height:50px;
	left:20px;
	margin:0 auto;
	position:relative;
	text-transform:uppercase;
	width:810px;
}*/

#navbar {
	font-size:25px;
	height:50px;
	margin:40px 0 0 0;
	position:relative;
	text-transform:uppercase;
	width:885px;
	float: left; /*temp*/
}


#navbar li {
	display:inline;
	float:left;
	margin:0 21px;
}

#navbar li a {	
				display: block;
				height:	25px;
				padding-top: 20px;
				text-align: center;
				outline: none;
}

#navbar li a:link {color: #bbb;}

#navbar li a:visited {color: #bbb;}

#navbar li a:hover {
				color: #C00;
				text-decoration: none;
}


/*#navbar li.elder:hover .secondary-nav {
	display: block;
}

#navbar li.elder:hover .secondary-nav:hover {
	display: block;
}*/

#navbar li .secondary-nav {
		letter-spacing: 1.5px;
		font-size:12px;
		display: none;
		height:20px;
		margin:-3px 0 0 0;
		position:relative;
		text-transform:uppercase;
		width:110px;
		z-index: 100;
}

#navbar li .secondary-nav li {
		background: url(images/tbg.png);
		text-align: right;
		margin: 0 0 0 0;
		float: none;
		display: block;
		border-bottom: 1px solid #fff;
		height: 25px;
		/*padding-bottom: 5px;*/
	}

		#navbar li .secondary-nav li a {
				display:block;
				height:100%;
				outline-color:initial;
				outline-style:none;
				outline-width:initial;
				padding-top:5px;
				text-align:left;
				padding-left:5px;
				color: #fff;
				width: 100%;
		}
		
		#navbar li .secondary-nav li a:hover {
				/*color: #f00;*/
				text-indent: 5px;
				font-weight: bolder;
		}


		/*------------ selected states below ------------------ */

a.selected {
				display: block;
				height:	50px;
				color: #C00 !important;
				position: relative;
				background: transparent url(images/spotlight.png)no-repeat;
				overflow: hidden;
}


a.selected:before {
	content:".::{ ";
}

a.selected:after {
	content:" }::.";
}


blockquote.p-quote {
	color:#BBBBBB;
	font-family:Baskerville,'Times New Roman',Times,serif;
	font-size:13px;
	letter-spacing:1px;
	line-height:1.1em;
	margin:5px 15px 0;
	text-align:justify;
}


blockquote.top-quote {
	color:#BBBBBB;
	font-family:Baskerville,'Times New Roman',Times,serif;
	font-size:18px;
	letter-spacing:1px;
}

cite.qauthor {
	font-size:10px;
	font-style:italic;
	margin-left:20px;
}







		/*------------ End selected states ------------------ */



/*=====| End PRIMARY NAVIGATION Styles |=====*/




/*=====| Begin HOME AREA Styles |=====*/





/*=====| End HOME AREA Styles |=====*/

/*=====| Begin COMPANY AREA Styles |=====*/





/*=====| End COMPANY AREA Styles |=====*/

/*=====| Begin BRANDING AREA Styles |=====*/





/*=====| End BRANDING AREA Styles |=====*/

/*=====| Begin CONTACT AREA Styles |=====*/
p.ctc {
	padding-bottom:10px;
}

ul.ctc-left {
	font-size:10px;
	margin:0 25px;
	color: #777;
}

ul.ctc-right {
	font-size:10px;
	color: #777;
}

#ctc-form li span {
	color:#c00;
	font-size: 10px;
}


#ctc-form input {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#aaa;
	outline:none;
	padding:3px 0;
	padding-left: 5px;
}

#ctc-form select {
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border:1px solid #777777;
	color:#aaa;
	outline:none;
	padding-bottom:3px;
	padding-right:0;
	padding-top:3px;
	position:relative;
}

#ctc-form option {
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	padding-left:10px;
}

#ctc-form #comment {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#AAAAAA;
	height:115px;
	margin:0 auto;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:3px 0 3px 5px;
	width:149px;
}


#ctc-form input#submit {
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	background:transparent url(images/btn-bg.png) repeat-x scroll center bottom;
	border:1px solid #777777;
	color:#CC0000;
	height:25px;
	left:25px;
	margin:0 auto;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:3px 0;
	position:absolute;
	top:280px;
	width:340px;
}


/*=====| End CONTACT AREA Styles |=====*/



/*=====| Begin CASE STUDIES Styles |=====*/


p.csp {
	margin-bottom:10px;
}

#case-studies h3,#contact h3, #branding h3, #company h3 {
	font-weight: 100;
	color: #777;
	font-style: italic;
	padding-left: 2px;
}

#contact h3 {
margin-bottom: 5px;
}

#case-studies h3 {
padding-bottom:10px;
}

#case-studies a {
	display:block;
	height:21px;
	margin-left:-5px;
	margin-top:-5px;
	padding-top:6px;
	width:116px;
}


ul.client-list {
	display: table;
}

ul.client-list li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#EEE none repeat scroll 0 0;
	float:left;
	font-size:10px;
	height:15px;
	margin-bottom:2px;
	margin-left:1px;
	margin-right:1px;
	padding:5px 5px 9px;
	text-align:center;
	width:108px;
	font-variant: small-caps;
}

ul.client-list li:hover {
background:#E00 none repeat scroll 0 0;

}


/*=====| End CASE STUDIES Styles |=====*/



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */

/*UTILITY*/

.center { display:block; margin:0 auto; }
.clear {clear:both;}
.floatleft { float:left;}
.floatright { float:right;}
.hidden {display: none;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0; } /* Use this br class to clear your floated columns */
div { position:relative; } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0; } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */