/*

Theme Name: Vitriol Consult

*/



html, body { margin:0; padding:0; width:100%; height:100%; min-height:100%; }



body { background:#4164ae url(images/bgr.png) repeat top left; line-height:1.7em; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#fff; }

body a { text-decoration:none; color:#fff; }



/* helpers */

.clear { clear:both;}

.left { float:left; }

.right { float:right; }

ul { margin:0; padding:0; }

li { list-style-type:none; }

form { margin:0; padding:0; }



h1 { color:#FFF; font-size:28px; margin:0 0 15px 0; font-weight:normal; }

h2 { color:#FFF; font-size:20px; margin:0 0 15px 25px; font-weight:normal; }

h3 { color:#FFF; font-weight:normal; }

#wrap { display:block; padding:0; margin:0; margin-bottom:25px; overflow:hidden; }



/* header */

.a-head {

	position:relative;

	display:block;

	min-height:235px;

	margin:0 auto;

	padding:100px 176px 0 176px;

	background:url(images/head-bg.png) no-repeat top left;

	z-index:9999;

	overflow:hidden;

}



.a-head .a-wrap{

	position:relative;

	width:952px;

	margin:0 auto 45px auto;

	/*overflow:hidden;*/

}



.a-head .a-wrap .a-logo {

	position:relative;

}



/* navigation */

.a-head .a-wrap .a-nav {

	position:relative;

	margin-top:25px;

	font-size:16px;

}



.a-head .a-wrap .a-nav ul { margin:0; padding:0; position:relative; }

.a-head .a-wrap .a-nav ul li { position:relative; float:left; list-style-type:none; white-space:nowrap; padding:8px 10px; margin:10px; background:none; z-index:9999; }

.a-head .a-wrap .a-nav ul li.nav-bg { background:url(images/nav-bg-center.png) repeat-x top left; } /* hover effect */

.a-head .a-wrap .a-nav ul li div.nav-bg-left { position:absolute; top:0; left:-9px; width:9px; height:36px; background:url(images/nav-bg-left.png) no-repeat top left; z-index:1; }

.a-head .a-wrap .a-nav ul li div.nav-bg-right { position:absolute; top:0; right:-9px; width:9px; height:36px; background:url(images/nav-bg-right.png) no-repeat top left; z-index:1; }



.a-head .a-wrap .a-nav ul li ul.hover {

	position:absolute;

	top:25px; left:-535px;

	z-index:9998;

	margin:0; padding:15px 0 0 0;

	overflow:hidden;

	width:952px;

	display:none;

}

.a-head .a-wrap .a-nav ul li ul.hover li {

	position:relative;

	float:left;

	list-style-type:none;

	margin:0; padding:5 10px 0 10px;

	height:36px;

	background:url(images/nav-bg-center.png) repeat-x top left;

	text-transform:uppercase;

}

.a-head .a-wrap .a-nav ul li ul.hover li.rounded {

	margin:0; padding:0;

	background:none;

}

.a-head .a-wrap .a-nav ul li ul.hover li:first-child { margin-left:526px; }

.a-head .a-wrap .a-nav ul li ul.hover li a { text-decoration:none; }

.a-head .a-wrap .a-nav ul li ul.hover li a:hover { text-decoration:underline; }



/* blurb text */

.a-blurb {

	position:relative;

	width:952px;

	margin:10px auto 15px auto;

	font-size:17px;

	clear:both;

	text-align:justify;

}

.a-blurb .blurb-head { display:block; height:13px; margin:0; padding:0; background:url(images/blurb-head.png) no-repeat top center; }

.a-blurb .blurb-foot { display:block; height:13px; margin:0; padding:0; background:url(images/blurb-foot.png) no-repeat top center; }

.a-blurb .blurb-content { display:block; padding:5px 25px; background:url(images/blurb-bg.png) repeat-y top center; }



/* page wrap */

.page-wrap {

	width:952px;

	margin:0 auto 25px auto; /*padding:0 250px 0 250px;*/

	overflow:hidden;

}



/* portfolio styles */

.p-item {

	position:relative;

	display:block;

	margin-bottom:25px;

	overflow:hidden;

	

}

.p-item .p-header { position:relative; left:1px; display:block; z-index:500; cursor:pointer; }

.p-item .p-content-wrap {

	position:relative;

	display:block;

	margin-top:-25px;

	padding:40px 15px 0 15px;

	background:url(images/blurb-bg.png) repeat-y top center;

	overflow:hidden;

}

.p-item .p-content-wrap .p-content { display:block; padding:10px 0 15px 0; text-align:center; overflow:hidden; height:325px; font-size:14px; display:none; }

.p-item .p-content img { margin:0 15px; }

.p-item .p-content div { position:relative; margin-top:10px; margin-left:30px; text-align:left; }

.p-item .p-content div p { display:block; margin:0 0 10px 0; }

.p-item .p-content-wrap .p-content .url { position:relative; float:right; margin-top:25px; padding-right:25px; /*bottom:40px; right:30px;*/ }

.p-item .p-content-wrap .p-content .url a { font-size:28px; color:#FFF; }



.p-item .p-foot { position:relative; z-index:400; display:block; height:12px; margin:0; padding:0; background:url(images/blurb-foot.png) no-repeat top center; text-align:center; cursor:pointer; }

.p-item .p-foot a { position:relative; top:-12px; font-size:13px; }



/* testimonials */

.testimonials {

	position:relative;

	display:block;

	overflow:hidden;

	font-size:14px;

	padding-left:12px;

}

.testimonials .testimonial { position:relative; float:left; width:255px; border-right:#FFF 1px solid; padding-right:25px; margin-right:20px; text-align:left; }

.testimonials .testimonial p.signature { position:relative; margin-top:10px; text-align:right; }



/* more wraps */

.m-content { position:relative; width:701px; margin-bottom:25px; }

.sidebar { position:relative; width:235px; }



/* post styles */

.post-content-wrap {

	position:relative;

	width:701px;

	margin:0 0 15px 0;

	font-size:12px;

	clear:both;

	text-align:left;

}

.post-content-wrap .post-head { display:block; height:10px; margin:0; padding:0; background:url(images/post-head.png) no-repeat top center; }

.post-content-wrap .post-foot { display:block; height:11px; margin:0; padding:0; background:url(images/post-foot.png) no-repeat top center; }

.post-content-wrap .post-content { display:block; padding:15px 25px; background:url(images/post-bg.png) repeat-y top center; }

.post-content-wrap .post-content .post-title { font-size:23px; cursor:pointer; margin-bottom:5px; }

.post-content-wrap .post-content .post-meta { font-size:12px; }

.post-content-wrap .post-content .post-excerpt { margin:10px 0; padding:10px 0; border:#c7d1e7 1px solid; border-left:none; border-right:none; text-align:justify; }

.post-content-wrap .post-content .post-excerpt p { margin:0 0 10px 0; }

/* hidden post content */

.post-content-wrap .post-content .post-hidden { display:none; }



.post-content-wrap .post-content .post-hidden .post-text { border-bottom:#fff 1px solid; padding:15px 0; }



.post-content-wrap .post-content .post-hidden .post-comment { position:relative; overflow:hidden; margin-bottom:10px; border-bottom:#c7d1e7 1px solid; }

.post-content-wrap .post-content .post-hidden .post-comment p { position:relative; }

.post-content-wrap .post-content .post-hidden .post-comment .c-actions { position:relative; overflow:hidden; }

.post-content-wrap .post-content .post-hidden .post-comment .c-actions p { position:relative; }

.post-content-wrap .post-content .post-hidden .post-comment .c-form { position:relative; clear:both; margin:10px auto; width:550px; }



.post-content-wrap .post-content .post-hidden .post-comments { position:relative; display:block; margin:10px 0; border-bottom:#c7d1e7 1px solid; }

.post-content-wrap .post-content .post-hidden .post-comments .comment { position:relative; width:95%; padding:10px 0; margin:5px auto; border-bottom:#c7d1e7 1px solid; overflow:hidden; clear:both; font-size:11px; }

.post-content-wrap .post-content .post-hidden .post-comments .comment div { position:relative; }

.post-content-wrap .post-content .post-hidden .post-comments .comment .gravatar { width:60px; }

.post-content-wrap .post-content .post-hidden .post-comments .comment .comment-content { width:550px; }



.post-content-wrap .post-content .post-hidden .send-form, .post-content-wrap .post-content .post-hidden .comment-form { display:none; }



/* .hidden post content */

.post-content-wrap .post-content .post-actions { display:block; position:relative; }

.post-content-wrap .post-content .post-actions p { position:relative; }

.post-content-wrap .post-content .post-actions p.open-post { font-size:14px; padding-right:20px; background:url(images/open_arrow.png) no-repeat center right; cursor:pointer; }

.post-content-wrap .post-content .post-actions p.close-post { font-size:14px; padding-right:20px; background:url(images/close_arrow.png) no-repeat center right; cursor:pointer; }



/* pagination */

.pagination {

	position:relative;

	display:block;

	padding-top:20px;

	text-align:center;

	font-size:15px;

	overflow:hidden;

}

.pagination #rb-page-prev, .pagination #rb-page-next { position:absolute; }

#rb-page-prev { left:5px; } #rb-page-next { right:5px; }

.pagination img { position:relative; top:1px; border:none; }



/* archives */

.archives {

	position:relative;

	display:block;

	text-transform:uppercase;

	font-size:15px;

	padding-top:40px;

}

.archives h2 { margin-left:0; }

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

.archives a { padding-right:10px; }

.archives a.year { padding-right:20px; }



/* footer */

.z-footer {

	position:relative;

	display:block;

	margin:15px 0;

	font-size:13px;

	clear:both;

}

.z-footer p { position:relative; overflow:hidden; }

.z-footer .copyright { font-size:11px; text-align:left; }

.z-footer .c-info { font-size:14px; text-align:right; overflow:hidden; }



/* forms */

form { margin:0; padding:0; }

.f-form { }

.f-form input[type=text], textarea {

	position:relative;

	width:500px;

	margin:3px 0;

	background:none;

	border:#fff 1px solid;

	padding:3px;

	color:#fff;

}



/* sidebar */

.s-item {

	position:relative;

	display:block;

	margin-bottom:10px;

	font-size:20px;

	overflow:hidden;

}

.s-item .s-head {

	margin:0; padding:0;

	background:url(images/s-head.png) no-repeat top center;

	display:block; height:8px;

}

.s-item .s-foot {

	margin:0; padding:0;

	background:url(images/s-foot.png) no-repeat top center;

	display:block; height:9px;

}

.s-item .s-closed {

	display:block; height:30px;

	padding:0 10px 0 25px; margin:0;

	background:url(images/s-closed.png) no-repeat center center;

}

.s-item .s-title {

	position:absolute;

	top:5px; left:20px;

	cursor:pointer;

	z-index:9999;

}

.s-item .s-icon {

	position:absolute;

	top:4px; right:10px;

	cursor:pointer;

	z-index:9998;

}



.s-item .s-body {

	position:relative;

	display:block;

	background:url(images/s-bg.png) repeat-y top center;

	padding:0 10px;

	margin:0;

	min-height:13px;

	font-size:15px;

}



.s-item .s-body .s-content {

	display:block;

	margin:0 auto;

	padding:0 10px;

	padding-top:35px;

	display:none;

}



.s-item .s-body .s-content input[type=text] {

	color:#FFF;

	display:block;

	width:100%;

	background:none;

	border:#FFF 1px solid;

}



.s-item .s-body .social-links { padding-left:0; padding-right:0; }

.s-item .s-body .social-links a { padding:0 2px; }



/* clear wrap */

.clear-wrap {

	position:relative;

	background:none;

	display:block;

}



/* friends */

.f-friends a {

	padding:0 22px 0 0;

}



/* contact page */

.contact-page { position:relative; overflow:hidden; }

.contact-info {

	position:relative;

	width:450px;

	min-width:432px;

	background:url(images/contact_img.png) no-repeat top center;

	border-right:#FFF 1px solid;

	padding:300px 20px 20px 0;

	overflow:hidden;

	font-size:10px;

}

.contact-info div { position:relative; margin-right:25px; }

.contact-info em { font-size:11px; }



.contact-form {

	position:relative; width:400px;

	margin-left:20px;

	padding-top:30px;

	padding-bottom:25px;

}



.contact-form input[type=text], .contact-form textarea {

	display:block;

	width:100%;

	padding:3px;

	margin:5px 0;

	background:none;

	border:#FFF 1px solid;

	color:#FFF;

	font-size:14px;

	font-family:Helvetica, Arial, sans-serif;

}



.contact-form span { position:relative; }

.contact-form a { padding-left:15px; text-transform:uppercase; }



.contact-form .contact-error {

	position:relative;

	padding-bottom:15px;

	color:#FFF;

	display:block;

	clear:both;

}