/*



Theme Name: Archi Etanco



Theme URI: 



Description: Dark stlye clean WordPress Theme Archi Etanco by <a href="http://www.munchausen.net">Erik Nicolas</a> with multi-level dropdown, threaded comments and sticky posts (backward compatible).



Version: 1



Author: Erik Nicolas



Author URI: http://www.munchausen.net



Tags: black, dark, red, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post



*/







/*



	- GENERAL ^^



	- BASIC LAYOUT



	- HEADINGS



	- HEADER



	- CONTENT



		+ CONTENT LEFT



		+ CONTENT RIGHT



	- BASIC CSS ELEMENTS



	- FORMS



		+ GENERAL



		+ SEARCHFORM



		+ COMMENTFORM



	- FOOTER



	- USEFUL



		+ WORDPRESS CSS



		+ WIDGETS CSS







/*	##################################



   	GENERAL



	################################## */



	



body {



	margin: 0px;



	padding: 10px;



	background: #333 url(img/bg_197425.png) ;



	color: white;



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



	font-size: 12px;



}







a {



	color: #FFF;



}







p {



	margin: 0 0 20px 0;



	padding: 0px;



	line-height: 20px;



}







img {



	border: none;



}







/*	##################################



   	BASIC LAYOUT



	################################## */



	



#page {



	width: 960px;



	margin: 0 auto;



}



	



#header {



	position: relative;



	height: 170px;



	background: url(img/header01.png) no-repeat left top;



	z-index: 2; /* IE z-index bug */



}







#content {



	background: black ;



}







#content-left {



	float: left;



	width: 630px;



	padding: 0 20px 0 40px ;



}





#content-left a:hover {



	color:#DF1802;



}



#content-right {



	float: right;



	width: 230px;



	padding:10px 40px 0 0;



}

#content-right a, #content-right a:visited {



	color:#CCC;



}

#content-right a:hover {



	color:#DF1802;



}









/*	##################################



   	HEADINGS



	################################## */



	



#logo img {

	padding: 20px 20px 0 20px;

	width: 250px;

}



h1#blog-title {



	float: left;



	margin: 50px 10px 0 0;



	padding: 0px;



	font-size: 18px;



}







h1#blog-title a {



	color: #ff0000;



	text-decoration: none;



}







h1#blog-title a:hover {



	text-decoration: underline;



}







h2#blog-description {



	float: left;



	margin: 57px 0 0 0;



	padding: 0px;



	color: #C00;



	font-size: 11px;



	font-weight: normal;



}







h2#category-title {



	margin: -10px 0 30px 0;



}







h3.post-title {



	margin: 0 0 20px 0;



	padding: 0px;



	color: #DF1802;



	font-size: 30px;



}







h3.post-title a {



	color: #DF1802;



	text-decoration: none;



	



}







h3.post-title a:hover {



	border-bottom: none;



}







h4.sidebar-title {



	margin: 0 0 10px 0;



	padding: 0px;



	color: #DF1802;



	font-size: 14px;



}







h4.content-title {



	margin: 0 0 20px 0;



	padding: 0px;



	color: #ff0000;



	font-size: 14px;



}







/*	##################################



   	HEADER



	################################## */







#rss {



	position: absolute;



	right: 0px;



	bottom: 40px;



	line-height: normal;



}







#rss a {



	display: block;



	padding: 0 30px 0 0;



	background: url(img/bg-rss.png) no-repeat right center;



	line-height: 40px;



	text-align: right;



	text-decoration: none;



	color: #fff;



}







#rss a:hover {



	text-decoration: underline;



}







/* For menu styles please edit /lib/superfish.css */







/*	##################################



   	CONTENT



	################################## */



	



/** CONTENT LEFT */







.box-left, .post, .page {



	margin: 0 0 40px 0;



}







.sticky {



	padding: 20px;



	background: #2a2a2a;



	border: 1px solid #3a3a3a;



}







.tags {



	padding: 0 0 0 15px;



	background: url(img/bg-tags.gif) no-repeat left center;



}



	



.meta {



	padding: 10px 0 0 0;



	background: url(img/bg-meta.gif) repeat-x left top;



	color: #CCC;



	border-top: 1px dotted #5d5d5d;



	clear: both;



}
.meta a{
	color: #CCC;
	text-decoration:none;
}







.meta-date {



	padding: 0 10px 0 15px;



	background: url(img/bg-meta-date.gif) no-repeat 0px 2px;



}







.meta-categories {



	padding: 0 10px 0 15px;



	background: url(img/bg-meta-categories.gif) no-repeat 0px 2px;



}







.meta-comments {



	padding: 0 10px 0 15px;



	background: url(img/bg-meta-comments.gif) no-repeat 0px 2px;



}







.box-left ul, ol, .post ul, ol, .page ul, ol {



	margin: 0 0 20px 0;



	line-height: 20px;



}







.box-left ul, .post ul, .page ul {



	padding: 0 0 0 20px;



	



}







.box-left ul li, .post ul li, .page ul li {



	margin: 0px;



	padding: 0 0 0 0px;	



}







/** CONTENT RIGHT */







.box-right {



	margin: 0px;



	padding: 10px 10px 15px 20px;



	background: black;



}







.box-right ul {



	margin: 0px;



	padding: 0px;



	list-style: none;



}







.box-right li {



	margin: 0px;



	padding: 2px 0 2px 10px;



	background: url(img/bg-list-item-sidebar-red.jpg) no-repeat 0px 8px;



}

.children li {



	background: url(img/bg-list-item-sidebar-red2.jpg) no-repeat 0px 8px;



}







.box-right li a {



	padding: 5px 0;



	text-decoration: none;



}







.box-right li ul {



	padding: 5px 0 0 0;



}







/*	##################################



   	BASIC CSS ELEMENTS



	################################## */



	



hr {



	height: 1px;



	margin: 20px 0;



	background: #3a3a3a;



	border: none;



}



	



table {



	width: 100%;



	margin: 0 0 20px 0;



}







th, td {



	padding: 5px 10px;



}







th {



	background: #006990;



	color: #fff;



}







tr.even {



	background: #2a2a2a;



}







pre {



	margin: 0 0 20px 0;



	padding: 20px;



	background: #2a2a2a;



	line-height: 22px;



	border: 1px solid #3a3a3a;



	font-family: Courier, serif;



	overflow-x: scroll;



	overflow-y: visible;



}







blockquote {



	padding: 0 0 0 20px;



	border-left: 5px solid #2a2a2a;



}







/*	##################################



   	FORMS



	################################## */



	



/** GENERAL */







fieldset {



	margin: 0 0 40px 0;



	padding: 0 40px 40px 40px;



	background: #2a2a2a;



	border: none;



}







legend {



	color: #006990;



	font-size: 14px;



}







label {



	display: block;



	margin: 0 0 5px 0;



}



	



input, textarea {



	width: 50%;



	height: 19px;



	margin: 0 0 2px 0;



	padding: 0px 5px 0 5px;



	color: #5d5d5d;



	background: #fff url(img/bg-form-input.png) repeat-x left top;



	border: none;



}







textarea {



	width: 80%;



        height: 100px;



        margin: 0 ;



	padding: 0 ;	



}







select {



	width: 50%;



        margin: 0 0 2px 0;



}







input.radio, input.checkbox {



	width: 0px;



        margin: 0px;



	padding: 0px;



	background: #fff;



}







input.submit, input.button {



	width: auto;



	height: 60px;



	margin: 0px;



	padding: 0 20px;



	background: url(img/submit_button.jpg) no-repeat left top;



	border: none;



	color: #fff;



}



	



/** SEARCHFORM */







#content #searchform {



	width: 210px;



}



	



#searchform #search {



	float: left;



	width: 160px;



	height: 23px;



	padding: 7px 5px 0 5px;



	color: #5d5d5d;



}







#searchform #search-submit {



	float: right;



	width: 30px;



	height: 30px;



	margin: 0px;



	padding: 0px;



}







/** COMMENTFORM */







#comments, #trackbacks {



	margin: 40px 0 0 0;



}







#trackbacks {



	margin: 20px 0 0 0;



}







.comment {



	padding: 0 40px 40px 40px;



	background: #2a2a2a;



}







#trackbacks ul {



	margin: 0 0 40px 0;



	padding: 40px 40px 30px 40px;



	background: #2a2a2a;



	list-style: none;



}







#trackbacks li {



	margin: 0 0 10px 0;



	padding: 0 0 0 20px;



	line-height: 22px;



	background: url(img/bg-list-item-content.png) no-repeat 0px 4px;



}







.first {



	padding: 40px;



}







#response {



	margin: 60px 0 0 0;



}







#response fieldset {



	padding: 40px;



}







.comment-left, #commentform-left {



	float: left;



	width: 120px;



	height: 120px;



	background: url(img/bg-commentform-left.gif) no-repeat right top;



}







.comment-right, #commentform-right {



	float: left;



	width: 430px;



	min-height: 120px;



}







.comment-text {



	padding: 20px;



	background: #fff url(img/bg-form-input.png) repeat-x left top;



	color: #5d5d5d;



	line-height: 22px;



}







#response textarea {



	width: 420px;



	height: 100px;



	margin: 0px;



	padding: 5px;



}







#response label {



	display: block;



	line-height: 20px;



}







#response input.text {



	width: 420px;



	height: 20px;



	margin: 0px;



	padding: 5px;



}







#response input.submit {



	float: right;



	height: 30px;



	margin: 20px 0 0 0;



	padding: 0 20px;



}







.comment-author {



	margin: 0px;



	padding: 5px 0;



	color: #006990;



	font-size: 14px;



}







.comment-author a {



	color: #006990;



	text-decoration: none;



}







.comment-author a:hover {



	text-decoration: underline;



}







/** COMMENTS IN WP 2.7 */







#commentfieldset {



	padding: 20px 40px;



}







.commentlist ul {



	margin: 0px;



	padding: 0px;



	list-style: none;



}







.commentlist li {



	margin: 20px 0 0 0;



	padding: 20px 0 20px 20px;



	background: #2a2a2a;



	list-style: none;



}







.commentlist .avatar {



	float: right;



	margin: 0 20px 10px 20px;



}







.commentlist li a {



	color: #f8dec7;



}







.commentlist li p {



	margin: 0 20px 20px 0;



}







.commentlist .comment-meta {



	margin: 0 0 20px 0;



}







.commentlist .comment-author a {



	padding: 0 0 5px 0;



	color: #fff;



	font-weight: bold;



}







.commentlist ul.children {



	margin: 0px;



	padding: 0px;



}







.commentlist .children li {



	margin: 20px 0 0 0;



	padding: 20px 0 20px 20px;



	background: none;



	border: 1px solid #3a3a3a;



	border-right: none;



}







.reply {



	width: 50px;



	height: 25px;



	line-height: 25px;



	text-align: center;



	background: #1f1f1f;



	border: 1px solid #5d5d5d;



	border-right: none;



	border-bottom: none;



}







.reply a {



	display: block;



	height: 25px;



	line-height: 25px;



}







#cancel-comment-reply {



	margin: 5px 0 20px 0;



}







#cancel-comment-reply a {



	color: #6a6a6a;



}







.commentlist li.depth-1, .commentlist li.depth-3, .commentlist li.depth-5 {



	background: #2a2a2a;



}







.commentlist li.depth-2, .commentlist li.depth-4, .commentlist li.depth-6 {



	background: #3a3a3a;



}







/*	##################################



   	FOOTER



	################################## */



	



#footer-wrap {



	background: url(img/???.png) no-repeat left top;

	position: relative;

	height: 180px;

	z-index: 2; /* IE z-index bug */

	

}







#footer {



	background: url(img/footer01.png) no-repeat left top;

	position: relative;

	height: 140px;

	z-index: 2; /* IE z-index bug */

	width: 960px;

	margin: 0 auto;

	position: relative;

	text-align: center;



}







#footer p {



	margin: 0px;



	padding: 0px;



	



}







#legal {



	padding: 65px 20px 20px 20px; 

	font-size:14px;

}

#legal a, #legal a:visited  {



	color:#DF1802;

	text-decoration:none;

}

#legal a:hover  {



	color: #FFF;

	text-decoration: underline;

}







#webdemar {



	float: right;



	width: 450px;



	text-align: right;



}







/*	##################################



   	USEFUL



	################################## */







.clearfix:after {



    content: " ";



    display: block;



    clear: both;



    visibility: hidden;



    line-height: 0;



    height: 0;



}







.clearfix {



    display: inline-block;



}







html[xmlns] .clearfix {



    display: block;



}







* html .clearfix {



    height: 1%;



}







.clear {



	clear: both;



}







/** WORDPRESS CSS */







.aligncenter,



div.aligncenter {



   	display: block;



   	margin: 0 auto;



}







.aligncenter {



	margin-bottom: 20px!important;



}







.alignleft {



   	float: left;



   	margin: 0 20px 20px 0;



}







.alignright {



   	float: right;



   	margin: 0 0 20px 20px;



}







.wp-caption {



	margin-bottom: 20px;



	padding-top: 4px;



   	border: 1px solid #3a3a3a;



   	text-align: center;



   	background-color: #2a2a2a;



}







.wp-caption img {



   	float: none;



   	margin: 0px;



   	padding: 0px;



   	border: none;



}







.wp-caption p.wp-caption-text {



   	padding: 0px;



  	margin: 0px;



}







/** WIDGETS CSS */







#calendar_wrap table {



	width: 100%;



}







#calendar_wrap td {



	text-align: center;



}







#wp-calendar caption {



	margin: 0 0 10px 0;



	padding: 2px;



	background: #3a3a3a;



}



#diapopivo {



margin-top: -50px;



}

.wpcf7-form-control.wpcf7-submit {
    height: 30px;
	background-image:url(/wp-content/themes/Archietanco/img/submit_button.jpg);
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	border:1px #FFF
}

.wpcf7-form-control {
	height: 30px;
}

.wpcf7-textarea{
	height: 130px;
}
.more-link {
	font-size:14px;
	font-weight:bold;
	color:#DF1802;
	text-decoration:none
}
.box-left.navigation a{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#DF1802;	
}
.box-left.navigation a:hover{
	color: #FFF;
}
#TB_caption {
	color: black;
	padding-left: 20px;
	padding-right: 20px;
}
#TB_caption a {
    color: #0577FF;
}