/*
Theme Name: Over the Top WordPress theme
Theme URI: http://mattdunlap.org
Description: Since I'm better at programming then styling, I tried my best, but the the theme went crazy, hence the name "Over-the-Top"
Version: 1.0
Author: Matt
Author URI: http://mattdunlap.org
*/

body{
	margin:0px;
	padding0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;           	
	background-color:#E7E6D4;
	background-image:url(images/bg_fade.png);
	background-position:center;
	background-repeat:repeat-y;
    color:#333333;
}



blockquote
{

padding-left:5px;
margin:10px 0px 0px 30px;
}

h1,h2,h3,h4,h5,h6
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
}

a
{
color:#0066CC;
text-decoration:none;
}

img
{
border:0;
}

.alignright
{
float:right;
}

.alignleft
{
float:left;
}

h1 a, h2 a, h3 a
{
color:#333333;
}

.clear
{
clear:both;
}

ul
{
padding:0px;
margin:0px;
}

.page{
	width:1000px;
	margin:0 auto;
	background-color:#FFFFFF!important;
	padding-top:0px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc
}

/* HEADER */

#header{
	width:100%;
	/*height:100px;
	background:url(images/logo.jpg) repeat-x;*/
}

#header #top_bar
{
background-color:#EBEBEB; 
text-align:right; 
padding:3px; 
margin-bottom:5px; 
font-size:12px;
}

#header_logo{
	float:left;
	background:url(images/logo.jpg) no-repeat;
	width:1000;
	height:100px;
}

#header_ads{
	float:right;
	text-align:right;
	width:728px; /*Really 730 - 2px for border*/
	padding-right:0px;
	border:0px solid #cccccc; /*I like borders around white banners*/
}

/* MENU */

#ddcolortabs{
margin-left: 0px;
padding: 0;
width: 100%;
background-color:#56a5dd;
voice-family: "\"}\"";
voice-family: inherit;
padding-top: 0px;
}



#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin-left:5px;
padding:5px;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: #333333;
background: #BBDAEF url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
font-size:.9em;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:6px 9px 6px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #fff;
color:#333333;
}

#ddcolortabs a:hover span{
background-color: #fff;
color:#333333;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #fff;
color:#333333;
}

.current-cat a span
{
background-color:#fff!important;
color:#333333;
}

.current-cat a
{
background-color:#fff!important;
color:#333333;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #678b3f;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


/* SUB MENU */

#submenu{
	width:100%;
	background:#fff;
	border-bottom:0px solid #d7ebbc;
	margin-bottom:5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#submenu ul{
	padding-left:8px;
}

#submenu .current-cat a
{
font-weight:bold;
color:#a4c050;
}

#submenu li{
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#6089CE;
	
	padding-right:6px;
	padding-left:6px;
}

#submenu li.submenu_nobr{
	background:none;
	padding-right:0;
}

#submenu li a{
	color:#6089CE;
}

/* BODY */


#body_left{
	float:left;
	width:441px;
    border-right:1px solid ;
}

#body_center{
	float:left;
	width:288px;
}

#body_right{
	float:right;
	width:310px;
    margin:5px 0px 5px 5px;
    border:0px solid ;
	background-color:#fff;
	margin-right:2px;
	
}
#body_right_inner
{
margin-top:0px;
//background-color:;
padding-top:5px;
padding-bottom:5px;
}

#index_right_content{
margin:0px;
text-align:left;
}

#index_right_content h2
{
line-height:1.15em;
font-family:custom_font,Georgia, serif;
color:#333333;
border-bottom:2px solid #0066CC;
}

.topic_box
{
border:1px solid #cccccc; 
color:#cccccc; 
background-color:#EAEAEA; 
margin:10px 0px; 
padding:5px;
text-align:justify;
}

.cat_image_box
{
width:25%; 
float:left; 
text-align:center;
overflow:hidden;
}

.cat_image_box_inner
{
margin:1px;
border:1px solid #EEEEEE;
height:170px;
}

.cat_image_box:hover
{
background-color:#EEEEEE;
}

.image_box
{
border:1px solid #cccccc;
margin:0 auto;
height:115px; 
width:98%; 
background-repeat:no-repeat; 
background-position:center;
}

.image_box_text
{
width:80%;
padding:0px 5px; 
font-size:10px; 
text-align:left;
}

.topic_box a:hover
{
color:#333333;
}

.older_posts_box
{
padding:10px;
}

#main_content
{
width:663px;
float:left;
padding:0px 10px; 
}

#inner_main_content
{
background-color:#FFFFCC; 
border:1px solid #FFFF66; 
padding:5px;
}

#main_content h3
{
padding-left:20px;
}


#main_content h1 a
{
font-size:18px;
text-decoration:none;
color:#000000;
}

.main_cat_section
{
width:100%; 
margin-bottom:30px;
}

ul
{
padding-left:20px;
}

ul li
{
list-style-image:url(images/blue_bullet.gif);
padding:3px 0px 3px 0px;
}

#body_inner_right
{
font-size:12px;
}

.header_sidebar
{
-webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-left: 1px solid #cccccc; 
border-top: 1px solid #cccccc; 
border-bottom: 1px solid #cccccc; 
border-right: 1px solid #cccccc;
padding:0px 5px;
background-color:#F2F2F2;
}

/*tabbed sidebar*/

.yui-navset { 
    background:#6089CE; 
    padding: 5px 5px 3px 5px; 
    margin-bottom: 5px; 
	text-align:left;
}

.yui-nav li 
{ 
    list-style: none; 
    float: left; 
    margin-right: 2px; 
    text-align: center; 
    font-size: 90%; 
    font-weight: bold; 
	padding:0px;
	margin-top:2px;
} 
 
.yui-nav li a 
{ 
    text-decoration:none; 
    color:#fff; 
    display: block; 
    padding: 8px; 
	border-bottom:none;
	font-weight:bold;
} 
 
.yui-nav li.selected a { 
    background: #FFFFFF;
	color:#333333;
} 
 
.yui-nav li a:hover 
{ 
    color: #000; 
}

.yui-content { 
    background: #FFFFFF; 
    clear: both; 

}

.tab-list li { 
    padding: 8px; 
    border-bottom: 2px solid #E8F4FD; 
}

.yui-content ul
{
padding-left:10px;
padding-top:0px;
margin:0px;
}

.post
{
margin:2px; 
padding:5px; 
line-height:150%;
}

.post_title
{
float:right; 
border-bottom:1px solid #cccccc;
}

.post a
{
color:#009900;
font-weight:bold;
}

.post ul li
{
padding:3px 5px 3px 0px;
margin:0px;
}

.comment_div
{
margin:10px 0px 10px 0px; 
padding-top:10px; 
}

.next_prev_table
{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.yui-content ul li
{
font-size:12px;

list-style-type:none;
padding:3px 5px 3px 0px;
margin:0px;
background-repeat:no-repeat;
}

.email_signup
{
min-height:200px;
width:300px;
background-image:url(images/email_bg.jpg);
background-position:top;
background-repeat:no-repeat;
position:relative;
}

#mc_embed_signup
{
position:absolute;
top:120px;
left:14px;
}

#mc-embedded-subscribe
{
font-size:1.2em;
padding:3px;
float:left;
}

.email_tag
{
padding:5px;
color:#FF9900;
text-align:right;
}

.special_post
{
font-weight:bold;
padding:5px;
border:1px solid #CC0000;
background-color:#FFFFCC;
}

.info_box
{
padding:5px;
border:1px solid #66CC00;
background-color:#EFFFE1;
margin:5px 0px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
}

.quote_box
{

padding:5px;
border:1px solid #FFFF33;
background-color:#FFFFCC;
margin:5px 0px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
}

.tweet_box
{
padding:5px;
margin:5px 0px;
font-size:16px;
color:#333333;
border:1px solid #CCCCCC;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
position:relative;
}
.tweet_box a
{
color: #6089CE
}

.wp-caption
{
padding-top:3px;
background-color:#E3EBFD;
text-align:center;
margin:10px;
}

.wp-caption-text
{
font-size:10px;
padding:0px; margin:0px;
}

#tweet-box
{
font-size:10px!important;
}

#glosscontainer ul
{
margin: 10px 0px;
padding: 0;
list-style-type: none;
}

#glosscontainer ul li { 
display: inline; 
border:1px solid #CEE1FF;
}

#glosscontainer ul li a
{
text-decoration: none;
padding: .4em .4em;
color: #fff;
background-color:#E3EBFD;
color:#003399
}

#glosscontainer ul li a.current
{
background-color:#6089CE;
color:#fff;
}

.author_bio
{
padding:5px;
background-color:#E3EBFD
}

.author_bio img
{
float:left;
margin:10px 10px 0px 5px;
padding:2px;
border:1px solid #cccccc;
background-color:#FFFFFF;
}

.twitter-share-button
{
float:right;
padding:0px 0px 3px 5px;
}


