/*

Theme Name: Voto Latino
Theme URI: http://www.votolatino.org
Description: Official voto latino theme developed by BLVD29
Version: 1.1
Author: BLVD29
Author URI: http://www.Boulevard29.com

*/


body { margin: 0; padding: 0; background: #FFFFFF url(images/site_bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding-top: 10px; }

h1, h2, h3 { margin-top: 0; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 2em; color: #f4096d;}

h2 { font-size: 1.6em; color: #f4096d;}

h2 a {font-family:arial,verdana,monospace; font-size:20px; letter-spacing: -0.5px; text-transform:capitalize; font-weight:normal; }

h3 { font-size: 1em; color: #f4096d;}

ul { list-style: none; }

a { text-decoration: none;  color: #4390cb; }

a:hover { border-bottom: none; color: #f4096d; }

a img { border: none; }

img.left { float: left; margin: 0 20px 0 0; }

img.right { float: right; margin: 0 0 0 20px; }

.float_clearer {clear:both;}

/* Header */

.header {width: 1002px; margin: 0 auto;  border-bottom: 3px solid #bf0a30; }

/* Menu */



#vl-logo {margin: 0 0 15px 15px; float:right;}

#menu {padding-top: 60px; float: left; width:600px;}

#menu, #mid-menu { height: 32px;}

#mid-menu a {text-transform: lowercase; display: inline; text-decoration: none; font-size: 24px; padding: 10px; font-weight: bold; color: #256A9F; letter-spacing: -0.5px; }

#mid-menu a:hover, #mid-menu .current_page_item a {color: #fed702;}

#menu ul { margin: 0; padding: 0; list-style: none; }

#mid-main {	margin: 0!important; padding: 0px!important; }

#mid-main li { display: inline; }

#mid-main .current_page_item a { background:#EFEFEF!important;}

#menu a:hover {color: #fed702; }

#menu .current_page_item a { color: #ffffff; background: #fed702; }

/* Page */

#page { width: 1022px; background: url(images/wrapper_bg.png)repeat-y; margin: 0 auto; padding: 0 0 10px 0; clear: both;}

#page-bg { padding: 11px 24px; }

/* Latest Post */

#latest-post { padding: 20px; border: 1px solid #E7E7E7; }

/* Content */

#content { float: left; margin-left: 20px; width: 480px;  }

#content-1bar {width:720px; float:left; margin: 0 20px;}

.post { margin-bottom: 20px; padding: 15px; border-bottom: 1px solid #FFFFFF; line-height: 120%; background: #EFEFEF; font-family:arial,verdana,monospace; font-size: 12px; text-align: justify; color: #4F4F4F; overflow: hidden; }

#content .post h2 {margin:0; padding:0;}

.title { margin: 0; }

.title a { color: #4390cb; border-bottom: none; }

.title a:hover { color: #f4096d; border-bottom: 1px dotted #CCCCCC; }

.byline { color: #bababa; margin: 0 0 20px 0; }

.entry { padding: 0 10px; }

.entry_blog {width:385px; float:right;}

.entry_blog2 {width:620px; text-align: justify; float:right;}

.entry_blog p {margin:0; padding:0;}

.links { padding-top: 10px; text-align: left; font-weight: bold; }

.links a { border: none; }

.links a:hover { border-bottom: 1px dotted #CCCCCC; }

.date_cal {width:44px; height:49px; background:url(images/date_bg.png) no-repeat; line-height: 15px!important; text-align:center; padding-top:2px; overflow:hidden; float:left;}

.date_cal .month {font-size:14px; color:#FFFFFF; font-weight:bold; letter-spacing: 2px;}

.date_cal .date {margin-top:6px; font-size:28px; color:#ababab; font-weight:bold; letter-spacing: 2px;}

.blogpost_data {margin:0; padding:10px 0 5px 15px ; height:30px; background:#4F4F4F;}

.blogpost_data li {display: inline; margin-right:12px;}

.blogpost_data li a {color:#FFFFFF; text-transform:capitalize; font-weight:bold; font-size:12px;}

.post_details {line-height: 14px!important; margin:5px 0 15px 0;}

.post_details p {margin:0; padding:0; font-size:11px;}
/* Sidebars */

.sidebar { float: left; width: 230px; padding: 0 20px 0 7px; font-family: arial, verdana, monospace; }

.sidebar ul { margin: 0; padding: 0; list-style: none; }

.sidebar li { padding: 0 0 10px 0; border-bottom: #fed702 1px dashed; }

.sidebar li ul { }

.sidebar li li { padding: 5px 0 5px 25px; border-bottom: none!important; }

.sidebar li h2 { margin: 0 0 10px 0; padding: 5px 0px; font-size: 24px; color: #fed702; font-family:Arial, Helvetica, sans-serif!important;}

/* Search */

#searchform { margin: 0; padding: 0; }

#searchform br { display: none; }

/* forms */
input {
	background: #FFFFFF url(images/form_bg.png)repeat-x;
	border-bottom: 1px solid #ebeaea!important;
	border-top: none!important;
	border-left: 1px solid #ebeaea!important;
	border-right: 1px solid #ebeaea!important;
	height: 28px;
	font-family: Arial!important;
	color: #ababab!important;
	font-size: 15px !important;
	padding: 5px 0px 0px 5px;
}
form label {
	display: none;
}
form ol, form ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	margin: 5px 0px;
	padding: 0;
}
form fieldset {
	padding: 0;
	margin: 0;
	border: none;
}
form fieldset legend {
	display: none;
}
.emailreqtxt {
	display: block;
}
input#cf_field_4 {
	width: 75px;
}
#cf_field_3 {
	clear: right;
	width: 211px;
}
.reqtxt {
	margin-left: 3px;
	font-size: 15px;
	color: #f4096d;
	font-weight: bolder;
}
.cf-sb, .sendbutton {
	background:transparent none repeat scroll 0 0 !important;
	border:medium none !important;
	color:#4390CB !important;
	font-size:10px !important;
	width:50px;
	margin: 0;
	padding: 0 5px 0 0 ;
}
#execphp-5 #cformsform #cf_field_1{
	width: 95%;
}
#execphp-5 #cformsform #cf_field_2 {
	width: 95px;
}
#execphp-5 #cformsform #li--2 {
	width: 150px;
	float: left;
}
#execphp-5 .cform .cf-ol input {
	padding: 5px 0px 0px 5px;
}
#execphp-5 .cform .cf-sb {
	width: 50px!important;
	float: right;
	padding-top: 10px;
}
#execphp-5 .cform .cf-ol #li--4 {
	width: 160px!important;
}
.widget form #s {
	background: #FFFFFF url(images/form_bg.png)repeat-x top left;
	border-bottom: 1px solid #ebeaea!important;
	border-top: none!important;
	border-left: 1px solid #ebeaea!important;
	border-right: 1px solid #ebeaea!important;
	height: 28px;
	font-family: Arial!important;
	color: #ababab!important;
	font-size: 15px !important;
	padding: 5px 0px 0px 5px;
width: 135px;
}
.widget form .screen-reader-text {
	display: none;
}
.widget form  #searchsubmit {
	background:transparent none repeat scroll 0 0 !important;
border:medium none !important;
color:#4390CB !important;
font-size:10px !important;
width:50px;
}
.widget form#searchform div {
	padding-left: 30px;
	background: #ffffff url(images/search.gif) no-repeat left center;
}
.cform {
	min-height: 100px;
}
/* Calendar */

#calendar_wrap { padding: 0 0 0 20px; text-align: center; }

#calendar_wrap table { width: 90%; }

#calendar_wrap th { border-bottom: 1px solid #CCCCCC; }

#calendar_wrap td { border-bottom: 1px solid #ffffff; }

#calendar_wrap tfoot td { border: none; }

#calendar_wrap tfoot td#prev { text-align: left; font-weight: bold; border: none; }

#calendar_wrap tfoot td#prev a { border: none; }

#calendar_wrap tfoot td#next { text-align: right; font-weight: bold; border: none; }

#calendar_wrap tfoot td#next a { border: none; }

/* Footer */

#footer { background: #002868 url(images/footer_bg.jpg)repeat-x; margin: 0 auto; width: 1000px; height: 260px; padding-top: 15px; }

#footer p {  margin: 0;	text-align: center; font-size: smaller; color: #FFFFFF; }

#footer a { color: #FFFFFF; }

#clearthefloats {clear: both;}

.clearthefloats {clear: both;}

#head-slideshow {width: 1000px; height: 182px; border-top: #bf0a30 7px solid; margin:0 0 10px 10px; }

/* ================================================================ 
DROPDOWN - MENU
=================================================================== */

.menu {position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {text-transform: lowercase; display: block; float: left; height: 22px; margin: 0 1px 0 0; padding: 10px 3px 5px 3px; border: none; text-decoration: none; font-size: 18px; font-weight: bold; color: #256A9F; letter-spacing: -0.5px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; }
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fed702; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFF; background:#fed702; color:#FFFFFF !important;}
.menu ul ul :hover > a {color:#FFF!important; background:#f55f9f;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.current_parent, .current_page, .current_page_link, .current_page_link a {
	 color: #ffffff!important; background: #fed702;
}
li.widget {
	clear: both;
}
.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

.sidebar #execphp-5 li {
	padding: 0!important;
}

.linklove, .linklove a, .linklove a:visited  {
	display: none!important;
	margin: 0;
	padding: 0;
}
.tweetdiv .sm_icons {
	display: inline;
}
.execphpwidget ul li.sm_icons {
	display: inline;
	margin: 0!important;
	padding: 0!important;
}
.tweetdiv ul li {
	display: inline;
	font-family: arial, verdana, monospace;
	color: #fed702;
	font-size: 12px;
}
.post .title a {
	color: #DFDFDF;
	float: right;
	font-size: 30px;
}
.supporters {
	margin: 10px auto;
	width: 750px;
	text-align: center;
}

.supporters ul li {
	display: inline;
}
.suph2 {
	color:#fed702;
font-family:Arial, Helvetica, sans-serif!important;
font-size:24px;
margin:0 0 10px;
padding:5px 10px;
}


.footer_menu_item {
	display: inline;
	float: left;
	width: 120px;
}
.footer_menu ul li ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.footer_menu {
	font-family: Arial, Verdana, monospace;
	font-size: 11px;
	width: 880px;
	margin: 0 auto;
	height: 120px;
}
.menu_item_link {
	font-weight: bold;
	font-size: 13px;
}
#footer_bottom {
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Verdana, monospace;
}
.footerlast {
	width: 875px;
	margin: 0 auto;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.post-ns { margin-bottom: 20px; padding: 15px 10px; border-bottom: 1px solid #F2F2F2; line-height: 120%; min-height: 650px; font-family:arial,verdana,monospace; font-size: 12px; text-align: justify; color: #000000; }
#content-ns {
	float: left; margin-left: 20px; width: 97%;
}
.post_column_1 {
	padding: 20px;
}
#content-ns .entry .	post_column1:last-child {
	padding-right: 20px!important;
	background: #f4f4f4;
}
.broll_img {
	width: 75px;
	padding: 0;
	margin: 0;
}
.broll_text {
	height: 60px;
	width: 125px;
	overflow: hidden;
	padding:  25px 0 0 5px;
}
.broll_text, .broll_img {
	float: left;
}
.broll_text span a {

}

.wp-pagenavi {margin-left: 25px; width: 320px; margin: 0px auto;}

.if_sotomayor {padding-left: 340px; margin-bottom: 15px}