* { padding:0; margin:0; outline:0; }
.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }
html { overflow-x:hidden; margin:0; padding:0; }

body { background:#262626 ; font-family:Arial, Verdana, sans-serif; font-size:12px; margin:0; padding:0; }
a { color:#dbe5f1; text-decoration:none; }
a:hover { text-decoration:underline; }
 
.roundCorners { -moz-border-radius: 10px; -webkit-border-radius: 10px;  }
.smlRoundCorners { -moz-border-radius: 5px; -webkit-border-radius: 5px;  }


.shell { width:925px; margin:0px auto; position:relative; }

#container { min-height:100%; width:100%; position:absolute; }

#tumblr_controls { z-index:3000 !important; }

/***** HEADER *****/
#header { display:block; position:relative; width:100%; padding:20px; background:#252525 url(images/topbg.png) repeat-x bottom; border-bottom:1px solid #000; color:#0c0c0c; }

/***** TOP NAV *****/
.topNav { display:block; position:absolute; bottom:0px; right:0px; margin:0px; }
.topNav li { display:block; list-style-type:none; float:left; height:25px; position:relative; }
.topNav li .topnavTitle, .topNav li a { display:block; padding:5px; margin:0px; background:#0c0c0c; float:left; font-family:Tahoma; color:#fff; font-size:10px; letter-spacing:1px; cursor:pointer; position:relative; border-left:1px solid #3f3f3f;}
.topNav li .topnavTitle:hover, .topNav li a:hover { text-decoration:none; background:#c3d69b; color:#000; }
.topNav .dropdown { display:none; width:125px; position:absolute; top:10px; left:0px; opacity:0; filter:alpha(opacity = 0); z-index:2000000; }
.topNav .dropdown li { display:block; height:auto; width:100%; margin:0px 0px 0px 0px; padding:0px; position:relative; }
.topNav .dropdown li a { display:block; width:100%; padding:7px 5px 7px 30px; margin:0px; font-size:9px; background:#0c0c0c; -moz-border-radius:0px; -webkit-border-radius:0px; border-top:1px solid #3f3f3f; border-left:0px; letter-spacing:1px; vertical-align:middle; font-weight:normal; color:#fff; }
.topNav .dropdown li a:hover { text-decoration:none; }
.topNav .dropdown li a.first { border-top:0px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; }
.topNav .dropdown li a.last { -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; }
.topNav .dropdown li .sprite { position:absolute; top:5px; left:5px; }


/***** MAIN CONTENT *****/
#main { display:block; height:100%; padding:10px; margin:60px auto 20px auto; position:relative; }

#content { display:block; width:700px;float:left; padding:0px 20px 0px 0px; border-right:1px dashed #fff; }

#content .post { position:relative; display:block; margin:10px 0px 45px 0px; color:#366092; padding:10px 0px; }
 
#content .post .type { position:absolute; top:0px; left:0px; z-index:3000; font-size:25px; color:#00b0f0; margin:-15px 0px 0px 30px; text-transform:capitalize; text-shadow:2px 2px 2px #000; }
#content .post .type:hover { text-decoration:none; }
#content .post .type .sprite { float:left; margin:5px 3px 0px -5px; }
#content .post .date { position:absolute; top:0px; right:0px; color:#c6d9f0; font-size:10px; text-shadow:2px 2px 2px #000; margin:-10px 10px 0px 0px; }

#content .post .content { position:relative; display:block; width:680px; background:#0c0c0c; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; z-index:2000; color:#d8d8d8; font-family:Verdana; font-size:10px;  }
#content .post .content a { color:#4f81bd; }
#content .post .content p { margin:0px 0px 10px 0px; }
#content .post .content .caption { padding:20px; background:#0c0c0c;}
#content .post .content blockquote { margin:5px 10px; border-left:3px solid #dbe5f1;  padding:10px; }

#content .source { display:block; width:200px; position:absolute; top:0px; left:0px; margin:20px 0px 0px -35px; background-position:3px 3px;  padding:11px 10px 10px 35px; font-size:10px; z-index:1000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

#content .meta { position:absolute; bottom:-15px; left:10px; overflow:hidden; display:block; width:670px; height:25px; margin:0 auto; padding:0px 5px; background:#0c0c0c; font-size:10px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; }
#content .meta .permalink { position:relative; display:block; float:left; padding:5px; }
#content .meta .comments { position:relative; display:block; float:left; padding:5px; }
#content .meta .sprite { float:left; margin:-1px 3px 0px; }
#content .meta .notes { position:relative; display:block; float:left; padding:5px; }
#content .meta .tags { position:relative; display:block; float:right; }
#content .meta .tags li { display:block; float:left; padding:5px; }
#content .meta .tags li a { display:block; } 
  

#content .photo img { max-width:680px; border:0px; background:#fff;}

#content .quote .quotesource { text-align:right; }

#content .video .content .video { width:500px; margin:0 auto; }

#content .chat .line { padding:3px 3px; }
#content .chat .line.odd { color:#c6d9f0; border-left:1px solid #c6d9f0; }
#content .chat .line.even { color:#366092 ; border-left:1px solid #366092; }

.postNotes ol.notes {  padding: 0px; margin:0px 0px 20px 0px; list-style-type: none; }
.postNotes ol.notes li.note { background:#0c0c0c; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:3px 10px; color:#f2f2f2; }
.postNotes ol.notes li.note a { color:#c3d69b !important; }
.postNotes ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
.postNotes ol.notes li.note span.action { font-weight: bold; }
.postNotes ol.notes li.note .answer_content { font-weight: normal; }
.postNotes ol.notes li.note blockquote { border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; }
.postNotes ol.notes li.note blockquote a { text-decoration: none; }

/***** FOOTER *****/
#streampadBottomBar { display:block; width:100%; height:20px; position:fixed; bottom:0; left:0; z-index:1000000 !important; color:#fff !important; background:#010204 !important; }
#streampadAudioCaption { color:#fff !important; }
#streampadTumblrClickToPlay { display:block; width:100%; }
#footerToggle { position:fixed; bottom:0px; display:block; width:100%; height:45px; }
#footer { position:fixed; bottom:-240px; display:block; width:100%; min-height:100px; border-top:1px solid #000; background:#17365d url(images/footerbg.png) repeat-x bottom; padding:20px 0px 15px 0px; margin:20px 0px 0px 0px; z-index:100000; }

#picFeed { display:block; width:50%; float:left; font-size:10px; position:relative; }
#picFeed .sprite { float:left; }
#picFeed .randpics { margin:0px 0px 0px 5px; }
#picFeed .randpicsTitle { margin:5px 0px 0px -5px; }
#picFeed li { list-style-type:none; position:relative; float:left; display:block; width:50px; height:50px; margin:3px; }
#picFeed .picThumb { display:block; width:50px; height:50px; float:left; margin:0px; overflow:hidden; -moz-border-radius:3px; -webkit-border-radius:3px; z-index:3000; }
#picFeed .picHover { position:absolute; bottom:10px; left:10px; display:none; z-index:4000; padding:3px; background:#0c0c0c; border:1px solid #c3d69b; -moz-border-radius:3px; -webkit-border-radius:3px; opacity:0; filter:alpha(opacity = 0); }
#picFeed .picHover img { max-width:200px; max-height:200px; border:0px; }
#picFeed .picThumb:hover { overflow:display; }
#picFeed .picThumb img { max-width:200px; max-height:200px; margin:-25% 0 0 -25%; border:0px; }
#picFeedThumbnails { position:relative; clear:both; }

#twitterFeed { display:block; width:50%; float:right; font-size:10px; }
#twitterFeed .sprite { float:left; }
#twitterFeed .twitterballoon { margin:0px 0px 0px 5px; }
#twitterFeed .twitterTitle { margin:5px 0px 0px -5px; }
#twitterFeed li { display:block; list-style-type:none; border-bottom:1px solid #fff;  }
#twitterFeed li a { display:block; padding:5px; }
#twitterFeed li a:hover { text-decoration:none; }
#twitterFeedItems { clear:both; }



/***** SIDEBAR *****/
#sidebar { display:block; float:left; width:184px; padding:20px 0px 20px 20px; color:#ebf1dd; }

#sidebar .avatar { display:block; width:128px; height:128px; margin:0 auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
#sidebar div { margin:10px 0px 10px 0px; }
#sidebar .description, #sidebar .tagcloud, #sidebar .following { display:block; padding:10px; background:transparent url(images/sidebarbg.png); -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#sidebar .description { font-size:11px; }
#sidebar .following { text-align:center; }
#sidebar .following img { border:0px; padding:0px; }

#sidebar h2 { padding:0px; margin:5px 0px; border-bottom:1px solid #fff; font-size:10px; color:#fff; font-family:Tahoma; text-align:left; }

#sidebar ul { display:block; }
#sidebar li { display:block; clear:both; list-style-type:none; }
#sidebar li a { display:block; padding:4px; font-size:10px; background:#0c0c0c; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:2px 0px; }
#sidebar li a:hover { text-decoration:none; }
#sidebar li .sprite { float:left; margin:-2px 10px 0px 0px;  }


#page_navigation { display:block; width:110px; position:fixed; top:0px; right:0px; margin:100px 20px 0px 0px; padding:10px; font-size:10px; color:#f2f2f2; text-shadow:2px 2px 2px #000; }
#page_navigation .pages {  text-align:center; background:#17365d; padding:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:10px 0px; }
#page_navigation .next { padding:5px; background:#17365d; -moz-border-radius: 3px; -webkit-border-radius: 3px; float:left; }
#page_navigation .next:hover, #page_navigation .prev:hover { background:#95b3d7; color:#17365d; text-decoration:none; text-shadow:0px 0px 0px #000; }
#page_navigation .prev { padding:5px; background:#17365d; -moz-border-radius: 3px; -webkit-border-radius: 3px; float:right;}
#page_navigation .siteOptions { clear:both; padding:20px 20px 0px 0px; }
#page_navigation .archive, #page_navigation .rssfeed, #page_navigation .random { display:block; width:100%; padding:2px 10px; margin:3px 0px; background:#17365d; -moz-border-radius: 3px; -webkit-border-radius: 3px; float:left; }

#page_navigation_bottom { position:relative; display:block; height:31px; margin:0px 0px 20px 0px;  }
#page_navigation_bottom .pages { width:100px; margin:0 auto; }
#page_navigation_bottom .next { position:absolute; top:0px; left:0px; }
#page_navigation_bottom .prev { position:absolute; top:0px; right:0px; }
#page_navigation_bottom .next div, #page_navigation_bottom .prev div { float:left; }
#page_navigation_bottom .navTitle { padding:8px 20px; }


/***** SPRITES *****/
.sprite, .titleOff, .titleOn { display:block; background:transparent url(images/autocosmica-sprite.png) no-repeat; text-indent:-4000px; }

.sprite.logo { background-position:-261px -78px; width:134px; height:28px; }
.sprite.heading { background-position:0px -181px; width:403px; height:10px; }

.sprite.ionburn { background-position:-83px -64px; width:16px; height:16px; }
.sprite.battlerobo { background-position:-99px -64px; width:16px; height:16px; }
.sprite.jayncoke { background-position:-115px -64px; width:16px; height:16px; }

.sprite.eatmybrains { background-position:-51px -64px; width:16px; height:16px; }
.sprite.designmyhome { background-position:-67px -64px; width:16px; height:16px; }
.sprite.animationawesome { background-position:-131px -64px; width:16px; height:16px; }
.sprite.pinupcandy { background-position:-147px -64px; width:16px; height:16px; }

.sprite.brightkite { background-position:-3px -32px; width:16px; height:16px; }
.sprite.flickr { background-position:-37px -32px; width:16px; height:16px; }
.sprite.deviantart { background-position:-71px -32px; width:16px; height:16px; }
.sprite.facebook { background-position:-105px -32px; width:16px; height:16px; }
.sprite.delicious { background-position:-141px -32px; width:16px; height:16px; }
.sprite.readernaut { background-position:-211px -32px; width:16px; height:16px; }
.sprite.twitter { background-position:-246px -32px; width:16px; height:16px; }
.sprite.vimeo { background-position:-280px -32px; width:16px; height:16px; }
.sprite.youtube { background-position:-315px -32px; width:16px; height:16px; }

.sprite.bullet { background-position:-243px -48px; width:16px; height:16px; }
.sprite.new { background-position:-401px -48px; width:16px; height:16px; }

.sprite.randpics { background-position:-19px -64px; width:16px; height:16px; }
.sprite.twitterballoon { background-position:-3px -64px; width:16px; height:16px; }
.sprite.twitterTitle  { background-position:0px -80px; width:61px; height:7px; }
.sprite.randpicsTitle { background-position:-70px -80px; width:55px; height:7px; }

.permalink .sprite { background-position:-83px -48px; width:16px; height:16px; }
.notes .sprite { background-position:-385px -48px; width:16px; height:16px; }
.comments .sprite { background-position:-99px -48px; width:16px; height:16px; }
.tags .sprite { background-position:-370px -48px; width:16px; height:16px; }

.text .type .sprite { background-position:-3px -48px; width:16px; height:16px; }
.photo .type .sprite { background-position:-35px -48px; width:16px; height:16px; }
.quote .type .sprite { background-position:-51px -48px; width:16px; height:16px; }
.link .type .sprite { background-position:-68px -48px; width:16px; height:16px; }
.chat .type .sprite { background-position:-131px -48px; width:16px; height:16px; }
.audio .type .sprite { background-position:-147px -48px; width:16px; height:16px; }
.video .type .sprite { background-position:-163px -48px; width:16px; height:16px; } 

.sprite.nextPage { background-position:-397px -77px; width:17px; height:31px; }
.sprite.prevPage { background-position:-416px -77px; width:17px; height:31px; }

.titleOff, .titleOn { float:left; }
.text .titleOff { background-position:0px -109px; width:61px; height:32px; }
.photo .titleOff { background-position:-71px -109px; width:61px; height:32px; }
.quote .titleOff { background-position:-139px -109px; width:61px; height:32px; }
.link .titleOff { background-position:-203px -109px; width:45px; height:32px; }
.chat .titleOff { background-position:-257px -109px; width:55px; height:32px; }
.audio .titleOff { background-position:-321px -109px; width:45px; height:32px; }
.video .titleOff { background-position:-377px -109px; width:55px; height:32px; }
.text .titleOn { background-position:0px -144px; width:61px; height:32px; }
.photo .titleOn { background-position:-71px -144px; width:61px; height:32px; }
.quote .titleOn { background-position:-139px -144px; width:61px; height:32px; }
.link .titleOn { background-position:-203px -144px; width:45px; height:32px; }
.chat .titleOn { background-position:-257px -144px; width:55px; height:32px; }
.audio .titleOn { background-position:-321px -144px; width:45px; height:32px; }
.video .titleOn { background-position:-377px -144px; width:55px; height:32px; }