/*
Theme Name: Collide
Theme URI: http://www.collisionbend.com/
Description: a multi-column, super-loop/mullet-loop variation based on those available at perishablepress.com.
Version: 5.0
Author: William Kessel
Tags: multi-column, super-loop, mullet-loop, iPhone-ready
Author URI: http://www.collisionbend.com

COPYRIGHT 2008 (c) by William Kessel. ALL RIGHTS RESERVED! This theme is not released for public use. Please contact the author via the contact form for use inquiries. I am reasonable, as long as credit is given, but prior approval is necessary. This policy is monitored and enforced! Have a doubt? Read my links list! But I am reasonable -- just contact me first.
*/


/* Structure  */

body { background: #000; font-family: Lucida Grande, Tahoma, Verdana, sans-serif; font-size: 0.80em; line-height: 140%; font-style: normal; color: #fff; text-align: center; letter-spacing: 0.085em; color: #afafaf;}

#masthead { background: transparent url(http://www.collisionbend.com/wp-content/themes/collide/images/header1.jpg) top center no-repeat; height: 162px; border: 1px solid #000;}

#footer { clear: both; text-align: center; margin-top: 20px; border-top: 3px double #263860; height: 110px !important; margin-bottom: 0 !important;}

#wrapper, .nine-eighty { margin:  10px auto; text-align:  left; min-width:  980px; overflow: visible;}

#wrapper { width: 980px;}

.stuff { position: relative;}

#contentwrap .stuff { position: static;}

#contentwrap { width: 100%;}

.nine-eighty #contentwrap { float: left; margin-right: -25em;}

.nine-eighty .stuff { float: right;}

#left #moblog { float: right; width: 180px; margin: 0;}

#moblog #moblog_content { width: 150px; margin-left: 590px;}

.post { float: left; width: 555px;}

#single .post, #page .post { margin-right: 100px;}

#main:after, #loop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; color: green;}

#main, #loop { zoom: 1; overflow: visible;}

#main { padding: 10px 0 0 0; width: 980px;}

#contentwrap { width: 980px; margin: 0;}

.first { width: 550px !important;}

#content {  margin: 0; width: 760px; padding: 0;}

#content #single, #content #archive, #content #page { padding: 10px 0 0 0; margin: 0 0 0 100px; overflow: visible; min-height: 300px;}

#rail { width: 200px !important; padding-left: 1px;}

#loop .post { margin-bottom: 15px;}

#loop { margin: 0;}

/* End Structure - Begin Font, Text, Color, & Misc.  */

#loop .post p { color: #afafaf;  line-height: 20px;}

#moblog h3 { text-align: center; color: #5e637d; padding-bottom: 2px; border-bottom: 3px double #263860; font-size: 1.1em; line-height: 1.7em; font-family: Georgia, Times, sans-serif;}

#rail h2 { width: 200px; right: 20px; position: relative; text-align: center; height: 25px; line-height: 25px;}

#rail h2 a { font-size: 13px; height: 25px; background: transparent url(images/rss-black.jpg) top right no-repeat; padding: 5px 30px 9px 10px; margin: 10px 0px 15px 0px; color: #263860; text-decoration: none; border-bottom: 3px double #263860; letter-spacing: 0.05em;} 

/*#moblog p.dropcap-first { display: none;}*/

#moblog img, #moblog object { width: 150px !important; margin: 0;}

#rail h3 { color: #fff; margin: 5px 10px 0px 0px; background: #263860; font-size: 12px; vertical-align: middle; border: 2px solid #666; padding: 4px; width: 150px;}

#rail h3 a { cursor: pointer;}

#rail h3#rail_first { margin-top: 20px;}

#rail h3#last { border-bottom: 2px solid #666;}

.clear { clear: both; height: 220px;}

h1, h1 a { text-align: right; font-size: 1.1em; margin: 75px 15px 0px 10px; text-shadow: #666 5px 5px 5px; color: #fff; text-decoration: none; letter-spacing: 0.32em;}	

h1 a:hover { color: #263860; text-shadow: #999 5px 5px 5px;}

#rail img { margin: 0; border: none;}

#footer a:link, #footer a:visited, #footer a:active { color: #263860; text-decoration: none;}

#footer a:hover { color: #666; text-decoration: underline;}

/* First-level navigation -- nothing special here */

#nav { background-color: transparent; margin: -10px 0 0 0; top: 0; right: 40px; position: relative; height: 30px; padding: 0 50px 0 20px; text-align: right;}

#nav ul, #nav ul li { display: inline;  text-align: center; float: right; }

#nav ul li { margin-right: 10px;  font-size: 0.8em; font-weight: 500;}

#nav ul, #nav ul li, #nav ul li.pagenav, #nav ul li.pagenav li { list-style: none;}

#nav ul li a { float: left; color: #fff; text-decoration: none; text-shadow: #666 5px 5px 5px;}

#nav ul li a:hover { color: #263860; text-decoration: none; text-shadow: #999 5px 5px 5px;}

#nav ul li.dark a { display: none;}

/* Dropline Cascade -- based on some fiddling I did with Stu Nicholls' dropline menus (http://www.cssplay.co.uk) -- only going one level here, so no sweat */

#nav ul ul { visibility: hidden; position: absolute;  right: 0; width: 100%; top: 20px; left: 0; background: transparent;  margin-right: 0;}

*:first-child+html #nav ul ul {overflow: visible;}

#nav li:hover ul { visibility: visible; position: absolute; right: 0; padding-top: 4px; margin-right: -30px; top: 20px; height: 30px; background: #000 none; opacity: 0.4; filter: alpha(opacity=40);}

#nav li:hover li a, #nav li a:hover li a { color: #fff; font-size: 120%;}

#nav li:hover li a:hover, #nav li a:hover li a:hover, #nav li.sfhover li a:hover { color: #fff; }

#nav li:hover li:hover ul, #nav li a:hover li a:hover ul { visibility: visible; top: 30px; margin-top: -1px;}

body:not(:root:root) #nav ul li a:hover, body:not(:root:root) h1 a:hover { text-decoration: none;}

#footer p { margin: 0; padding: 5px 0 45px 0; color: #835f35; font-size: 12px;}

#content h2 { font-size: 1.2em; color: #5e637d; font-family: Georgia, Times, sans-serif; margin-bottom: 8px; }

#loop h2 a, #single h2 a, #page h2 a { font-size: 1.2em; color: #4d528c; text-decoration: none; padding-bottom: 2px; border-bottom: 3px double #845f35; line-height: 1.7em;}

.posthead { border-bottom: 3px double #835f35; line-height: 90%;}

.post a:link {  border-bottom: 3px double; text-decoration: none; line-height: 1.5em; color: #4d528c; }

.posthead a:link {  border: none; text-decoration: none; line-height: 1.1em; color: #4d528c; }

p.dropcap-first:first-letter { color: #4d528c; float: left; font-size: 80px; line-height: 60px; padding: 2px 5px 5px 0; font-family: Times, serif, Georgia; margin: 0 5px 0 0;}

#moblog p.dropcap-first:first-letter { font-family: Lucida Grande, Tahoma, Verdana, sans-serif; font-size: 1.0em; line-height: 140%; font-style: normal; color: #acacac; padding: 0 0 0 0; margin: 0; letter-spacing: 0.0725em;}

.post p {margin: 25px 0;}

.post a:hover { border-bottom: none;}

.entry { font-weight: normal;}

#rail ul, #rail ul ul, #rail ul ul ul { list-style: none; display: block;}

#rail li  { line-height: 150%;}

#rail a:link, #rail a:visited, #rail a:active { color: #263860; text-decoration: none;}

#rail a:hover { color: #666; text-decoration: underline;}

.alt { background-color: #111; border-top: 1px solid #835f35; border-bottom: 1px solid #835f35; clear: left; margin: 15px 0; color: #835f35;}

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em;}

#sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 0.8em;}

#topsearch { height: 35px;}

#switcher { float: left; height: 1px; margin: 0px; padding: 2px 0 10px 0;}

#switcher ul { display: block; margin: 4px 0 8px 0; height: 1px;}

#switcher li { display: inline; margin: 1px 2px; width: 20px;}

#switcher li a { background: #000; color: #fff; font-size: 10px; text-decoration: none; padding: 0 2px 0 2px; width: 20px; border: 1px solid #fff;}

#switcher li a.white { background: #fff; color: #000; font-size: 10px; width: 20px; padding: 4px;}

#switcher li a.med { font-size: 14px; width: 20px; padding: 0 6px 1px 6px;}

#switcher li a.lg { font-size: 14px; width: 20px; padding: 0 1px 1px 1px;}

#switcher li a.sm { font-size: 10px; width: 20px; padding: 4px 5px 2px 5px;}

#switcher a { margin: 0 5px; width: 20px;}

#searchform { height: 30px; margin: 0 10px 0 0; padding: 5px 3px; text-align: right; color: #fff;}

#searchform #s { width: 150px; height: 13px; padding: 2px; background: none; color: #fff; border: 1px solid #845f35; font-size: 11px; font-weight: normal; margin-top: 0 !important;}

#searchsubmit { padding: 1px; margin: 0 0 0 5px; height: 19px; font-size: 10px; color: #835f35; background: #000; border: 1px solid #845f35;}

#searchsubmit:hover { color: #263860;}

body:not(:root:root) #searchsubmit { font-size: 14px; height: 24px; padding: 2px 2px 7px 2px !important;}

select { width: 130px;}

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; color: #835f35;}

#commentform textarea { width: 100%; padding: 2px; margin: 10px 5px 1px 0;}

#commentform #submit { float: right; padding: 0 1px 1px 1px; margin: 5px 0 0 5px; height: 24px; font-size: 11px; width: 115px; color: #835f35; }

.alt { margin: 0; padding: 10px;}

.commentlist { padding: 0;}

.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}

.commentlist p { margin: 10px 5px 10px 0;}

#commentform p { margin: 5px 0;}

h3#respond { float: none; margin-top: 10px; color: #263860;}

h3#comments { margin-top: 10px; color: #263860;}

.nocomments { text-align: center; margin: 0; padding: 0;}

.commentmetadata { margin: 0; display: block;}

#commentform p input { margin: 10px 10px 0 0; padding: 5px 3px; background: none; color: #fff; border: 1px solid #835f35; font-size: 12px; font-weight: normal;}

#commentform p textarea { padding: 2px; background: none; color: #fff; border: 1px solid #835f35; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif;}

img.avatar { display: none;}

acronym, abbr, span.caps { cursor: help;}

acronym, abbr { border-bottom: 1px dashed #999;}

blockquote {  background: #111 url(images/bquote_bg.png) top left no-repeat; border-top: 1px solid #835f35; border-bottom: 1px solid #835f35; clear: left; margin: 15px 40px 15px 20px; padding: 5px 50px;}

blockquote cite { margin: 5px 0 0; display: block;}

.center { text-align: center;}

hr { display: none;}

a img { border: none;}

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}

img.centered { display: block; margin-left: auto; margin-right: auto;}

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright { float: right;}

.alignleft { float: left}

.sharethis { float: right; padding: 0; }

p { margin: 10px 0;}

div.description { left: -10000px; position: relative;}

#archive h2.pagetitle { color: #845f35; border-bottom: 3px double #845f35; width: 555px; padding-bottom: 4px;}

#archive table.dateblock { margin-bottom: 15px;}

#page h2, #archive .posthead h2, #archive .posthead h2 a { margin: 0 0 10px 0; border-bottom: 3px double #845f35; color: #263860; text-decoration: none;}

#archive .posthead { border-bottom: 3px double #263860; line-height: 1.1;}

#archive .post { border-bottom: 3px double #845f35; padding-bottom: 5px; margin: 15px 0;}

li span.weather_fact { color: #835f35;}

.drawers li { color: silver;}

/* Dateblock */

table.dateblock { float: left; margin: 0;}

table.dateblock { line-height: 1.02em; width: 40px; /*float: right;*/ margin-top: 4px; background: transparent url(images/calendar.gif) no-repeat; color: #aaa; position: absolute; text-align: center; margin-right: 10px; letter-spacing: 0.17em; font-family: Arial, Verdana, sans; padding: 4px 0 0 0;}

body:not(:root:root) table.dateblock { margin-top: -2px;}

td.dateblock_mon, td.dateblock_year { font-size: 9px; display: inline; letter-spacing: 0.11em; padding-left: 1px; line-height: 21px; color: #fff; margin-bottom: 4px; font-family: Arial, Verdana, sans-serif;}

td.dateblock_day { font-weight: bold; font-size: 16px; display: block; font-family: Arial, Verdana, sans-serif; text-align: center; margin-left: 3px; position: relative; top: 0px; color: #333; padding: 6px 0 6px 0;}

td.dateblock_mon { text-align: left; padding-top: 5px;} 

td.dateblock_year { text-align: right; padding-top: 5px;}

.posthead p.meta { padding: 0; margin: 0 0 0 50px; line-height: 15px; padding: 5px 0;}

.posthead p.meta, .posthead p.postmeta, .posthead p.commentslink { color: #263860; margin: 0 0 0 50px;  padding: 5px 0 5px 0; margin-top: -5px; margin-bottom: 0px;}

p.commentslink { color: #263860; line-height: 125%;}

p.commentslink a { border-bottom: none; text-decoration: none;}

p.commentslink a:hover { text-decoration: underline;}

.diggimg {margin-bottom: -2px;}

#controller { margin: 5px 0 5px 75px;}

#controller span { color: #fff; background: #263860; margin-right: 1px; padding: 0; cursor: pointer; display: inline-block; clear: none; border: 1px solid #835f35;}

#mySlides .hiddencontent { border: none; margin-left: 50px; height: 800px; overflow: hidden; display: none;}

#mySlides .hiddencontent img { border: 1px solid #263860;}

#hideme .hiddencontent { height: 0px !important; width: 0px !important; display: none !important; visibility: hidden; top: -9999em; left: -9999em; position: relative;}

#controller span { border-bottom: 1px solid #835f35;}

#controller span a.selected { background:  #835f35; padding: 3px; border-left: 1px solid #263860; border-right: 1px solid #263860; border-top: 1px solid #263860; border-bottom: none;}

#controller span a { cursor:pointer; text-decoration: none; color: #fff; border-bottom: none; padding: 5px;}

.wicon img { padding: 15px 0 0 20px;}

span.weather_title { color: #835f35; font-size: 90%;}

span.weather_info {  color: #acacac; font-size: 90%;}