/* 

Theme Name: Bored On Black
Theme URI: http://www.drivenbyboredom.com/
Description: Bored-on-Black Theme with Right Sidebar
Version: 1.0
Author: Squires + Williams
*/

/* Credits*/
/* A custom made template for www.drivenbyboredom.com */
/* Based on Fluidity Design By Kaushal Sheth, http://www.kaushalsheth.com 
and Dave Reeder, www.davereederdesign.com 
and of fMulti theme by http://www.fahlstad.se */


body { margin: 0; padding: 0; background: #000000 url('images/background.gif') top left repeat-y; }

* {margin: 0; padding: 0; border: 0px none; font-family: Arial, Helvetica, sans-serif }


/*------------Basic styles------------*/

h1, h2, h3, span#copyright, span#design { margin: 0 10px; color: #fff; font-weight: normal; text-decoration: none; background: transparent }

p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.4em;
	font-size: 0.8em;
	}

/*p { font-size: 0.8em; line-height: 1.4em; text-align: justify }*/
h1 { font-size: 1.3em; line-height: 1.4em; letter-spacing: 0.25em }	/* site heading */
h2 { font-size: 1.0em; line-height: 1.4em; color: #FFA000 }	/* site heading */
h3 { font-size: 0.8em; line-height: 1.4em; color: #FFA000  }				/* sub headings */
span#copyright { font-family: "Courier New", Courier, monospace; font-weight: bold; font-size: 12px; line-height: 35px }  /* copyright styles */
span#design {  font-family: "Courier New", Courier, monospace; font-weight: bold; float: right; font-size: 12px; line-height: 35px }  /* design link */
span#design a { font-family: "Courier New", Courier, monospace; }
span.validation {  position: absolute; top: 172px; left: 803px; height: 25px } /* places the validation buttons */
.validation img {  margin: 0; } /* floats the validation buttons */

div { padding: 10px 0;}

#hdrimg a {color: #06FF00; text-decoration: none; font-weight: normal;}
#hdrimg a strong {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover strong {color: #06FF00; text-decoration: none; font-weight: normal;}


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

#masthead { width: 100%; height: 194px; margin: 0 0 5px 0; background: #000 url('images/hdrbg.gif') bottom left repeat-x }
#hdrimg { width: 100%; height: 194px; background-repeat: no-repeat; background-position: 0 20px }
#hdrimg.blog { background-image: url('images/hdr-blog.gif') }
#hdrimg.bsides { background-image: url('images/hdr-bsides.gif') }
#hdrimg.tv { background-image: url('images/hdr-tv.gif') }

html>body #hdrimg { height: 194px }

.rowcontainer {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	margin-bottom: 0px;
	width: 1195px;
	overflow: hidden;
	padding-bottom: 0px;
}

#bttmbar { float: left; width: 100%; height: 50px; background: #000000 url('images/ftr.gif') top repeat-x }     /* Bottom copyright bar */

#bttmbar-ads { width: 580px; height: 70px; margin: 5px auto; border: 2px solid white; padding: 5px; }
.ad-column { display: inline-block; float: left; width: 183px; padding: 0px 5px; line-height: 14px; font-size: 12px; }
#bttmbar-ads a:link, #bttmbar-ads a:visited { color: #FFFFFF; text-decoration: underline; }
#bttmbar-ads a:hover, #bttmbar-ads a:active { color: #ec008c; text-decoration: underline; }

/*-----Ad Block Styles--------*/

#adblock-top { position: absolute; width:728px; height:90px; top: 8px; left: 10px; padding: 0px }
#adblock-top img, #adblock-top img a { margin: 0px; padding: 0px; }
#adblock-side { width:300px; min-height:375px; padding: 0px; margin: 10px 0px 20px 15px; font-family: Courier, monospace }
#adblock-side img, #adblock-side img a { margin: 0px; padding: 0px; }

/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 

.fullcolumn { float: left; width: 99%;}		/* Full width column for a one column site */
			
.halfcolumn { float: left; width: 49%;}		/* Half width column for a two column site. */

.onethirdcolumn { float: left; width: 33%; }		/* One third width column for a three column site */

.quartercolumn { float: right }		/* One quarter width column for a four column site */

.threequartercolumn { float: left; width: 790px }

/*------------------------------Main Navigation------------------------------------------*/

#home-link { position: absolute; top: 100px; left: 10px; height: 55px; width: 500px; padding: 0; }
#home-link img { margin: 0; padding: 0; border: none }
#home-link a, #home-link img a { line-height: 55px; text-decoration: none }

#nav { position: absolute; top: 160px; left: 0px; height: 25px; width: 750px }

ul#nav  { margin: 0px }

#nav li  /* Main nav list items */
{
	font-size: 13px;
	float: left;
	margin-left: 5px;
	list-style: none;
	text-align: center;
	line-height: 25px; /* height of the tab */
}

#nav li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	line-height: 25px; /* height of the tab */
	text-decoration: none;
}
	 
#nav-home a:link, #nav-home a:visited  { background: url('images/tab_home.gif') no-repeat 0px 0px; width: 50px }
#nav-home a:hover, #nav-home a:active { background: url('images/tab_home.gif') no-repeat 0px -25px; width: 50px }
#nav-home a#current { background: url('images/tab_home.gif') no-repeat 0px -25px; width: 50px }

#nav-about a:link, #nav-about a:visited  { background: url('images/tab_about.gif') no-repeat -2px 0px; width: 45px }
#nav-about a:hover, #nav-about a:active { background: url('images/tab_about.gif') no-repeat -2px -25px; width: 45px }
#nav-about a#current { background: url('images/tab_about.gif') no-repeat -2px -25px; width: 45px }

#nav-faq a:link, #nav-faq a:visited  { background: url('images/tab_faq.gif') no-repeat 0px 0px; width: 35px }
#nav-faq a:hover, #nav-faq a:active { background: url('images/tab_faq.gif') no-repeat 0px -25px; width: 35px }
#nav-faq a#current { background: url('images/tab_faq.gif') no-repeat 0px -25px; width: 35px }

#nav-photos a:link, #nav-photos a:visited  { background: url('images/tab_photos.gif') no-repeat 0px 0px; width: 60px }
#nav-photos a:hover, #nav-photos a:active { background: url('images/tab_photos.gif') no-repeat 0px -25px; width: 60px }
#nav-photos a#current { background: url('images/tab_photos.gif') no-repeat 0px -25px; width: 60px }

#nav-contact a:link, #nav-contact a:visited  { background: url('images/tab_contact.gif') no-repeat 0px 0px; width: 60px }
#nav-contact a:hover, #nav-contact a:active { background: url('images/tab_contact.gif') no-repeat 0px -25px; width: 60px }
#nav-contact a#current { background: url('images/tab_contact.gif') no-repeat 0px -25px; width: 60px }

#nav-dbb1 a:link, #nav-dbb1 a:visited  { background: url('images/tab_dbb1.0.gif') no-repeat 0px 0px; width: 60px }
#nav-dbb1 a:hover, #nav-dbb1 a:active { background: url('images/tab_dbb1.0.gif') no-repeat 0px -25px; width: 60px }
#nav-dbb1 a#current { background: url('images/tab_dbb1.0.gif') no-repeat 0px -25px; width: 60px }

#nav-dbbmain a:link, #nav-dbbmain a:visited  { background: url('images/tab_dbb1.0.gif') no-repeat 0px 0px; width: 40px }
#nav-dbbmain a:hover, #nav-dbbmain a:active { background: url('images/tab_dbb1.0.gif') no-repeat 0px -25px; width: 40px }
#nav-dbbmain a#current { background: url('images/tab_dbb1.0.gif') no-repeat 0px -25px; width: 40px }

/*-----------------------------------Other tags-----------------------------------------*/

acronym { border-bottom: 1px dashed #999; cursor: help }

blockquote { border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin-left: 1.5em; padding-left: 5px }


/* lists */
ul { margin: 5px 0 5px 35px; list-style: none }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { color: #fff; font-size: 11px; line-height: 1.4em }

hr { margin: 10px 0px; height: 1px; background: #444; color: #444 }  /* rule styling */

img {margin: 0 10px} /* all images styling */
img.right {float: right}  /* right floating images */
img.left {float: left}   /* left floating images */

/*-------------------------------------------------------------------------------*/

/* Modification done to basic theme */
/* Added */

.bottomcontainerBox { height: 20px; padding: 0 }
.bottomcontainerBox div { padding: 0; height: 20px }

input#s {
	border: 2px;
	padding: 1px;
	font-family: "Courier New", Courier, monospace;
}
input#go {
	font-variant: small-caps;
	font-weight: bold;
	background: #FFFFFF;
	padding: 1px;
}

h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

a, a:visited {
    font-weight: bold;
    color: #ec008c;
    text-decoration: none; 
}
    
 a:hover {
    color: #ec008c;
    text-decoration: underline; 
}

/*font: bold 20px/1.1em "Trebuchet MS", "Verdana", sans-serif; }*/        
h3.entrytitle {
	padding: 0;
	margin-left: 0px;
	margin-bottom: 5px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.1em;
}
	
h3.entrytitle a, h3.entrytitle a:visited {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	color: #ec008c;
	font-size: 20px; 
	text-decoration: underline;
}
	
h3.entrytitle a:hover{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	color: #ec008c;
	text-decoration: none;
}
    
h3 a {
    text-decoration: none;
    border: 0px none;
    color: #ec008c; 
}
div .entrybody h3, div .entrybody h2{
	margin-bottom:5px;
	color:#ec008c;
}
    
h3 a:hover {
    text-decoration: none;
    border: 0px none;
    color: #fff;
}

.firstpost span.comments_link, .entrybody span.comments_link {
	margin-left: 0px;
	font-size: 12px;
	color: #FFFFFF;
}
.firstpost {
	border: none;
	margin-left: 12px;
	padding-bottom: 5px;
	margin-bottom:15px;
	color: #FFFFFF;
}
.entry{
	border: none;
	margin-left: 12px;
	padding-bottom: 5px;
	margin-bottom:10px;
	color: #FFFFFF;
}

.entrybody {
	padding-top: 0;
}

.arc {
	border: none;
	margin-left: 12px;
	padding-bottom: 5px;
	color:#FFFFFF;
	margin-bottom:15px;
}
.entrymeta {
	padding: 0;
	font-size: 10px;
	margin-left: 0px;
	margin-bottom: 15px;
	color:#FFFFFF;
}

.entry ul, .entry ol{
margin-left:30px;
list-style:disc;
margin-top:10px;
margin-bottom:10px;
}
.entry ul li, .entry ol li {
	padding-top:5px;
	line-height:1.5em;
	}

/* comments*/
h2#comments{
	padding:2px;
	margin-bottom:10px;
	margin-top:30px;
	font-size: 100%;
	color:#ec008c;
	font-family: "Courier New", Courier, monospace;
	text-decoration: underline;
}
#commentblock {
	padding: 20px;
	color:#fff;
	clear: both;
}

ol#commentlist {
	margin-top:0px;
	padding: 5px;
	margin-left: 20px;
	color: #fff;
	font-size:0.9em;
}

#commentlist li  p{
	margin-bottom: 8px;
	line-height: 20px;
	padding:0;
}

.commentname {
	margin: 0;
	padding: 0  0 2px 0;
	font-weight: bold;
}

.commentinfo{
	margin-top: 3px;
	margin-bottom: 5px;
}

.commenttext {
	clear: both;
	margin-top: 0px;
	margin-bottom: 30px;
	border-top: none;
	line-height:12px;
	color: #fff;
	padding: 5px;
}

.commenttext-admin {
	clear: both;
	margin-top: 0px;
	margin-bottom: 30px;
	border-top: none;
	line-height:12px;
	color: #fff;
	padding: 5px;
}

#commentsformheader{
	padding-left:18px;
	font-size: 1.4em;
	color:#ec008c;
}

#commentsform{
	margin-top:0;
	text-align:center;
	padding:0px 10px;
}

#commentsform form{
	text-align:left;
	margin:0px;
}

#commentsform p{
	margin:5px;
}

#commentsform form textarea{
	width:99%;
}
.comments_link a {
	color: #FFFFFF;
	text-decoration: none;
}

/* Sidebar styling*/

#sidebar {
	float:left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: -50px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	color:#fff;
	border: none;
	width: 400px;
	word-wrap:break-word;
}

#sidebar h2 {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 0px;
	padding-left: 5px;
}
#sidebar p{
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	margin: 2px;
	}
#sidebar a:link, #sidebar a:visited {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	color:#fff;
	text-decoration:none;
}
#sidebar a:hover {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	color:#ec008c;
	text-decoration:none;
}
	
#sidebar ul li {
	font-family: "Courier New", Courier, monospace;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
	margin-left: -20px
	}
	
/*Collapsing Archives*/

#sidebar span.collapsing.archives {
        border:0;
        padding:0; 
        margin:0; 
        cursor:pointer;
} 

#sidebar li.collapsing.archives { margin-left: -5px }
#sidebar span.monthCount, span.yearCount {text-decoration:none; color:#333}
#sidebar li.collapsing.archives a.self {font-weight:bold}
#sidebar ul.collapsing.archives.list ul.collapsing.archives.list:before {content:'';} 
#sidebar ul.collapsing.archives.list li.collapsing.archives:before {content:'';} 
#sidebar ul.collapsing.archives.list li.collapsing.archives {list-style-type:none;margin-left -20px;}
#sidebar ul.collapsing.archives.list li { margin:0 0 0 .8em; text-indent:-1em}
#sidebar ul.collapsing.archives.list li.collapsing.archives.item:before {content: '\00BB \00A0' !important;} 
#sidebar ul.collapsing.archives.list li.collapsing.archives .sym {font-size:1.2em; font-family:Monaco, 'Andale Mono', 'FreeMono', 'Courier new', 'Courier', monospace;cursor:pointer;padding-right:5px;}

/*Twitter Messages*/

li#tweets div.aktt_tweets {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

.aktt_tweets ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 35px;
	padding: 0px 0px 10px 0px;
	width: 275px;
	margin-bottom: 10px
}

.aktt_tweets ul li {
	padding: 5px 0px;
	line-height: 1.1em;
	border-top: 1px dashed white;
	border-bottom: 1px dashed white;
}

li#tweets ul li a:link, li#tweets ul li a:visited { color: #ec008c; text-decoration: none; }
li#tweets ul li a:hover, li#tweets ul li a:active { color: #ec008c; text-decoration: underline; }

.aktt_tweet_time { font-size: 0.8em; font-style: oblique }
li#tweets ul li span.aktt_tweet_time a:link, li#tweets ul li span.aktt_tweet_time a:visited { color: #fff; text-decoration: none; }
li#tweets ul li span.aktt_tweet_time a:hover, li#tweets ul li span.aktt_tweet_time a:active { color: #ec008c; text-decoration: none; }