/*  
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 |=====*/


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

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


/*=====| End blog body Styles |=====*/


#addendum {
		background: url(images/add-bg.png) repeat-x;
		width: 100%;
		height: 100px;
		color: #ccc;
		letter-spacing: 1px;
}

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

	#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;
	}

	#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: 15px;
	}


	#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: 10px;
					margin-bottom: 0px;
					text-indent: -99999px;
					outline: none;
			}	
			
			h1.logo a {
					display: block;
					width: 63px;
					height: 100px;
					text-indent: -99999px;
					outline: none;
			}	
	
	
			p.addendum {
					background: url(images/add-btn.png);
					width:100px;
					height:21px;
					position:relative;
					top:-110px;
					left:860px;
					text-align:center;
					text-transform: uppercase;
					color: #ccc;
					font-size:	xx-small;
					letter-spacing: 1px;
					cursor: pointer;
			}
			
			.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 {
		background: url(images/foot-bg.png) repeat-x;
		height:129px;
		width:100%;
		margin-top:-129px;
		clear:both;
		z-index:1000;
		position: absolute;
}

/*just added*/

a.togglef {
background:#DDDDDD none repeat scroll 0 0;
color:#555555;
display:block;
height:37px;
left:950px;
padding-top:10px;
position:relative;
text-align:center;
top:-115px;
width:100px;
z-index:900;
}
/*just added*/



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

#footer #prime-nav ul.copyright-info {
	color:#777;
	float:left;
	font-size:70%;
	font-style:italic;
	position:absolute;
	top:100px;
	z-index:1001;
}

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

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


/*=====| 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: 930px;
				margin:	0px auto;
				overflow:auto;
				overflow-x:hidden;
				
		}
		#inner-wrap-b {
					height: 1660px;
					width: 930px;
					margin:	0px auto;
			}
				#home {
					height: 335px;
					width: 850px;
					padding:15px 40px;
					margin-bottom:50px;
				}
				#company {
					height: 335px;
					width: 850px;
					padding:15px 40px;
					margin-bottom:50px;
				}
				.lamp {
					margin-left: 100px;
				}
				#branding {
					height: 335px;
					width: 850px;
					padding:15px 40px;
					margin-bottom:50px;
				}
				#contact {
					height: 335px;
					width: 850px;
					padding:15px 40px;
					margin-bottom:50px;
				}
				#case-studies {
					height: 335px;
					width: 850px;
					padding:15px 40px;
					margin-bottom:50px;
				}


					.panel .copy {
						width: 380px;
						margin-right: 24.5px;
						float: right;
					}
					
						.panel .copy h2 {
							font-size: 24px;
							color: #E00;
							font-style: italic;
							padding-left: 1px;
							margin-bottom: 5px;	
						}
						
						.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 |=====*/

#prime-nav {
	width: 960px;
	height: 129px;
	position: relative;
	top:1px;
	margin: 0px auto;
}

#navbar {	height: 50px;
			width: 960px;
			position: relative;
			font-size: 14px;
			text-transform: uppercase;
			margin: 0px auto;
}

#navbar li {	float: left;
				display: inline;
}

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

#navbar li#cpane {
				margin-right: 155px;
}

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

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

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 {
/*	border-bottom:1px solid #BBBBBB;*/
	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 {
	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 |=====*/


/*=====| Begin BLOG Styles |=====*/

body#blog {
	overflow: auto;
}

	h1.b-logo {
			background: url(images/blog-logo.png) no-repeat;
			width: 64px;
			height: 110px;
			margin: 10px;
			margin-bottom: 0px;
			text-indent: -99999px;
			outline: none;
	}	
	
	h1.b-logo a {
			display: block;
			width: 64px;
			height: 110px;
			text-indent: -99999px;
			outline: none;
	}	


#blog #wrap {
	overflow: visible;
	max-height: 600px;
	width: 100%;
}

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

#blog-main {
	color:#000;
	float:right;
	height:110%;
	left:-15px;
	padding:0;
	position:relative;
	width:715px;
	margin-top: -65px;
}


/*sidebar styling*/


#sidebar {
	color:#777;
	width:220px;
	float: left;
	margin-top: 30px;
}
#sidebar h2{
	margin-top: 10px;
}
#sidebar ul li {
	margin: 2px 10px;
}

select#cat {
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border:1px solid #777777;
	color:#CC0000;
	height:25px;
	margin-left:5px;
	outline:none;
	padding-bottom:3px;
	padding-right:0;
	padding-top:3px;
	position:relative;
}

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


table#wp-calendar {
	border-collapse:collapse;
	border-spacing:0;
	left:5px;
	position:relative;
	width:175px;
}


form.subscribeform {
	left:5px;
	position:relative;
}
input#email {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#CC0000;
	height:15px;
	margin: 0px auto;
	margin-top:5px;
	outline:none;
	padding:3px 0;
	padding-left: 5px;
	width:145px;
}

input#stnl_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;
	margin-top:11px;
	outline:none;
	padding:3px 0;
	width:155px;
}

li#shiftthis-subscribe strong {
	font-weight:100;
	left:5px;
	position:relative;
}

/*sidebar styling*/





/* Individual post styling */

#blog-main .post h2 {
	font-size:215%;
	font-weight:100;
	letter-spacing:2px;
	margin-bottom: 15px;
}

#blog-main .post h2.p-title {
	font-size:215%;
	font-weight:100;
	letter-spacing:2px;
	margin-bottom: 15px;
}

#blog-main .s-post h2.p-title {
	font-size:215%;
	font-weight:100;
	letter-spacing:2px;
	margin-bottom: 15px;
}

.post {
	float:right;
	margin-bottom:10px;
	padding:0 5px;
	width:550px;
	text-align: justify;
}

.s-post {
	float:right;
	margin-bottom:10px;
	padding:0 5px;
	width:675px;
	text-align: justify;
}

.date {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(images/tbg.png) repeat;
	color:#FFF;
	height:60px;
	left:-130px;
	line-height:2em;
	padding-top:5px;
	position:relative;
	text-align:center;
	top:70px;
	width:110px;
}

.m-d {
	font-size:		15px;
}

.year {
	font-size:		35px;
	letter-spacing:	5px;
	position:		relative;
	left:			3px;
	
}

h2.p-title {
	font-size:		145%;
	color: #777;	
}


/* Individual post styling */



/*comment list styling*/

ol.commentlist {
	margin-bottom: 10px;
}


ol.commentlist li #comment-container {
	margin-top:20px;
	width:100%;
}

ol.commentlist li #commentmeta-data {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid #DDDDDD;
	float:left;
	background: transparent url(images/btn-bg.png) repeat-x scroll center bottom;
	font-size:100%;
	padding:0 5px;
	width:22%;
}

p.commentmetadata {
	font-size:70%;
}

div#the-comment {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background:transparent url(images/tbg.png) repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#fff;
	float:right;
	font-size:100%;
	padding:0 5px;
	width:74%;
}

div#the-divider {
	clear: both;
	margin: 5px 0px;
}



/*comment list styling*/




/*comment form styling*/

#comment-form {
	position: relative;
	margin-top: 10px;
	clear: both;
}


#commentform #author, #commentform #url {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#CC0000;
	height:15px;
	margin: 0px auto;
	margin-top:5px;
	outline:none;
	padding:3px 0;
	padding-left: 5px;
	width:145px;	
}

#commentform #comment {
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border:1px solid #777777;
	color:#CC0000;
	margin: 0px auto;
	margin-top:5px;
	margin-bottom:5px;
	outline:none;
	padding:3px 0;
	padding-left: 5px;
}

#commentform #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;
	margin-top:11px;
	outline:none;
	padding:3px 0;
	width:155px;
}



/*comment form styling*/



/*blog footer*/
#blog-footer {
		background: url(images/blog-foot-bg.png) repeat-x;
		height:50px;
		width:100%;
		margin-top:-50px;
		clear:both;
		z-index:1000;
		position: relative;
}

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

.p-oldnew {
	margin:0 auto;
	position:relative;
	width:960px;
	z-index:2500;
}

	.p-oldnew li {
		position:		relative;
		float: left;
	}
	
		.older {
			left:5px;
			position:absolute;
			top:10px;
		}
		
		.newer {
			left:855px;
			position:absolute;
			top:10px;
		}


#blog-footer #prime-nav ul.copyright-info {
	color: #777;
	font-style: italic;
	position: absolute;
	top: 100px;
	left: 55px;
	z-index: 1001;
	float: left;
}

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

#blog-footer #prime-nav ul.info li {
	float: none;
}


#blog-footer #prime-nav ul.copyright-info li.first {
	font-size:80%;
	margin-right:525px;
}

/*blog footer*/









/*=====| End BLOG 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 */