/* a snow of butterflies */
/* global stylesheet     */

body {
  font:12px 'Lucida Grande','Trebuchet MS', Sans-serif;
  color:#666;
  background:#fff url(/snow/images/sob_page_background.gif) 0 0 repeat-x;
  padding:0;
  margin:0;
}

a, a:link {
  color:#FF7708;
}

a:hover {color:#000}

img {border:none;}

/* @ basic positioning */

.left {float:left;margin-right:1em;}
.right {float:right;margin-left:1em;}

.box-shadow {
   -moz-box-shadow: 1px 1px 6px #555;
   -webkit-box-shadow: 1px 1px 6px #555;
   _border:1px solid #ddd;
   _border-right-color:#555;
   _border-bottom-color:#555;
}

#location {
  position:absolute;
  top:60px;
  left:144px;
  height:24px;
  font-size:12px;
}

.blurb {
    color:#aaa;
}

.thumb {
    margin-right:1em;
    border:1px solid #ccc;
}

#header {
position:absolute;
top:84px;
left:144px;
height:48px;
color:#090;
font-size:13px;
margin-top:0.7em;
}

#mainContent {
position:absolute;
top:132px;
left:144px;
height:auto;
}

body#home #mainContent {
    margin-top:-46px;
}

#columnTwo {
position:absolute;
top:132px;
left:384px;
width:216px;
height:auto;
}

#columnThree {
position:absolute;
top:132px;
left:624px;
width:216px;
height:auto;
}

#specialMessage {
position:absolute;
top:0px;
left:0px;
height:24px;
padding-left:144px;
padding-top:4px;
color:#009900;
display:none;
}

#navBar {
position:absolute;
top:132px;
left:24px;
width:96px;
height:auto;
}

#footer {
border-top:1px solid #999;
padding-top:12px;
margin-top:36px;
}

ul.plain {
padding:0;
margin:0;
list-style-type:none;
margin-bottom:16px;
}

ul li, ol li {
margin-bottom:4px;
}

#navBar a:link,
#navBar a:visited  {
  text-decoration:none;
  display:block;
  padding:4px 0 4px 8px;
}

#location a,
#location a:link,
#location a:visited {
text-decoration:none;
}

#navBar a:link,
#navBar a:visited,
#location a:link,
#location a:visited {
  color:#666;
}

#navBar a:hover {
    color:#FF7708;
    background:#eee;
}

#poster {margin-bottom:4em;}
#poster img {
	margin-left:-8px;
}

h3 {
    color:#333;
    margin:16px 0;
}


a.root:link,
a.root:visited {
    color:#000!important;
    font-weight:bold;
}

a.root:hover {
	text-decoration:underline;
}

.background {
color:#999;
}

a.button,
a.button:link,
a.button:visited
  {color:#888;
   padding:2px 4px;
   border:1px solid #888;
   text-decoration:none;}
a.button:hover
  {background-color:#000;
   border:1px solid #000;
   color:#ccc;}

.sticky {
padding:8px;
margin:12px 0 24px;
background:#f4f4f4;
}

/* @ home page styles */
body#home #mainContent {

}

body#home .item-footer {
  color:#ccc;
  padding-top:2px;
  border-top:1px solid #eee;
  clear:both;
}

body#home #columnTwo img {
position:relative;
left:88px;
top:-18px;
}

#aboutphoto {
cursor:hand;
}

.date {
font-weight:bold;
}


/* @ brainbuzz styles */
body#brainbuzz #mainContent {
	min-width:512px;
}

#mainContent .item {
  margin-bottom:36px;
  max-width:600px;
}

div.item h4 {
	font-size:1.2em;
	margin-bottom:0.5em;
}

.item-footer {
	font-size:smaller;
	padding-top:10px;
	color:#999;
}

.post-footers {
	margin-right:1em;
}

.series {
    /* three 300-px blocks max: */
    max-width:1000px;
}

.series.rows img {
    margin: 0 0 24px 0;
}

/* @ soundbites styles */

body.soundbites #mainContent {
    width:456px;
}

body.soundbites ul#tracks {
    margin-bottom:24px;
}

div#tracks,
#player,
#notes {
    margin:12px 0;
}

div#tracks td {
	padding-right:8px;
}

#player {
    width:216px;
    border:none;
}



h4 a.permalink:link,
h4 a.permalink:visited {
	text-decoration:none;
}


/* textBlender styles */

body.textBlender #columnThree h2 {
margin-top:0;
}

body.textBlender #mainContent {
width:456px;
}

body.textBlender #source {
    width:440px;
    height:16em;
    background-color:#eee;
    padding:8px;
}


/* brainbook styles */

body#brainbook #mainContent {
width:780px;
}

body#brainbook #mainContent img {
z-index:10;
}

body#brainbook #columnTwo {
left:524px;
}

body#brainbook #header {
	width:760px;
}

body#brainbook #shading {
    z-index:100;
    display:none;
    position:absolute;
    left:133px;
    top:122px;
    width:770px;
    height:390px;
    background: transparent url('/snow/brainbook/images/shading.png') 0 0 no-repeat;
    opacity:0.3;
    cursor:pointer;
}

body#brainbook #shadingCover {
    z-index:100;
    display:none;
    position:absolute;
    left:132px;
    top:121px;
    width:390px;
    height:390px;
    background: transparent url('/snow/brainbook/images/shading_cover.png') 0 0 no-repeat;
    opacity:0.3;
    cursor:pointer;
}

body#brainbook .noBackground {
	background:transparent none!important;
}

.lightBorder {border:1px solid #ccc;}

body#brainbook #paging {
    display:inline;
    margin-left:2em;
}

body#brainbook #paging a {
    text-decoration:none;
}

body#brainbook #pageCount {
    margin-left:2em;
    display:inline;
}

body#brainbook #latest {
	position:absolute;
	right:0;
	font-size:11px;
	line-height:22px;
}

body#brainbook #pageMenu {
    font-size:12px;
    background-color:#f4f4f4;
    padding:2px;
    border:1px solid #ddd;
    width:260px;
}