/*
Theme Name: Draft Joe
Description: Custom theme developed by Blackwave Creative.
Author: Blackwave Creative
Author URI: http://blackwave.net/
Version: 1.0
*/

#slideshowContainer {position: relative; width: 300px;}
#slideshow {
	position:relative; 
	width:280px; 
	height:380px; 
	border: 10px solid #fff; 
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	box-shadow: 0px 2px 3px rgba(0,0,0,.3);
}
#slideshow img { position:absolute; left:0; top:0; }
#rss {
	display: block; 
	position: absolute; 
	height: 66px; 
	width: 53px; 
	right: 15px; 
	top: -5px; 
	z-index: 1000; 
	background: url(images/rss-trans.png) no-repeat; 
	text-indent: -9999px; 
	overflow: hidden;
}
#rss:hover {background-position: top right;}
#banner {position: absolute; bottom: 15px; right: -31px; background: url(images/picbanner-trans.png) no-repeat; width: 343px; height: 118px;}

* {padding: 0; margin: 0; line-height: 1.5em;}

/* -----BODY STUFF----- */
body {height:auto; width:auto; font-family:'Arial', Sans-Serif; color:#333; background: #002563 url(images/background.jpg) no-repeat top center;}

/* -----A TAG STUFF----- */
a {text-decoration:none; color:#002563;}
a:hover {text-decoration:underline;}

p {font-size: 12px;}

/* -----H TAG STUFF----- */
h1,h2,h3, h4, h5, h6 {color: #333;}
h1,h1 a,h1 a:hover,h1 a:visited,
h2,h2 a,h2 a:hover,h2 a:visited,
h3,h3 a,h3 a:hover,h3 a:visited,
h4,h4 a,h4 a:hover,h4 a:visited,
h5,h5 a,h5 a:hover,h5 a:visited,
h6,h6 a,h6 a:hover,h6 a:visited {text-decoration:none;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {text-decoration: underline;}

/* -----PAGE STUFF----- */
#wrapper {margin: 0 auto;  width:980px;}
#content {width:940px;  background: #a8c8ea url(images/content_bg.jpg) no-repeat top center; padding: 0 20px;}
#main {width:620px; float: left;}
#sidebar {float: right; width: 300px;}

/*---------HEADER STUFF-----------*/
#headerContainer {width: 100%; background: url(images/header_bg.png) no-repeat top center; margin-top: 20px;}
#header {width:980px; margin: 0 auto; position: relative; padding: 100px 0 0;}
#logo {}
#logo a {height: 100%; width: 100%; display: block; background: url(images/logo-trans.png) no-repeat; text-indent: -9999px; overflow: hidden;}
#navigation {padding: 0 20px;}

/*--------FOOTER STUFF--------*/
#footerContainer {width: 100%; background: url(images/footer_bg.png) no-repeat top center; padding: 240px 0 30px;}
#footer {clear:both; width:980px; margin: 0 auto; color: #fff;}
#footer #copyright {font-size: 12px;}
#footer a {color: #fff;}


/*-------MAIN NAVIGATION STUFF--------*/
#dropmenu {list-style:none; position:relative; width:100%; z-index: 400;}
#dropmenu li {list-style:none;   position:relative; float: left; line-height: 20px; background: url(images/divider.png) no-repeat left 18px;}
#dropmenu #homeBtn {background: none;}
#dropmenu li a { display: block; line-height: 20px; text-transform: uppercase; color: #666; padding: 20px 25px 45px; font-size: 18px;}
#dropmenu li a:hover {text-decoration: none; color: #333;}
#dropmenu li ul {list-style:none; display:none; position:absolute; width:200px; z-index:300; top:20px; left: 0;}
#dropmenu li ul li {position:relative;}
#dropmenu li ul li a {line-height: 20px;}
#dropmenu li ul li ul {position:absolute;top:-1px; left:200px;}
#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;}
#dropmenu li.current_page_item a, #dropmenu li.current-cat a {background: url(images/nav_bg.png) no-repeat bottom center; color: #333;}

/* ----TOOL TIP STYLE----- */
.itooltip {
	display:none; 
	font-size: 12px; 
	color: #fff; 
	z-index: 10000000; 
	position:absolute; 
	background: #000; 
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-moz-border-radius-topleft: 0;
	-webkit-border-radius-top-left: 0;
	border-radius-topleft: 0; 
	border:1px solid #fff;
}

/* -----SEARCH STUFF----- */
#searchform #s {width:200px; padding: 5px;}
#searchform #searchsubmit {cursor: pointer; padding:5px;} 
#searchform #searchsubmit:hover {text-decoration: none;}

/* -----POST AND ENTRY STUFF----- */
.listing .post {}
.post {
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	margin: 0 0 20px;
	position: relative;
}
.post h2.posttitle, .entrytitle {font-size: 28px;}
.entry{font-size: 12px; border: 1px solid #d9dfe8; border-width: 1px 0; margin: 10px 0; padding: 10px 0 0;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 12px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px;}
.details {font-size: 12px;  margin-bottom: 35px;}
.entry h1, .entry h2, .entry h3, .entry h4,.entry h5,.entry h6 {}

.postdate {
  position: absolute;
  left: -30px;
  top:20px;
  width: 10px;
  padding: 10px;
  background: #c12c51 url(images/date_bg.gif);
  -webkit-box-shadow: -1px 1px 3px rgba(0,0,0,.5);
  -moz-box-shadow: -1px 1px 3px rgba(0,0,0,.5);
  box-shadow: -1px 1px 3px rgba(0,0,0,.5);
}
.month, .day {
  width: 10px;
  text-indent: -1000em;
  background-image: url(images/date.gif);
  background-repeat: no-repeat;
}
.month {height: 27px; margin-bottom: 6px; height: 31px;}
.day {height: 15px;}

.m-01 { background-position: left 0;}
.m-02 { background-position: left -31px;}
.m-03 { background-position: left -64px;}
.m-04 { background-position: left -99px;}
.m-05 { background-position: left -133px;}
.m-06 { background-position: left -166px;}
.m-07 { background-position: left -198px;}
.m-08 { background-position: left -228px;}
.m-09 { background-position: left -263px;}
.m-10 { background-position: left -295px;}
.m-11 { background-position: left -329px;}
.m-12 { background-position: left -362px;}

.d-01 { background-position: right 0;}
.d-02 { background-position: right -19px;}
.d-03 { background-position: right -38px;}
.d-04 { background-position: right -58px;}
.d-05 { background-position: right -77px;}
.d-06 { background-position: right -96px;}
.d-07 { background-position: right -116px;}
.d-08 { background-position: right -135px;}
.d-09 { background-position: right -155px;}
.d-10 { background-position: right -175px;}
.d-11 { background-position: right -194px;}
.d-12 { background-position: right -213px;}
.d-13 { background-position: right -231px;}
.d-14 { background-position: right -250px;}
.d-15 { background-position: right -269px;}
.d-16 { background-position: right -288px;}
.d-17 { background-position: right -307px;}
.d-18 { background-position: right -325px;}
.d-19 { background-position: right -344px;}
.d-20 { background-position: right -362px;}
.d-21 { background-position: right -381px;}
.d-22 { background-position: right -401px;}
.d-23 { background-position: right -420px;}
.d-24 { background-position: right -439px;}
.d-25 { background-position: right -459px;}
.d-26 { background-position: right -478px;}
.d-27 { background-position: right -498px;}
.d-28 { background-position: right -517px;}
.d-29 { background-position: right -536px;}
.d-30 { background-position: right -556px;}
.d-31 { background-position: right -576px;}

/*--- POST THUMBNAIL STUFF ---*/
div.post .thumb {float: left; border: 1px solid #000; display: block;  margin:0 20px 20px 0;}
div.post .thumb .postThumb { padding: 5px; background: #444; border: 1px solid #666;}

/*-------BLOG PAGE NAVIGATION STUFF----------*/
.navigation {float:left; font-size:14px; width: 100%;}
.navigation .pagenav a {display: block;}
.navigation .pagenav a:hover {text-decoration: underline;}

/*-----SIDEBAR STUFF----*/
#sidebar ul {}
#sidebar ul li.widget {
	list-style: none; 
	margin: 0 0 20px; 
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	font-size: 12px;
	position: relative;
}
#sidebar ul li.widget h2.widgettitle {}
#sidebar ul li.widget .widgetcontent {}
#sidebar ul li.widget ul li {list-style-type:disc; list-style-position: inside;}
#sidebar ul li.widget ul li ul li {padding: 0 0 0 15px; list-style-type:disc; list-style-position: inside;}

.links h2 {display: none;}
.links li {font-size: 16px;}
.widgetBanner {
  position: absolute;
  right: -30px;
  top:20px;
  width: 10px;
  padding: 10px;
  background: #c12c51 url(images/date_bg.gif);
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
.widgetBanner span {
  width: 10px;
  text-indent: -1000em;
  background-image: url(images/date.gif);
  background-repeat: no-repeat;
  display: block;
}
#fansBanner span {background-position: left -565px; height: 35px;}
#mediaBanner span {background-position: left -467px; height: 89px;}
#officialBanner span {background-position: left -396px; height: 63px;}

/* -----COMMENT STUFF----- */
#commentsection {width:90%;   font-size: 12px;}
.commentlist {width: 100%; list-style:none; }
h3.comments {margin:40px auto 20px;}
.commentlist li,#commentform input,#commentform textarea {font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight:bold;list-style:none; padding:15px 0; font-size:12px;}
.commentlist li img.avatar {float:left;border:1px solid #999;background:#bbb;margin-right:15px;padding:3px;}
.commentlist cite,.commentlist cite a {font-weight:bold;font-style:normal;}
.commentlist p {font-weight:normal; text-transform:none;margin:10px 5px 10px 83px; font-size: 12px;}
.commentlist .pingback p {margin:10px 5px 10px;}
#commentform p {margin:5px 0;}
.commentmetadata {font-weight:normal;display:block; font-size:10px; color:#333; padding:3px 0 0; text-transform:uppercase;}
cite.fn {text-transform:uppercase;}
.commentlist {text-align:justify;padding:0 0 40px;}
.nocomments {text-align:center;}
#recentcomments li {}
.alt {}

/*---FORM STUFF---*/
input {padding: 5px; width:170px; margin:5px 0 0 0;}
textarea {padding: 4px; width:100%; font-family: Arial; font-size: 12px;}
input[type="submit"] {padding:5px; cursor: pointer; background: #2D4B7F; color: #fff; width: inherit; border: none;}
input[type="submit"]:hover {background: #002563;}

/* -----UNIVERSAL STUFF----- */
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}
p img {max-width:100%;}
img.centered {display:block;margin:0 auto;}
img.alignright {display:inline;margin:0 0 10px 10px;}
img.alignleft {display:inline;margin:0 10px 10px 0;}
.alignright {float:right;}
.alignleft {float:left;}
acronym.abbr {border-bottom:1px dashed #999;}
blockquote {padding-left:20px;margin:15px;}
blockquote cite {display:block;margin:5px 0 0;}
.center {text-align:center;}
hr {display:none;}
a img {border:none;}
img#wpstats {width:0;height:0;border:none;overflow:hidden;}
#hideme {visibility:hidden;}
.hidden {visibility: hidden; display: none;}
.rssSummary {padding-bottom:15px;}
.clear {clear: both;}
p.clear {height:1px; width:1px; }
.hide {display: none;} 

/* -----CALENDAR STUFF----- */
#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {text-decoration:none;display:block;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;width:100%;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}
#wp-calendar td {text-align:center;padding:3px 0;}
#wp-calendar td.pad:hover {background-color:#fff;}