/*
Theme Name: Guion Medio
Theme URI: http://www.guionmedio.com/
Description: ---
Version: 1.0
Author: Guion Medio
Author URI: http://www.guionmedio.com/
*/

@import "style/reset.css";
@import "style/typography.css";
@import "style/layout.css";

.left{ float: left; }
.right{ float: right; }
.center{ text-align:center !important; }
img{
	border: none;
}
body {
	background-color: #65ba00; 
	text-align: left;
	font-family: "Lucida grande", Lucida, Trebuchet, "Trebuchet MS", sans-serif;
	color: #333;
	font-size: 13px;
}

html, body { height:100%; margin:0; }

#pagina{ width:1000px; min-height: 100%; margin: 0 auto; }
*html #pagina { height:100%;}

#header{ width:100%; margin:0 auto; height: 162px; }
	#header span{display:none;}
	#branding{ float: left; width: 500px; height: 142px; margin: 0px 0px 0px 13px; padding:0;}
		#branding h1 a{ display: block; width: 500px; height: 142px; background: #65ba00 url(images/logo_interno2.png) top left no-repeat; }
		#branding h1 span{ display: none; }
	
	#page-navigation { float: right; margin-top:42px;}
	#page-navigation ul{ text-align: right; width: 480px; float:right;}
	#page-navigation li { display:inline; }
	#page-navigation li a{ float: left; margin-right:13px; color:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#page-navigation span{ display: none;}
	
	#m_que a{ display: block; height:22px; width:41px; background: transparent url(images/m_que.png) top no-repeat;} 
	#m_quienes a{ display: block; height:22px; width:68px; background: transparent url(images/m_quienes.png) top no-repeat;} 
	#m_portfolio a{ display: block; height:22px; width:68px; background: transparent url(images/m_portfolio.png) top no-repeat;} 
	#m_clientes a{ display: block; height:22px; width:68px; background: transparent url(images/m_clientes.png) top no-repeat;} 
	#m_contacto a{ display: block; height:22px; width:68px; background: transparent url(images/m_contacto.png) top no-repeat;} 
	
	#m_que a:hover{ background-position: bottom;} 
	#m_quienes a:hover{ background-position: bottom;} 
	#m_portfolio a:hover{ background-position: bottom;} 
	#m_clientes a:hover{ background-position: bottom;} 
	#m_contacto a:hover{ background-position: bottom;} 
		
	#page-navigation li.selected a{ background-position: bottom; }
	
	#hover_que,#hover_quienes,#hover_portfolio,#hover_clientes,#hover_contacto{ height:33px; position: absolute; top: 64px; display:none;}
	#hover_que{ width:189px; background:transparent url(images/hover_que.png) bottom no-repeat; }
	#hover_quienes{ width:148px; background:transparent url(images/hover_quienes.png) bottom no-repeat; }
	#hover_portfolio{ width:148px; background:transparent url(images/hover_portfolio.png) bottom no-repeat; }
	#hover_clientes{ width:191px; background:transparent url(images/hover_clientes.png) bottom no-repeat; }
	#hover_contacto{ width:101px; background:transparent url(images/hover_contacto.png) bottom no-repeat; }
	
	
#contenido{ width:1000px; clear:both; margin:10px auto 20px auto;}
#principal{ width:620px; clear:both; float:left; margin: 0 0 0 13px; background-color:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px;}

.sidebar{
	width: 310px;
	float: right;
    margin: 0 13px 0 10px;
}
.widget{ margin-bottom: 12px;} 
.widgettitle{ font-size:1.5em; border-bottom:1px solid #FFF; padding-bottom:3px; text-align:right; color:#FFF; margin-bottom: 5px;}
#text-3 .textwidget{ color:#FFF; font-size:1.2em;}

.widget_recent_comments{}
.widget_recent_comments li{ line-height:22px; color:#FFF;}
.widget_recent_comments a{ color:#FFF; }

.widget_tag_cloud a:link,.widget_tag_cloud a:active,.widget_tag_cloud a:hover,.widget_tag_cloud a:visited{ color: #65ba00; text-decoration: none; }
.widget_tag_cloud a:hover{ text-decoration: underline; }
.widget_tag_cloud div{ background-color: #FFF; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.ligthtitle{ font-size: 20px; color:#AAA; margin:5px 0; border-bottom:1px solid #AAA; text-align:right;}
.tleft{ text-align: left; }

#twitter { background-color: #FFF; color: #65ba00; font-size: 13px; padding: 10px 10px; height: 65px; position:relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#twitter a{ font-style: italic; color: #65ba00; }
	#seguime { float:right; position:absolute; right: 10px; bottom: 5px; }

#search-3 { background-color:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:3px; height: 31px; }
	#searchform { width:305px; }
	#searchform #s{ float: left; font-family: 'Lucida grande',Tahoma; background-color:#FFF; height:28px; line-height: 28px; color:#000; border:1px solid #FFF; width:250px; }
	#searchform #searchsubmit{ float: right; background: #F3F3F3 url("images/search.png"); width:31px; height:31px; border:0px;}
/**** POST ****/
.post{ padding-bottom:10px; margin-bottom: 10px; border-bottom: 2px solid #65ba00; }
.post a{ text-decoration:none; color:#65ba00; }
.post p{ margin-top:7px; }
.post h2{ color:#65ba00; font-size:25px; margin-top:5px;}
.post .post_cats{ color: #777; }
.post .post_comments{ float: right; text-align: right; display:none;}
.post:hover .post_comments{display: block;}
.post .post_meta{ font-weight:bold; color: #000;}
.post .post_meta span{ font-weight:normal; color:#777;}
.post .post_content { line-height:1.4em;}

/**** POST ****/

.navigation { height:40px; }

					#comments{ padding-top:10px; margin-top:10px; border-top: 1px solid #FFF; }
						.comment{ clear:both; margin:10px 0px; background-color:#FFF; padding:5px; padding-bottom:20px; border-bottom:1px solid #888; }
						.comment .avatar{ width:50px; height:50px; float: left; }
							.comment .avatar img{ width:50px; height:50px; border:1px solid #F0F0F0; padding:1px; }
							.comment_meta{ margin:0px 0px 3px 60px;}
								.comm_author{ color: #666; font-weight: bold; }
								.comm_author a:link,.comm_author a:active,.comm_author a:visited,.comm_author a:hover{ color: green; }
								.comm_fecha a:link,.comm_fecha a:active,.comm_fecha a:visited{ color: green; text-decoration: none;}
								.comm_fecha a:hover{ color: #000; }
						.comment .comment_content{ margin-left:60px; line-height: 15px;}
							.comment_content p{ margin-top:7px; }
							.comment_content a{ color:green; }
							.comment_content ul,ol { list-style-position: inside; margin: 4px 0px 5px 10px; }
						.comments_reply{ background-color:#F0F0F0; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
						.comments_reply p{ color: #000; margin-bottom:2px; line-height: 18px; margin-top:5px; }
						.comments_reply input{ float: right; }
						.comments_reply form { margin:0 0 20px 0;}
						.comments_reply form p{ line-height: 27px; background-color: #FFF; margin-bottom:0px; margin-top: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:0px 2px;}
						.comments_reply form label{ margin-left: 4px; text-transform: lowercase;}
						.comments_reply form input{ background-color: #FFF; width: 250px; border:1px solid #FFF; }
						.comments_reply form textarea{ margin:0px 3px; background-color: #FFF; width: 99%; height: 150px; border: 1px solid #FFF; }

#footer{ clear:both; margin:0px auto 10px auto; text-align:center;  width:190px;}
	#footer  p{ text-align:center; margin:20px auto 0 auto;}
		#footer  a.logopie { display:block; background:#65ba00 url("images/logo_gm_footer.png") bottom center no-repeat; width:190px; height:60px; }
		#footer  a.logopie span{ display:none; }
	#footer  ul{ margin:5px auto 0 auto; text-align:center; width: 190px; list-style:none;}
		#footer  ul li{ margin: 5px; display:inline;}
			#footer  li a { font-size:14px; color:#FFF; text-decoration:none;}