/*
Theme Name: Cockpit
Theme URI: http://www.designbythink.com
Description: Custom Theme developed for []
Version: 1.0
Author: Jermaine Valentine

copyright 2009, all rights reserved.
*/

/*  BEGIN CSS RESET  */
* { margin: 0; padding: 0; border: 0; }

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; vertical-align: baseline;}

:focus {outline: 0;} /* remember to define focus styles! */

ol, ul {list-style: none;}

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: "" "";}

:link,:visited { text-decoration:none }

a img,:link img,:visited img { border:none }

address { font-style:normal }
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
*{border: 0;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 5%;} 
 
li, dd {margin-left:5%;} 

fieldset {padding: .5em;} 

select {min-width:1.5em;}
/*
global style sheet
----------------------------------------------------------------- */
body{
 font: 11px arial, verdana, tahoma, helvetica, sans-serif;
 background:#fff url(images/background.jpg) no-repeat top center;
 background-attachment: fixed;
 color: #666666;	
 text-align:center;
}
#wrapper{ 
 width: 1000px; /* Set page width here - you can also use percentage */
 text-align:left;  
 margin-top: 0;
 margin-bottom: 25px;
 margin-left:auto; 
 margin-right:auto; 
 background-color: #FFFFFF; 
 border-top: 1px solid #fff;
}
.clear{clear:both;}
.right{float: right;}
.left{float: left;}
.alignnone{margin-bottom: 15px;}
a, active, visited{
 color: #8cc63f;
 text-decoration: none;
}
#logo img{margin-left: 20px;}
#navigation{width: 960px; height: 30px; background: url(images/nav_bg.png) no-repeat; margin-left: 20px; border: 1px solid transparent; padding: 0;}
/*#navigation a, active, visited{color: #666;} #navigation a:hover{color: #333;}
#navigation li{float: left;  margin-left: 8px 0 0 30px; border-right: 1px solid #999; padding-right: 30px;}*/

#search {
 float: right;
 text-align: left;
 margin: -25px 20px 0 0;
 display: block;
 padding-top: 1px;
}
#search label{
 color: #0099cc;
 margin: 0;
 font-family: georgia;
 font-size: 12px;
}
.searchbox{
 height: 14px;
 padding: 2px 0 0 2px;
 color: #666;
 font-size: 10px;
 width: 160px;
 margin: 0;  display: inline;border: 1px solid #c9cacb;
}
.send{
 background: transparent;
 color: #666;
 font-size: 11px;
 margin: 0;
}
#media{ width: 960px; height: 350px; margin: 20px 20px 15px 20px;}
#home_vid{width: 310px; height:204px; border-bottom: 1px solid #a3a4a7; background: url(images/vid_bg.png) no-repeat; text-align: center; padding-top:5px; margin-bottom:5px;}
/* Homepage Styles
-----------------------------------------------------------------------------*/
#colLeft{ width: 630px;float: left; margin: 0 0 25px 20px; padding: 0;}
#colLeft h1{ width: 630px; height: 31px; background: transparent url(images/h1_left_bg.png) no-repeat; color: #fff; text-transform: uppercase; margin: 10px 0 5px 0; font-size: 14px; padding: 5px 0 0 10px; }
#colLeft img{margin-top:5px;}
#colLeft h2{ margin: 10px 0 15px 0; color: #111; font-size: 16px; font-weight: bold;}
#colLeft p{ margin: 5px 0 15px 0; font-size: 12px;}
#singles{padding-bottom: 20px; border-bottom: 1px dotted #c9cacb;}
#colRight{ width: 310px; float: left; margin: 0 0 25px 20px;}
#colRight h1{ width: 310px; height: 31px; background: transparent url(images/h1_right_bg.png) no-repeat; color: #fff; text-transform: uppercase; margin: 10px 0 5px 0; font-size: 14px; padding: 5px 0 0 10px;}
#colRight p{margin: 5px 0 5px 0;}
#colRight select{margin: 10px 0 20px 0;border: 1px solid #c9cacb; font-size: 13px; font-variant: small-caps;}
#colRight a, active, visited{
 color: #8cc63f;
 text-decoration: underline;
}
#singles object{margin-top:15px;}
.event{border-bottom: 1px dotted #c9cacb; padding-bottom: 10px; margin-bottom: 5px;}
.event h2{font-size: 12px; color: #8cc63f; margin: 10px 0 2px 0;} 
.event span{margin: 0; font-size: 11px; font-weight: bold;}
.event p{margin: 0; }

.artist{padding-bottom: 10px; margin-bottom: 15px;}
.artist img{float: left; margin: 0 10px 0 0;}
.artist h2{font-size: 12px; color: #8cc63f; margin: 10px 0 2px 0;} 
.artist span{margin: 0; font-size: 11px; font-weight: bold;}
.artist p{margin: 0; }

.entry-content img{float: left; margin:0 13px 12px 0;}

.article{width: 305px; float: left; margin: 0 10px 0 0;}
.article img{border-bottom: 10px solid #7ac142;}
#colLeft .article h2{font-size: 12px; margin: 0;}
.article span{font-size: 10px; margin: 0 0 5px 0; float: left;}
.article p{margin: 5px 0 5px 0; border-bottom: 1px dotted #c9cacb; height:70px;}
.article .aright{float: right; height: 13px; border:none;}
.article .aleft{float: left; height: 13px; border:none;}

#colLeft small{font-size: 10px;}
textarea{border: 1px solid #c9cacb;}
input{border: 1px solid #c9cacb;}
/* Subpage Styles
-----------------------------------------------------------------------------*/


/* Footer
-----------------------------------------------------------------------------*/
#footer{width: 960px; margin-left: 20px; border-top: 1px dotted #c9cacb; padding-bottom: 10px;}
#footer .left{margin-left: 0; margin-right:0; }
.fright a, active, visited{color: #333; font-size: 9px;}.fright a:hover{color: #666; font-size: 9px;}
.fright{float:right; margin-top: 10px; padding: 0;}
.fright ul{margin:0;}
.fright li{float: left;  margin: 0 0 0 7px; border-right: 1px solid #999; padding-right: 7px;}

.alignleft{float: left; margin: 10px 5px 0 0;}
.wp-caption{float: left; padding:0; width: 300px; color: #333; font-size: 10px; margin-right: 20px; font-style: italic;}
/* Class Styles
-----------------------------------------------------------------------------*/
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside;  line-height:1.5em; z-index:300; width:600px; font-weight:bold;}   
#dropmenu a {display:block; padding:0.5em 1.5em 8px 0; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; }  
#dropmenu li a:hover {color:#333;} 
#dropmenu ul li a{padding-left: 1em;}  
#dropmenu ul li a:hover {background:#b7b7b8; color:#fff;}   
#dropmenu li {float:left; position:relative;}   
#dropmenu ul {position:absolute; display:none; width:10em; top:2em; left:-1px; }   
#dropmenu ul a {border-left:1px solid #c8c8c8;}   
#dropmenu li ul {border-top:1px solid #d1d2d4 width:12em; margin-top:3px; padding:0;}   
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8; margin-left:-7px; background:#f5f5f5;}   
#dropmenu ul ul {top:auto;}   
#dropmenu li ul ul {left:12em; margin:0px;}   
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}   
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}   
/* End All Styles
-----------------------------------------------------------------------------*/
.video{float: left; border: 0px solid #333; margin: 0 12px 10px 0; height: 260px;}
#colLeft .video h2{font-size: 12px; color: #8cc63f; margin: 0 0 2px 0;}