/*
	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");


/* add new font created by rocky */

@font-face {
    font-family: 'LoraRegular';
    src: url('font/lora-regular-webfont.eot');
    src: url('font/lora-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lora-regular-webfont.woff') format('woff'),
         url('font/lora-regular-webfont.ttf') format('truetype'),
         url('font/lora-regular-webfont.svg#LoraRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Font Added */


body{
	font-family:LoraRegular, Arial, Helvetica, sans-serif, "Arial Narrow";
}

a{
	color:#19507f;
	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:#2d2d2d;
	border:1px solid #333333;
	color:#FFFFFF;
}

/************************************************
*	Top Navbar      							*
************************************************/

#topnavbar {
background: #222222;
	width: 100%;
	height: 30px;
	color: #333300;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#topnavbar a, #topnavbar a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: none;
	}
	
#topnavbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#topnavbar p {
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	}

p.tagline {text-align:right;
color: #FF9900;
	font-size: 12px;
	font-family: LoraRegular, Arial, helvetica;
	font-style: italic;
	text-transform: lowercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
	
.topnavbarleft {
	width: 260px;
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	}
	
.topnavbarright {
	width: 960px;
	/*float: right;*/
	margin: 0 auto;
	padding: 7px 0px 0px 0px;
	text-transform: uppercase;
	text-align: right;
	}
	
.topnavbarright a img {
	border: none;
	margin: 0px 3px 1px 0px;
	padding: 0px;
	}


************************************************/


#header{
	position:relative;
	z-index:1000;
}


#nav ul{
	float:right;
	background:#ebebeb;
	margin:50px 0 0 0;
	font-family:LoraRegular, 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 15px 0 30px;
        font-family:LoraRegular, Arial;
        font-style:bold;
}

#nav li a:hover{
	color:#ffffff;
	background-color:#2d2d2d;
        font-family:LoraRegular, Arial;
}

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

#banner{
	font-family:LoraRegular, 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:#333333;
}

.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:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	float:left;
	width:240px;
}

#services h1, #homewidget h1{
	font-family: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:48px;
	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: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 Background							*
************************************************/

#footerbg {
	background: #222222
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 960px;
	height: 200px;
	color: #CCCCCC;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#footer p {
	color: #CCCCCC;
    font-weight: normal;
	margin: 0px;	
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 19px;
	}

#footer a, #footer a:visited {
	color: #CCCCCC;
	text-decoration: none;
	}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#footer ul li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	}

#footer ul ul {
	list-style-type: none;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	}
	
#footer ul li li {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	}
	
#footer ul li ul li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}
	
#footer h4 {
	color: #999999;
	font-size: 12px;
	font-family: Arial, helvetica;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footer h4 a {
	color: #999999;
	font-size: 12px;
	font-family: Arial, helvetica;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footer .widget {
	background: none;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border: none;
	}

.footer1 a img, .footer2 a img, .footer3 a img {
	border: none;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	}
	
.footer1 {
	width: 220px;
	float: left;
	margin: 0px;
	padding: 20px 20px 5px 0px;
	}
	
.footer2 {
	width: 225px;
	float: left;
	margin: 0px;
	padding: 20px 0px 5px 0px;
	}
	
.footer3 {
	width: 225px;
	float: left;
	margin: 0px;
	padding: 20px 20px 5px 0px;
	}
	
.footer4 {
	width: 220px;
	float: right;
	margin: 0px;
	padding: 20px 0px 5px 0px;
	}




#preload{
	display:none;
}

#post_items .item{
	height:450px;
}

#main{
	/*margin:30px 10px 30px 10px;*/
}


#main .cat_desc h1{
	font-size:1.5em;
	font-family: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: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;

}

#header{
	z-index:10;
}

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

#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:1em;
	margin:0 0 20px 0;
}

#showcase_text p{
 	color:#333333;
	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: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: #333333;
	margin:15px 0 15px 0;
}

#post a{
	color:#ec8e06;
}

#post a:hover{
	text-decoration:underline;
}

#post img{
	margin:30px 0 0 0;
	padding:5px;
border: none !important;
}

#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{
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: 1C263C;
	margin:10px 0 0 0;
	width:400px;
	float:left;
}

/************************************************
*	Comments									*
************************************************/
	
.commentlist li ul li {
	font-size: 12px;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #EEEEEE;
	margin: 5px 5px 0px 10px;
	padding: 2px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	}

#commentform {
	margin: 5px 10px 0px 0px;
	}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
	
#commentform p {
	margin: 5px 0px 5px 0px;
	}
	
#commentform #submit {
	margin: 0px;
	float: left;
	}
	
.alt {
	margin: 0px;
	padding: 10px;
	}

.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}

.commentlist li {
	margin: 15px 0px 10px;
	padding: 10px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 5px 10px 0px;
	padding: 0px;
	}
	
.children { 
	margin: 0px;
	padding: 0px;
	}

.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.thread-alt {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
.thread-even {
	background: #EEEEEE;
	margin: 0px;
	padding: 0px;
	}
	
.depth-1 {
	border: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}

.even, .alt {
	border-top: 1px dotted #BBBBBB;
	border-bottom: 1px dotted #BBBBBB;
	border-left: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}
#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;
}