/*
Theme Name: Modamona2
Theme URI: http://www.modamona.com/
Description: Plantilla para modamona
Author: sebasromano
Author URI: http://envero.org
version: 2.0
Tags: two-column, nice, 2.0
*/

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body { font: 62.5%/1.6 Arial, Helvetica, sans-serif; color: #333333; background: #fff; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.clearfix{ display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix{ height: 1%; }
	.clearfix{ display: block;}
	/* close commented backslash hack */

/* hidding elements */
.hide {	display: none !important; }

/* Remove border around linked images */
img { border: 0; }

strong{ font-weight: bold;}

em{ font-style: italic;}

a:link, a:visited{ text-decoration: none; color: #333;}
a:hover, a:active{color: #009999;}

h1{ font-size: 2.2em; line-height: 120%; font-weight: normal;}
h2{ font-size: 2em; line-height: 120%; font-weight: normal; }
h3{ font-size: 1.8em; line-height: 120%; font-weight: normal; margin: 0.5em 0; }
h4{ font-size: 1.6em; line-height: 120%; font-weight: normal; margin: 0.5em 0; }
p{ font-size: 1.2em; line-height: 130%; margin: 0 0 10px 0;}

#wrapper{ width: 960px; margin: 10px auto 0 auto; padding: 0 0 30px 0;}
	#header{ padding: 0 0 20px 0;}
		#logo{ float: left; padding: 14px 0 0 0;}
		#ad1{ float: right; padding-right: 20px;}
		
	#left-content{ float: left; width: 640px}
		
	#menu{border-top: 1px solid #EBEBEB;}
	#menu ul{float: left;}
	#menu ul li{float: left; margin-right: 15px; display: inline; padding: 10px 0 9px 0;}
		#menu ul li a{ display: block; height: 19px;}
		#menu ul li a span{ display: none;}
		#m1:link,#m1:visited{ background: url(img/bkg_menu_superior.gif) no-repeat left top; width: 30px;}
			#m1:hover,#m1:active{ background: url(img/bkg_menu_superior.gif) no-repeat left -20px; width: 30px;}
		#m2:link,#m2:visited{ background: url(img/bkg_menu_superior.gif) no-repeat -48px top; width: 30px;}
			#m2:hover,#m2:active{ background: url(img/bkg_menu_superior.gif) no-repeat -48px -20px; width: 30px;}
		#m3:link,#m3:visited{ background: url(img/bkg_menu_superior.gif) no-repeat -95px top; width: 68px;}
			#m3:hover,#m3:active{ background: url(img/bkg_menu_superior.gif) no-repeat -95px -20px; width: 68px;}
		#m4:link,#m4:visited{ background: url(img/bkg_menu_superior.gif) no-repeat -180px top; width: 45px;}
			#m4:hover,#m4:active{ background: url(img/bkg_menu_superior.gif) no-repeat -180px -20px; width: 45px;}
		#m5:link,#m5:visited{ background: url(img/bkg_menu_superior.gif) no-repeat -242px top; width: 40px;}
			#m5:hover,#m5:active{ background: url(img/bkg_menu_superior.gif) no-repeat -242px -20px; width: 40px;}
		#m6:link,#m6:visited{ background: url(img/bkg_menu_superior.gif) no-repeat -300px top; width: 43px;}
			#m6:hover,#m6:active{ background: url(img/bkg_menu_superior.gif) no-repeat -300px -20px; width: 43px;}
		#m7:link,#m7:visited{ background: url(img/bkg_menu_superior.gif) no-repeat -361px top; width: 63px;}
			#m7:hover,#m7:active{ background: url(img/bkg_menu_superior.gif) no-repeat -361px -20px; width: 63px;}
		#m8:link,#m8:visited{ background: url(img/bkg_menu_superior.gif) no-repeat -442px top; width: 62px;}
			#m8:hover,#m8:active{ background: url(img/bkg_menu_superior.gif) no-repeat -442px -20px; width: 62px;}
	
	.section h1{ color: #009999; font-size: 1.8em; background: #fff;}
	.section p{ color: #999999; margin: 0;}
	
	#content{ padding: 10px 0 30px 0;}	
		.list{ padding: 30px 0 0 0;}
		
		.post{ padding-bottom: 30px;}
		.post ul li{ font-size: 1.1em;}
		.post .date{ text-transform: uppercase; color: #999999}
		/*.post h2 { font-size: 2.2em;}*/
		.summary{ padding: 10px 0;}
			.photo{ width: 110px; height: 120px; overflow: hidden; float: left; background: #FBFBFB;}	
			.text{ width: 510px; float: right;}
			.text-without-image{ padding: 0;}
				.more-link{ font-weight: bold; color: #009999 !important; }
				
			.summary a:link, .summary a:visited, .text a:link, .text a:visited, .text-without-image a:link, .text-without-image a:visited{ color: #009999;} 
			.summary a:hover, .summary a:active, .text a:hover, .text a:active, .text-without-image a:hover, .text-without-image a:active{ color: #00C6C6;} 
				
		.post-footer{ padding: 10px; background: #FBFBFB; border-bottom: 1px solid #EBEBEB;}
		.post-footer p{ margin: 0;}
			.comments a{ font-weight: bold; text-transform: uppercase;}
				.comments a:hover, .comments a:active{ color: #333;}
			.comments a span{ color: #FF0066;}
			.tags{ font-size: 1.1em;}
				.tags a:link, .tags a:active{ color: #009999; text-decoration: underline;}
				
	#sidebar{ float: right; width: 300px;}
		.search{ font-family: inherit; font-size: 2em; padding: 5px 2px; vertical-align: middle; background: #FBFBFB; border: 1px solid #EBEBEB; width: 224px;}
		.boton{ display: inline; vertical-align: middle;}
		
		#social{ padding: 10px 0;}
		#social li{ padding: 2px 0;}
		#social a{ font-size: 1.1em;}
			#facebook{ float: left; width: 150px; display: block;}
				#facebook a{ display: block; background: url(img/bkg_social.jpg) no-repeat left 1px; padding-left: 20px;}
			#feedemail{ float: right; width: 150px;}
				#feedemail a{ display: block; background: url(img/bkg_social.jpg) no-repeat left -36px; padding-left: 20px;}
			#twitter{ float: left; width: 150px;}
				#twitter a{ display: block; background: url(img/bkg_social.jpg) no-repeat left -18px; padding-left: 20px;}
			#feedrss{ float: right; width: 150px;}
				#feedrss a{ display: block; background: url(img/bkg_social.jpg) no-repeat left -53px; padding-left: 20px;}
				
		#friends{ padding: 0 0 20px 0;}
		#friends a{ font-size: 1.1em;}
	
	#sidebar h2{ text-transform: uppercase; font-size: 1.4em; font-weight: bold; margin: 20px 0 10px 0;}			
	#navigation li a:link, #navigation li a:visited{ font-size: 1.2em; text-transform: uppercase;}
	#navigation .children{padding: 0 0 0 5px;}
		#navigation .children a:link, #navigation .children a:visited{ color: #999999;}
		#navigation .children a:hover, #navigation .children a:active{ color: #009999;}
	
	.back-next{}
		.back-next .back{ float: left; font-size: 1.1em; text-transform: uppercase;}
		.back-next .next{ float: right; font-size: 1.1em; text-transform: uppercase;}
		#wp_page_numbers{ float: left; padding: 0 10px; width: 500px; }
			#wp_page_numbers ul li{ display: inline;}
				#wp_page_numbers ul li a{ font-size: 1.1em;}
				#wp_page_numbers ul li.active_page a{ font-weight: bold; color: #009999!important;}
		
	#footer{ border-top: 1px solid #EBEBEB; padding: 20px 10px 20px 10px; width: 620px;}
		#footer p{ line-height: 140%;}
	
	
	.widget_categories{ margin: 0 0 20px 0;}
	.widget_sp_image{ margin: 20px 0 0 0;}
	
	/* comentarios */
	#comments h3{ margin-bottom: 20px; color: #FF0066;}
	
		.commentlist{ margin: 0 0 20px 0;}
			.commentlist li .comment{ background: #FBFBFB; padding: 10px;}
			.commentlist li .author{ background: url(img/bkg_comments.jpg) no-repeat left top; padding: 10px 10px 20px 70px;}
				.commentlist li .author a{  color: #009999;}
				
	#author, #email, #url{ border: 1px solid #E8E8E8; padding: 2px;}
	#comment{ border: 1px solid #E8E8E8; padding: 2px; overflow: auto; font-family: inherit !important;}
	
	.ads-wrapper{ padding: 0 0 20px 0;}