/* Brainsturbator CSS */

/* Hacks
-------------------------------------------------------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear {
	clear: both;
}

/* Normalize
-------------------------------------------------------------------------------*/

/* Normalizes margin, padding */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 
{ font-size : 100%; font-weight: normal;}

/* Normalizes list-style from lists */
ol,ul 
{ list-style :none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var, a, p
{ font-style : normal; font-weight: normal; }

/* Removes list-style from lists */
table
{ border-collapse : collapse; border-spacing : 0;}

/* Removes border from fieldset and img */
fieldset, img 
{ border: 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align : left; }

/* Removes quotation marks from q */
q:before, q:after 
{ content :''; }

/* Layout
-------------------------------------------------------------------------------*/

body {
	text-align: center;
}


#masthead {
	width: 980px;
	margin: 0 auto 0 auto;
	text-align: left;
	height: 140px;
}


/* Nav Primary Layout
-------------------------------------------------------------------------------*/

#nav-primary {
	width: 980px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#nav-primary ul {
	width: 620px;
	float: left;
	display: inline;
	padding: 1px 0 1px 0;
	margin: 0 10px 0 40px;	
}

#subscribe {
	width: 300px;
	display: inline;
	float: left;
	padding: 1px 0 1px 0;
	margin: 0;		
}


/* Content Layout
-------------------------------------------------------------------------------*/

#content-wrap {
	margin: 0 auto 0 auto;
	padding: 60px 0 10px 0;
	text-align: left;
}

#content {
	width: 980px;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	text-align: left;
}

/* Content-Primary Layout
-------------------------------------------------------------------------------*/

.entry-meta div.meta {
	float: left;
	display: inline;
	width: 230px;
	margin: 0 0 0 30px;
}

.entry-meta div.highlights {
	float: left;
	display: inline;
	width: 290px;
	padding: 0 20px 0 20px;
}

#content-primary {
	float: left;
	position: relative;
	width: 630px;
	margin: 0 10px 0 10px;
	display: inline;
}


div.content-entry-body {
	margin: 20px 0 20px 0;
}

div.content-entry-summary {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: #fff 20px solid;
	min-height: 1px;
}

div.entry-relationships {
	margin: 0 30px 20px 0;
	padding: 10px 0 20px 0;
}

div.related {
	float: left;
	width: 255px;
	padding: 0 20px 0 30px;
	display: inline;
	position: relative;
}

div.random {
	float: left;
	width: 255px;
	padding: 0 10px 0 20px;
	display: inline;
	position: relative;
}

div.search-container {
	padding: 20px 0 20px 20px;
	width: 550px;
	margin: 0 30px 20px 30px;
	background: #fff;
}

div.comments p, div.comments table, div.comments h3 {
	margin: 0 30px 0 30px;
}

div.comments h3 {
	font-size: .90em;
	margin-bottom: 20px;
}

div.comments input, div.comments textarea, div.comments table {
	margin-bottom: 1em;
}

div.comment {
	background: #fff;
	padding: 0 0 0 0;
	margin: 0 30px 20px 0;
}

div.comment p{
	font-size: .85em;
	line-height: 1.5em;
}

div.comments ul li {
	margin: 0 0 2em 0;
	padding: 20px 0 1em 0;
	border-bottom: #dddddd 2px solid;
	border-top: #dddddd 2px solid;
}

div.comments ul li p {
	margin: 0 60px 1em 100px;
}

div.comment-box-meta img {
	float: left;
	margin: 0 0 0 30px;
}

div#content-primary div.comment-box-meta p {
	float: left;
	margin: -.125em 0 0 20px;
	padding: 0;
	line-height: 1.6em;
}


div.comment-box-meta {
	margin: 0 0px 1.5em 0px;
}

/* Content-Secondary Layout
-------------------------------------------------------------------------------*/

#content-secondary {
	float: left;
	position: relative;
	width: 320px;
	margin: 0 0 0 0;
	display: inline;
}

#content-secondary #recommend-reading {
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
}

#content-secondary #recent {
	margin: 0 0 20px 0;
}

/* Site-Map-Abbr Layout
-------------------------------------------------------------------------------*/


div#site-map-abbr {
	margin: 0 20px 20px 20px;
	min-height: 1px;
	border-right: #999 1px solid;
	border-left: #999 1px solid;
	border-bottom: #999 1px solid;
}

#site-map-abbr h4 {
	font-size: .85em;
	padding: 0 20px .0 20px;
	border-top: #999 1px solid;
}

#site-map-abbr h5 {
	padding: 0 20px 0 20px;
	font-size: .75em;
	font-weight: bold;
	outline: none;
	background: #c5c5c5;
	border-top: #999 1px solid;
	color: #666;
	
}

#site-map-abbr h5.open {
	border-bottom: #fff 1px solid;
	background: #fff;
	color: #000;
}

#site-map-abbr ul.drawers ul {
	padding: 0 20px 0 20px;
	background: #fff;
}

#site-map-abbr ul.drawers ul li {
	/*float: left;
	width: 270px;*/
	/*margin: 0 20px 0 20px;*/
	padding: .25em 0  1em 0;
	font-size: .75em;
	line-height: 1.4em;
}

#site-map-abbr ul.drawers ul li + li {
	padding: 0 0 1em 0;
}

/* Advertisements 
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------*/

div.entry-footer-ad {
	background: #ffffff;
	margin: 0 30px 20px 0;
	padding: 20px 0 20px 30px;
	/*border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;*/
}

#home div.entry-footer-ad, #archives div.entry-footer-ad {
	background: #ffffff;
	margin: 0;
	padding: 0 0 20px 30px;
	border: 0;
}

#content-secondary-google {
	width: 264px;
	margin: 10px 20px 20px 20px;
	/*padding: 15px 10px 15px 15px;*/
	padding: 15px 0 15px 15px;
	background: #ffffff;
	border: #ccc 1px solid;
}

/* Typography 
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------*/

body {
	font: 100%/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

strong {
	font-weight: bold;
	/*background: #f6ff9b;*/

}

em {
	font-style: italic;
}

a {
	text-decoration: none;
}

blockquote {
	margin: 0 25px 0 25px;
}

h2 + blockquote {
	margin: 1em 40px 0 40px;
}

.content-entry img.left {
	float: left;
	clear: left;
	border: #fff 5px solid;
	margin: 0 .75em .25em 0;
	display: inline;
}

.content-entry img.center {
	display: block;
	margin: 1em 0 1em 0;
	border: #fff 5px solid;
	float: none;
	clear: both;
}

/* Masthead Typography
--------------------------------------------------------------------------------------*/

#masthead h3 {
	position: relative;
	top: 75px;
	margin: 0 0 0 11px;
	font-size: 3em;
	display: block;
	text-indent: -9999px;
	height: 43px;
	width: 379px;
}

/* Nav-Primary Typography 
--------------------------------------------------------------------------------------*/

#nav-primary ul li {
	float: left;
	margin: 0 50px 0 0;
}



/* Content-Primary Typography
--------------------------------------------------------------------------------------*/

.content-entry h1 {
	font-size: 1.5em;
	padding: 10px 30px 10px 30px;
	line-height: 1em;
}

.content-entry h1.archives {
	border-bottom: 20px #fff solid;
}

.content-entry h1 a {
	padding: 0;
	margin: 0;
}

h1.archive-heading {
	position: absolute;
	top: -45px;
	font-size: .75em;
	padding-bottom: 10px;
	background: #f5f5f5;
	border-bottom: none;
}

.content-entry h2 {
	font-size: 1.10em;
	line-height: 1.6em;
	padding: 0 30px 0 30px;
}

.content-entry h5 {
	font-size: .85em;
	font-weight: bold;
}

.content-entry p {
	font-size: .85em;
	padding: 0 30px 1em 30px;
	line-height: 1.5em;
}

.content-entry form {
	margin: 0 30px 1em 30px
}


p.entry-options {
	margin-right: 30px;
	padding: .25em 20px .25em 19px;
}

p.entry-footer {
	padding-left: 30px;
	margin-bottom: 20px;
}

p.entry-options span.fade {
	position: absolute;
	left: 7.55em;
}

p.entry-options a {
	text-decoration: none;
	outline: none;
}

div.entry-meta {
	margin: 0 30px 0 0;
	min-height: 1px;
	line-height: 1.4em;
}

div.entry-meta ul {
	font-size: .85em;
}

.entry-meta p {
	font-size: .85em;
	margin: 0;
	padding: 0 0 1.5em 0;
}

.entry-meta div.highlights ul {
	margin-bottom: 1em;
	list-style-type: disc;
}

div.entry-relationships h5 {
	font-size: .85em;
}

div.entry-relationships ul {
	list-style: disc;
	font-size: .85em;
}

.content-entry p.paginate {
	margin: 0;
	padding: 10px 30px 0px 30px;
}

/*Content-Primary Archives
--------------------------------------------------------------------------------------*/

ul.yearly-archives {
	margin: 0 30px 1.5em 30px;
	font-size: 9pt;
}

ul.monthly-archives {
	float: left;
	text-align: left;
	margin: 0 0 .5em 0;
}

ul.monthly-archives li {
	float: left;
	margin: 0 .75em 0 0;
}

#archives div.cat h2, #archives div.cat-right h2 {
	margin: 0 0 .5em 0;
	font-size: 11pt;
}

#archives .div.cat p, #archives div.cat-right li {
	margin: 0 0 1em 0;
	font-size: 10pt;
}

#archives form {
	margin-bottom: 1.5em;
}

#archives p.cats {
	margin-bottom: 1em;
}

#archives .content-entry h2 {
	padding-bottom: .5em;
	font-size: .90em;
}

#archives .content-entry h3 {
	font-size: 1em;
	padding: 0 30px .5em 30px;
}

#archives .content-entry h4 {
	font-size: .90em;
	padding: 0 30px .125em 30px;
}

#archives ul.favorites {
	padding: 0 30px 1.5em 30px;
	font-size: .85em;
	list-style: disc;
}

#archives ul.favorites li {
	margin: 0 15px 0 15px;
}



/* Content-Secondary Typography
--------------------------------------------------------------------------------------*/

#content-seondary div {
	padding: 0 0 0 10px;
}

/* Recommended Reading */

#content-secondary #recommend-reading h4 {
	font-size: .85em;
	margin: 0 40px .5em 40px;
}

#content-secondary #recommend-reading ul {
	margin: 0 20px 0 20px;
}

#content-secondary #recommend-reading ul li {
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px dotted;
}

#content-secondary #recommend-reading ul li a {
	font-size: .75em;
	line-height: 1.4em;
	margin: 0 20px 0 20px;
	display: block;
}

#content-secondary #recommend-reading p { 
	margin: 0 40px 0 40px;
	font-size: .75em;
}

/* Twitter */

#content-secondary div#twitter {
	margin: 0 0 1em 0;
}

#content-secondary #twitter h4 {
	font-size: .85em;
	margin: 0 40px .5em 40px;
}

#content-secondary #twitter ul {
	margin: 0 20px 0 20px;
}

#content-secondary #twitter ul li {
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px dotted;
}

#content-secondary #twitter ul li p {
	margin: 0 20px 0 20px;
}

#content-secondary #twitter p { 
	margin: 0 40px 0 40px;
	font-size: .75em;
}

/* Recent */

div#recent {
	padding: 0 20px 0 20px;
}

.ui-tabs-panel ul li {
	margin: 0 0 .75em 0;
	padding: 0 10px .5em 10px;
	line-height: 1.3em;
}


/* Friends */

#content-secondary #friends h4 {
	font-size: .85em;
	margin: 0 40px .5em 40px;
}

#content-secondary #friends ul {
	margin: 0 20px 0 20px;
}

#content-secondary #friends ul li {
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px dotted;
}

#content-secondary #friends ul li a {
	font-size: .75em;
	line-height: 1.4em;
	margin: 0 20px 0 20px;
	display: block;
}


/* Color 
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------*/

a {
	color: #888888;
}

p > a {
	text-decoration: underline;
}

p > a:hover {
	text-decoration: none;
}

a:hover {
	color:#f12626;	
}

p.entry-options a:hover {
	text-decoration: none;
}


/* Masthead Color 
-------------------------------------------------------------------------------*/

div#masthead-wrap {
	background: #262626;
}

div#masthead {
	background: #262626 url('/images/site/masthead-bg.gif') no-repeat top left;
}

#masthead h3 {
	color: #f4f7e5;
	background: transparent url('/images/site/brainsturbator-logo.gif') no-repeat left top;
}

/* Nav-Primary Color 
-------------------------------------------------------------------------------*/

div#nav-primary-wrap {
	background: #ffffff;
	border-bottom: #a5a4a4 5px solid;
	/*border-bottom: #c0c0c0 5px solid;*/
}

#nav-primary ul li a {
	color: #454545;
}

#nav-primary ul li a:hover {
	color: #f12626;
}

#subscribe {
	color: #454545;
}

/* Content Color
-------------------------------------------------------------------------------*/

#content-wrap {
	/*background: #464646 url(/img/site/content-wrap-bg.gif) repeat-x left top;*/
}

#content {
	background: #ffffff url(/images/site/content-bg.gif) repeat-y left top;
	color: #4d4d4d;
}

/* Content-Primary Color 
-------------------------------------------------------------------------------*/

div#content-primary {
	/*background: #d7dede;*/
	/*background: #f5f5f5;*/
	background: #f5f5f5;
}

.content-entry h1 {
	color: #404040;
}

.content-entry h1 a {
	color: #454545;
}

.content-entry h1 a:hover {
	color: #8B8E91;
}

.content-entry h2 {
	color: #303030;
}

.entry-meta {
	background:#ffffff;
	color: #8B8E91;
}

.entry-meta h5 {
	color: #808080;
}

.entry-meta a {
	color: #393939;
}

.entry-meta a:hover {
	text-decoration: underline;
}

p.entry-options {
	color: #686868;
	background: #fff;
}

div.entry-relationships {
	background: #ffffff;
}

div.entry-relationships h5 {
	color: #686868;
	font-weight: bold;	
}

div.entry-relationships li {
	color: #686868;	
}

div.entry-relationships a {
	color: #393939;	
}

/* Content-Secondary
-------------------------------------------------------------------------------*/

div#content-secondary {
	background: #f5f5f5;
}

#content-secondary #subscribe {
	border-bottom: #333333 1px dotted;
}

.ui-tabs-panel {
	border: #ccc 1px solid;
}

.ui-tabs-nav a {
	border-left: #c5c5c5 1px solid;
	border-right: #c5c5c5 1px solid;
	border-top: #c5c5c5 1px solid;
}
	

/* UI Tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

.ui-tabs-nav {
    font-size: .85em;
}

.ui-tabs-panel {
	font-size: .75em;
}

.ui-tabs-nav {
	position: relative;
    margin: 0;
    width: 280px;
    height: 1.8em;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {
	text-align: center;
    min-width: 84px; /* be nice to Opera */
}

.ui-tabs-nav li.left {
	position: absolute;
	width: 140px;
	top: 0;
	left: 0;
}

.ui-tabs-nav li.right {
	position: absolute;
	width: 140px;
	top: 0;
	right: 0;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px 3px 10px;
}

.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #666666;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    background: #c5c5c5;
}
.ui-tabs-nav a:hover {
	color: #e5e5e5;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
    background: #fff;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    /*padding-bottom: 1px;*/
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    /*border-top: 1px solid #97a5b0;*/
    padding: 2em 10px .5em 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/*
Formatting Buttons
------------------------------------------------------ */

.buttonMode {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 10px;
color: #73769D;
background-color: transparent;
white-space: nowrap;
}

.htmlButtonOuter, .htmlButtonOuterL {
background-color: #f6f6f6;
padding: 0;
border-top: #333 1px solid;
border-right: #333 1px solid;
border-bottom: #333 1px solid;
}
.htmlButtonOuterL {
border-left: #333 1px solid;
}
.htmlButtonInner {
background-color: transparent;
text-align: center;
padding: 0 3px 0 3px;
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.htmlButtonOff {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
font-size: 11px;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOff a:link {
color: #000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOff a:visited {
text-decoration: none;
}
.htmlButtonOff a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOff a:hover {
background-color: #fff;
text-decoration: none;
color: #999;
}
.htmlButtonOn {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 11px;
font-weight: bold;
background: #f6f6f6;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOn a:link {
color: #990000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOn a:visited {
text-decoration: none;
}
.htmlButtonOn a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOn a:hover {
background-color: #fff;
color: #999;
text-decoration: none;
}