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

Armada Primary Colors : 
gris plus fonce : #162C3C
gris fonce : #45525c
gris : #485f6f
vert : #83c449
gris-bleu clair : #8D9FAE


*/

@import url("css/960.css");
@import url("css/reset.css");
@import url("css/nav.css");
@import url("css/lightbox.css");


#sidebar {
line-height : 150%;
font-size : 90%;
}

#portfolio p{
line-height : 160%;
font-size : 90%;
}

/*Armada*/

body{
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
background:#263846 url(http://www.armadacommunication.fr/wp-content/uploads/graphique/papier2.jpg) no-repeat left top;min-width:990px;);


}


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:8px;
margin-right : 10px;
	text-align:center;
	background:#bbb;
	border:1px solid #c9c7c7;
	color:#FFFFFF;
	font-size:0.6em;
	text-transform:uppercase;
	display:block;
	float:left;
}

a:hover.btn{
	background:#485f6f;
	border:1px solid #333333;
	color:#FFFFFF;
}

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

#header h1{
	font-size:1em;
margin : 32px 10px 0 0;
	font-weight:normal;
text-align : right;
color :  #485f6f;
}

#nav ul{
	float:right;
	background:rgba(235, 235, 235, 0.7);
	margin:22px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:0.7em;
	height:41px;

/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";

}

#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:rgba(72, 95, 111, 0.9);
}

#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:Arial, Helvetica, sans-serif;

	margin:45px 10px 0px 10px;

	display:block;

	position: relative;

	z-index:1;

	height:240px;

	overflow:hidden;

}



#banner a img{

	margin:0px 0 0 0px;
/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";

}





#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.gif) repeat-x;
	margin:10px 0 25px 0;
	line-height:16px;

}

#banner_nav #holder{
	text-align:center;
	cursor: default;
	width:960px;
}

#banner_nav #holder{
	margin:-2px 0 0 0;
}

#banner_nav a{
	background:url(images/nav_bg.gif) no-repeat;
	padding:0px 7px 0px 2px;
	cursor:pointer;
	color:#d9d9d9;
	font-size:0.8em;
	display:inline;

}

#titre{
padding-left: 10px;
padding-bottom : 5px;
margin-top:-10px;
}


#posts{
	margin:10px 0 0 0px;
	width:960px;
	overflow:hidden;
}

#post ul, li{

font-size: 0.9em;

color: #000000;

margin-top: 0px;

margin-right: 40px;

margin-bottom: 5px;

margin-left: 0pt;

line-height: 1.2em;

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

}

#post h4{

font-size: 0.9em;

line-height: 23px;
margin-bottom: 5px;

color:  #83c449;

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

}

#post table{
margin-bottom : 20px;
}

#banner_items{
	float:left;
	width:940px;
}

#banner_items p{
	font-size:0.85em;
	line-height:1.65em;
margin-right : 50px;
}

#posts a img{
	border:3px solid #e1e0e0;
	margin:0 0 10px 0;
	position:relative;
	z-index:1;
	width:205px;
	height:105px;
	display:block;
}


#posts a span{
	font-weight:normal;
	font-size:0.98em;
	line-height:1.2em;



}

#posts a:hover span{
	color:#2d2d2d;
}

#references {
margin-top : -17px
}


#references li{
	font-size:0.73em;
	line-height:1.7em;
	color:#969595;
}

#references li a{
	color:#000;
}

#references li a:hover{
text-decoration: underline;

}


.right_btn{
	position:absolute;
	z-index:1000;
	margin:-280px 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:-280px 0 0 -8px;
}

.left_btn a{
	display:block;
	background:url(images/left.png);
	width:35px;
	height:37px;
}

.post_btn a.btn{
	padding:7px 10px 7px 10px;
	color:#FFFFFF;
	font-size:0.6em;
	float:right;

}

#post a.post_btn{
	padding:10px 10px 10px 10px;
	color:#FFFFFF;
	font-size:0.6em;
	float:right;
	text-transform:uppercase;
}


.post_btn{
	margin:20px 40px 0 0;
	padding:0 20px 10px 0;
	border-bottom:1px solid #d9d9d9;
}

.post_btn a:hover.btn{
	padding:7px 10px 7px 10px;
	background:#485f6f;
	border:1px solid #485f6f;
	color:#FFFFFF;
}

#buttons{
	width:920px;
	float:left;
}

#services, #homewidget{
	margin:0px 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 h2{
        line-height : 1.6em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:0.85em;
color : #9d9D9D;
font-weight : normal;
padding-right : 20px;
}


#homewidget h4{
        line-height : 1.4em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:0.85em;
color : #6fbcc2;
font-weight : normal;
font-style:italic;
padding-right : 20px;
}


#homewidget h2 a{
color : #000;
}

#homewidget h2 a hover{
color : #000;
text-decoration : underline;
}


#homewidget iframe{
border:3px solid #d9d9d9;
}

#homewidget input.btn{
	padding:7px 0px 7px 0px;
	color:#FFFFFF;
	font-size:0.6em;
	cursor:pointer;
	width:85px;
	text-transform:uppercase;
	float:right;
margin : 5px;
}

.widgetholder{
	padding:17px 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 0px;
	padding:30px 0px 0 0px;
	color:#969595;
	font-size:0.70em;
line-height : 1.5em;
	border-top:1px solid #d9d9d9;
}


#footer p{
	margin-left : 10px;
}

#footer a{

	color:#969595;
	
}


#footer ul{
	float:right;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
}

#footer li{
	display:inline;
	text-transform: uppercase;
	margin-left:40px;
}

#preload{
	display:none;
}

#post_items .item{
	height:320px;
}


#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.4em;
	padding:0 0px 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:1.6em;
	color:#555;
}

ul.categories li a span.date{
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	line-height:2.2em;
}

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

#sidebar img{
	margin:0 7px 14px 7px;
}

#sidebar .widget{
	margin:0px 0 20px 0;
}

#sidebar .label{
	font-size : 0.9em;
line-height : 1.9em;

}

#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 : 900px;
	padding-left:20px;
padding-right : 50px;
	background:#fff;
	border:1px solid #d9d9d9;
	margin-top:20px;
}

#showcase_text{
	padding:20px;
	background:#fff;
	border-right :1px solid #d9d9d9;
	border-left :1px solid #d9d9d9;
	border-bottom :1px solid #d9d9d9;
	font-size:0.8em;
	margin:0 0 20px 0;
}

#showcase_text p{
 	color:#666666;
	line-height:1.55em;
	margin:0 60px 10px 60px;
}

#showcase_text h1{
	font-size:1.8em;
	color:#000000;
	margin:50px 60px 5px 60px;
}

#post{
	padding:20px;
	background:#fff;
	border:1px solid #d9d9d9;
	width:570px
height : 650px;
}

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


#posts p{
	font-size:0.8em;
	line-height:1.6em;
	margin:10px 0 0px 0;
	color:#969595;
}

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

#post h3{
	margin:20px 0 0 0;
	color : #6fbcc2;
	font-size : 1em;
line-height : 2.3em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	display:block;
font-weight : normal;
}

#post h2{
color : #719dce;
	font-size : 1.25em;
line-height : 1.5em;
margin: 0  70px 10px 0;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	display:block;
font-weight : normal;
}

#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: #000;
	margin:0px 40px 15px 0;
        line-height : 1.5em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
}

#post a{
	color:#6fbcc2;
}

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

#post img {
margin : 25px 30px 15px 0px;

}

#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: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:right;
	padding:0 0 20px 0;
	border-bottom:1px solid #d9d9d9;
	text-transform:uppercase;
font-size : 0.7em;
}

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

#showcaseholder{
float:left;
margin-top:20px;
margin-left : 10px;
}

.showcase_item{
margin-bottom:20px;
}

.searchfield{
	margin:0 0 10px 0;
}