/*

	Theme Name: Archeronne

	Theme URL: http://www.stevebluck.co.uk/archeronne

	Description: Archeronne is a blog, portfolio and business theme.

	Author: Steve Bluck

	Author URI: http://www.stevebluck.co.uk

	Version: 1.0

*/



@import url("css/960.css");

@import url("css/reset.css");

@import url("css/nav.css");

@import url("css/lightbox.css");



body{

	font-family:Georgia, Arial, Helvetica, sans-serif, "Arial Narrow";

}



a{

	color:#2d2d2d;

	text-decoration:none;

}





p.bad{

	padding:10px;

	background:#FFCECE;

	font-size:0.8em;

	line-height:23px;

	margin:0 0 20px 0;

}



p.good{

	padding:10px;

	background: #C6FFC6;

	font-size:0.8em;

	line-height:23px;

	margin:0 0 20px 0;

}



.spacer{

	height:20px;

}



small{

	color:#969595;

	font-size:0.7em;

	text-transform:uppercase;

}



small a{

	color:#969595;

}



small a:hover{

	color:#000000;

}



.right{

	float:right;

}



a.btn{

	padding:10px;

	text-align:center;

	background:#d1d1d1;

	border:1px solid #c9c7c7;

	color:#FFFFFF;

	font-size:0.6em;

	text-transform:uppercase;

	display:block;

	float:left;

}



a:hover.btn{

	background:#000000;

	border:1px solid #333333;

	color:#FFFFFF;

}



#header{

	position:relative;

	z-index:1000;

}



#nav ul{

	float:right;

	background:#ebebeb;

	margin:92px 0 0 0;

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

	text-transform:uppercase;

	font-size:0.7em;

	height:41px;

}



#nav li{

	float:left;

}



#nav li a{

	display:block;

	height:24px;

	float:left;

	padding:16px 30px 0 30px;

}



#nav li a:hover{

	color:#ffffff;

	background-color:#2d2d2d;

}



#nav ul li ul{

	width:170px;

	font-size:1em;

	margin:13px 0 0 0;

	height:auto;

	border:1px solid #FFFFFF;

}



#nav ul li ul li{

	border-bottom:1px solid #FFFFFF;

	width:170px;

}



#nav ul li ul li a{

	display:block;

	width:120px;

	height:24px;

	padding:16px 30px 0 20px;

}



#banner{

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

	margin:45px 10px 0 10px;

	display:block;

	position: relative;

	z-index:1;

	height:320px;

	overflow:hidden;

}



#banner a img{

	margin:15px 0 0 20px;

}





#banner h1{

	font-size:2.7em;

	line-height:1.1em;

	font-weight:normal;

	margin:10px 0 10px 0;

}



#banner p{

	font-size:0.8em;

	color:#969595;

	line-height:23px;

	margin:0 0 20px 0;

}



#banner a.btn{

	margin:0px 15px 0 0;

}



#banner_nav{

	background:url(images/banner_nav_bg.jpg) repeat-x;

	margin:0px 0 0 0;

	line-height:16px;

	float:left;

}



#banner_nav #holder{

	text-align:center;

	cursor: default;

	width:940px;

}



#banner_nav #holder{

	margin:-4px 0 0 0;

}



#banner_nav a{

	background:url(images/nav_bg.jpg) no-repeat;

	padding:0px 7px 0px 2px;

	cursor:pointer;

	color:#d9d9d9;

	font-size:0.6em;

	display:inline;



}



#posts{

	margin:15px 0 0 0px;

	width:960px;

	overflow:hidden;

}



#banner_items{

	float:left;

	width:940px;

}



#posts a img{

	border:3px solid #e1e0e0;

	margin:0 0 10px 0;

	position:relative;

	z-index:1;

	width:213px;

	height:130px;

	display:block;

}





#posts a span{

	font-weight:normal;

	font-size:1.25em;

	line-height:25px;

	text-transform:capitalize;

}



#posts a:hover span{

	color:#2d2d2d;

}



#posts p{

	font-size:0.8em;

	line-height:23px;

	margin:10px 0 0px 0;

	color:#969595;

}



.right_btn{

	position:absolute;

	z-index:1000;

	margin:-398px 0 0 930px;

}



.right_btn a{

	display:block;

	background:url(images/right.png);

	width:35px;

	height:37px;

}



.left_btn{

	position:absolute;

	z-index:1000;

	margin:-398px 0 0 -8px;

}



.left_btn a{

	display:block;

	background:url(images/left.png);

	width:35px;

	height:37px;

}



.post_btn a.btn{

	padding:10px 30px 10px 30px;

	color:#FFFFFF;

	font-size:0.6em;

	float:right;

}



.post_btn{

	margin:30px 0 0 0;

	padding:0 0 30px 0;

	border-bottom:1px solid #d9d9d9;

}



.post_btn a:hover.btn{

	padding:10px 30px 10px 30px;

	background:#2d2d2d;

	border:1px solid #000000;

	color:#FFFFFF;

}



#buttons{

	width:920px;

	float:left;

}



#services, #homewidget{

	margin:20px 10px 0 10px;

	padding-bottom:30px;

}



#services h2{

	text-transform: uppercase;

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

	font-size:0.8em;

	float:left;

	width:240px;

}



#services h1, #homewidget h1{

	font-family: Georgia, Arial, Helvetica, sans-serif, "Arial Narrow";

	font-size:1.5em;

	display:block;

	border-bottom:1px solid #d9d9d9;

	padding:0 0 15px 0;

	font-weight:normal;

	text-transform:uppercase;

}



#services p, #main p, .widget p{

	font-size:0.8em;

	line-height:23px;

	color:#969595;

}



#services .icon{

	float:left;

	width:48px;

	height:80px;

	margin-right:10px;

}



#services .service{

	margin:40px 10px 0px 0;

}



#homewidget input, #homewidget textarea{

	padding:7px 5px 7px 5px;

	border:3px solid #d9d9d9;

	margin:0 0 20px 0;

	width:280px;

	font-family: Georgia, Arial, Helvetica, sans-serif, "Arial Narrow";

	font-size:0.8em;

}



#homewidget input.btn{

	padding:10px 0px 10px 0px;

	color:#FFFFFF;

	font-size:0.6em;

	cursor:pointer;

	width:100px;

	text-transform:uppercase;

	float:right;

}



.widgetholder{

	padding: 40px 0px 0px 0px;

}



.widgetholder label{

	text-transform:uppercase;

	font: Arial, Helvetica, sans-serif, "Arial Narrow";

	font-size:0.8em;

	margin:0 0 10px 0;

	display:block;

}



#footer{

	margin:0px 10px 30px 10px;

	padding:30px 0 0 0;

	color:#969595;

	font-size:0.8em;

	border-top:1px solid #d9d9d9;

}



#footer ul{

	float:right;

	font-size:0.8em;

	font-family: Georgia, Arial, Helvetica, sans-serif, "Arial Narrow";

}



#footer li{

	display:inline;

	text-transform: uppercase;

	margin-left:40px;

}



#preload{

	display:none;

}



#post_items .item{

	height:450px;

}



#main{

	margin:30px 10px 30px 10px;

}





#main .cat_desc h1{

	font-size:1.5em;

	font-family: Georgia, Arial, Helvetica, sans-serif, "Arial Narrow";	

	margin:0 0 10px 0px;

}



#main .cat_desc{

	padding:20px;

	background:#f4f4f4;

	border:1px solid #d9d9d9;

	margin:0 0 20px 0;

}



a span.post_header{

	font-size:1.5em;

	padding:0 40px 0 0;

	width:450px;

	line-height:32px;

}



ul.categories{

	float:left;

	width:100%;

}



ul.categories li a span.desc{

	font-size:0.8em;

	line-height:25px;

	color:#969595;

}



ul.categories li a span.date{

	font-size:0.7em;

	font-family:Georgia, Arial, Helvetica, sans-serif, "Arial Narrow";

	line-height:20px;

}



ul.categories li a:hover span.date{

	color:#2d2d2d;

}



ul.categories li a img{

	border:3px solid #d9d9d9;

	float:left;

	margin:0 15px 0 0;

	width:72px;

	height:72px;

}



ul.categories li{

	margin:0px 0 20px 0px;

	float:left;

}



ul.categories li a{

	background:#eaeaea;

	display:block;

	padding:20px;

	float:left;

	width:578px;

	border:1px solid #d9d9d9;

}



ul.categories li a span.comment_icon{

	background: url(images/icons/speech_bubble_48.png);

	color:#000000;

	font-size:1.3em;

	padding:10px 0px 15px 1px;

	width:47px;

	position:absolute;

	margin:-15px 0 0 452px;

	text-align:center;

}



ul.categories li a:hover span.comment_icon{

	text-decoration:underline;

}



ul.categories li a:hover{

	background: #F3F3F3;

	border:1px solid #d9d9d9;

}



#sidebar{

	margin:30px 10px 30px 10px;

}



#sidebar h2{

	padding:0 0 15px 0;

	border-bottom:1px solid #d9d9d9;

	font-size:1.2em;

	margin:0 0 10px 0;

}



#sidebar ul li a{

	display:block;

	padding:10px 0 12px 10px;

	border-top:1px solid #d9d9d9;

	color: #666666;

	background:#eaeaea;

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

	font-size:0.8em;

	text-transform:capitalize;

	width:285px;

}





#sidebar ul li a:hover{

	color: #333333;

	background: #EEEEEE;



}



#sidebar ul li{

	background:none;

	width:295px;

	padding:0;

	border:none;

	float:none;

	

}



#sidebar a img{

	background:#d9d9d9;

	padding:3px;

}



#sidebar a:hover img{

	background:#3F80A6;

}



#sidebar img{

	margin:0 7px 14px 7px;

}



#sidebar .widget{

	margin:0px 0 20px 0;

}



#sidebar .widget li{

	font-size:1em;

	line-height:23px;

	color:#969595;

	font-style:italic;

	width:290px;

	float:left;

}



#sidebar .widget{

margin:0 0 20px 0;

float:left;

}



#sidebar .widget ul#twitter_update_list li{

	font-size:0.8em;

}





#sidebar .widget ul#twitter_update_list li a{

	font-style:normal;

	font-size:0.8em;

}



#searchform input{

	width:273px;

	border:3px solid #d9d9d9;

	background:#eeeeee;

	margin:10px 0 10px 0;

	padding:10px;

}



input#searchsubmit{

	color:#FFFFFF;

	width:100px;

	padding:5px;

	cursor:pointer;

}



label.screen-reader-text{

	font-size:0.8em;

}



#sidebar .widget ul#twitter_update_list li a:hover{

	color:#000000;

}



.twitter{

	position:absolute;

	margin:-50px 0 0 250px;

}



#post_showcase{

	width:899px;

	padding:20px;

	background:#eaeaea;

	border:1px solid #d9d9d9;

	margin-top:20px;

}



#showcase_text{

	padding:20px;

	background:#eaeaea;

	border:1px solid #d9d9d9;

	font-size:0.8em;

	margin:0 0 20px 0;

}



#showcase_text p{

 	color:#666666;

	line-height:23px;

	margin:0 0 10px 0;

}



#showcase_text h1{

	font-size:1.8em;

	color:#000000;

	margin: 0 0 20px 0;

}



#post{

	padding:20px;

	background:#eaeaea;

	border:1px solid #d9d9d9;

	width:570px

}



#post h2,#post h3,#post h4,#post h5,#post h6{

	margin-bottom:20px;

}



#post h2{

	font-size:1.8em;

}



#post h3{

	font-size:1.5em;

}



#post h4{

	font-size:1.2em;

}



#post h5{

	font-size:1em;

}



#post h6{

	font-size:0.8em;

}



#post ul li{

	margin-left:20px;

	list-style: disc;

	line-height:26px;

	font-size:0.8em;

	color:#000000;

}



#post ol li{

	margin-left:20px;

	list-style: decimal;

	line-height:26px;

	font-size:0.8em;

	color:#000000;

}



#post a span.comment_icon{

	background: url(images/icons/speech_bubble_48.png);

	color:#000000;

	font-size:1.3em;

	padding:10px 0px 15px 1px;

	width:47px;

	position:absolute;

	margin:-5px 0 0 535px;

	text-align:center;

}



#post h1, #post_showcase h1{

	font-size:2.5em;

	font-family: Georgia, Arial, Helvetica, sans-serif, "Arial Narrow";

	display:block;

	width:450px;

	line-height:50px;

	margin:0 0 20px 0;

}



#post_showcase h1{

	width:100%;

	margin:0;

	text-align:center;

}





#post span.box{

	padding:5px;

	font-size:0.8em;

	color:#FFFFFF;

	font-weight:bold;

}



#post span.box a{

	color:#FFFFFF;

	font-weight:normal;

}



#post span.box a:hover{

	text-decoration:underline;

}



#post p{

	color: #666666;

	margin:15px 0 15px 0;

}



#post a{

	color:#3F80A6;

}



#post a:hover{

	text-decoration:underline;

}



#post img{

	margin:30px 0 0 0;

	padding:5px;

}



#post .tags{

	text-transform:uppercase;

	margin:30px 0 30px 0;

	font-size:0.7em;

}



#post .tags a{

	text-decoration:underline;

}



#post .tags a:hover{

	text-decoration:none;

}



#post .author{

	padding:20px;

	background:#f4f4f4;

	border:1px solid #d9d9d9;

}



#post .author img, #comments ul li img{

	margin:0 20px 0 0;

	padding:3px;

	border:none;

	float:left;

}



#post .author p{

	margin:10px 0 0 0;

	width:400px;

	float:left;

}



#comments {

	margin:20px 0 0 0;

}



#comments ul li{

	float:left;

	width:571px;

	padding:20px;

	background:#f4f4f4;

	border:1px solid #d9d9d9;

	margin:0 0 20px 0;

}



#comments p{

	float:left;

	width:470px;

	font-size:0.8em;

	line-height:23px;

	color: #666666;

	margin:0 0 20px 0;

}



#comments li img{

	display:block;

	float:left;

	padding:3px;

}



#comments .comment_author{

	display:block;

}



#comments .comment_date{

	font-size:0.7em;

	display:block;

	margin:5px 0 5px 0;

}



#comments .reply{

	padding:10px;

	float:left;

	font-size:0.7em;

	background:#eaeaea;

	border:1px solid #d9d9d9;

	width:550px;

	text-align:right;

	margin:20px 0 0 0;

	text-transform:uppercase;

}

#comments ul li ul li{

	margin:20px 0 0px 10px;

	width:510px;

	background:#ffffff;

}



#comments ul ul li p{

	width:410px;

}



#comments ul ul li .reply{

	width:490px;

	background:#eaeaea;

}



#comments ul ul ul li{

	margin:20px 0 0px 10px;

	width:460px;

	background:#ffffff;

}



#comments ul ul ul li p{

	width:360px;

}



#comments ul ul ul li .reply{

	width:440px;

	background:#eaeaea;

}



#respond p input{

	border:3px solid #d9d9d9;

	margin: 0 10px 0 0;

	padding:10px;

	float:left;

}



#respond textarea{

	border:3px solid #d9d9d9;

	width:500px;

	margin:20px 0 20px 0;

	padding:10px;

	font-family:Georgia, Arial, Helvetica, sans-serif, "Arial Narrow";

	font-size:1em;

}



#respond h3{

	margin:20px 0 20px 0;

}



#respond input#submit{

border:1px solid #d9d9d9;

cursor:pointer;

}



#full{

	margin:30px 10px 30px 10px;

}



#portfolio #portfolio_header h1{

	text-align:center;

	font-size:3em;

	font-weight:normal;

	padding:0 0 30px 0;

	border-bottom:1px solid #d9d9d9;

}



#portfolio ul.portfolio_nav{

	margin:20px 0 0 0;

	text-align:center;

	padding:0 0 20px 0;

	border-bottom:1px solid #d9d9d9;

}



#portfolio ul.portfolio_nav li{

	display:inline;

	margin:0 10px 0 10px;

	padding:0 0 20px 0;

}



.portfolio_item{

	margin-top:20px;

}





#launch a{

	font-size:1em;

	display:block;

	padding:20px;

	background:#eaeaea;

	border:1px solid #d9d9d9;

	text-align:center;

}



#launch a:hover{

	background:#eeeeee;

	border:1px solid #d9d9d9;

}



#showcase{

	width:980px;

}



#showcaseholder{

float:left;

margin-top:20px;



}



.showcase_item{

margin-bottom:20px;

}



.searchfield{

	margin:0 0 10px 0;

}



/* calendar START */

.widget_calendar h2 {

	display:none;

}

#wp-calendar {

	width:200px;

}

#wp-calendar #today {

	background:#E6E6E6;

}

#wp-calendar tbody{

	font-size:12px;

font-family: Arial, sans-serif;

}

#wp-calendar tbody a {

	font-size:12px;

	font-weight:bold;

font-family: Arial, sans-serif;

}

#wp-calendar caption {

	line-height:30px;

	font-size:12px;

	color:#fff;

	margin:5px 0 0px 0 ;

	padding:0px 0 0 5px;

	background:#00aeef;

	font-weight:bold;

	font-family:Century gothic, Arial, sans-serif;

	text-transform:uppercase;

	border:1px solid #00aeef;

}

#wp-calendar th, 

#wp-calendar td {

	text-align:center;

font-size:12px;

font-family: Arial, sans-serif;

padding:5px;

}

#wp-calendar tbody td {

	border:0px solid #CCC;

padding:5px;

}

#wp-calendar tbody td.pad {

	border:0 none;

}

#wp-calendar th {

	background:#999999;

	color:#FFF;

}

#wp-calendar td#prev {

	text-align:left;

	padding-top:5px;

font-size:12px;

font-family: Arial, sans-serif;

}

#wp-calendar td#next {

	text-align:right;

	padding-top:5px;

font-size:12px;

font-family: Arial, sans-serif;

}

/* calendar END */
