/*
Theme Name: Clones
Theme URI: http://www.clonewarspodcast.com/
Description: The theme created for Frontlines: The Clone Wars Podcast, by <a href="http://www.arkwulf.com">Arkangel Wulf Studios</a>.
Version: 1.0
Author: Michael J. Cohen
Author URI: http://www.arkwulf.com/
Tags: blue, custom header, fixed width, two columns, widgets

			This theme is copyright 2008 Arkangel Wulf Studios, and is not available for public use.
			If you like this theme and would like to inquire as to how to obtain a license to it, please email mike@arkwulf.com

*/

/*////////// GENERAL //////////*/
body {
    background: url(images/bg.jpg) repeat-x #f2f2f2;
    margin: 0px;
    font-family: tahoma, trebuchet ms, arial, sans-serif;
    
}
#container {
    font-size: 12px;
    line-height:16px;
    min-width: 950px;
}
#container_top {
    background: url(images/content_top.jpg);
    height: 20px;
    width: 750px;
}
#container2 {
    margin: 60px 0 -10px 0;
    background: url(images/content_bg.jpg);
    width: 750px;
}
#container3 {
}
#container_bottom {
    background: url(images/content_bottom.jpg);
    height: 20px;
    width: 750px;
    clear: both;
    margin-bottom: 10px;
}

/*////////// TYPEOGRAPHY //////////*/
h1 {
    font-family: impact, arial black, futura, sans-serif;
    font-weight: 100;
    color: #e3ab00;
    margin: 5px 0 5px 0;
}

h1 a {
    font-family: impact, arial black, futura, sans-serif;
    font-weight: 100;
    color: #e3ab00;
    margin: 5px 0 5px 0;
}

h1 a:hover {
    font-family: impact, arial black, futura, sans-serif;
    font-weight: 100;
    color: #e3ab00;
    margin: 5px 0 5px 0;
}

h2 {
    font-family: impact, arial black, futura, sans-serif;
    font-weight: 100;
    color: #e3ab00;
    margin: 0;
}
h2 a {
    font-family: impact, arial black, futura, sans-serif;
    font-weight: 100;
    color: #e3ab00;
    margin: 0;
}
h2 a:hover {
    font-family: impact, arial black, futura, sans-serif;
    font-weight: 100;
    color: #e3ab00;
    margin: 0;
}

h3 {
    font-family: impact, arial black, futura, sans-serif;
		font-weight: 100;
		font-size: 1.2em;
    color: #e3ab00;
    margin: 0;
}
h3 a{
    font-family: impact, arial black, futura, sans-serif;
		font-weight: 100;
		font-size: 1.2em;
    color: #005081;
    margin: 0;
}
h3 a:hover{
    font-family: impact, arial black, futura, sans-serif;
		font-weight: 100;
		font-size: 1.2em;
    color: #005081;
    margin: 0;
}
h4 {
    font-family: impact, arial black, futura, sans-serif;
    font-weight: 100;
    color: #e3ab00;
    margin: 0;
}
p {
    
}
a {
    color: #005081;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #02a8e4;
    text-decoration: none;
    font-weight: bold;
}


/*////////// HEADERS //////////*/
#header {
    height: 160px;
    
}
#header p, #header h1, #header h2/**/ {
    background: url(images/header_logo.jpg) no-repeat center;
    height: 160px;
    width: 238px;
    margin: 0px;
    display: block;
    text-indent: -9999px;
}

/*////////// CONTENT //////////*/
#content {
    float: left;
    width: 485px;
    padding: 0 0 0 15px;
    margin-top: -5px;
}

/*////////// SIDEBARS //////////*/
#sidebarRT {
    float: right;
    width: 210px;
    padding: 0 20px 0 20px;
}

img {
		border: none;
}

/*////////// NAV //////////*/
#top_navlist {
    position: absolute;
    top: 160px;
    width: 100%;
    height: 50px;
    background: url(images/nav_bg.jpg) no-repeat center;
    min-width: 950px;
}
#navlist{
    padding: 5px 15px;
    margin-left: 0;
    font-weight: bold;
}
#navlist li{
    list-style: none;
    margin: 0;
    display: inline;
}
#navlist li a{
				 padding: 5px 60px 5px 60px;
    text-decoration: none;
}
#navlist li a:hover{
    color: #005081;
    background: url(images/button.jpg) no-repeat center;
}
#navlist li a.current_page_item{
    color: #005081;
    background: url(images/button.jpg) no-repeat center;
}

/*////////// BLOG ELEMENTS //////////*/
.tocNav {
		list-style: none;
		margin-left: 0px;
		line-height: 20px;
}


/*////////// FORMS //////////*/

/*////////// FOOTER //////////*/
#footer {
    background: url(images/footer_bg.jpg);
    height: 200px;
    margin-top: 10px;
}
#footer h1 {
    background: url(images/foot_logo.jpg);
    display: block;
    text-indent: -9999px;
    width: 238px;
    height: 200px;
    margin: 0;
}

/*////////// IMAGES //////////*/

.aligncenter,
div.aligncenter {clear: both; display: block; margin: 0 auto; margin-bottom: 10px; border: 1px solid #1a1a1a;}

.alignleft {clear: both; float: left; margin-right: 5px; margin-bottom: 10px; border: 1px solid #1a1a1a;}

.alignright {clear: both; float: right; margin-left: 5px; margin-bottom: 10px; border: 1px solid #1a1a1a;}

.alignnone {clear: both; margin-bottom: 10px; border: 1px solid #1a1a1a;}

.wp-caption {border: 1px solid #1a1a1a; text-align: center; background-color: #4f4f4f; padding-top: 4px; margin-bottom: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.wp-caption img {margin: 0; padding: 0; border: 1px solid #eaeaea;}

a .aligncenter, a .alignright, a .alignleft {border: none;}

.wp-caption p.wp-caption-text {font-size: 11px !important; line-height: 17px !important; padding: 4px 4px; margin: 0 !important; text-align: center !important; color: #eaeaea;}

/*////// FUN CLASSES ///////////*/
blockquote {margin: 0 20px; padding: 1px 10px; background: #a6a7ab; border: 1px solid #d4d5d9; color: #eaeaea; -moz-border-radius: 10px;}

/*any little extra flares and fun design
elements you want to add can go here*/