/*  
Theme Name: Mercury
Theme URI: http://www.mercuryboyinc.com/
Description: a sweet wordpress template for Mercury Boyz Blog
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:16px; height: 16px; 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: #fff;
}
body { 
	background: transparent url('images/footer-bg.png') 0 100% repeat-x; 
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #000;
}

#wrapper { width: 960px; margin: 0 auto; }

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

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

#header { 
	width: 960px; 
	height: 130px;
	overflow: visible;
	position: relative;
	}
#branding { 
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 166px;
	height: 120px;
	background: transparent url('images/logo.png') 0 0 no-repeat;
	z-index: 101;
	 }	
#branding a { 	
	display: block;
	width: 166px;
	height: 120px;
	overflow: hidden;
	text-indent: -3000px;
}
#search {
	position: absolute;
	right: 0;
	top: 55px;
	width: 350px;
	}
#search fieldset {
	position: relative;
	width: 350px;
	}
#search label { 
	color: #cecece; 
	line-height: 26px; 
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	}
#s { 
	width: 190px;
	height: 20px;
	border: 1px solid #cecece;
	padding: 2px 5px;
	margin: 0 10px;
	background: #fafafa url('images/input-bg.png') 0 0 repeat-x;
	position: absolute;
	left: 60px;
	top: 0;
 }
#sb {
	width: 60px;
	padding: 0;
	margin: 0;
	line-height: 26px;
	height: 26px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 0 none;
	background: #680390;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}

	
/* CONTENT SETTINGS **************/
	
	
	#content { 
		width: 960px; 
		margin: 0 auto; 
		position: relative; 
		padding: 0 0 30px; 
		background: #fff;
		}  
	
	.box { 
		margin: 30px 0 0;
		 }
	
	.box h2 { 
		display: block; 
		font-size: 22px;
		color: #dc5300;
		font-weight:  400;
		 }
	
	.box h2.boxed {
		display: block;
		padding: 0;
		clear: left;
	}
	.box h2.boxed span { 
		display: inline; 
		font-size: 13px;
		text-transform: uppercase;
		color: #fff;
		background: #680390;
		font-weight: 700;
		padding: 5px 10px;
		}		
	
	.box h3 { 
		display: block; 
		font-size: 16px;
		color: #666;
		font-weight: 700;
		padding-bottom: 5px;
		margin-top: 10px;
		text-transform: uppercase;
	}
		 
	.box h4 { 
		display: block; 
		font-size: 13px;
		text-transform: uppercase;
		color: #680390;
		font-family: Arial, sans-serif; 
		font-weight:  400;
		padding: 10px 0 5px;
		 }
	
	#content a, #content a:visited { color: #680390; }
	#content a:hover { color: #e000df; }
	
	#content .meta { font-size: 11px; color: #888; display: block; clear: left; padding: 0; line-height: 14px; }
	#content .meta a { color: #666; }
	
	.articles { padding: 0 0 5px 0; }
	.articles li { padding: 5px 0; }
	
	
	
/* MAIN SETTINGS **************/
	
	#main { float: left; width: 640px}
	
	#main strong, #main b { font-weight: 700; }
	#main em, #main i { font-style: italic; }
	
	.pagetitle {
		padding: 5px 0 0;
	}
	
	.pagetitle h1 {
		font-size:  16px;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif; 
		font-weight:  700;
		padding: 5px 10px;
		text-transform: uppercase;
		background: #680390;
		display: inline;
	}
	
	.page h2 { 
		display: block; 
		font-size: 16px;
		color: #45e9ff;
		font-weight: 700;
		padding-bottom: 5px;
		margin-top: 10px;
		text-transform: uppercase;
	}
	
	.post { 
		clear:both; 
		padding: 0 0 10px; 
		margin-bottom: 10px; 
		clear: left;
	}
	
	.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 .page ul { 
	padding-left: 10px;
	padding-bottom: 10px;
	}
	
	#main .page li {
		display: block;
		padding: 3px 0 2px 25px;
		background: transparent url('images/bullet-orange.png') 0 3px no-repeat;
		line-height: 16px;
	}
	
	#related {
	padding: 5px 10px;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	margin-top: 20px;
	}
	
	.share {
	padding:  10px 0 5px;
	text-align:  right;
	}
/* COMMENTS SETTINGS **************/

	#commentform {
	padding: 10px 0;
}
	#commentform p {
	display: block;
	clear: left;
}
	#commentform input {
	width: 250px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #cecece;
	padding: 2px 5px;
	margin: 10px 20px 0 0;
	background: #fafafa url('images/input-bg.png') 0 0 repeat-x;
	font-size: 13px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
}	
	#commentform textarea {
	width: 550px;
	height:  200px;
	line-height: 24px;
	border: 1px solid #cecece;
	padding: 2px 5px;
	margin: 10px 20px 0 0;
	background: #fafafa url('images/input-bg.png') 0 0 repeat-x;
	font-size: 13px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
}	
	
	#commentform label, #commentform label small {
	color:  #666;
	font-size: 13px;
}
	#commentform #submit {
		width: 150px;
		padding: 0;
		margin: 0;
		line-height: 26px;
		height: 26px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		border: 0 none;
		background: #680390;
		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: 275px;  }
	
	#sidebar a.view-all { float: right; font-size: 11px; }
	#sidebar .box { position: relative; }
	
	#sidebar label { color: #666; font-size: 12px;line-height: 16px; }
				
	#sidebar .box ul {
		padding: 15px 0 5px;
	}
	
	#sidebar .box li {
		padding: 5px 0;
	}
	
/* FOOTER SETTINGS **************/
	
	
	#footer { clear: both; padding: 0; height: 260px; position: relative; }
	#footer p { position: absolute; bottom: 0; left: 0; color:#888; font-size: 11px; line-height: 14px; padding-bottom: 10px; }
	#footer p a { color: #680390; }