/*  
Theme Name: Renders arquitectura
Theme URI: http://www.paginaswebflash.com 
Description: Un tema especial para  <a href="http://www.rendersarquitectura.com">RendersArquitectura.com</a>
Version: 1.0
Author: GoliatStudio
Author URI:  http://www.paginaswebflash.com
*/

/* standard elements */

* {
	margin: 0;
	padding: 0;
}
body {
	background: #323235;
	font: normal 0.7em Tahoma,Verdana,sans-serif;
	color: #fff;/* afecta al color del texto de comments*/ 
}
div a {
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}
h1 {
	color: #444;
	font: normal 2em sans-serif;
	margin: 18px 0 0 0;
}
code {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #D91623;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: url(img/quote.gif) no-repeat;
	color: #555;
	display: block;
	font: bold 1.2em "Trebuchet MS",serif;
	margin: 6px 0;
	padding-left: 28px;
}

/* structure */
.main {
	width: 780px;
	margin: 0 auto;
}
.main_left {
	float: left;
	padding-top: 6px;
	width: 520px;
}
.main_right {
	border-top: 6px solid  #323235;
	border-left: 6px solid  #323235;
	float: right;
	width: 254px;
	
}
.footer {clear: both;}

/* misc */
.left {
	float: left;
}
.right {
	float: right;
}
.clearer {
	clear: both;
}
acronym {

  cursor: help;

  border-bottom: 1px solid #777;

}
/*linea color de elementos*/
.header{
	/*border-bottom: 1px solid  #fff; */
}
.link_projects,.lbl,.link_updates a {
	border-bottom: 6px solid #FFF;
}
div.link_projects a:hover,div.link_updates a:hover, .content a:hover, div.footer div.left a:hover {
	background: #FF0066;
	color: #FFF;
}

/* logo */
.header {
	background: #D91623 url(img/header_rendering.gif); /* repeat-x;*/
	height: 200px /*180*/;
}
.headerLink{
	background: #222222 ;/* url(img/grdnt_red.png) repeat-x;*/
	text-transform:uppercase;
	
}
.headerLink h1{
	border-top: 1px solid #FFF;
	display: block;
	font: bold 0.9em Verdana,sans-serif;
	margin-top: 0px;
	text-decoration: none;
	}
/* main navigation */

.link_menu {
	background: #222222 ;/* url(img/grdnt_red.png) repeat-x;*/
	text-transform:uppercase;
}
.headerLink a,
.link_menu a {
	border-bottom: 1px solid #FFF;
	display: block;
	font: bold 0.9em Verdana,sans-serif;
	height: 18px;
	padding: 6px 0 0 10px;
	text-decoration: none;
}
.headerLink a:hover,
.link_menu a:hover {
	background: #00C0FF;
	color: #222;
	}

#navMenu li {
	list-style-type:none;
}

.navigation{/*el link del final, donde indicamos previous entradas */
	margin: 100px 0;
	}
	
/* subnav */
.rightNav {
	background: #222;
	border-top: 35px solid #323235;
	float: right;	
	width: 240px;
}
.subnav {
	padding: 12px 12px 0;
}
.subnav h1 {
	color: #F06;
	font-size: 1.4em;
	height: 20px;
	margin-left: 8px;
	font-weight: bold;
	text-transform: uppercase;
	
}
.subnav ul {
	margin: 0 0 16px;
	padding: 0;
}
.subnav li { 
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #333;
	font-size: 15px;
	text-transform: uppercase;
}

.subnav li #searchform{
	border-bottom: 1px solid #222;
	margin-top:10px;
	}
 .subnav h1 a
 {
 color: #F06;
 }
 
.subnav li a {	
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 8px;
	text-decoration: none;
}
.subnav li a:hover {
	color: #DDD;
}

/* round edges */
.roundtl,.roundtr,.roundbl,.roundbr {
	background: url('img/round.gif');
	height: 16px;
	width: 14px;
}
.roundtl,.roundbl {
	float: left;
}
.roundtr,.roundbr {
	float: right;
}
.roundtr {
	background-position: right top;
}
.roundbr {
	background-position: right bottom;
}
.roundbl {
	background-position: left bottom;
}
/*---------------------------------*/

/* projects */
.lbl {
	background: #222 url(img/bglbl.gif) repeat-x;
	clear: both;
	color: #FFF;
	font: normal 2em "Lucida Sans Unicode",sans-serif;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
}
.link_projects a {
	display: block;
	height: 75px;
	text-align: center;
	color: #FFF;
	padding-top: 14px;
	width: 124px;
	font-size: 0.8em;
	font-family: sans-serif;
}
.link_projects a span {
	font: normal 5em sans-serif;
}
a.g1 {
	background: #888;
}
a.g2 {
	background: #666;
	border-left: 6px solid #FFF;
}

/* updates */
.link_updates {
	background: #222 url(img/grdnt_gray.gif) repeat-x;
}
.link_updates .lbl {
	border-top: 6px solid #FFF;
	height: 100px;
	line-height: 100px;
}
.link_updates a {
	clear: right;
	display: block;
	font: normal 1em "Trebuchet MS",sans-serif;
	height: 55px;
	padding: 10px 0;
	text-align: center;
}
.link_updates a span {
	float: left;
	font: normal 1.5em Verdana,sans-serif;
	letter-spacing: -2px;
	margin-left: 10px;
	margin-top: 3px;
padding:5px;
}

/* content */ 
.content {
	color: #FFF;
	font-family: Verdana,sans-serif;
	line-height: 1.3em;
	padding: 0 10px 10px; 
}
.content a {
	color: #FF3366;
}
.content p {
	margin: 4px 0 10px 0;
}
.content .descr {
	color: #666;
	margin-bottom: 25px;/*espacion entre el titulo y la descripcion*/
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}

/*content block*/
.contentBlock{
	margin-bottom:70px;
	margin-top:25px;	
	}
.contentUp{
	width:100%;
	margin-top:55px;	
	/*background: #1e1e1e;*/
	background: url(img/iconos/open.png) no-repeat;
	border-bottom:2px solid #fff;
	padding:0px 0px 3px 0px;
	color: #00C0FF;
	}
.contentUp a{
	color:#00c0ff;
	margin-left:20px;
	font-weight: bold;
	}
/* footer */
.footerAir{
	background:  #323235;
	/*background:  #323235 url(img/footer_sombra.gif)  repeat-x;*/
	width: 100%;
	height: 65px;
	margin: 0 auto;	
	clear:both;
}
.footerLogo{	
	/*background:  url(img/goliatStudio_logo_down.gif) no-repeat; /* repeat-x;*/
	width:320px;
	height: 65px /*180*/;
}

.footerLogo a img{
	border:0px;/* solid #8BE6FA;*/
	}
.footerLogo a:hover img{
	/*border:2px solid #FF3366 !important;*/
	}
	
.footerExtra{
	border-top: 15px solid #00C0FF;
	background: #1E1E1E ;
	width: 100%;
	height: 400px;
	margin: 0 auto;	
	clear:both;
	}
.footer {
	border-top: 1px solid #F0F0F0;
	background: #454545;
	color: #666;
	clear: both;
	height: 32px;
}
.footerCredits{
	
}
.footer .right {
	margin-right: 8px;
	padding: 9px 0;
	text-align: right;
	width: 220px;
}
.footer .right a {
	background: #2A2A2A;
	color: #fff;
	padding: 1px 3px;
}
.footer .right a:hover {
	background: #383838;
	color:  #00CCFF;
}
.footer .left a {
	color: #ff3366;
}
.footer .left {
	color:  #00CCFF;
	padding: 9px 0 9px 9px;
	width: 407px;
}
.footerCredits .left strong{color:#fff;}


/*footer content*/
.footerContent {
	width: 960px;
	height: 400px;
	/*background: #000000;*/
	color: #FFFFFF;
	margin: 0px auto 0px;
	text-align: left;
	position: relative;
	line-height: 17px;
	}
	
.footerbottom {
	height: 5px;	
	position: relative;
}
	
.footerContent p {
	color: #FFFFFF;
	padding: 0px;
	list-style-type: none;
	margin-top: 10px;	
}
	
.footerContent h2 {/*  */
	color: #00C0FF;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid  #323235;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
}
	
.footerContent h3 {/* design buscador*/
	color: #00C0FF;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid  #323235;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 3px 0px;
	text-transform: uppercase;
	}

.footerContent a {
	color: #AAAAAA;
	text-decoration: none;
}

.footerContent a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
	
.footerContent ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.footerContent ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
	
.footerContent ul li a {
	background: #323235;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #161616;
}

.footerContent ul li a:hover {
	background: #00C0FF;
	color: #FFFFFF;
	padding: 5px 0px 5px 9px;
	/*margin: 0 0 0 5px; efecto over*/
}
.footerleft {
	float: left;
	width: 225px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}
	
.footermiddle1 {
	float: left;
	width: 225px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}
	
.footermiddle2 {
	float: left;
	width: 225px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}
	
.footerright {
	float: right;
	width: 225px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.footerright #searchform{
	margin-top: 10px;
}

 #s {
background:#323235 ;
border:1px solid #323235;
color:#fff;
font-family:Verdana,Helvetica,Sans-Serif;
font-size:11px;
margin:4px 0px 0px;
padding:2px;
}

/*TAGBOT*/
.wp-notable-line{
	margin-top:40px;
	
}
.wp-notable {
/*	border: 1px solid white;*/
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 3px;
        padding-top: 9px;
}


.wp-notable:hover {
        border: 0px solid red;
}
.wp-notable a img{
	border:0px none;
	 filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99; -khtml-opacity:0.99;
}
.wp-notable a:hover{
	background: #323235;
}
.wp-notable a  img:hover{
	border:0px none;
	
	 filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50;
}

/* COMENTS */
#ajax_comments{
	/*background:#fff;*/
	
}

#ajax_comments h3{
	margin-bottom:10px;
	margin-left:5px;
	color:#00C0FF;
}

#respond{
	color:#00C0FF;
	}
	
.comments{
background:#fff;
}

.commentlist li {
	/*background: url(img/bgcode.gif);*/
	background: #1E1E1E;
	border: 1px solid #F0F0F0;
	border-left: 6px solid #00CCFF;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
}

.commentmetadata a, #commentform a {
	color:#D91623;
}
#comment {
	width:97%;
	height:15em;
}

.textarea  {
	border: 5px solid #000;
}
.insertando {
	text-align:center;
	font-size:1.5em;
}
.gravatar {
float:right;
}

/*TOOLTIPS*/
/*
.toolTipImg{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center
}
.toolTipImg span.top{
padding: 30px 8px 0;
    background: #FFF;
}
.toolTipImg b.bottom{
	padding:3px 8px 15px;
	color: #548912;
	background:#FFF;
}
*/

/*TOOGLE SHAIT*/

#contentElement1{
	height:0px;
	font-size:10px;
	margin:0 0 10px 0;
	overflow:hidden;
}
#contentWrapper{
	margin:0px auto;
	padding:5px 40px;
	background:#ccc;
	overflow:hidden;
	color:#121212;
}
#botonOpen{
	display:block;
	height:14px;
	width:129px;
	float:left;
	margin-left:2px;
	background:#d3e4a5;
	cursor:pointer;
	text-align:center
}
.botonOpen_{
	font-weight:bold;
}
#botonOpen{
	margin-right:5px;
}