/*
Theme Name: Rubio Theme
Theme URI: 
Description: Custom Theme for Marco Rubio 2010
Version: 1.0
Author: NJI Media Group
Author URI: http://www.njimediagroup.com/
Tags:

*/

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END RESET */



/* HTML ELEMENTS */
html, body{
	height:100%; /* needed to keep footer at bottom */
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#565656;
}

h2{
	font:bold 14px/19px Arial, Helvetica, sans-serif;
}

h3{
	font:bold 18px/24px 'Arial Narrow', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
h4{
	font:bold 15px/19px Arial, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	margin:24px 0 12px 0;
}

p{
	margin:0 0 12px 0;
}

a:link,
a:visited,
a:active,
a:hover{
	color:#d70925;
}

hr{
	color:#565656;
	background-color:#868686;
	border:0;
	width:100%;
	height:1px;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

/* GENERAL CLASSES */
.full{
	width:100%;
	display:block;
	float:left;
}
.post-title{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
}
.date{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#000;
}
.bold{
	font-weight:bold;
}
.nu{
	text-decoration:none;
}
.txt-22{
	font:bold 22px/27px Arial, Helvetica, sans-serif;
}
.txt-red{
	color:#d70925;
}
.txt-blue{
	color:#0b4b97;
}
.postmetadata{
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#565656;
}

.page{
	margin:12px 0 0 0;
}

h2.widgettitle{
	font:bold 18px/24px 'Arial Narrow', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	/*color:#d70925;*/
	color:#2766a1;
	margin:0 0 12px 0;
}

.sb-pic-frame{
	width:250px;
	background:#fff;
	border:1px solid #c7d5e5;
	padding:14px;
	margin:0 0 14px 0;
}
	
#sidebar ul li.widget{
	width:100%;
	margin:12px 0;
	float:left;
	padding-bottom:22px;
	border-bottom:1px solid #CCC;
}

#sidebar ul li.widget li{
	margin:0 0 12px 0;
}

.post div.thequotes{margin:30px 0;}
.post span.author { display: block; font:bold 13px Arial, Helvetica, sans-serif; color:#0E499A; margin:10px 0 0 0;}
.post span.quote { display: block; padding:0; color:#444; margin:8px 0 24px 30px; font-style:italic; }
.post div.thefacts{margin:40px 0 0 0; padding:40px 0 0 0;border-top:1px solid #777;}

/* CONTENT SECTIONS */
div#page-wrapper{
	width:100%;
	min-height:100%;
	position:relative;
	text-align:center;
	background:url(/wp-content/themes/rubio/images/page-bg.jpg) repeat-x 0 0;
}

div.content-wrapper{
	width:945px;
	margin:0 auto;
	/*padding:0 0 161px 0; /** bottom padding needs to be equal to #footer-wrapper fixed height */
	padding:0 0 24px 0;
	text-align:left;

}

.post ul{
	margin:12px 0;
	padding:0 0 0 20px;
}

.post li{
	list-style:outside disc;
	padding:0 0 12px 0;
}
.post span.cite{
	color:#777;
	font-size:11px;
}
	
.post-title a{
	text-decoration:none;
	color:#565656;
}
.txt-blue{
	margin:9px 0 0 0;
}

.txt-blue span.post-title a{
	color:#0b4b97;
}
.txt-blue div.entry{
	margin:9px 0 0 0;	
}
	
.post-title a:hover{
	text-decoration:underline;
}

div#respond{
	width:455px;
}

textarea#comment{
	width:435px;
}

img.hp-feature-img{
	min-width:528px;
	min-height:301px;
	*width:528px;
	*height:301px;
}

div.hp-feature-vid{
	margin:24px auto 4px auto;
}

/* HEADER */
div#header{
	width:100%;
	height:120px;
}

h1#header-logo a{
	width:391px;
	height:120px;
	display:block;
	overflow:hidden;
	float:left;
	background:url(/wp-content/themes/rubio/images/logo-header.png) no-repeat 0 0;
	text-indent:-9999px;
}

ul.socnet{
	width:525px;
	display:block;
	float:right;
	clear:right;
	margin:14px 0 0 0;
}
ul.socnet li{
	width:auto;
	float:right;
	padding:0 10px;
	border-right:1px solid #4d4d4d;
}
ul.socnet li.last{
	border-right:none;
	padding-right:0;
}

ul.socnet li a:link,
ul.socnet li a:visited,
ul.socnet li a:active,
ul.socnet li a:hover{
	color:#4d4d4d;
	text-transform:uppercase;
	text-decoration:none;
}

div.search-bar{
	width:945px;
	text-align:right;
	margin:7px 0;
}


/* PRIMARY NAVIGATION MENU */
ul#primary-navigation{
	width:945px;
	height:50px;
	position:relative;
	z-index:500;
	padding:0 0 0 20px;
	background:url(/wp-content/themes/rubio/images/navbar-bg.png) no-repeat 0 0;
}
ul#primary-navigation li{
	width:auto;
	float:left;
}
ul#primary-navigation li a:link,
ul#primary-navigation li a:visited,
ul#primary-navigation li a:active,
ul#primary-navigation li a:hover{
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	display:block;
	width:auto;
	height:22px;
	overflow:hidden;
	margin:2px 0 0 0;
	padding:9px 22px 3px 21px;
	background:url(/wp-content/themes/rubio/images/nav-item.gif) repeat-x top left;
	border-right:1px solid #0e499a;
	border-left:1px solid #2a6fbf;
}

ul#primary-navigation li a.first{
	border-left:none;
}
ul#primary-navigation li a.last{
	background:url(/wp-content/themes/rubio/images/nav-item-red.gif) repeat-x top left;
	margin-left:6px;
	padding:9px 16px 3px 16px;
	border-left:none;
	border-right:none;
}
ul#primary-navigation li a:hover{
	background-position: bottom left;
}




div.feature-box{
	width:939px;
	height:301px;
	overflow:hidden;
	position:relative;
	top:-30px;
	z-index:450;
	background:#858585;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	color:#fff;
}
div#feature-left{
	/*width:365px;
	height:249px;
	padding:40px 22px 12px 22px;*/
	width:410px;
	overflow:hidden;
	height:301px;
	float:left;
	background:#858585;
	border-right:1px solid #fff;
}


div#tabs{
	position:relative;
	left:-5px;
	width:417px;
	height:300px;
}
.ui-tabs .ui-tabs-nav li{
	position:relative;
	left:9px;
}

.ui-tabs .ui-tabs-nav li a{
	text-transform:uppercase;
	padding:6px 40px;
	margin:0 20px 0 20px;
}
.ul-tabs .ui-tabs-nav{
	border:1px solid #f00;
	margin:0 0 0 15px;
}

div#feature-left span.caption{
	display:block;
	font:bold 15px/19px Arial, Helvetica, sans-serif;
}
div#feature-left a:link,
div#feature-left a:visited,
div#feature-left a:active,
div#feature-left a:hover{
	color:#fff;
}

div#tabs-1-nav, div#tabs-2-nav{
	width:376px;
	text-align:right;
	display:block;
	margin:15px 0 0 0;
	
	
}

div#tabs-1-nav{
	display:none;
}

div#tabs-1-nav ul li{
	width:15px;
	display:inline;
	padding:3px;
}

div#feature-right{
	width:528px;
	float:right;
	overflow:hidden;
	background:#000;
	text-align:center;
}

div#feature-buttons{
	width:945px;
	height:128px;
	position:relative;
	top:-50px;
	margin:0 0 -47px 0;
	z-index:500;
	background:url(/wp-content/themes/rubio/images/red-buttons.png) no-repeat 0 0;
}

div#feature-buttons div.fbtn{
	width:232px;
	display:block;
	float:left;
	
}

div#feature-buttons a.hp-ftf{
	width:118px;
	height:40px;
	display:block;
	position:relative;
	top:80px;
	left:40px;
}
div#feature-buttons a.hp-ning{
	width:192px;
	height:76px;
	display:block;
	position:relative;
	top:52px;
	left:40px;
}
div.fbtn div#hp-signup{
	position:relative;
	top:88px;
	left:48px;
}
div.fbtn input.text{
	width:120px;
	height:11px;
	padding:5px;
	margin:0 4px 0 0;
	border:1px solid #333;
	position:relative;
	top:-5px;
}

div#feature-buttons a.hp-donate{
	width:118px;
	height:40px;
	display:block;
	position:relative;
	top:80px;
	left:60px;
}


div#content div.left{
	width:468px;
	float:left;
}
div#content div.right{
	width:477px;
	float:right;
}
div#content{
	width:945px;
	display:block;
}
div.post{
	width:438px;
}

div#content div.l640{
	width:640px;
	float:left;
}
div.l640 div.post{
	width:600px;
}
div#content div.r280{
	width:280px;
	overflow:hidden;
	float:right;
}
div.aktt_tweets li{
	margin:7px 0 5px 0;
	/*border:1px solid #ccc;*/
	background:#e0eefa;
	padding:7px;
}

/* FOOTER */
div#footer-wrapper{
	width:100%;
	height:161px; /* height must be fixed and equal to bottom padding of .content-wrapper */
	/*position:absolute;
	bottom:0;*/
	float:left;
	text-align:center;
	background:url(/wp-content/themes/rubio/images/footer-bg.jpg) repeat-x 0 0;

}
div#footer{
	width:945px;
	margin:38px auto 0 auto;
	text-align:left;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#def;
}
div#footer a:link,
div#footer a:visited,
div#footer a:active{
	color:#def;
	text-decoration:none;
}
div#footer a:hover{
	color:#fff;
	text-decoration:underline;
}
ul.footer-links{
	width:575px;
	float:left;
	margin:0 0 32px 0;
	text-transform:uppercase;	
}
ul.footer-links li{
	width:auto;
	float:left;
	padding:0 8px;
	border-right:1px solid #def;
}

ul.footer-links li.first{
	padding-left:0;
}
ul.footer-links li.last{
	border-right:none;
}

form#sign_up table tr td{
	padding:10px;
}

form#sign_up table{
	border-collapse:separate;
}


/* MAILCHIMP  FORM */

div#mc_embed_signup{
	
}

div#mc_embed_signup legend{
	font:bold 14px/22px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

div.indicate-required{
	font-style:italic;
}

div.mc-field-group{
	margin:10px 0;
	width:100%;
	float:left;
}

div.mc-field-group label{
	float:left;
}
div.mc-field-group input{
	float:right;
	width:300px;
	border:1px solid #5C7989;
}

div.mce_inline_error{
	color:#a00 !important;
	border:1px solid #a00 !important;
}


span.phonearea{
	display:inline;
	width:300px;
	float:right;
}
	
input#mce-PHONE-area, input#mce-PHONE-detail1{
	width:50px;
	float:left;
	margin-right:6px;
}
input#mce-PHONE-detail2{
	width:80px;
	float:left;
}
input#mce-group-0{
	text-align:left;
	width:20px;
	float:left;
}
	
input#mc-embedded-subscribe{
	float:right;
}

.sb-btn{
	margin:0 0 18px 0;
}
	
.sb-btn img{
	width:280px;
}

.post ol li{
	list-style:inside decimal;
}

/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
#fbc_login {
	margin-left:0;
	padding-left:0;
	margin-bottom:20px;
}
.fbLikeContainer {
	margin-top:15px;
	margin-bottom:10px;
}