/* 
Theme Name:Pixel
Theme URI:http://samk.ca/freebies/
Description:Dark WP theme with 2-3 column layout,dropdown categories menu,multiple widget-ready placement and feedburner email form integrated,easy to customize. Enjoy!
Author:Sam
Author URI:http://samk.ca/
Version:1.9.7
Tags:black,blue,three-columns,two-columns,threaded-comments,fixed-width,theme-options,right-sidebar
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/
/* Defaults */
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0 0 10px 0;}
h1, h2{font-family: 'Lobster', Arial, serif;text-shadow: 1px 1px 1px #222;letter-spacing:2px;}
h3,h4,h5,h6 {font-family:Verdana, Arial, serif;text-shadow: 1px 1px 1px #111;letter-spacing:-1px;}
hr{color:#333;border:1px solid #121212;}
pre{height:auto;overflow-x:scroll;}
fieldset{margin:0;padding:0;border:0;}
dd{padding-left:15px;}
p{font-size:9pt;}
a{color:#6598b8;text-decoration:none;}
a:hover{color:#222;text-decoration:underline;}
a img{border:none;}
blockquote{background:#070707;border:1px solid #060606;padding:5px 15px;margin:10px 10px 5px 15px;font-style:italic;color:#fff;}
code{color:#3366cc;font-style:italic;}
strong{font-size:110%;}
body{text-align:center;margin:0;padding:0 0 15px 0;font-family:trebuchet ms,arial,helvetica,sans-serif;background:#000 url(images/bgbody.jpg) top center no-repeat;}
/* Header and wrapper */
#wrapper{margin:0 auto;width:960px;text-align:left;padding:0;}
#header{padding:0;margin:0;height:80px;}
#header #topright{text-align:right;float:right;width:600px;margin:5px 0 0 0;}
#header #topright ul{list-style:none;padding:0;margin:0;}
#header #topright li{display:inline;}
#header #topright li a{color:#fff;font-size:9pt;padding:0 0 0 25px;text-transform:lowercase;}
#header #topright li a:hover{color:#000;text-decoration:none;}
#header #logo{float:left;margin:8px 0 0 10px;padding:0;}
#header h1{padding:0;margin:0;font-family: 'Lobster', arial, serif;text-shadow: 2px 2px 2px #222;}
#header h1 a{color:#ff9933;font-size:30pt;text-decoration:none;}
#header h1 a:hover{color:#eee;text-decoration:none;}
#header span{padding:0;color:#111;font-size:11pt;}
/* Menu */
#catnav{margin:20px 0 0 0;padding:0;clear:both;height:44px;width:960px;}
#nav{list-style:none;margin:0;padding:0;}
#nav ul{margin:0;padding:0;}
#nav li{float:left;margin:0;padding:0;}
#nav li.current_page_item a,#nav li.current_page_ancestor a{color:#6598B8;font-weight:bold;}
#nav a{display:block;line-height:44px;margin:0;padding:0 20px 0 15px;font-size:10pt;color:#fff;}
#nav li a:hover{color:#6598b8;text-decoration:none;display:block;}
#nav li ul{list-style:none;position:absolute;width:150px;left:-999em;}
#nav li:hover ul,#nav li.sfhover ul{left:auto;}
#nav li li{float:left;margin:0;padding:0;width:150px;}
#nav li li a{width:150px;height:24px;line-height:24px;color:#fff;border-top:1px solid #131f27;background:#040404;margin:0;padding:5px 20px 5px 15px;}
#nav li li a:hover{border-top:1px solid #131f27;background:#000;padding:5px 20px 5px 15px;}
#nav li:hover,#nav li.sfhover{/* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
position:static;}
#toprss{float:right;margin:10px 15px 0 0;display:inline;width:65px;line-height:41px;}
/* Top Content */
#main{margin:5px 15px 0 15px;clear:both;width:930px;padding-bottom:5px;}
#contentwrapper{float:left;width:580px;margin:15px 0;padding:0;}
#contentwrapper2{float:left;width:900px;margin:0 0 15px 0;padding:0;}
#contentwrapper .pageTitle,#contentwrapper2 .pageTitle{margin:15px 0 10px 0;font-size:14pt;color:#fff;font-weight:normal;background:url(images/bg-trans.png) repeat;padding:5px;}
.topPost{margin:10px 0;padding:0;font-size:9pt;}
.photosFloat{float:left;}
.topPost h2.topTitle a{font-size:18pt;font-weight:normal;color:#fff;}
.topPost h2.topTitle a:hover{text-decoration:none;color:#abd1ea;}
.topPost p.topMeta{padding:0;margin:-10px 0 0 0;font-size:9pt;color:#cdcdcd;}
.topPost p.topMeta a{text-decoration:underline;color:#fff;}
.topPost p.topMeta a:hover{color:#ccc;}
.topPost p.topCats{}
.topPost p.topCats a{}
.topPost p.topCats a:hover{}
.topPost div.topContent{font-size:9pt;color:#efefef;}
.topPost div.topContent a{text-decoration:underline;color:#fff;}
.topPost div.topContent a:hover{text-decoration:underline;color:#ff9933;}
.topPost div.topContent ul,.topPost div.topContent ol{padding:0 0 0 30px;}
.topPost div.topContent ul li,.topPost div.topContent ol li{color:#eee;}
.topPost span.topComments,.topPost span.topMore,.topPost span.topTags{font-size:9pt;font-style:italic;background:url(images/bg-trans.png) repeat;padding:8px 10px;margin-right:5px;line-height:27pt;color:#fff;border:1px solid #111;}
.topPost span.linkpages{font-size:9pt;font-style:italic;color:#fff;margin-bottom:10px;display:block;}
.topPost span.linkpages a:hover{color:#ddd;}
.topPost span.topComments:hover,.topPost span.topMore:hover,.topPost span.topTags:hover{background:#040404;}
.topPost span.topComments a{color:#fff;background:url(images/comments.gif) left no-repeat;padding-left:20px;line-height:27pt;vertical-align:middle;}
.topPost span.topMore a{color:#fff;background:url(images/more.gif) left no-repeat;padding-left:20px;line-height:27pt;vertical-align:middle;}
.topPost span.topTags em{background:url(images/tags.gif) left no-repeat;padding-left:20px;line-height:27pt;vertical-align:middle;color:#0a0a0a;}
.topPost span.topTags a{color:#fff;line-height:27pt;vertical-align:middle;}
.topPost span.topComments a:hover,.topPost span.topMore a:hover,.topPost span.topTags a:hover{color:#fff;text-decoration:underline;}
#nextprevious{margin:10px 0 5px 0;}
#nextprevious a{color:#83adc8;text-transform:lowercase;text-decoration:underline;}
#nextprevious a:hover{color:#fff;}
/* Comments */
#comments{margin-bottom:10px;margin-top:15px;background:#040404;width:530px;/* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah,weird. they call it a dimensional bug. */
border:1px solid #090909;padding:0px 15px 10px 15px;color:#fff;}
#comments h3{font-size:10pt;font-weight:normal;color:#fff;margin:15px 0;padding:0;}
#comments p a{color:#6598b8;}
#comments p a:hover{color:#fff;}
#comments p{padding:0;margin:7px 0;}
ul.commentlist,ul.trackback{list-style-type:none;margin:10px 0;font-size:9pt;}
.commentlist li,.trackback li{margin:10px 0 15px 0;padding:10px;background:#080808;border:1px solid #040404;list-style-type:none;}
.commentlist li.alt{background:#000;border:1px solid #020202;border:none;margin-top:10px;}
.commentlist li.cleared{background:transparent;border:none;}
.commentlist a:hover{color:#eee;}
.commentlist a.gravatar{float:left;margin:0 15px 10px 0;width:60px;}
.commentlist .commentbody{margin:0;padding:0;}
.commentlist .commentbody p a{text-decoration:underline;}
.commentlist cite{font-size:10pt;font-style:normal;color:#ddd;}
.commentlist small.commentmetadata a{color:#666;}
.commentlist p{color:#dedede;}
#respond{clear:both;margin-top:15px;}
textarea#comment{width:450px;background:#fff;color:#111;padding:10px;}
#comments #submit{margin:0;}
#extrastuff a{color:#222;font-size:0.8em;}
#extrastuff a:hover{color:#6598b8;text-decoration:none;}
#extrastuff #rssleft{float:left;width:250px;}
#extrastuff #trackright{float:right;width:180px;text-align:right;}
/* Welcome section */
#main #welcome{margin:0 0 20px 0;padding:0 0 5px 0;background:url(images/bg-trans.png) repeat;}
#main #welcome h2{font-size:14pt;font-weight:normal;color:#fff;margin:0 10px;padding:10px 0 3px 0;}
#main #welcome p{font-size:9pt;color:#eee;margin:0 10px;padding:6px 0;}
#main #welcome a{text-decoration:underline;color:#ff9933;}
#main #welcome a:hover{color:#6598b8;}
#main #welcome form{margin:-5px 0 0 0;background:transparent;/* required for IE */}
#main #welcome #feedbox{border:1px solid #ccc;padding:2px 1px;width:180px;}
.submitbutton{margin:-5px 0 0 5px;background:#010101;color:#fff;font-size:8pt;padding:3px 6px;vertical-align:middle;border:1px solid #111;}
.submitbutton:hover{cursor:pointer;background:#050505;}
/* Sidebars */
#sidebars{margin:15px 0 0 0;float:right;width:340px;color:#eee;}
#sidebars .sidebarbox{background:url(images/bg-trans.png) repeat;padding:8px 15px;}
#sidebar_full{padding:0;margin:0;}
#sidebar_left{float:left;width:160px;}
#sidebar_right{float:right;width:160px;}
#sidebars h2{margin:0;padding:0 0 8px 0;font-weight:normal;font-size:12pt;color:#fff;}
#sidebars table{width:130px;}
#sidebars ul{margin:0;padding:0 0 5px 0;}
#sidebars li{margin-bottom:20px;list-style:none;font-size:9pt;}
#sidebars li ul{padding:0;}
#sidebars ul ul li{margin:0;padding:2px 2px 2px 16px;color:#eee;background:url(images/bullet.gif) left 8px no-repeat;line-height:17px;/* Required for cross-browser consistency;cross-browser defaults vary. */}
#sidebars a{display:inline;color:#eee;}
#sidebars a:hover{color:#6598b8;text-decoration:underline;}
#sidebars p{padding:2px 0;font-size:9pt;color:#eee;}
#tag_cloud a{display:inline;}
#sidebars ul.children li{border-bottom:none;}
#sidebars ul.children{margin-bottom:0;}
/* Before footer */
#morefoot{background:#000 url(images/bggrad.jpg) top left repeat-x;border:1px solid #070707;padding:15px;color:#dfdfdf;margin:0 0 10px 0;}
#morefoot p{margin:5px 0;padding:5px 0;}
#morefoot ul{list-style-type:none;margin-top:5px;}
#morefoot ul li,#morefoot p{font-size:9pt;}
#morefoot a{text-decoration:underline;color:#ddd;}
#morefoot a:hover{text-decoration:underline;color:#6598b8;}
#morefoot h3{font-size:12pt;font-weight:normal;color:#dfdfdf;border-bottom:1px dotted #444;margin:0;padding:0 0 2px 0;}
#morefoot #searchbox{padding:1px;width:180px;}
#morefoot .col1{float:left;width:340px;}
#morefoot .col2{margin:0 25px;}
#morefoot .col2,#morefoot .col3{float:left;width:260px;}
#morefoot li{padding-left:20px;margin-bottom:5px;background:url(images/more.gif) left 2px no-repeat;line-height:17px;/* Required for cross-browser consistency;cross-browser defaults vary. */}
/* footer*/
#footer{clear:both;background:transparent;border:1px solid #070707;padding:15px 15px 10px 15px;text-align:center;}
#footer p{font-size:9pt;color:#bbb;padding:0;}
#footer a{color:#bbb;text-decoration:underline;}
#footer a:hover{color:#fff;}
/* Misc */
.highlight{color:#222;font-weight:bold;}
.cleared{margin:0;padding:0;clear:both;}
.alignleft{float:left;margin:5px 10px 5px 0;}
.alignright{float:right;margin:5px 0 5px 10px;}
.aligncenter,
div.aligncenter{margin:10px auto;text-align:center;display:block;}
img.alignleft{float:left;margin:5px 10px 5px 0;}
img.alignright{float:right;margin:5px 0 5px 10px;}
img.aligncenter{margin:10px auto;text-align:center;display:block;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;/* optional rounded corners for browsers that support it */
-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:none;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 4px 5px;margin:0;color:#111;}
/* iCal Page */
table#compprop0{width:560px;}
tr.Month{background:url(images/bg-trans.png) repeat;}
tr.Month th.group{font-size:12pt;padding:5px 10px;border-bottom:1px dotted #444444;}
table#compprop0 tbody tr td ul.amrcol1{list-style-type:none;margin:0;padding:0;width:120px;padding:10px;}
table#compprop0 tbody tr td ul.amrcol2{list-style-type:none;margin:0;padding:0;width:400px;padding:10px;}
table#compprop0 tbody tr td ul.amrcol1 li,
table#compprop0 tbody tr td ul.amrcol2 li{color:#999;padding:1px 0;}
abbr.dtstart{border:0;}
table#compprop0 tbody tr td ul.amrcol1 li.eventdate{font-weight:bold;padding-bottom:3px;color:#FFF;}
ul.amrcol1 li.starttime{display:block;float:left;}
ul.amrcol1 li.endtime{display:block;float:left;}
table#compprop0 tbody tr td ul.amrcol2 li.summary{font-weight:bold;padding-bottom:3px;color:#FFF;}
ul.amrcol2 li.description{}
ul.amrcol2 li.location{}
/* iCal Widget */
table#wcompprop0{width:310px;}
table#wcompprop0 tbody tr td ul.amrcol1{list-style-type:none;margin:0;padding:0;}
table#wcompprop0 tbody tr td ul.amrcol2{list-style-type:none;margin:0;padding:0;}
abbr.dtstart{border:0;}
tr.Day th.group{font-size:9pt;font-weight:bold;color:#999;padding:4px 0 2px 0;}
table#wcompprop0 tbody tr td ul.amrcol1 li{background:url('images/more.gif') left 2px no-repeat;padding-left:20px;}
/* Newsletter Boxes */
input.wpcf7-validates-as-required{width:260px;height:20px;color:#999;background-color:#1F1F1F;border-left:1px solid #1B1B1B;border-top:1px solid #191919;border-right:1px solid #333333;border-bottom:1px solid #444444;margin-top:5px;}
/* Photos Page */
#photos-top{position:relative;float:left;margin:0 0 15px 0;padding:0;}
ul#photoNav{list-style-type:none;font-size:14px;}
ul#photoNav li {margin:6px 0;}
ul#photoNav li a{color:#FF9933;text-decoration:underline;}
ul#photoNav li a:hover{color:#6598B8;text-decoration:underline;}
#photos-top.all #photoNav a.all,
#photos-top.fan-photos #photoNav a.fan-photos,
#photos-top.shamy #photoNav a.shamy,
#photos-top.shantee-party #photoNav a.shantee {color:#FFF;text-decoration:none;text-transform:uppercase;font-weight:bold;text-shadow:2px 2px 2px #222;padding:2px 0 2px 20px;background:url('images/more.gif') 0 50% no-repeat;}
.production-photos #photo-carousel{margin-left:180px;width:702px;padding-bottom:20px;position:relative;}
.production-photos #photo-carousel li{float:left;}
.production-photos #photo-carousel li a{display:block;margin:10px 10px 15px 10px;}
.production-photos .prev,
.production-photos .next{background-position:0 0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute;z-index:10;top:226px;cursor:pointer;}
.production-photos .prev{background-image:url('images/prev.png');left:-24px;}
.production-photos .next{background-image:url('images/next.png');right:-24px;}
.production-photos .prev:hover,
.production-photos .next:hover{background-position:-32px 0;}
.production-photos .prev:active,
.production-photos .next:active{background-position:-64px 0;}
.production-photos .disabled{background-position:-96px 0 !important;cursor:default;}
.carousel li a img{border:3px solid #355163;display:block;}
.carousel li a:hover img{border:3px solid #6598B8;}
/* Social Widget */
div.socialWidget{background:url("images/bg-trans.png") repeat scroll 0 0 transparent;padding:8px 15px;}
ul#socialMedia{list-style-type:none;}
ul#socialMedia li{padding:3px 0 3px 24px;margin:0;border:0;background:transparent;list-style-type:none;display:block;line-height:15px;height:15px;}
ul#socialMedia li#facebook{background:transparent url('images/facebook.png') left center no-repeat;}
ul#socialMedia li#jambase{background:transparent url('images/jambase.png') left center no-repeat;}
ul#socialMedia li#myspace{background:transparent url('images/myspace.png') left center no-repeat;}
ul#socialMedia li#soundcloud{background:transparent url('images/soundcloud.png') left center no-repeat;}
ul#socialMedia li#twitter{background:transparent url('images/twitter.png') left center no-repeat;}
ul#socialMedia li#feed{background:transparent url('images/feed.png') left center no-repeat;}
ul#socialMedia li#vimeo{background:transparent url('images/vimeo.png') left center no-repeat;}
ul#socialMedia li#youtube{background:transparent url('images/youtube.png') left center no-repeat;}
ul#socialMedia li#email{background:transparent url('images/email.png') left center no-repeat;}
/*
----- Headline Carousel & HoverCaption -----
*/
#headline{width:560px;float:left;background:#111;line-height:1.5em;margin:0;padding:10px;background:url(images/bg-trans.png) repeat;}
#headline a img{display:block;}
/* Carousel Styling */
#home-slider{width:560px;height:340px;position:relative;}
.slider-frame{width:560px;height:340px;overflow:hidden;}
.sliderImages{}
.sliderImages ul{}
.boxgrid{width:560px;height:340px;float:left;background:transparent;overflow:hidden;position:relative;}
#home-slider ul li{list-style:none;width:560px;height:340px;}
#home-slider ul li div.pageInfo{position:absolute;bottom:0;padding:20px;width:520px;background:url(images/bg-trans.png) repeat;}
#home-slider ul li div.pageInfo h2{font-size:14pt;font-weight:normal;color:#fff;padding:10px 0 3px 0;}
#home-slider ul li div.pageInfo p{font-size:9pt;color:#eee;margin:0 10px;padding:6px 0;}
#home-slider ul li div.pageInfo a{text-decoration:underline;color:#ff9933;}
#home-slider ul li div.pageInfo a:hover{color:#6598b8;}
#home-slider .arrow-but{z-index:10;}
#home-slider .prev,
#home-slider .next{background-position:0 0;background-repeat:no-repeat;width:32px;height:32px;display:block;background:transparent;position:absolute;z-index:10;top:154px;}
#home-slider .prev{background-image:url('images/prev.png');left:-18px;}
#home-slider .next{background-image:url('images/next.png');right:-18px;}
#home-slider .next:hover,
#home-slider .prev:hover{background-position:-32px 0;}
#home-slider .next:active,
#home-slider .prev:active{background-position:-64px 0;}
div#postWrapper{width:560px;float:left;padding:10px;margin:0;}