@import url("forms.css");
/* ----------  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0;}
/* ------------------------------ */

/* Links */
a img{border: 1px solid #CCC;padding:2px;margin:3px;}
a:hover img{border: 2px solid #333;padding:1px;}
a:hover{color: #333;border: 2px ;} /* Dummy definition to overcome IE bug */

#images a img {margin:6px}
#images a img.top {margin:0 0 10px 0}

a:link { color:#3a2200;text-decoration:underline}
a:visited { color:#3a2200;text-decoration:underline}
a:hover { color:#960;text-decoration:underline}
a:active { color:#333;text-decoration:underline}

body#music a#musicNav,
body#wallpaper a#wallpaperNav,
body#stickers a#stickersNav,
body#gallery a#galleryNav,
body#shop a#shopNav,
body#videos a#videosNav,
body#posters a#postersNav
 {color:#960;background-color:#e5e5e5}

#navExtras a {text-decoration:none;}

#navExtras a:link { color:#999;}
#navExtras a:visited { color:#999;}
#navExtras a:hover { color:#C00;}
#navExtras a:active { color:#333;}

#listening-to a {text-decoration:none}

/* ------------------------------ */

/* Typography */
body {
font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
font-size: 62.5%;
} /* 1em = 12 pixels */



h1, h2, h3, h4, h5, h6, strong.intro {font-family: "obliqua-1","obliqua-2", "Georgia", "Times New Roman", Times, serif;font-weight:normal}
h2 {color:#3C3429;font-size:1.8em;padding-bottom:4px;margin-bottom:5px;}
h3, strong.intro {font-size:1.4em;color:#333;padding-bottom:3px;margin-bottom:4px;}
h4{font-size:1.6em;padding-bottom:3px;margin-bottom:4px;}
h5{font-size:1.2em}

#footer h5 {margin-bottom:8px;}
#footer li {margin-bottom:8px}

p {
padding:5px 0 5px 0;
margin:2px 0 4px 0;
color:#505151}



/* ------------------------------ */

/* Nav */
#top-nav {
font-size:1.5em;
position:absolute;right:25px;top:40px;
}

ul.nav {display: inline;list-style: none;margin:0px;}
ul.nav li {
display:inline;
margin:0px;
padding:0px;
font-family:"Georgia", "Times New Roman", Times, serif;
letter-spacing:-1px;
}

.nav a {padding:6px 8px 8px 9px;text-decoration:none;position:relative;border-right:1px #CCC solid;}
.nav a.last {border-right:none;}

.nav a:link {color:#333;}
.nav a:visited {color:#333;}
.nav a:hover {color:#CCC;background-color:#333}
.nav a:active {color:#CCC;}

#navExtras {
position:absolute;right:40px;top:70px;
}
#navExtras span {margin-right:15px;font-size:0.8em;color:#999}
#navExtras span a {font-weight:bold;font-size:1.8em;}

/* Layout */
body{
	text-align:center;
	background: #000 url(/gfx/body_bg.jpg) fixed repeat top center;
}
#wrapper{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	border-left:2px #000 solid;
	border-right:2px #000 solid;
	border-bottom:4px #000 solid;
	text-align:left;
font-size: 1.2em;
background-color:#FFF;
position:relative;
}

#subWrapper {
background-image: url(/gfx/content_bg.jpg);
background-repeat: no-repeat;
background-position: center 120px;
}

.header1 {
background-image: url(/gfx/header1.jpg);
	}

.header2 {
background-image: url(/gfx/header2.jpg);
	}

.header3 {
background-image: url(/gfx/header3.jpg);
	}

#headerGrip {
height:129px;
}

#headerGrip img#loadingHeader {
position:absolute;
left:825px;
top:105px;
}

.title {	background-repeat: no-repeat;
	height:129px;
}
.title h1 {margin:0;width:270px}
.title h1 a {
 display: block;
 padding-top: 90px; height: 0 !important;
 height /**/: 90px; overflow: hidden;
}

#content {
padding:0 30px;
}

#content ul {list-style:none}

#content ul li {
/*
list-style-image: url("list-square-arrow.png"); 
list-style-position:outside;
*/
}

#content ul li {margin-bottom:6px}

#col1 {width:520px;float:left;margin-right:50px;}
#col2 {width:290px;float:left;}



body#wallpaper #col1 {width:700px}
body#wallpaper #col2 {width:130px}

.stack {margin-bottom:10px;padding-bottom:10px;border-bottom:1px #999 dashed}

#check {width:125px;float:right}

/* ---------- 3col layouts */
body#home #col2,
body#videos #col2,
body#finder #col2 {
width:195px;float:left;
padding-right:15px;
border-right:1px #CCC dotted;
text-align:left;
}
body#home #col3,
body#videos #col3,
body#finder #col3 {
width:125px;float:left;
padding-left:15px;}

body#home #col1, body#finder #col1 {width:490px}
body#home #col2 {width:195px}

#follow,
#col3 div.vimeoBadge,
div#galleryHolder,
div#micHolder,
div#listening-to,
div#images,
div#links
{margin-bottom:10px;padding-bottom:10px;border-bottom:1px #CCC dashed;}

div#listening-to {overflow:hidden;}



#images {text-align:center}
#images h3, #images p {text-align:left;padding:0;margin:0 0 4px 0}
#images p {font-size:0.8em;}

#links ul li{
color:#666;
}

body#home #content #col3 #sidebar ul li,
body#videos #content #col3 #sidebar ul li {
list-style-image:none; list-style-type:none;
}

/* ---------- Wallpaper */
div.wall {float:left;
width:330px;
margin:0 20px 10px 0;
padding-bottom:10px;
border-bottom:1px #CCC solid}

div.wall ul, div.wall-single ul{padding-left:0px;}
div.wall li, div.wall-single li {font-size:1.2em;
font-weight:bold;}

div.wall-single img {

margin:0 0 20px 0;
}


/* ----------  Posters */
div.poster {width:297px;float:left;height:520px;padding-bottom:5px;margin-bottom:5px;border-bottom:1px #CCC solid;padding-top:15px}
div.poster ul{padding-left:20px}
div.poster ul li a {font-weight:bold}

/* ----------  Podcasts */
div.podcast{
border-bottom:1px #CCC dashed;
margin:0 0 5px 0;
padding:0 0 5px 0;
}

div.podcast img {float:right;margin:15px}

a.mp3 {font-weight:bold}

/* ------------------------------ */

/* -- Videos */

.video-big {border-bottom:1px #666 dotted;margin-bottom:15px;padding-bottom:15px}
  .video-thumb {width:210px;margin:0 30px 15px 0;height:180px;float:left;
  min-height:220px;
  height:auto !important;
  height:220px;
  padding-bottom:12px;margin-bottom:12px;border-bottom:1px #CCC dotted;}
div#videos-wrapper{overflow:hidden;}
body#videos #col1 {float:left;margin-right:20px;width:520px;}
body#videos #col1 h3 {text-transform:uppercase}
body#videos div.video-owner {background:#EEE;padding:15px 5px 30px 5px;margin:20px 0;border-top:1px #666 dotted;border-bottom:1px #666 dotted;}
body#videos div.video-owner span {display:block;font-family: "Droid Serif", "Georgia", "Times New Roman", Times, serif;font-size:1.6em}
.vimeo-badge{margin:25px 0}
.vimeo-badge img, .vimeo-badge a:hover img {border:0;padding:0;margin:0}

#latest-videos {overflow:hidden}
div#latest-videos div{margin-bottom:8px;padding-bottom:8px;border-bottom:1px #666 dotted;}


/* ----------  slideshow */

div#galleryGrip{
height:110px;
width:110px;
text-align:center;
background-color:#EEE;
padding:6px;
}

/* ----------  Page Wp Navi Plugin */
/*-- Paging */
div.wp-pagenavi a {margin:0 0 0 4px;padding-bottom:15px;}
span.pages {display:block;font-size:8pt;margin-bottom:15px}
span.current {margin:0 4px 0 4px;}

div.wp-pagenavi {margin-bottom:25px;}

div.wp-pagenavi a:link, .pagenav a:link, a.glow:link { color:#EEE; text-decoration:none; background:#333;padding:4px 6px 4px 6px;border:1px #333 solid;}
div.wp-pagenavi a:visited, .pagenav a:visited, a.glow:visited { color:#EEE; text-decoration:none; background:#333;padding:4px 6px 4px 6px;border:1px #333 solid;}
div.wp-pagenavi a:hover, .pagenav a:hover, a.glow:hover  { color:#333; text-decoration:none; background:#EEE;padding:4px 6px 4px 6px;border:1px #666 solid;}
div.wp-pagenavi a:active, .pagenav a:active, a.glow:active  { color:#EEE; text-decoration:none; background:#333;padding:4px 6px 4px 6px;border:1px #666 solid;}

div.pagenav {
padding:15px 0 5px 0;
margin:5px 0 5px 0;
border-top:1px #CCC dashed;
clear:both;
}

/* ----------  img replacement links */
#weheartit {margin:0;width:52px;}
#weheartit a {
 display: block;
 background-image: url(/gfx/we-heart-it-logo.png);
 background-repeat: no-repeat;
 padding-top: 20px; height: 0 !important;
 height /**/: 20px; overflow: hidden;
}

#vimeo-link {margin:0;width:92px;}
#vimeo-link a {
 display: block;
 background-image: url(/gfx/vimeo_badge.png);
 background-repeat: no-repeat;
 padding-top: 38px; height: 0 !important;
 height /**/: 38px; overflow: hidden;
}

#lastfm {margin:0;width:80px;}
#lastfm a {
 display: block;
 background-image: url(/gfx/badge_lastfm.gif);
 background-repeat: no-repeat;
 padding-top: 32px; height: 0 !important;
 height /**/: 32px; overflow: hidden;
}


/* ----------  Misc bits */
.note{font-size:0.8em}
.clear{clear:both}

.left{float:left}
.right{float:right}
img.left{margin:0 15px 10px 0}
img.right{margin:0 0 10px 15px}

img.noborder {border:0;}
a img.noborder{border:0;padding:2px;}
a:hover img.noborder{border:0;padding:2px;}

#micHolder {overflow:hidden}
h4#posted {color:#090}

#ingredients {clear:both}

#ingredients a:link, a.light:link {color:#666;text-decoration:none}
#ingredients a:visited, a.light:visited {color:#666;text-decoration:none}
#ingredients a:hover, a.light:hover {color:#333;text-decoration:underline}
#ingredients a:active, a.light:active {color:#666;text-decoration:none}


.icon, p.icon {
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding:6px 5px 6px 20px;
}

.big {
background-position: left top;
padding:0px 5px 30px 55px;
}

p.rss a {font-size:1.6em;font-family: "Droid Serif", "Georgia", "Times New Roman", Times, serif;}
p.rss a span {display:block;font-size:0.6em;font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;padding-left:55px}

a.rss {background-image: url(/gfx/icon_rss.png);}
.rss-med {background-image: url(/gfx/icon_rss_med.png);}
.rss-small {background-image: url(/gfx/icon_rss_small.png);}
.pdf{background-image: url(/gfx/page_white_acrobat.png);}
.muxtape{background-image: url(/gfx/icon_muxtape.png);}
.image{background-image: url(/gfx/image.png);}
.eps{background-image: url(/gfx/illustrator-file.gif);}
.netvibes {background-image: url(/gfx/icon_netvibes.png);}
.psd{background-image: url(/gfx/photoshop-file.gif);}
.zip{background-image: url(/gfx/zip-file.gif);}
.lastfm{background-image: url(/gfx/icon_lastfm.png);}
.youtube{background-image: url(/gfx/icon_youtube.png);}
.vimeo{background-image: url(/gfx/icon_vimeo.png);}
.virb{background-image: url(/gfx/icon_virb.png);}
.mp3{background-image: url(/gfx/download-music-green.gif);}
.podcast{background-image: url(/gfx/rss_podcast.png);}
.flickr{background-image: url(/gfx/flickr_icon.png);}
.newsfeed {background-image: url(/gfx/rss_news.png);}
.photosfeed {background-image: url(/gfx/rss_photos.png);}
.masterfeed {background-image: url(/gfx/rss_shop.png);}
.map {background-image: url(/gfx/map.png);}
.win {background-image: url(/gfx/wmv.gif);}
.qt {background-image: url(/gfx/quicktime_icon.gif);}
.itunes {background-image: url(/gfx/icon_ipod.png);}
.mint {background-image: url(/gfx/icon_mint.png);}
.vis {background-image: url(/gfx/icon_vis.png);}
.rss-big {background-image: url(/gfx/icon_rss_big.png);}
.tumblr {background-image: url(/gfx/tumblr-16x16.png)}
.twitter{background-image: url(/gfx/twitter-16x16.png)}

/* ----------  Vimeo badge */
.vimeoBadge { margin: 0; padding: 0; }
.vimeoBadge a:link {text-decoration:none; cursor:pointer; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 10px 5px 0; width:80px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:80px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 
#vimeo_badge_logo img {display:none}

#footer {
clear:both;
padding:15px 30px 15px 30px;
margin-top:15px;
border-top:1px #CCC solid;
background: #FFF url(/gfx/footer_bg.jpg) no-repeat bottom right;
}

#footer p {color:#999}

#footer li a {text-decoration:none;border-bottom:1px dotted #3A2200;
}
#footer li a:hover {text-decoration:none;border-bottom:1px solid #960;
}

#footer ul.nav li a {border-bottom:0}

#footer ul.nav {
position:relative;left:-8px;
clear:both;
display:block;
}

#footer ul li {list-style:none;margin-bottom:10px;}

.footer-col {
width:190px;float:left;margin-top:25px;margin-right:20px
}

/* ----------  Forms */

label.subject,
#searchform label {display:none}

form#openmic .box {
width:95%;
}

textarea#comment {
width:99%;
}

#searchform .box {
width:99%;
}

.box {background-color:#e5e5e5;font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
font-size:small;color:#333;border:2px #666 solid;padding:2px;margin-bottom:3px;font-size:1.0em;-moz-border-radius:2px;-webkit-border-radius:2px;}
.box:focus { background-color: #FFF;border:2px #0C0 solid;color:#333;font-size:1.0em}
.button {background-color:#333; font-weight:bold;font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
 font-size:1.0em;border:2px #333 solid;color:#FFF;cursor:pointer;padding:0.4em;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.button:hover {border:2px #0C0 solid;}

#footer li a.twitterTime {border-bottom:none;color:#999;font-size:1em}