/*
Theme Name: Briana Wollman Template
Theme URI: http://brianawollman.com/
Description: This is the brand new Briana Wollman Temlate (Totally Custom!).
Version: 1.0
Author: Jordan + Briana Wollman
Author URI: http://jordanwollman.com
Tags: Two Column, Fixed Width

BrianaWollman.com
(c) 2008 Briana Wollman
 
This site was designed, produced and coded by Briana + Jordan Wollman
Feel free to use anything you see here, but please do not
use my design or design elements without contacting me first.
 
Thanks,
 
Briana Wollman
 
*/
 
 
/* GLOBAL ELEMENTS
-------------------------------------------------------------- */
 
* { padding: 0; margin: 0; }
body { color: #666; font: 62.5% Helvetica, Arial, sans-serif; line-height: 1.5em; }

a { color: #09F; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { color: #000; margin: 0 0 1.5em 0; }
h1 { font-size: 13pt; font-weight: normal; }
h2 { font-size: 9pt; }
p { font-size: 9pt; margin: 0 0 1em 0; }
ul { list-style: none; }
ul li { font-size: 9pt; }
ul li a span { color: #666; font-style: italic; }

div#wrapper { margin: 0 auto; padding: 40px 0; position: relative; width: 940px; }


/* MASTHEAD
-------------------------------------------------------------- */
div#masthead { float: left; margin: 0 0 20px 0; width: 100%; } 
div#masthead ul { float: left; list-style: none; }
div#masthead ul li { display: block; float: left; margin-right: 10px; }
div#masthead ul li a { display: block; height: 0px; overflow: hidden; padding: 20px 0 0 0; }

div#masthead ul li#nav_1 span { display: block; overflow: hidden; padding: 20px 0 0 0; height: 0; background: url(images/nav_main_bg.gif) 0 0 no-repeat; width: 219px; }

div#masthead ul li#nav_2 a { background: url(images/nav_main_bg.gif) -238px 0px no-repeat; width: 131px; }
div#masthead ul li#nav_2 a:hover { background: url(images/nav_main_bg.gif) -238px -20px no-repeat; }
div#masthead ul li#nav_2.active a { background: url(images/nav_main_bg.gif) -238px -20px no-repeat; }
div#masthead ul li#nav_2.active a:hover { background: url(images/nav_main_bg.gif) -238px -20px no-repeat; }

div#masthead ul li#nav_3 a { background: url(images/nav_main_bg.gif) -386px 0 no-repeat; width: 131px; }
div#masthead ul li#nav_3 a:hover { background: url(images/nav_main_bg.gif) -386px -20px no-repeat; }
div#masthead ul li#nav_3.active a { background: url(images/nav_main_bg.gif) -386px -20px no-repeat; }
div#masthead ul li#nav_3.active a:hover { background: url(images/nav_main_bg.gif) -386px -20px no-repeat; }

div#masthead ul li#nav_4 a { background: url(images/nav_main_bg.gif) -534px 0px no-repeat; width: 156px; }
div#masthead ul li#nav_4 a:hover { background: url(images/nav_main_bg.gif) -534px -20px no-repeat; }
div#masthead ul li#nav_4.active a { background: url(images/nav_main_bg.gif) -534px -20px no-repeat; }
div#masthead ul li#nav_4.active a:hover { background: url(images/nav_main_bg.gif) -534px -20px no-repeat; }


/* COLUMNS
-------------------------------------------------------------- */
div#content { float: left; margin: 0 0 20px 0; width: 100%; }
div#billboard { margin: 0 0 20px 0; }
div.comments { padding-top: 20px; }
.col_620 { width: 620px; }
.col_300 { width: 300px; }
.col_300 ul { margin: 0 0 2em 0; }
.col_300 ul li { margin: 0 0 1em 0; }
.col_300 ul li a { display: block; }
.col_300 ul li a span { padding: 0 0 0 .5em; }
.post { margin: 0 0 40px 0; }


/* CLASSES
-------------------------------------------------------------- */
.float_left { float: left; }
.float_right { float: right; }
.mr_20 { margin-right: 20px; }
.postmetadata { font-size: 7.5pt; padding: 10px; background: #F0F0F0; }


/* FOOTER
-------------------------------------------------------------- */
div#footer { border-top: 1px solid #ff9900; float: left; padding: 10px 0; width: 100%; }
div#footer ul { float: left; }
div#footer ul li { display: block; float: left; font-size: 7.5pt; font-weight: bold; margin-right: .5em; }
div#footer ul li a { color: #666; }