/*
Theme Name: SUP Mod
Description:
Version: 1.0
Author: dbarahona

*/

#header {width: 961px; height: 152px;background: url("images/sup_header_bg.jpg") no-repeat;}
#header img {border: 0;}	
#header-img {display:inline;	float:left;	margin:0 47px 0 0;	width: 185px; height: 152px;}
	
#ad-728 {float:left;	padding: 30px 0 0 0;}

#features .post {padding: 0; margin:0 0 5px;}
#features {
border: 1px solid #ccc;
padding: 5px 5px 0 5px;
}
.post .thumb {float: left;}
	
/* Begin Structure */
body {margin: 0 0 0px 0;	padding: 0;  text-align: center;   background: #0297af url("images/home-bg.jpg") no-repeat top;  font-size: 72.5%; /* Resets 1em to 10px */	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#outer_wrapper {	width: 961px ;	margin: 0 auto; 	background: white; }
#content_wrapper {width: 961px;}
#main_content{float:left; width:611px; text-align: left; padding: 0 10px 10px 20px;}
#right_column{float:left; width:300px; padding: 0 10px 10px 10px; text-align: left;}	
#footer{padding: 0 0 10px 80px; background-color: #EE9803; text-align:center;}	
#copyright {width: 961px; height: 16px; background: #0297af;}
.clearing { clear:both;}

a img { border: none;} /* all linked images do not have borders by default. */

#post_image a img { border: 1px solid #000;}

.postmetadata {display:none;}

/* Top Nav */
#top_nav {width: 961px;	background: #fff;}
ul#nav{ list-style:none; float:left; margin:0; padding:0}
ul#nav li{float:left; text-align:center; margin: 20px 0;}

/* footer */
#footer a  {	color: #fffcac;	text-decoration: none;}
#footer, a:hover {color: #147;	text-decoration: underline;}
#footer table  td img {padding: 0 0 10px 0;}
#footer table td  {font: 12px Arial;text-align:left;	padding: 3px 0 0 0;}

#copyright { padding: 0 0 2px 0;text-align:right; color: #72f6ff; }
#copyright .copy_links {padding: 0 5px 0 60px;}
#copyright .copy_links a ,
#copyright .copy_links a:hover {color: #72f6ff; text-decoration: none;}

/* fonts */
#main_content .post h2, 
#main_content .post h3 {
font-size:2.0em;
font-weight: bold;
margin: 0;
padding: 0;
}

a {		
	color: #008bac;
	text-decoration: none;
}

a:hover, a:hover,a:hover, a:hover, a:hover{
	color: #008bac;
	text-decoration:underline;
}

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
color:#000000;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
margin: 0;
}

h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover { color: #000000; }

h1 a:visited, 
h2 a:visited, 
h3 a:visited, 
h4 a:visited { color: #000000; }

.tabdiv h3 a,
.excerpt {
font-size:11px;
text-transform:none;
color:#008bac;
}

.tabdiv h4 {
font-size:10px;
color:#ccc;
font-style:italic;
}

.tabdiv .post {
margin:0 15px;
padding:15px 0;
}

.post {
margin:0;
padding:0;
}

.tabdiv img.img_thumb, .tabdiv img.avatar {
float:left;
height:75px;
padding:0;
margin: 0 5px 5px 0;
width:80px;
border: 1px solid #000;
}

.tabdiv .post .excerpt p {
line-height:1.0em;
margin:0;
padding:0;
}

.post .excerpt {
height:34px;
margin-top:5px;
overflow:hidden;
}

#features .sociable {
display:none;
}

/* pagination*/
.wp-pagenavi {
font-size:.9em;
text-transform:uppercase;
margin:10px 0 10px 10px;
text-align:left;
}

.wp-pagenavi span.pages {
background-color:#FFFFFF;
color:#008bac;
font-weight:bold;
padding:0 10px 0 0;
}

.wp-pagenavi span.current {
border:1px solid #008bac;
color:#008bac;
font-weight:bold;
padding:2px 5px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
color:#008bac; 
padding:5px;
text-decoration:none;
}

.wp-pagenavi a, .wp-pagenavi a:link {
color:#008bac;
padding:5px;
text-decoration:none;
}

.wp-pagenavi span.extend {
color:#008bac;
}

div.sociable {
text-align: right;
}


.jmpostdate,
.jmpostdate a{
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
color:#8C8C8C;
font-size: 12px;
margin: 5px 0 0 0;
}

#post_text p {
height:75px;
margin:5px 0 2px 0;
overflow:hidden;
font-size: 12px;
color:#252525;
font-family:"Lucida Grande",Arial,Helvetica,Sans-Serif;
line-height:1.6em;
}

.jmposttitle a {
color:#252525;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

#post_wrapper {
min-height:175px;
border-bottom:1px solid #EEEEEE;
padding-bottom:10px;
margin-bottom:10px;
}


/* Google AFC */
#google_afc_top, #google_afc_btm{margin:0 0 0 0; font-size: 11px; padding: 5px 0 0 10px;}
a.ad_attribution {color:#ccc;}
#google_afc td {text-align: left; padding: 0 20px 10px 20px;}
.googleAdTitle {margin:0 0 10px 0; color:#ccc; font-size:1.0em; font-weight:bold;text-align:left; width:163px;}
#google_afc_btm  {text-align: left;}
#google_afc_btm .googleAdTitle {padding: 0 0 0 5px;}
.clr1 {color:#888;font-size:11px; }
.b {font-weight: bold;}

/* Reset default browser CSS. 
-------------------------------------------------------------- */
ul {	margin: 0;	padding: 0;	border: 0;	vertical-align: baseline;	}

/* =Menu
-------------------------------------------------------------- */
#bg_navigation {background:none repeat scroll 0 0 #FFFFFF;line-height:24px;margin:10px 0 0 10px;min-height:26px;width:941px; position:relative;}
#access {background: #fff;margin:0;min-width: 750px;    height:26px;	line-height:24px;	display:block;	float:left;}
#access .menu-header,div.menu {	font-weight:700; letter-spacing:-1px; font-size:1.4em;}
#access .menu-header ul,div.menu ul {	list-style: none;	margin: 0;}
#access .menu-header li,div.menu li {	float:left;	position: relative; z-index: 99999 !important;}
#access a {color:#008BAC;display:block;font-family:Helvetica;letter-spacing:0.05em;font-weight:inherit;line-height:24px;padding:0 10px;text-decoration:none;}
#access ul ul {	display:none;	position:absolute;	top:24px;	left:0;	float:left;	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);	min-width: 100px;	z-index: 99999;}
#access ul ul li {	min-width: 100px; text-align: left; }
#access ul ul ul {	left:100%;	top:0;}
#access ul ul a {	background:#008BAC;	height:auto; color:#fff;	line-height:1em;	padding: 8px 0px 8px 10px;	min-width: 100px;}
#access li:hover > a,#access ul ul :hover > a {	color:#fff;	background:#008BAC;}
#access ul li:hover > ul {	display:block;}
#access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a {	color: #fff;}
* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover {	color:#fff;}

/* =Search form
-------------------------------------------------------------- */
#searchform {width: 190px;position:absolute; bottom:0; right:0;}
#searchform .screen-reader-text{display: none;}
#searchform div input[type="text"], #searchform div textarea {-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) inset;background:none repeat scroll 0 0 #fff;border:1px solid #008BAC;padding:2px;width: 100px;}
#searchform input[type="submit"] {border:1px solid #008BAC;cursor: pointer;padding:0px;width: 70px;height: 22px;color: #008BAC; text-transform: uppercase;}