/* 
Theme Name: WIP
Theme URL: http://guionmedio.com/wordpress-themes/wip/
Description: 
Author: Guion Medio
Author URI: http://guionmedio.com/
Version: 2.0
*/

/***************** BASICOS *****************/
* { margin: 0; padding: 0;}
.hide,.hidden{ display:none; }
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.haslayout { height: 1%; /* IE fix */ }
.alignright{ float: right; margin: 4px 0px 3px 5px; }
.alignleft{ float: left; margin: 4px 5px 3px 0px; }
.fcenter{ margin:5px auto 10px auto; display: block; }
.border{ padding:2px; border:1px solid #E0E0E0; }
a img{ border: none; }
img { border: none; }

.withromanl { list-style-type: lower-roman; }
.withromanu { list-style-type: upper-roman; }
.withalphal { list-style-type: lower-alpha; }
.withalphau { list-style-type: upper-alpha; }

a{ color: green; }
/***************** FIN BASICOS *****************/


body{ background-color:#FAFAFA; font-family: 'Lucida grande', Verdana, sans-serif; font-size: 12px; }
#container{  background-color:#FFF; margin: 0 auto; width: 940px; padding: 0px 10px; border-left: 1px solid #F1F1F1; border-right:1px solid #DFDFDF;}
	#header{ background: #000 url("images/black.png") no-repeat; color: #FFF; width: 100%; height: 34px; }
		#header h1{ float: left;  height: 34px; }
			#header h1 a{ display: block;  height: 34px; width: 406px; background: #000 url("images/logo.png") no-repeat; color: #FFF;}
			#header h1 a span{ display: none; }
				ul#nav{ float: right; list-style: none;}
				ul#nav li{ display: inline; }
				ul#nav span{ display: none; }
				a#nav_home{float:left; display:block; width:55px; height:34px; background:#000 url("images/nav_home.png") center left no-repeat; margin-left:10px;}
					a#nav_home:hover{ background:#000 url("images/nav_home_act.png") center left no-repeat;}
				a#nav_about{float:left;display:block; width:81px; height:34px;background:#000 url("images/nav_about.png") center left no-repeat; margin-left:10px;}
					a#nav_about:hover{background:#000 url("images/nav_about_act.png") center left no-repeat;}
				a#nav_contact{float:left;display:block; width:79px; height:34px;background:#000 url("images/nav_contact.png") center left no-repeat; margin-left:10px;}
					a#nav_contact:hover{background:#000 url("images/nav_contact_act.png") center left no-repeat;}
				a#nav_rss{float:left;display:block; width:42px; height:34px;background:#000 url("images/nav_rss.png") center left no-repeat; margin-left:10px;}
					a#nav_rss:hover{background:#000 url("images/nav_rss_act.png") center left no-repeat;}
		
	#content{ margin: 10px auto; width:100%;}
		#principal{ float: left; width: 580px;}
			.main_title{ width: 100%; background-color: #000; height: 33px; margin-bottom:10px;}
				.main_title a.rss{ display: block; height:33px; width: 24px; line-height: 33px; float: left; background: #000 url("images/rss.png") 6px center no-repeat;}
				.main_title a.rss span{ display: none; }
				.main_title h3{ width:129px; height: 33px; background: #000 url("images/ultimospost.png") 2px 3px no-repeat; color: #FFF; margin-left: 22px;}
				.main_title h3 span{ display: none; }
			.simple_title{ font-family: Arial, Verdana, sans-serif; font-size: 24px; color:#666; margin-bottom:15px;}
			#posts{}
				/* POST */
				.post{ border-bottom: 2px solid #E0E0E0; margin-bottom:10px; padding-bottom:10px;}
				.post h2.title{ font-family: Arial, Verdana, sans-serif; font-size: 22px; }
				.post h2.title a:link,.post h2.title a:visited,.post h2.title a:active{ color:green; text-decoration: none;}
				.post h2.title a:hover{ color: #444;}
				.post p.meta{ margin-top: 4px; margin-bottom:15px; color: #000;}
				.post p.meta a{ line-height: 18px; color: green; border-bottom:1px dotted green; text-decoration:none;}
					.post span.fecha{ color:#777; }
					.post span.tags{ }
						.post span.tags a.link_tag{ }
					.post span.counter_comments{ }
					.post_content{ margin-top: 5px; }
					.post_content p { margin-bottom: 10px; font-size:14px; line-height: 20px; font-family: 'Lucida grande', Verdana, sans-serif;}
					.post_content em { border-bottom:1px dotted #DDD; }
					.post_content strong { text-shadow: 1px 1px 1px #AAA; }
					.post_content ul,ol { list-style-position: inside; margin: 4px 0px 5px 20px; }
					.post_content a { color: green; text-decoration:none; border-bottom:1px dotted green;}
					.post_content a:visited { color: #91cc93; }
					.post_content li { margin-top: 3px; }
					.post_content blockquote{ margin:20px; padding: 20px; border:1px solid #F0F0F0; background: #FAFAFA url("images/quote.png") 3px 3px no-repeat; color: #000; }
					.post_content blockquote p{ margin-left: 40px; line-height: 19px; word-spacing: 0px; letter-spacing: 0px; }
					.post_content blockquote cite{ width: 100%; display: block; margin-top: 10px; text-align: right; text-shadow: 1px 1px 1px #999;}
					.post_content blockquote cite:before{ content:"- ";}
				.singlepost{ border-bottom: none; }
				.singlepost h2.title{ }
				.postnavigation{ height: 30px; }
					#prev_page{ float: left;}
						#prev_page a,#post_page a{ color: green; text-decoration: none; letter-spacing:1px;}
					#post_page{ float: right; }
					#comments{ padding-top:10px; margin-top:10px; border-top: 1px solid #F0F0F0; }
						.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:#dadada; }
						.comments_reply h3{display:block; width:100%; height:42px; background: #FFF url("images/comment_title.jpg") top left no-repeat;} 
						.comments_reply h3 span{ display:none; } 
						.comments_reply p{ line-height: 18px; margin-top:5px; }
						.comments_reply input{ float: right; }
						#commentform{ padding: 8px; }
						
							input#author{ width: 460px; height: 30px;}
							input#email{ width: 490px; height: 30px;}
							input#url{ width: 500px; height: 30px;}
							input#author,input#email,input#url{font-size: 26px; line-height:30px;}
							label.comm_author{display:block;width:88px; height:38px; background:#dadada url("images/comment_name.jpg") no-repeat;}
							label.comm_email{display:block;width:58px; height:36px; background:#dadada url("images/comment_mail.jpg") no-repeat;}
							label.comm_web{display:block;width:50px; height:37px; background:#dadada url("images/comment_web.jpg") no-repeat;}
							label.comm_author small,label.comm_email small,label.comm_web small{display:none;}
							textarea#comment{ width: 100%; }
							input.submit{ margin-top: 5px; text-align: right; margin-left: 20px;}
					#form_comments{ padding-top:10px; margin-top:10px; border-top: 1px solid #F0F0F0; }
					
					.linklog {

                    margin: 0 0 20px 0;
                    padding: 5px 0 10px 0;
                    border-bottom: 2px solid #E0E0E0;
                    }
	                .linklog li {
	                font-size: 14px;
	                line-height: 18px;
	                list-style-type: none;
	                list-style-image: url('images/2.gif');
	                margin: 0 0 8px 20px;
	                }
	                .linklog span {
	                color: #000;
	                font-size: 10px;
	                }
		            .linklog span a {
		  
		            }
		            .linklog span a:hover {

		            }
				/* POST */
		#sidebar{ float: right; width:340px; margin-left:10px;}
		
			#sidetitle{ background: #000 url("images/encontrame.png") 1px 1px no-repeat; height:33px; }
				#sidetitle p{ color:#FFF; line-height: 33px;}
				#sidetitle em{ display: none; font-size: 15px; font-weight: bold; margin-left: 5px; float: left;}
				#sidetitle ul{ list-style: none; margin-left: 151px; padding-top:4px;}
				#sidetitle li{ display: inline; padding-left: 1px; line-height: 33px;}
				#sidetitle img{ width: 16px; height:16px; }
			
			#sidebar ul{ list-style: none; list-style-position: inside; }
			#sidebar ul li.widget{ margin-top:10px; }
			#sidebar ul h2.widgettitle{ margin-bottom:4px;}
				.sidebar_top{}
				.sidebar_middle{}
					.sidebar_left{ float: left; width:45%;}
					.sidebar_right{ float: right; width:45%;}
				.sidebar_bottom{ clear: both; }

			#sidebar { margin-bottom:20px;}
				.widget_tag_cloud div{ background-color:#F3F3F3; padding: 3px; font-family: 'Lucida grande', Verdana, sans-serif;}
				.widget_categories h2{ text-indent:-9999px; width:88px; height:25px; background: #FFF url("images/cat_title.jpg") top right no-repeat;}
				.widget_links h2{ text-indent:-9999px; width:90px; height:25px; background: #FFF url("images/blogroll_title.jpg") top left no-repeat;}
				.widget_tag_cloud h2{ text-indent:-9999px; width:77px; height:32px; background: #FFF url("images/tags_title.jpg") top right no-repeat;}
				.widget_recent_comments h2{ text-indent:-9999px; width:178px; height:25px; background: #FFF url("images/recent_comments_title.jpg") top left no-repeat;}
				.widget_archive h2{ text-indent:-9999px; width:79px; height:25px; background: #FFF url("images/archive_title.jpg") top left no-repeat;}
				.widget_categories a,.widget_links a{ color: green; text-decoration:none;} 
				.widget_categories li,.widget_links li,.widget_recent_comments li{ margin-bottom:3px;} 
				.widget_categories,.widget_links,.widget_tag_cloud,.widget_recent_comments,.widget_archive{margin-bottom:20px;}
				#searchform{ background-color:#F3F3F3; height:24px; }
				#searchform #s{ float: left; font-family: 'Lucida grande',Tahoma; background-color:#F3F3F3; height:22px; line-height: 21px; color:#000; border:1px solid #F3F3F3; width:303px; }
				#searchform #searchsubmit{ float: right; background: #F3F3F3 url("images/search.png"); width:24px; height:24px; border:0px;}
				.textwidget #twitter_div a {color: green;}
				.widget_tag_cloud a,.widget_recent_comments a{ color: green; }
				.widget_links{}
				
				.sibebox{  margin-bottom:20px;}
					.sibebox h2 small{ display: none; }
					.sidebox_cont{ margin-top:3px; background-color:#F3F3F3; padding:3px; }
					#box_about h2{ display:block; width:113px; height:25px; background: #FFF url("images/sobreelblog_title.jpg") top left no-repeat; }
					#box_twitter h2{ display:block; width:127px; height:23px; background: #FFF url("images/twitter_title.jpg") top left no-repeat; }
		#footer{ clear: both; margin-top:10px; height: 24px; background-color:#000;}
		#footer p{ line-height:24px; margin-left: 3px; font-size: 10px; color: #EEE;}
		#footer a:link,#footer a:active,#footer a:visited,#footer a:hover{ text-decoration: none; color: #FFF; font-weight: bold; text-shadow: 1px 1px 1px #AAA;}
		#footer .cc{ height:20px; margin-top:2px; float: right; margin-right:5px;}
		
		.sociable a,.iLikeThis a{ text-decoration: none; border-bottom:none; }
		.sociable strong{ line-height:19px;}
		.subscribe-to-comments input{ float:left; }
		.subscribe-to-comments label{ margin-left:4px; float:none; line-height:14px;}