/*  
Theme Name: Juventud Informada
Description: A magazine-style theme based on "The Morning After", available at <a href="http://themasterplan.in/themes/the-morning-after/">The Masterplan</a>, by <a href="http://gruponsnc.com.ar">Grupo NSNC</a>
Version: 1.0
Author: Gustavo Denis
Author URI: http://gruponsnc.com.ar/
*/

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/compressed.css";

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body { background: url(images/back/bodyback.gif) top left repeat-x #FFF;}

a, a:visited { color: #99CC00; text-decoration: none;}
a:hover { text-decoration: underline;}
/* Header
-------------------------------------------------------------- */
#header { }
#header #logo a img { margin:0;}
#logo { float: left;}
#topad { 
	float: right;
	width: 468px;
	height: 60px;
	position: relative;
	top: 22px;
	}


/* Menus styles
-------------------------------------------------------------- */
ul#menutop, ul#menu { margin: 0;}
ul.arrow, ul.cat, ul.reccom, ul.email { list-style: none; margin: 0; }

#top { 
	width: 100%;
	height: 24px;
	}
ul#menutop {
	list-style: none; 
	font-family: Trebuchet MS, Arial, Verdana;
	text-transform: uppercase;
	height: 24px;
	float: right;
	margin: 0 ;
	background: url(images/back/back_menutop.gif) top center repeat-x;
	}
#menutop li { 
	float: left;
	text-align: center;
	font-size: 0.8em;
	line-height: 24px; 
	padding: 0 15px; 
	letter-spacing: 2px;
	border-right: 1px solid #000;
	border-left: 1px solid #333;
	}
#menutop li a { 
	color: #ddd;
	text-decoration: none;
	}
#menutop li a:hover { 
	text-decoration: underline;
	color: #FFFFFF;
	}
#menutop li.home { 
	background: url(images/back/menutop_left.gif) top left no-repeat;
	border-left: 0;
	}
#menutop li.contact { 
	background: url(images/back/menutop_right.gif) top right no-repeat;
	border-right: 0;
	}

/*
#menu ul.cat li a:hover { 
	color: #000000;
	}
#menu ul.cat li.cat-item-3 { border-left: 0;}
#menu ul.cat li.cat-item-17 { border-right: 0;}
#menu ul.cat li ul { 
	list-style: none; 
	margin: 0;
	display: none;
	}
*/

/* Search
-------------------------------------------------------------- */
#header #search { 
	float: right;
	padding: 7px 0 0 0;
	}
	/* form styles */
	input.search_input { 
		width: 162px; 
		height: 20px;
		padding: 5px 0 0 5px;
		border: 0; 
		background:url(images/back/input.png) no-repeat; 
		margin: 0; 
		float: left;
		color: #333333;
		}
	input.submit_input { 
		background: url(images/back/submit.png) top center no-repeat; 
		border: 0; 
		height: 19px; 
		width: 19px;
		text-indent: -9000px; /**/
		font-size: 0px;		  /* HACK PARA OCULTAR TEXTO EN IE */
		color: #FFFFFF;       /**/
		margin: 1px 15px 0 5px; 
		padding: 1px 0; 
		float: left;
		cursor: pointer;
		}


/* Top banner
-------------------------------------------------------------- */
#topbanner { height:1px;	}


/* Sidebar
-------------------------------------------------------------- */
#sidebar {
	margin-top: 10px;
	}
/* especiales */	
.esp_thumb img { margin: 0;}
.esp_thumb, .esp_thumb a {
	width: 200px;
	height: 60px;
	display: block;
	margin: 0 0 .5em 0;
	background: url(../../../thumbs/thespecial/noimage.gif) top center no-repeat #FFF;
	}


/*  Heading styles
-------------------------------------------------------------- */
h2.feat_title, h2.asid_title, h2.archive_title, h1.post_name { 
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	margin-top: 5px;
	color: #334280;
	}
h1.post_name {
	margin-bottom: 5px;
}
h2.asid_title { 
	font-size: 1.7em;
	line-height: 1.2em;
	}
h2.feat_title a, h2.asid_title a, h2.archive_title a {
	text-decoration: none;
	color: #334280;
	}
h2.feat_title a:hover, h2.asid_title a:hover, h2.archive_title a:hover { color: #99CC00;} 

h3 {
	text-transform: uppercase;
	border-bottom: 1px dotted #999999;
	color: #666;
	margin: 0 0 10px 0;
	}

h2.archive_name { 
	font-size: 2em; 
	line-height: 1em;
	}	
h4.post_comm, h4.post_comm2 { 
	text-transform: uppercase; 
	font-weight: bold; 
	letter-spacing: 0.1em; 
	color: #000;
	}
h4.post_comm {
	font-size: 0.8em; 
	line-height: 1.6em; 
	margin: 0 0 0.2em 0; 
	border-bottom: 1px solid #ddd; 
	padding: .3em 0 .2em 0; 
	background: url(images/back/stripe.png) repeat top left;
	}


/* Articles Styles
-------------------------------------------------------------- */
#home_content, #archive_content, #post_content { padding: 0 0 0 5px;}
a.read {
	text-decoration: none;
	border: 1px solid #DDD;
	color: #CCC;
	float: left;
	line-height: 10px;
	padding: 0 1px;	
	position: relative;
	top: 3px;
}
a:hover.read { color: #99CC00; border-color:#99CC00;}

/* featured / asides / archive / single post */
#home_featured, #home_asides { 
	float: left; 
	width: 472px;
	}
.feat_content, .asid_content, .archive_post_block { 
	float: left;
	width: 100%;
	border-bottom: 1px solid #DDD;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	}

.feat_thumb, .feat_thumb a  { 
	display: block;
	width: 472px;
	min-height: 100px;
	}
.asid_thumb, .asid_thumb a {
	float: right;
	width: 92px;
	height: 92px;
	margin: 0 0 10px 10px;
	}
.feat_thumb { background: url(../../../thumbs/thprincipal/noimage.gif) top left no-repeat;}
.asid_thumb { background: url(../../../thumbs/thsecundaria/noimage.gif) top left no-repeat;}
.feat_thumb img, .asid_thumb img { border: 1px solid #DDD;}
.feat_thumb img:hover, .asid_thumb img:hover { border-color: #999;}

.feat_time, .asid_time, .archive_post_meta, .post_meta {
	border-bottom: 1px solid #DDD;
	display: inline;
	color: #999;
	}
.post_meta_tags { color: #999;}	
.feat_exc, .asid_exc, .archive_exc, .post_exc { padding: 0 2px;}


/* Archive styles
-------------------------------------------------------------- */
.archive_meta {
	border: 5px solid #DDD;
	padding: 10px;
	margin-bottom: .5em;
	}
.archive_meta small {
	color: #999999;
	}
.archive_feed { 
	padding: 0.5em 1.5em; 
	margin: 0; 
	border-bottom: 1px solid #dadada; 
	background: url(images/icons/feedicon12.png) no-repeat 0 8px; 
	color: #666;
	}
.archive_number { 
	padding: 0.5em 1.5em; 
	margin: 0; 
	border-bottom: 1px solid #dadada; 
	color: #666; 
	background: url(images/icons/info.png) no-repeat 0 8px;
	}
.archive_email { 
	padding: 0.5em 1.5em; 
	margin: 0; 
	border-bottom: 1px solid #dadada; 
	color: #666; background: url(images/icons/email_author.png) no-repeat 0 9px;
	}
/* archives page */
ul.archives, ul.wp-tag-cloud {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(../foo.gif); }
ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 20px; background: url(images/icons/doc.png) no-repeat 0 2px; }



/* recent comments */
ul.reccom li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/icons/bubble.png) no-repeat 0 3px; }

/* most emailed */
ul.email li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/icons/doc.png) no-repeat 0 3px; }

/** widgets **/
.widget { margin: 0 0 1.4em 0; }
.widget ul, .widget ol { list-style: none; padding: 0; margin: 0; }
.widget ul li { padding: 0 0 0.3em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/icons/postbullet.png) no-repeat 0 2px; }
.widget ol li { padding: 0 0 0.3em 10px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada;  }

/*recent comments*/
ul#recentcomments li.recentcomments { background: url(images/icons/bubble.png) no-repeat 0 3px; }

/*wp-calendar*/
table#wp-calendar { margin: 0; width: 100%; border: 0; }
table#wp-calendar caption { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #175595; }
table#wp-calendar th, table#wp-calendar td { height: 1em; padding: 0.2em 0.4em;/*padding: 5px 7px;*/ text-align: right; border-right: 2px solid #fff;  }
table#wp-calendar th, table#wp-calendar td#today { font-weight: bold; background: #dadada; color: #000; border-bottom: 0; }
table#wp-calendar td#today { font-weight: bold; background: #f2f2f2; }
table#wp-calendar td { border-bottom: 1px solid #efefef; }
table#wp-calendar td a { font-weight: bold; }

/*most e-mailed*/
.widget_email_most_emailed ul li { background: url(images/icons/doc.png) no-repeat 0 2px; }


/* Single post styles
-------------------------------------------------------------- */
#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }

#post { width: 480px;}
.post_exc { margin: 1em 0;}

.post_exc h1, .post_exc h2, .post_exc h3, .post_exc h4, .post_exc h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	margin: .5em 0 0 0;
	color: #334280;
	border: 0;
	text-transform: none;
}
.post_exc h1 { font-size: 2.2em;}
.post_exc h2 { font-size: 2em;}
.post_exc h3 { font-size: 1.6em;}
.post_exc h4 { font-size: 1.4em;}
.post_exc h5 { font-size: 1.2em;}

.post_exc img { border: 1px solid #DDD; padding: 2px;}
.post_exc img:hover { border-color: #999999;}
.post_exc img.alignright { float: right; display: inline; margin: .5em 0 .5em 1em;}
.post_exc img.alignleft { float: left; display: inline;  margin: .5em 1em .5em 0;}
.post_exc img.aligncenter { margin: .5em auto; display: block;}

#post_content blockquote {
	margin: 1em 0;
	padding: .5em 2em .5em 5em;
	background: url(images/back/blockquote.gif) top left no-repeat #FFF;
	}
#post_content blockquote p {
	text-align: left;
	line-height: 1.3em;
	color: #99A0BF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.5em;
	font-weight: lighter;
	}

/* Comment area styles
-------------------------------------------------------------- */
#comments { margin-top: 3em; }
#commenthead { margin-bottom: 1em; }

ol#commentlist { 
	list-style-type: none; 
	margin: 0; 
	padding: 0 0 12px 0;
	}
ol#commentlist li { 
	border-bottom: 1px dashed #ddd; 
	margin: 0 0 1em 0; 
	padding: .5em 1em; 
	/*overflow-x: hidden;*/
	}
ol#commentlist li.alternate {}
ol#commentlist cite { 
	font-style: normal; 
	text-align: left; 
	display: block; 
	color: #999;
	background: url(images/icons/bubble.png) top left no-repeat;
	text-indent: 17px;
	}
ol#commentlist li blockquote { 
	float: none; 
	width: auto; 
	padding: 0 2em 0 0; 
	margin: 0.5em 0; 
	color: #999; 
	font-size: 1em;
	font-style:italic; 
	letter-spacing: 0; 
	text-align: left;
	}
ol#commentlist li .commentauthor { 
	font-weight: bold; 
	color: #333;
	}
ol#commentlist li .commnumber { 
	width: 30px; 
	text-align: left; 
	float: left; 
	font-size: 3em; 
	font-weight: bold; 
	line-height: 1em;
	}
ol#commentlist li .commentcont p { 
	margin: 0 0 0.5em 0; 
	padding: 0;
	}

/* comment form */
#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; }
input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
input.comsubmit { margin-left: 100px; }


/* MODULOS
-------------------------------------------------------------- */

/* yo no te coné */
#yonot {
	padding: 5px 10px 100px 10px;
	margin: 0 0 1em 0;
	border-top: 10px solid #DDD;
	border-left: 10px solid #DDD;
	border-right: 10px solid #DDD;
	background: url(images/back/back_yonot.gif) bottom center no-repeat #FFF;	
	}
#yonot p {
	text-align: left;
	letter-spacing: 0.05em;
	margin: 0;
	background-color: #9AC01B;
	color: #FFFFFF;
	padding: 5px 7px;
	}
#yonot h3 { 
	color: #9AC01B;
	border-bottom: 0;
	margin: 0;
	text-indent: 2px;
	padding-bottom: 3px;
	}

/* nube de tags */	
#tag_cloud { 
	text-align: center; 
	line-height: 1.5em;
	padding: 10px 5px;
	background-color: #f5f5f5;
	margin: 1em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}		

/* recent posts */
#home_recent {
	padding: 10px;
	background-color: #f5f5f5;
	margin: 1em 0;
	}
.home_recent_post {
	border-bottom: 1px dotted #CCC;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	}
.home_recent_title a {
		font-size: 1.1em;
		font-weight: 600;
		text-decoration: none;
		color: #334280;
		line-height: 1.1em;
		}
.home_recent_title a:hover { color: #99CC00;}
.home_recent_exc p { color: #666; text-align: left; }

/* ad */
.adblock { 
	text-align: center;
	width: 100%;
	margin: .5em 0;
	}
.adblock .ad468 { margin: 0 auto; width: 470px; }
.adblock .ad250 { margin: 0 auto; width: 250px; }
.adblock .ad200 { margin: 0 auto; width: 200px; }

/* contact form 7 */
.wpcf7 p {}
.wpcf7 input, .wpcf7 textarea { border: 5px solid #DDD;}
.wpcf7 input, .wpcf7 textarea { padding: 2px;}
.wpcf7 input[type="submit"] { 
	border-color:#334280;
	margin: .5em 0 0 0;
	width: 100px;
	}
.wpcf7 input[type="submit"]:hover { border-color: #99CC00;}	

.wpcf7 label input { width: 70px;letter-spacing: 5px; text-align: center;}
img.wpcf7-captcha-your-captcha { margin: 0 0 0 .5em;}
.wpcf7 label { vertical-align: middle; margin: 0; padding:0;}

/* Footer
-------------------------------------------------------------- */
#footer { 
	padding: .5em;
	margin: 1em 0 0 0; 
	color: #666; 
	border-top: 1px solid #DDD;
	}
#footer #design { margin: 1em 0 0 0;}	
#footer #design img { vertical-align: middle; display: inline;}
#footer #rss { float: right; display: inline; vertical-align:middle;}


/* Miscellaneous styles
-------------------------------------------------------------- */
.none { display: none; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
.navigation { color: #818181; }
input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.buttonem { background: #dadada; float: left; }

/* image caption classes */
.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }