/*  
Theme Name: Serious PR
Theme URI: http://www.seriouspr.com/
Description: Serious PR wordpress template
Version: 0.1
Author: Bartek Czerwinski bartek@gecoloco.com
Author URI: http://gecoloco.com
*/

/*   Screen styles   */

/* GLOBAL RESET SETTINGS ******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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 {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;}
html { height: 100%; }

/* VARIETE **************/

.clear { clear: both; } 
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
.left { float: left; }
.right { float: right; }
.more { color: #00c1ba; font-size: 11px; float: right; }
.rounded-corners-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.rounded-corners-3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.container { width: 960px; margin: 0 auto; position: relative; }
.rss  { width:20px; height: 20px; display: block; background: transparent url('images/rss.png') 50% 50% no-repeat; text-indent: -3000px; overflow: hidden; float: right; }

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


/* PAGE FONT SETTINGS **************/

html {
	background: #1e1e1e;
}
body { 
	background: #1e1e1e;
	font: 13px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* HEADER SETTINGS **************/

#header { 
	width: 100%; 
	height: 90px;
	background: #0f0f0f;
	overflow: visible;
	}
#header .container {
		position: relative;
		height: 1%;
	}
#branding { 
	position: absolute;
	left: 0;
	top: 20px;
	display: block;
	width: 130px;
	height: 50px;
	background: transparent url('images/logo.png') 0 0 no-repeat;
	z-index: 101;
	 }	
#branding a { 	
	display: block;
	width: 130px;
	height: 50px;
	overflow: hidden;
	text-indent: -3000px;
}

#nav {
	position: absolute;
	top: 60px;
	right: 0;
	height: 30px;
	z-index: 100;
	 }
	#nav li { 
		float: left; 
		position: relative;
		height: auto;
		display: inline !important;
		display: block;
		width:auto;
		height: auto !important;
		height: 30px;
		}
		
		#nav li a { 
			float: left; 
			display: block;
			height: 30px;
			line-height: 30px;
			color: #a69b79;
			padding: 0 18px;
			font-size: 13px;
			text-decoration: none;
			background: transparent url('images/nav-sep.png') 0 0 no-repeat;
			font-family: Helvetica, Arial, sans-serif;
			text-transform: lowercase;
		}
		
		#nav li.current a, 
		#nav li a:hover, 
		#nav li:hover a,
		#nav #login a:hover {
			background: #be0118;
			color: #fff;
		}	
		
		#nav ul {
			display: none;
			position: absolute;
			background: #be0118;
			z-index:998;
			width: 200px;
			height: auto;
			top: 30px;
			left: 0;
			padding: 0; 
		}
		#nav li:hover, #nav li.sfhover {
			display: block;
			/* height: 35px !important; */
			height: 1%; 
		}
		
		#nav li:hover ul, #nav li.sfhover ul {
			display: block;
		}

		#nav ul a {
			padding: 0 10px;
			float: none;
			width: 180px;
			margin: 0 auto;
			height: 25px;
			display: block;
			line-height:  25px;
			font-size: 12px;
			border-bottom: 1px solid #7e000f;
		}
			
		#nav li:hover ul a,
		#nav li:hover ul li,
		#nav li.sfhover ul a,
		#nav li.sfhover ul li {
			background: none;
		}
		#nav li:hover ul a:hover,
		#nav li.sfhover ul a:hover {
			background: #7e000f;
			color: #fff;
			}
		#nav ul li:hover li, #nav ul li.sfhover li; #nav ul li:hover li:hover, #nav ul li.sfhover li.sfhover  {
			display: block;
			height: 25px !important;
			height: 25px;
		}		

	
/* CONTENT SETTINGS **************/
	
	
	#content {  
		margin: 0 auto; 
		position: relative; 
		padding: 25px 0 25px; 
		background: #242424;
		}  
	
	.box { 
		padding: 25px 0;
		position: relative;
	 }
	
	.box h2 { 
		display: block; 
		font-size: 28px;
		color: #b9ac85;
		font-weight: 1200;
		 }
	
	.box h2.boxed, .box h2.widgettitle {
		display: block;
		padding: 0;
		clear: left;
	}
	
	.box h2.boxed span, .box h2.widgettitle span { 
		display: inline; 
		font-size: 13px;
		text-transform: uppercase;
		color: #fff;
		background: #be0118;
		font-weight: 700;
		padding: 5px 10px;
		}		
	
	.box h3 { 
		display: block; 
		font-size: 16px;
		color: #b9ac85;
		font-weight: 700;
		padding-bottom: 5px;
		margin-top: 10px;
		text-transform: uppercase;
	}
	
	#comments h3 {
	color: #be0118;
}
		 
	.box h4 { 
		display: block; 
		font-size: 13px;
		text-transform: uppercase;
		color: #888;
		font-family: Arial, sans-serif; 
		font-weight:  400;
		padding: 10px 0 5px;
		 }
	
	#content a, #content a:visited { color: #b9ac85; }
	#content a:hover { color: #ece4cd; }
	
	#content .meta { font-size: 11px; color: #888; display: block; clear: left; padding: 0; line-height: 14px; }
	#content .meta a { color: #666; }
	
	#content strong, #content b { font-weight: 700; }
	#content em, #content i { font-style: italic; }
	
	.articles { padding: 0 0 5px 0; }
	.articles li { padding: 5px 0; }
	
	
	
/* MAIN SETTINGS **************/
	
	#main { float: left; width: 600px}

	
	#showcase { 
		width: 100%;  
		padding: 25px 0;
		margin-top:  -25px;
		background: #1e1e1e;
	}
	
	#showcase ul {
	height: 300px;
	}

	#showcase li {
	width: 74px;
	height: 300px;
	display: block;
	border:  1px solid #000;
	float: left;
	overflow: hidden;
	}
	
	
	#showcase li ul {
	width: 300px;
	height: auto;
	margin: 150px 0 0 260px;
	padding: 30px;
	background: transparent url('images/dim70.png') repeat 0 0;
	}
	
	#showcase li li {
	width: auto;
	height: auto;
	border: none;
	background: none;
	float:  none;
	}
	
	#showcase ul li#spec18 {
	width:  560px;
	}
	
	#intro {
		padding: 25px 0;
	}
	
	#intro h1 {
		font-size: 16px; 
		line-height: 24px;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		width: 600px;
		float: left;
		font-weight: 400;
	}
	#intro #accreditation {
		float: right;
		width: 285px;
		height: 70px;
		background: transparent url('images/badges.png') no-repeat 0 0;
	}
	
	#intro #accreditation2{
		float: right;
		width: 285px;
		height: 70px;
		background: transparent url('images/badges2.png') no-repeat 0 0;
	}
	
		#intro #accreditation2 li a {
		display:block;
		width: 60px;
		height: 70px;
		margin-right: 20px;
		float: left;
		overflow: hidden;
		text-indent: -3000px;
	}
	
	#intro #accreditation li { float: left; }
	
	#intro #accreditation li a {
		display:block;
		width: 60px;
		height: 70px;
		margin-right: 20px;
		float: left;
		overflow: hidden;
		text-indent: -3000px;
	}
	
	#intro #accreditation li a#prca {
		width: 80px;
	} 
	
	#intro #accreditation2 li a#prbout {
		width: 120px;
	} 
		#intro #accreditation2 li a#nifd{
		width: 120px;
	} 
	
			
	#home-3col #news, #home-3col #blog, #home-3col #comm {
		width: 290px;
	}
	
	#home-3col #news, #home-3col #blog {
		float: left;
		padding: 25px 30px 0 0;
	}
	
	#home-3col #comm {
		float: right;
	}
	
	
	.featured-posts {
		border-top: 1px solid #322e2e;
		padding: 0;
		margin: 15px 0;
	}
	
	.featured-posts li {
		border-bottom: 1px solid #322e2e;
		padding: 5px 0;
	}
	
	.featured-posts h3 {
		text-transform: none;
		font-weight: 400;
		font-size: 14px;
		padding:  0;
		margin: 5px 0 0 5px;
	}
	
	.featured-posts img {
		float: left;
		margin: 5px 10px 5px 0;
	}
		
	.featured-posts span {
		color: #6d6d71;
		font-size: 11px;
		margin: 0 0 0 5px;
		display: block;
	}
	
	#blog .featured-posts h3, #blog .featured-posts span {
	margin-left:  5px;
} 	
	.pagetitle {
		padding: 0;
	}
	
	.pagetitle h1 {
		display: block; 
		font-size: 28px;
		line-height: 26px;
		color: #b9ac85;
		font-weight: 1200;
		padding: 5px 0 10px;
	}
	
	.post h2 { 
		display: block; 
		font-size: 16px;
		color: #be0118;
		font-weight: 700;
		padding-bottom: 5px;
		margin-top: 10px;
		text-transform: uppercase;
	}

	.post h3 { 
		display: block; 
		font-size: 16px;
		color: #b9ac85;
		font-family: Arial, Helvetica, sans-serif; 
		font-weight:  400;
		padding: 10px 0 5px;
		text-transform: uppercase;
		 }
	
	.post { 
		clear:both; 
		padding: 10px 0 20px; 
		margin-bottom: 10px; 
		clear: left;
		border-bottom: 1px solid #322e2e;
	}
	
	.post .il {
	margin:  10px 0;
	display: block;
	width: 600px;
	height:  150px;
	border:  3px solid #242424;
	overflow: hidden;
	}
	
	.post .il:hover {
	border: 3px solid #b9ac85;
	}
	
	.postmetadata {
		color: #666;
		font-size: 11px;
		margin-top: -3px;
	}
	#content .postmetadata a {
		color: #888;
		padding-left: 20px;
	}
	#content .page .postmetadata {
		clear: left;
		margin-top: 5px;
	}
	.postcomments {
		float: right;
	}
	
	.entry p { 
		padding: 7px 0;
		font: 13px/19px Arial, Helvetica, sans-serif;
	 }
	#main .post ul { 
	padding-left: 10px;
	padding-bottom: 10px;
	}
	
	#main .post li {
		display: block;
		padding: 3px 0 2px 25px;
		background: transparent url('images/bullet.png') 0 3px no-repeat;
		line-height: 16px;
	}
	
	#related {
	padding: 5px 0;
	margin-top: 20px;
	}
	
	.share {
	padding:  10px 0 5px;
	text-align:  right;
	}
	
	.tweet {
	padding:  10px 0 0;
	font-size: 12px;
	display: block;
	}
	#content a.twittime {
		font-size: 11px;
		color:  #666;
	}

	
/* TESTIMONIALS SETTINGS **************/

.testimonials li {
	padding:  15px 0;
	border-bottom: 1px solid #322e2e;
}

.testimonials img {
	display: none;
}

.testimonials img.t {
	display: block;
	float:  left;
	margin:  5px 15px 5px 0;
}

.testimonials li p {
	font-style:  italic;
	line-height: 21px;
	font-size: 13px;
	margin-left: 140px;
}

.testimonials h3 {
	text-transform: uppercase;
	padding:  10px 0 5px;
	font-weight: 400;
	color: #b9ac85;
	margin-left: 140px;
}

/* PEOPLE SETTINGS **************/

.profile {
	padding:  10px;
	border: 1px solid #322e2e;
	margin: 5px;
	width: 265px;
	min-height: 12em;
	background: #1e1e1e;
	float: left;
}

.profile .mugshot {
	width: 100px;
	height: 100px;
	display: block;
	float:  left;
	border: 1px solid #322e2e;
	margin: 1px;
}

.profile .mugshot:hover {
	border:  2px solid #1d1d1d;
	margin:  0;
}

.profile ul {
	display: block;
	float: right;
	width: 145px;
	border-bottom: 1px solid #322e2e;
}

.profile li {
	display: block;
}


.profile h3 {
	text-transform: uppercase;
	padding: 0;
	font-size: 14px;
	color: #b9ac85;
	font-weight: 400;
}

#content .profile strong {
	font-size: 11px;
	font-weight: 400px;
	display: block;
	padding-bottom: 5px;
	height: 20px;
}

.profile li a {
	display: block;
	padding:  2px 0;
}

.profile li.facebook, .profile li.twitter, .profile li.email, .profile li.linkedin {
	border-top: 1px solid #322e2e;
}
.profile li.facebook a, .profile li.twitter a, .profile li.email a, .profile li.linkedin a {
	display: block;
	padding-left:  25px;
}

.profile li.facebook a:hover, .profile li.twitter a:hover, .profile li.email a:hover, .profile li.linkedin a:hover {
	background-color: #242424;
	text-decoration: none;
}

.profile li.facebook a {
	background: url('images/facebook-icon.png') 0 50% no-repeat;
}
.profile li.twitter a{
	background: url('images/twitter-icon.png') 0 50% no-repeat;
}
.profile li.email a{
	background: url('images/email-icon.png') 0 50% no-repeat;
}
.profile li.linkedin a {
	background: url('images/linkedin-icon.png') 0 50% no-repeat;
}

.sp a { 
	height: 40px;
	padding: 5px;
}	
.sp {
	display:  block;
	height: 55px;
	clear:  left;
}
.sp img {
	float:  left;
	margin-right: 10px;
}

.sp a span {
	color: #fff;
	font-size: 11px;
}

.follow-links {
	width: 450px;
	margin:  20px 0;
	border-bottom: 1px solid #322e2e;
}

.follow-links li {
	display: block;
	border-top: 1px solid #322e2e;
}
.follow-links li.facebook a, .follow-links li.twitter a, .follow-links li.email a, .follow-links li.linkedin a {
	display: block;
	padding: 5px 0 5px 25px;
}

.follow-links li.facebook a:hover, .follow-links li.twitter a:hover, .follow-links li.email a:hover, .follow-links li.linkedin a:hover {
	background-color: #1e1e1e;
	text-decoration: none;
}

.follow-links li.facebook a {
	background: url('images/facebook-icon.png') 0 50% no-repeat;
}
.follow-links li.twitter a{
	background: url('images/twitter-icon.png') 0 50% no-repeat;
}
.follow-links li.email a{
	background: url('images/email-icon.png') 0 50% no-repeat;
}
.follow-links li.linkedin a {
	background: url('images/linkedin-icon.png') 0 50% no-repeat;
}

.follow-links span {
	color:  #fff;
}


/* CLIENTS **************/

.bookmarks-gallery a {
	display: block;
	float:  left;
	margin: 6px;
	padding: 0;
	border: 1px solid #322e2e;
	line-height: 0px;
}

.bookmarks-gallery a:hover {
	border:  4px solid #242424;
	margin: 3px;
}

/* CASE STUDIES **************/

.casestudy h2 {
	margin: 0;
}

.casestudy p {
	margin: 0 120px 0 0;
}

.casestudy h3 {
 display: none;
}

.casestudy .cat {
	margin: 0 0 10px 0;
	font-size: 11px;
	display: block;
}


.casestudy .more-link {
	float: right;
}

/* COMMENTS SETTINGS **************/

	#commentform {
	padding: 10px 0;
}
	#commentform p {
	display: block;
	clear: left;
}
	#commentform input {
	width: 250px;
	height: 24px;
	line-height: 24px;
	padding: 2px 5px;
	margin: 10px 20px 0 0;
	font-size: 13px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	border: 1px solid #3a3a3a;
	background: #1e1e1e;
	color: #6d6d71;
}	
	#commentform textarea {
	width: 600px;
	height:  150px;
	line-height: 24px;
	padding: 2px 5px;
	margin: 10px 0 0;
	font-size: 13px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #3a3a3a;
	background: #1e1e1e;
	color: #6d6d71;
}	
	
	#commentform label, #commentform label small {
	color:  #666;
	font-size: 13px;
}
	#commentform #submit {
		width: 130px;
		padding: 0;
		margin: 0;
		line-height: 26px;
		height: 26px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		border: 0 none;
		background: #be0118;
		cursor: pointer;
		margin: 10px 20px 10px 0;
	}

	.commentlist {
	margin-top: 20px;
	padding: 0 0 20px;
	border-top:  1px dotted #333;
}
	#main .page .comment {
	padding:  15px 0; 
	border-bottom:  1px dotted #333;
}
	.commentlist .avatar {
	float: : left;
}
	.commentmetadata {
		color: #666;
		font-size: 11px;
		margin: 5px 0 5px 50px;
	
	}
	#content .commentmetadata a {
		color: #888;
		padding-right: 20px;
	}
	.comment cite {
		padding: 7px 0;
		margin-left:  17px;
		font: 14px/19px Arial, Helvetica, sans-serif; font-weight: 700;
	}
	.comment p {
		padding: 7px 0;
		margin-left:  50px;
		font: 13px/19px Arial, Helvetica, sans-serif;
	}
	.avatar {
	float: left;
}
	
/* SIDEBAR SETTINGS **************/
	
#sidebar { 
	float: right; 
	width: 270px; 
	border-left: 1px solid #322e2e;
	padding-left:  35px;
}

#sidebar a.view-all { float: right; font-size: 11px; }

#sidebar .box { 
	position: relative; 
	padding: 0 0 25px; 
	}

#sidebar label { color: #B9AC85; font-size: 12px;line-height: 16px; }

#comm .box {
	padding-bottom:  20px;
}

#comm fieldset { 
	position:relative; 
	height: 90px; 
}

#comm .box p {
	padding:  20px 0;
}

.wpnewsletter_name { 
	width: 185px;
	height: 22px;
	padding: 3px 5px;
	margin-top: 20px;
	border: 1px solid #3a3a3a;
	background: #1e1e1e;
	color: #6d6d71;
	font-size: 13px;
 }
 
.wpnewsletter_email { 
	width: 185px;
	height: 22px;
	padding: 3px 5px;
	margin-top: 10px;
	border: 1px solid #3a3a3a;
	background: #1e1e1e;
	color: #6d6d71;
	font-size: 13px;
}

#email-signup {
	width: 80px;
	padding: 0;
	margin: 0;
	line-height: 26px;
	height: 26px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 0 none;
	background: #be0118;
	cursor: pointer;
	position: absolute;
	top: 60px;
	right: 0;
}

#sidebar .box ul {
	border-bottom: 1px solid #322e2e;
	margin: 15px 0 0;
	padding: 0;
}
#sidebar .box li {
	padding:  0;
	margin: 0;
	border-top: 1px solid #322e2e;
	display: block;
}
#sidebar .box li a {
	display: block;
	padding:  7px 5px;
	line-height: 20px;
}
#sidebar .box li a:hover {
	background: #1e1e1e;
	text-decoration: none;
}

#sidebar #subscribe-rss li a {
	display: block;
	padding:  7px 5px 7px 40px;
	background-image: url('images/rss.png');
	background-position: left center;
	background-repeat: no-repeat;	
	line-height: 25px;
}

#sidebar h2 {
	font-size: 20px;
	padding-top:  10px;
}

#sidebar .more {
	margin-top: 10px;
}


#sidebar .testimonial  li {
	padding: 7px 5px;
}

#sidebar .testimonial img {
	border: 1px solid #322e2e;
	float:  left;
	margin: 5px 10px 5px 0;
}

#sidebar .testimonial  em img {
	display: none;
}
	
/* FOOTER SETTINGS **************/
	
	
#footer { 
	width: 100%; 
	clear: both; 
	padding: 0; 
	height: 200px; 
}

#search {
	position: absolute;
	left: 0;
	top: 25px;
	width: 250px;
	}
#search fieldset {
	position: relative;
	width: 250px;
	}
#search label { 
	color: #cecece; 
	line-height: 26px; 
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	}
#s { 
	width: 160px;
	height: 20px;
	padding: 3px 5px;
	margin: 0 10px 0 0;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #3a3a3a;
	background: #1e1e1e;
	color: #6d6d71;
	font-size: 13px;
 }
#sb {
	width: 60px;
	padding: 0;
	margin: 0;
	line-height: 26px;
	height: 26px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 0 none;
	background: #be0118;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}

#footer #foot-nav { 
	position:  absolute;
	top:  70px;
	left:  0;
	height: 34px; 
}

#footer #foot-nav li { 
	float: left; 
	padding: 0; 
}

#footer #foot-nav li a, #footer #foot-nav li a:visited { 
	display: block; 
	color: #b9ac85; 
	font-size: 11px; 
	height: 30px; 
	line-height: 30px; 
	padding: 0 20px 0 0; 
	background: transparent url('images/footer-nav-sep.png') 100% 50% no-repeat; 
}

#footer li a:hover { 
	color: #ece4cd; 
	text-decoration: underline; 
}

#footer li:last-child a { 
	background: none;  
}

#footer p { 
	position:  absolute;
	top: 100px;
	color:#888; 
	font-size: 11px;
	line-height: 14px; 
	padding-top: 7px; 
}

#footer p a { 
	color: #b9ac85; 
}
	
#footer #social {
	position: absolute;
	right:  0;
	top:  20px;
	width: 230px;
}

#footer #social a {
	display: block;
	float:  left;
	width:  22px;
	height:  22px;
	margin-left: 15px;
	overflow: hidden;
	text-indent: -3000px;
}

#footer #social #twitter a {
	background: transparent url('images/social.png') -5px 50% no-repeat; 
}

#footer #social #facebook a {
	background: transparent url('images/social.png') -38px 50% no-repeat; 
}

#footer #social #linkedin a {
	background: transparent url('images/social.png') -73px 50% no-repeat; 
}

#footer #social #myspace a {
	background: transparent url('images/social.png') -113px 50% no-repeat; 
}


#footer #social #bebo a {
	background: transparent url('images/social.png') -153px 50% no-repeat; 
}

#footer #social #delicious a {
	background: transparent url('images/social.png') -193px 50% no-repeat; 
}


.entry li {margin:.5em 0 .5em 1.5em; list-style:disc;}

.subscribe { 
       background:none repeat scroll 0 0 #BE0118;
       border:0 none;
       color:#FFFFFF;
       cursor:pointer;
       font-size:12px;
       height:25px;
       line-height:26px;
       margin:10px 20px 10px 0;
       padding-bottom:5px;
       text-align:center;
       width:130px;
       -moz-border-radius:3px 3px 3px 3px;
}

.input-subscribe { margin-bottom:6px; padding:3px; }