/* 
Theme Name: Divúlgalo
Theme URL: http://divulgalo.com/
Description: Divulgalo theme for Wordpress by CarAdan
Author: Carlos Adrian Morales
Author URI: http://carlosadrian.mx/
Version: 2.0.1
*/

/* Main styling */

body {
	font-family: helvetica, arial, sans-serif;
	font-size: 0.85em;
	background: #000000 url(img/body_bg.png) top left repeat-x;
	color: #FFFFFF;
}

p {
	line-height: 1.5em;
	margin: 0.6em 0;
}

h1 a, h2 a, h3 a { text-decoration: none; }

/* Main distribution */

#container {
	width: 960px;
	margin: 0 auto;
	background: #FFFFFF;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 20px;
}

#content {
	width: 550px;
	float: left;
	padding: 20px 15px;
}

#sidebar {
	width: 350px;
	float: right;
	padding: 20px 15px;
}

#footer {
	background: #111111 url(img/footer_bg.png) center center no-repeat;
	color: #FFFFFF;
	height: 48px;
	clear: both;
}

/* Pages navigation */

#header {
	position: relative;
	background: #111111;
	height: 190px;
	color: #FFFFFF;
}

#header h1 a {
	display: block;
	background: #111111 url(img/header_title_bg.png) no-repeat center center;
	width: 293px;
	height: 130px;
}

#header h1 a span { display: none; }

/* Pages navigation */

#nav_pages {
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	height: 34px;
	padding-top: 20px;
}

#nav_pages li, #nav_pages li a {
	display: block;
	float: left;
	padding: 0 5px;
	text-decoration: none;
	color: #DCB00C;
}

#nav_pages li a:hover { text-decoration: underline; }

/* Categories navigation */

#nav_categories {
	display: block;
	height: 58px;
	width: 960px;
	background: #111111 url(img/main_menu_bg.png) no-repeat center center;
}

#nav_categories li, #nav_categories li a {
	display: block;
	float: left;
	line-height: 58px;
	height: 58px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.1em;
}

#nav_categories li a { padding: 0 8px; }

#nav_categories li a:hover { color: #DCB00C; }

/* Search box */

#search_box {
	position: absolute;
	top: 50px;
	right: 0;
	background: url(img/search_bg.png) no-repeat center center;
	width: 358px;
	height: 39px;
}

#search_box label { display: none; }

#search_box #searchsubmit { display: none; }

#search_box #s {
	width: 300px;
	margin: 0.5em 0 0 1em;
	line-height: 1.5em;
	font-size: 1em;
	border: 0;
}

/* Featured zone */

.featured {
	width: 550px;
	height: 200px;
	border: 1px solid #CCCCCC;
	position: relative;
}

.featured-ribbon { 
 position: absolute;
 top: 0;
 left: 250px; }

.featured-img {
	width: 350px;
	height: 200px;
	float: left;
}

.featured-content {
	height: 190px;
	overflow: hidden;
	font-size: 0.9em;
	width: 190px;
	float: right;
	padding: 5px;
}

.featured-content a { color: #333333; font-size: 1.1em; }

.featured-content a:hover { text-decoration: underline; }

#featured-th { height: 60px; }

#featured-th ul li, #featured-th ul li a {
	display: block;
	float: left;
}

#featured-th ul li { margin-right: 5px; border: 1px solid #CCCCCC; background: #CCCCCC; padding: 2px; padding-top: 0; border-top: 0; }

#featured-th ul li.last { margin: 0; }

/* Video zone */

#video-frame { height: 300px; margin-top: 20px; }

#video-frame h2 {
	background: #333333;
	color:#FFFFFF;
	padding:5px;
}

#video-frame .video-right { float: right; }

#video-frame .video-right li a {
	display: block;
	background: #CCCCCC url(img/video_module_list_bg.png) repeat-x center top;
	height: 43px;
	width: 195px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 5px;
}

#video-frame .video-left { float: left; }

/* Miniposts en Portada */

#portada { margin-top: 20px; }

#portada h2 {
	background: #333333;
	padding: 2px 5px;
	display: block;
}

#portada h2 a {
	color: #FFFFFF;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 1em;
}

#portada .post {
	display: block;
	width: 260px;
	height: 203px;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
#portada .fl {
	float: left;
}
#portada .fr {
	float: right;
}

#portada .post_content {
	padding: 10px 0;
	height: 130px;
	overflow: hidden;
	font-size: 0.9em;
	padding: 8px;
}

#portada .post_content h3 a { color: #000000; }

#portada .post_content img {
	float: left;
	border: 1px solid #999999;
	background: #CCCCCC;
	padding: 2px;
	margin: 0 5px 5px 0;
}

#portada .post_meta { font-size: 0.83em; padding-left: 8px; }

#portada .post_meta a { color: #CC6600; }

#portada a:hover { text-decoration: underline; }

#portada .post_meta a:hover { text-decoration: none; }

/* Acerca | About */

#about { border: 1px solid #FFFF99; background: #FFFFCC; padding: 5px; }

/* Social */

#social p a { text-decoration: none; font-size: 1.3em; color: #333333; }

#social p img { vertical-align: middle; width: 32px; height: 32px; margin-right: 1em; }

#social p a:hover { background: #FFFF99; }

/* Ads */

.ads a img { border: 1px solid #999999; background: #CCCCCC; padding: 5px; }

/* Divulgalo TV */

#divulgalo_tv { margin-bottom: 20px; }

#divulgalo_tv h2 { font-size: 1.5em; }

/* Sidebar Tabs - Popular, Comments, Featured, Tag Cloud */

.sideTabs {
	width:350px;
	display:block;
}

.sideTabs .idTabs {
	font-size: 12px;
	height: 30px;
	letter-spacing: -1px;
}

.sideTabs .idTabs li {
	float: left;
	font-size: 13px;
	line-height: 30px;
}

.sideTabs .idTabs li a {
	border: 1px solid #c0c0c0;
	border-bottom: 0;
	color: #c0c0c0;
	display: block;
	margin: 0 2px 0 0;
	padding: 0 10px;
	font-weight:bold;
}

.sideTabs .idTabs li a:hover, .sideTabs .idTabs .selected {
	border: 1px solid #c0c0c0;
	border-bottom:1px solid #ffffff;
	color: #333333;
	text-decoration: none;
	background: #FFFF99;
}

.navbox {
	border: 1px solid #c0c0c0;
	
	margin: 1px 0 25px;
	padding: 10px 10px 0;
	position: relative;
}

.navbox ul { padding-left: 20px; }

.navbox li { list-style: square; }

.navbox li a {
	text-decoration: none;
	display: block;
	padding: 5px;
	color: #000000;
}

.navbox a { color: #000000; }

.navbox li a:hover { text-decoration: underline; }

#tags a:hover { text-decoration: none; }

#archives_sidebar a { color: #000000; }

/* Tags cloud */

#tags { padding: 5px; }

#tags a { line-height: 1.1em; padding: 2px; }

.list1, list3, list4 { padding-bottom:12px; }

.list1 li, .list3 li, .list4 li {
	background: url(images/ico-star.gif) no-repeat left center;
	padding: 6px 0 6px 25px;
	border-bottom:1px dashed #C0C0C0;
}

.list1 li a, .list3 li a, .list4 li a { color: #000000; }

.list3 li { background: url(images/ico-mostcomm.gif) no-repeat left center !important; }

.list4 li { background: url(images/ico-feat.gif) no-repeat left center !important; }

.fix { 
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}

/* Footer */

#footer { font-size: 0.9em; padding: 5px 20px; }

#footer a { color: #FFFFFF; }

/* Page */

#page {
	border-bottom: 1px solid #999999;
}

#page h2 a {
	font-size: 1.5em;
	color:#000000;
	padding: 5px;
	display: block;
	background: #FFFFCC;
}

#page h2 a:hover { text-decoration: underline; }

#page p { line-height: 1.5em; margin-bottom: 1em; }

/* Archive */

#archive #archive_meta {
	border: 1px solid #CCCCCC;
	background: #E0E0E0;
	padding: 5px;
}

#archive .archive_feed a { color: #000000; }

#archive a:hover { text-decoration: none; }

#archive .archive_feed {
	height: 32px;
	line-height: 32px;
	background: url(img/rss_feed.png) no-repeat left center;
	padding-left: 40px;
}

#archive .archive_post {
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;
	height: 80px;
}

#archive .archive_post img { float: left; border: 1px solid #999999; background: #CCCCCC; padding: 3px; margin-right: 5px; }

#archive .archive_post p { line-height: 1em; }

#archive .archive_post .comments a { color: #000000; }

#archive .archive_post h2 a {
	color: #FF6633;
}



/* Posts styling */

.post { }

.single h2 a {
	font-size: 1.5em;
	color: #FF6633;
	margin-bottom: 1em;
	display: block;
}

.post a { color: #FF6633; }

.post img {
	border: 1px solid #CCCCCC;
	background: #F0F0F0;
	padding: 5px;
}

#post_meta {
	border: 1px solid #CCCCCC;
	background: #E0E0E0;
	padding: 5px;
	margin-bottom: 1em;
}

#post_meta a { color: #000000; }

.postnavigation { }

/* Comments */

#comments .comments_meta a { color: #FF6633; }

#comments { font-size: 0.95em; border-top: 1px solid #CCCCCC; padding-top: 5px; }

#comments .comments_navigation { }

#comments .date_time { font-size: 0.8em; color: #666666; }

#comments li {
	padding: 5px;
	margin: 5px 0;
}
#comments li.alt {
	border: 1px solid #CCCCCC;
	background: #F0F0F0;
}

.comments_navigation { }

.comments_reply { }

.comments_text { }

.comments_meta { }
img.alignleft { float: left; margin: 0 5px 5px 0; }
img.alignright { float: right; margin: 0 0 5px 5px; }
.post blockquote { background: #EEEEEE; border: 2px solid #CCCCCC; padding: 5px; clear: both; }