/*
Theme Name: Random Soup
Theme URI: http://www.randomsoup.net
Description: Custom theme for Random Soup 2010.
Author: the WordPress team
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: baseline;
 background: transparent;
}
body {
 line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 clear: both;
}
ol, ul {
 list-style: none;
}
blockquote {
 quotes: none;
}
blockquote:before, blockquote:after {
 content: '';
 content: none;
}
del {
 text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
a img { border: none; }
a { outline:none; }

/* Font Face */
@font-face {
 font-family: 'DirtyEgoRegular';
 src: url('/fonts/dirtyego-webfont.eot');
 src: local('_'), 
 url('/fonts/dirtyego-webfont.woff') format('woff'),
 url('/fonts/dirtyego-webfont.ttf') format('truetype'); 
 url('/fonts/dirtyego-webfont.svg#webfontp8wH6SU0') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Boycott';
 src: url('/fonts/BOYCOTT_-webfont.eot');
 src: local('_'), 
 url('/fonts/BOYCOTT_-webfont.woff') format('woff'),
 url('/fonts/BOYCOTT_-webfont.ttf') format('truetype'); 
 url('/fonts/BOYCOTT_-webfont.svg#webfontp8wH6SU0') format('svg');
 font-weight: normal;
 font-style: normal;
}

/* Global Elements */
body{
 background:url(images/webtreats-grunge-2.jpg) #2F372C;
 color:#7f3528;
 font-size:16px;
}

a{
 color:#7f3528;
 text-decoration:none;
}
a:hover, a:focus{
 text-shadow:0 0 25px #ba5f2a;
 color:#ba5f2a;
}

p{
 line-height:20px;
 margin:10px 0 0;
}

p::selection{
 background:#b5bdc8;
}

h1, h2, h3, h4, h5, h6{
 color:#ba5f2a;
 text-transform:uppercase;
}

h1, h2, h3, h4, h5, h6 a{
 color:#ba5f2a;
}

h1{}
h2{font-size:1.3em;}
h3{}
h4{font-size:2em;font-weight:bold;margin:5px;}
h5{}
h6{}

#content ul{
 list-style:disc;
 margin:0 15px;
}

#content li{
 line-height:20px;
 margin:10px 0 0;
}

/* Global Classes */
.entry-title, .page-title{
 color:#ba5f2a;
 font-size:1.6em;
}

.entry-title a, .page-title a{
 color:#ba5f2a;
}

.navigation{
 font-size:.75em;
}

.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}

.entry-meta{
 font-size:.9em;
}

.entry-utility{
 font-size:.7em;
 margin:0 0 12px;
}

/* Layout */
#wrapper{
 width:930px;
 background:url(images/bg.jpg) #ddc4b0;
 margin:15px auto;
 position:relative;
}

#bars{
 position:absolute;
 height:100%;
 top:0;
 left:5px;
 z-index:0;
}

#bars li{
 height:100%;
 width:7px;
 margin:0 0 0 1px;
 float:left;
}

#bars .green{
 background:#aaab72;
 background:rgba(170,171,114,.7);
}

#bars .orange{
 background:#dab0a0;
 background:rgba(218,176,160,.7);
}

#bars .blue{
 background:#b5bdc8;
 background:rgba(181,189,200,.7);
}

/** Header **/
#site-title{
 font-family:Boycott, Impact, sans-serif;
 font-size:60px;
 line-height:65px;
 padding:5px 15px 0 45px;
 color:#913621;
 text-transform:uppercase;
}

#site-title a{
 color:#913621;
}

#site-description{
 font-family:Boycott;
 font-size:25px;
 padding:0 15px 0 45px;
 color:#913621;
 line-height:35px;
}

/** Body **/

#main{
 padding:0 0 0 45px;
}

#content{
 margin:25px 300px 0 0px;
 line-height:1.3em;
}

#container {
 float: left;
 margin: 0 -310px 0 0;
 width: 100%;
}

/** Sidebar **/
#primary,
#secondary {
 float: right;
 overflow: hidden;
 width: 240px;
 margin:25px 0 0;
 line-height:1.3em;
}
#secondary {
 clear:right;
}

.widget-area{
 font-size:.8em;
}

.widget-area ul{
 margin:0 0 20px;
}

.widget-container {
 margin:0 0 18px;
}

.widget-title{
}

/** Footer **/
#footer{
 position:relative;
 z-index:10;
 padding:25px 15px 25px 45px;
 overflow:hidden;
 clear:both;
 width:100%;
 line-height:1.3em;
}

/* Access Menu */
#access {
 margin:0 0 0 30px;
 width:868px;
 display:block;
 float:left;
 z-index:10;
 position:relative;
 padding:0;
 background:#dab0a0;
 background:rgba(218,176,160,.7);
 border-top:3px solid #aaab72;
 border-top:3px solid rgba(170,171,114,.7);
 border-bottom:2px solid #b5bdc8;
 border-bottom:2px solid rgba(181,189,200,.7);
}
#access .menu-header,
div.menu {
 font-size: 13px;
 margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {
 list-style: none;
 margin: 0;
}
#access .menu-header li,
div.menu li {
 float:left;
 position: relative;
}

#access a {
 display:block;
 text-decoration:none;
 padding:0 10px;
 line-height:14px;
}
#access ul ul {
 display:none;
 position:absolute;
 top:14px;
 left:10px;
 float:left;
 box-shadow: 0px 3px 13px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 3px 13px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0px 3px 13px rgba(0,0,0,0.2);
 width: 180px;
 z-index: 99999;
}
#access ul ul li {
 min-width: 180px;	
}
#access ul ul ul {
 left:100%;
 top:0;
}
#access ul ul a {
 height:auto;
 line-height:1em;
 padding:4px 10px;
 width: 160px;
 background:#dab0a0;
 border-top:1px solid #b5bdc8;
}
#access li:hover > a,
#access ul ul :hover > a {
}
#access ul li:hover > ul {
 display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
 color:#ba5f2a;
 text-shadow:0 0 25px #ba5f2a;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
 color:#ba5f2a;
 text-shadow:0 0 25px #ba5f2a;
}


/* Hiding Crap */
#comments{
 display:none;
}