/*
Theme Name: Effing Bored v1.0
Theme URI: http://www.effingbored.com/
Description: Custom WordPress theme created by <a href="http://www.teufelstomb.com/">Crooked Designs</a>
Version: 1.0
Author: Eric Crookes
Author URI: http://www.crookeddesigns.com/
Tags: black, green, grey, custom header, fixed width, two columns, widgets
*/

/* Resets & Overrides */

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

ul, ol, ul li, ol li {
	float: left;
	list-style-type: none;
}

p {
	padding: 10px 0px 10px 0px;
}

/* Links & Type */
body {
	background-attachment: scroll;
	background-color: #0b0b0b;
	background-image: url('images/background-black.jpg');
	background-position: top center; 
	background-repeat: repeat;
	color: #ffffff;
	left: 0%;
	margin: 0px auto;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 0.8em;
}

a:link, a:active, a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #98a093;
	text-decoration: none;
}

#sidebar a {
	font-size: 1.2em;
}

#sidebar a:hover, h2 a:hover {
	text-decoration: none;
}

#sidebar .navigation a {
	font-size: 1.2em;
	text-transform: uppercase;
}

h1 {
	font-size: 1.8em;
	text-align: left;
}

h2 {
	font-size: 1.4em;
	text-align: left;
}

h3 {
	border-bottom: 1px solid #98a093;
	font-size: 2.5em;
	margin-bottom: 20px;
	text-align: left;
	text-transform: uppercase;
}
h3.thecomments {	float: left;	width: 740px;}
h3.left, h3.right {
	float: left;
	width: 360px;
}

h3.left {
	margin-right: 20px;
}

h4 {
	color: #98a093;
	font-size: 1.6em;
	text-align: left;
	text-transform: uppercase;
}

h5 {
	font-size: 1.7em;
	text-align: left;
	text-transform: uppercase;
}

ul#footer-alpha a {
	color: #98a093;
}

ul#footer-alpha a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* Layout */

.wrapper {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 960px; 
}

#header-alpha {
	background-image: url('images/background-header-alpha.jpg');
	background-position: top center; 
	background-repeat: no-repeat;	
	height: 80px;
	float: left;
	left: 0%;
	margin: 0px auto;
	width: 100%;
}

#header-beta {
	background-image: url('images/background-header-beta.jpg');
	background-position: top center; 
	background-repeat: no-repeat;	
	height: 175px;
	float: left;
	left: 0%;
	margin: 0px auto;
	width: 100%;
}

#bottom {
	background-image: url('images/background-footer.jpg');
	background-position: top center; 
	background-repeat: no-repeat;	
	float: left;
	left: 0%;
	margin: 0px auto;
	padding-top: 20px;
	width: 100%;
}

#page {
	background-image: url('images/background-page.jpg');
	background-position: top center; 
	background-repeat: repeat-y;	
	float: left;
	left: 0%;
	margin: 0px auto;
	width: 100%;
}

#page .wrapper #content {
	float: left;
	margin-right: 20px;
	width: 740px;
}

ul#sidebar, ul#sidebar li {
	width: 200px;
}

ul#footer-alpha, ul#footer-beta {
	width: 960px;
}

/* End Layout */

/* Header Alpha */

#header-alpha .wrapper .sitesearch {
	float: left;
	height: 20px;
	margin: 20px 0px 20px 0px;
	width: 300px;
}

#header-alpha .wrapper .sitesearch input.text { 
	background-color: #111111;
	border: 1px solid #444444;
	color: #ffffff;
	float: left;
	font-size: 1em;
	height: 18px;
	width: 273px;
}

#header-alpha .wrapper .sitesearch input.button { 
	background-color: #444444;
	border: none;
	color: #ffffff;
	float: left;
	font-size: 0.7em;
	height: 20px;
	width: 23px;
}

ul.external-links {
	background: transparent url(images/header-alpha-navigation.png) no-repeat left top;
	display: block;
	height: 20px;
	margin: 20px 0px 20px 520px;
	width: 140px;
}

ul.external-links li {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: auto;
	display: block;
	height: 20px;
	padding-left: 0px;
}

ul.external-links a {
	display: block;
	float: left;
	height: 20px;
	text-decoration: none;
	text-indent: -2000px;
	overflow: hidden;
}

ul.external-links li.facebook a { margin-right: 10px; width: 20px; background-position: 0px -20px; }
ul.external-links li.lastfm a { margin-right: 10px; width: 20px; background-position: -30px -20px; }
ul.external-links li.myspace a { margin-right: 10px; width: 20px; background-position: -60px -20px; }
ul.external-links li.twitter a { margin-right: 10px; width: 20px; background-position: -90px -20px; }
ul.external-links li.rss a { width: 20px; background-position: -120px -20px; }

ul.external-links a:hover {
	background: transparent url(images/header-alpha-navigation.png) no-repeat left top;
}


/* End Header Alpha */

/* Header Beta */

#header-beta .wrapper .logo {
	float: left;
	height: 155px;
	margin-right: 17px;
	width: 215px;
}

#header-beta .wrapper .banner {
	background-color: #ffffff;
	float: left;
	height: 90px;
	width: 728px;
}

#header-beta .wrapper .bannerAds {
	background-color: #ffffff;
	float: left;
	height: 90px;
	width: 728px;
}

#header-beta .wrapper ul {
	width: 728px;
}

#header-beta .wrapper ul li {
	color: #98a093;
	display: block;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

/*#header-beta .wrapper ul li.news-movies { margin: 19px 1px 0px 120px; width: 51px; }*/
#header-beta .wrapper ul li.reviews-movies { margin: 19px 1px 0px 143px; width: 81px; }
#header-beta .wrapper ul li.news-mma { margin: 19px 1px 0px 0px; width: 62px; }
#header-beta .wrapper ul li.events-mma { margin: 19px 1px 0px 0px; width: 74px; }
/*#header-beta .wrapper ul li.news-music { margin: 19px 1px 0px 0px; width: 51px; }*/
#header-beta .wrapper ul li.reviews-music { margin: 19px 1px 0px 0px; width: 80px; }
#header-beta .wrapper ul li.interviews-music { margin: 19px 182px 0px 0px; width: 102px; }

#header-beta .wrapper ul li.home, #header-beta .wrapper ul li.forums, #header-beta .wrapper ul li.movie-news, #header-beta .wrapper ul li.movie-reviews, #header-beta .wrapper ul li.mma-news, #header-beta .wrapper ul li.mma-events, #header-beta .wrapper ul li.music-news, #header-beta .wrapper ul li.music-reviews, #header-beta .wrapper ul li.music-interviews, ul li.hatemail {
	border-right: 1px solid #444444;
	margin-top: 6px;
}

#header-beta .wrapper ul li.home { width: 63px; }
#header-beta .wrapper ul li.forums { width: 78px; }
/*#header-beta .wrapper ul li.movie-news { width: 51px; }*/
#header-beta .wrapper ul li.movie-reviews { width: 81px; }
#header-beta .wrapper ul li.mma-news { width: 62px; }
#header-beta .wrapper ul li.mma-events { width: 74px; }
/*#header-beta .wrapper ul li.music-news { width: 51px; }*/
#header-beta .wrapper ul li.music-reviews { width: 80px; }
#header-beta .wrapper ul li.music-interviews { width: 102px; }
#header-beta .wrapper ul li.hatemail { width: 92px; }
#header-beta .wrapper ul li.contact { width: 88px; border-right: none; margin-top: 6px; }

#header-beta .wrapper ul li a {
	color: #ffffff;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	overflow: hidden;
	text-transform: uppercase;
}

#header-beta .wrapper ul li a:hover {
	color: #cdd27a;
}

/* End Header Beta */


/* Indexes */

#page .wrapper #content .navigation, #page .wrapper #content .navigation-left, #page .wrapper #content .navigation-right {
	float: left;
	font-size: 1.45em;
	margin-bottom: 40px;
	text-align: right;
	text-transform: uppercase;
}

ul#reviews-big, ul#reviews-small, ul#movies-small, ul#interviews-index, ul#hatemail-index, #page .wrapper #content .navigation {
	width: 740px;
}

#page .wrapper #content .navigation-left, #page .wrapper #content .navigation-right {
	width: 360px;
}

#page .wrapper #content .navigation-left {
	margin-right: 20px;
}

ul#reviews-big li, ul#reviews-small li, ul#movies-small li, ul#interviews-index li, ul#hatemail-index li {
	border: 1px solid #ffffff;
	background-color: #000000;
	padding: 5px;
}

ul#reviews-big li {
	height: 624px;
	margin: 0px 20px 20px 0px;
	width: 348px;
}

ul#reviews-big li img, ul#reviews-small li img, ul#movies-small li img, ul#interviews-index li img, ul#hatemail-index li .quote, ul#interviews-index li.hatemail .quote {
	margin: -6px 0px 10px -6px;
	border: 1px solid #ffffff;
	float: left;
}

ul#reviews-big li a {
	font-size: 1.2em;
}

ul#reviews-big li:hover, ul#reviews-big li:hover img, ul#reviews-small li:hover, ul#movies-small li:hover, ul#movies-small li:hover img, ul#reviews-small li:hover img, ul#interviews-index li:hover, ul#interviews-index li:hover img, ul#interviews-index li.hatemail:hover .quote, ul#hatemail-index li:hover, ul#hatemail-index li:hover .quote, ul#mma-index img:hover, ul.storytools li a:hover {
	border: 1px solid #98a093;
}

ul#reviews-big li:hover a, ul#reviews-small li:hover a, ul#movies-small li:hover a, ul#interviews-index li:hover a, ul#hatemail-index li:hover a {
	color: #98a093;
}

ul#reviews-big li.last, ul#reviews-small li.last, ul#movies-small li.last, ul#interviews-index li.alt, ul#interviews-index li.hatemail, ul#hatemail-index li.alt {
	margin-right: 0px;
}

ul#reviews-small li {
	height: 230px;
	line-height: 1.1em;
	margin: 0px 20px 20px 0px;
	width: 120px;
}

ul#movies-small li {
	height: 292px;
	line-height: 1.1em;
	margin: 0px 20px 20px 0px;
	width: 120px;
}

ul#reviews-small li a, ul#movies-small li a, ul#hatemail-index li a, ul#interviews-index li a {
	font-size: 0.9em;
}

ul#interviews-index li.hatemail .quote a, ul#hatemail-index li .quote a {
	font-size: 1.4em;
}

ul#interviews-index li, ul#hatemail-index li {
	height: 230px;
	margin: 0px 20px 20px 0px;
	width: 348px;
}

ul#hatemail-index li .quote, ul#interviews-index li.hatemail .quote {
	background-image: url('images/page-quote-background.png');
	background-position: top center; 
	background-repeat: no-repeat;	
	float: left;
	height: 128px;
	padding: 25px;
	text-align: justify;
	width: 308px;
}

ul#interviews-index li.hatemail {
	margin-top: 0px;
}

ul#mma-index {
	text-align: justify;
	width: 740px;
}

ul#mma-index li {
	border-bottom: 1px solid #98a093;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

ul#mma-index img {
	border: 1px solid #ffffff;
	float: left;
	height: 198px;
	margin-right: 20px;
	width: 198px;
}

ul#mma-index img a.thumbnail {
	height: 198px;
	width: 198px;
}

ul#mma-index li h2, ul#mma-index li .date, ul#mma-index li .article, #page .wrapper #content ul#mma-index li .article, #page .wrapper #content ul#mma-index li .date, #page .wrapper #content ul#mma-index li ul.storytools, .article ol, .article ul {
	float: left;
	width: 520px;
}

.article ol li, .article ul li {
	float: right;
	width: 480px;
}

.article ul, .article ul li {
	list-style-type: disc;
}

.article ol, .article ol li {
	list-style-type: decimal;
}

#page .wrapper #content .date {
	color: #98a093;
	font-size: 0.85em;
	line-height: 1.8em;
	text-align: left;
}

#page .wrapper #content .article, #page .wrapper #content .date {
	width: 740px;
}

.article blockquote {
	font-size: 1.4em;
	font-style: italic;
}

.article, #review {
	font-size: 1em;
	line-height: 1.8em;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: justify;
}

ul.storytools {
	border-bottom: 1px solid #98a093;
	font-size: 0.85em;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	width: 740px;
}

#page .wrapper #content ul#mma-index li ul.storytools li, #page .wrapper #content ul#mma-index li ul.storytools {
	border-bottom: 0px;
	margin: 0px;
	padding: 0px;
}

#page .wrapper #content ul#mma-index li ul.storytools li.left, ul.storytools li.left {
	text-align: left;
	margin-right: 20px;
	float: left;
}

ul.storytools li.right {
	float: right;
	text-align: right;
}

ul.storytools li.right ul.addtoany_list, ul.storytools li.right ul.addtoany_list li {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

ul.storytools li a {
	border: 1px solid #ffffff;
	background-color: #000000;
	float: left;
	padding: 3px 15px 3px 15px;
	text-transform: uppercase;
}

ul.storytools li.right ul.addtoany_list li a {
	line-height: 0.95em;
	padding: 6px 15px 6px 15px;
}

/* Alphabetical Menu */

ul.alphamenu {
	background-color: #111111;	
	border: 1px solid #444444;
	margin: 0px 0px 20px 0px;
	width: 738px;
}

ul.alphamenu li a {
	color: #444444;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
}

ul.alphamenu li {
	padding: 5px 0px 5px 0px;
	width: 25px;
}

ul.alphamenu li a:hover, ul.alphamenu li:hover, ul.alphamenu li:hover a {
	background-color: #000000;
	color: #98a093;
}

ul.alphamenu li.new {
	width: 63px;
}
/* End Alphabetical Menu */

/* End Indexes */


/* Reviews */

#details {
	background-color: #0c0c0c;
	border: 1px solid #444444;
	float: left;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.85em;
	margin: 20px 20px 20px 0px;
	padding: 10px;
	text-align: center;
	width: 178px;
}

#details strong, #review .movieplot strong {
	color: #98a093;
}

#details img {
	border-bottom: 1px solid #444444;
	float: left;
/*	height: 198px;*/
	margin: -10px 0px 10px -10px;
/*	width: 198px;*/
}

#details span {
	font-size: 1.45em;
	line-height: 1.65em;
	font-weight: bold;
}

#review, #review .movieplot {
	float: left;
	margin-bottom: 20px;
	width: 520px;
}

#review .movieplot {
	margin-top: 14px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #444444;
}

/* End Reviews */


/* Page-Navi */

.wp-pagenavi {
	float: left;
	margin: 0px auto 20px auto;
	width: 740px;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	background-color: #111111;	
	border: 1px solid #444444;
	color: #444444;
	float: left;
	font-weight: bold;
	margin: 2px;
	padding: 2px 4px 2px 4px; 
	text-decoration: none;
}

.wp-pagenavi a:hover {	
	background-color: #000000;
	border: 1px solid #98a093;
	color: #98a093;
	float: left;
}

.wp-pagenavi a:active {
	background-color: #111111;	
	border: 1px solid #98a093;
	color: #98a093;
	float: left;
	margin: 2px;
	padding: 2px 4px 2px 4px; 
	text-decoration: none;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
	background-color: #000000;
	border: 1px solid #444444;
	color: #ffffff;
	float: left;
	font-weight: bold;
	margin: 2px 2px 2px 2px;
	padding: 2px 4px 2px 4px; 
}

/* End Page-Navi */

/* Comments */
#page .wrapper #content #comments, ol.commentlist, #page .wrapper #content #reply {
	float: left;
	margin-bottom: 20px;
	width: 740px;
}

#page .wrapper #content #comments .navigation, #page .wrapper #content #reply .navigation {
	float: right;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#page .wrapper #content #comments .navigation a, #page .wrapper #content #reply .navigation a, .edit-comments a {
	color: #98a093;
}

#page .wrapper #content #comments .navigation a:hover, #page .wrapper #content #reply .navigation a:hover, .edit-comments a:hover {
	color: #ffffff;
	text-decoration: underline;
}

ol.commentlist li {
	background-color: #111111;
	border: 1px solid #ffffff;
	float: left;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	text-align: left;
	width: 718px;
}

ol.commentlist li ul.children {
	width: 95%;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}

ol.commentlist li ul.children li {
	width: 100%;
}

ol.commentlist li ul.children li.odd {
	background-color: #0c0c0c;
}

ol.commentlist li ul.children li.even {
	background-color: #000000;
}

ol.commentlist li cite {
	float: left;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

ol.commentlist li cite a {
	text-decoration: underline;
}

ol.commentlist li .edit-comments {
	float: left;
	font-size: 0.85em;
	margin: 10px 0px 10px 0px;
	text-align: right;
	width: 100%;
}

ol.commentlist li .date {
	float: left;
	width: 100%;
}

#commentform, .wpcf7-form {
	background-color: #111111;
	border: 1px solid #98a093;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	text-align: left;
	width: 718px;
}

#commentform p, .wpcf7-form p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#commentform label, .wpcf7-form label {
	font-size: 1.4em;
}

#commentform label small, .wpcf7-form label small {
	font-size: 0.6em;
}

#commentform input, .wpcf7-form input {
	background-color: #0c0c0c;
	border: 1px solid #98a093;
	color: #ffffff;
	width: 250px;
}

#commentform #submit{
	background-color: #222222;
	border: 1px solid #98a093;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	width: 200px;
}

#commentform textarea, .wpcf7-form textarea {
	background-color: #0c0c0c;
	border: 1px solid #98a093;
	color: #ffffff;
	height: 200px;
	overflow: auto;
	width: 716px;
}
/* End Comments */


/* Search */
ul#searchresults, ul#searchresults li {
	width: 740px;
}

ul#searchresults li {
	border-bottom: 1px solid #98a093;
	line-height: 1.8em;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: left;
}
/* End Search */


/* Sidebar */

ul#sidebar li p.audioplayer_container {
	border-bottom: 1px solid #98a093;
	float: left;
	height: 24px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	width: 198px;
}

ul#sidebar li ul {
	background-color: #0c0c0c;
	border: 1px solid #98a093;
	width: 178px;
	padding: 0px 10px 0px 10px;
}

ul#sidebar li ul li {
	border-bottom: 1px solid #98a093;
	color: #98a093;
	font-size: 0.85em;
	padding: 10px 0px 10px 0px;
	text-align: left;
	width: 100%;
}

ul#sidebar li ul li.last {
	border-bottom: 0px;
}

ul#sidebar li ul li .date {
	text-align: right;
}

ul#sidebar li .navigation {
	border-bottom: 1px solid #98a093;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: right;
	width: 200px;
}

ul#sidebar li .last {
	border-bottom: 0px;
	margin-bottom: 0px;
}

/* End Sidebar */

/* Footer Alpha */

ul#footer-alpha li {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

ul#footer-alpha li.quarter, ul#footer-alpha li.quarter ul, ul#footer-alpha li.quarter ul li {
	margin-right: 20px;
	width: 225px;
}

ul#footer-alpha li.half, ul#footer-alpha li.half ul, ul#footer-alpha li.half ul li {
	width: 470px;
}

ul#footer-alpha li.quarter ul {
	margin-bottom: 20px;
}

ul#footer-alpha li ul li {
	background-image: url('images/footer-navigation-plus.png');
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #ffffff;
	font-size: 11pt;
	font-weight: bold;
	padding-left: 12px;
	text-transform: uppercase;
	width: 100%;
}

ul#footer-alpha li.quarter ul li.cat {
	background-image: url('images/footer-navigation-minus.png');
}

ul#footer-alpha li.quarter ul li.sub {
	background-position: 12px 7px;
	padding-left: 24px;
}

ul#footer-alpha li.quarter ul li.rss {
	background-image: url('images/footer-navigation-rss.png');
}

/* End Footer Alpha */


/* Footer Beta */

ul#footer-beta li.left, ul#footer-beta li.right {
	border-top: 1px solid #98a093;
	padding: 20px 0px 20px 0px;
	width: 480px;
}

ul#footer-beta li.left {
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

ul#footer-beta li.right ul {
	background: transparent url(images/footer-navigation-buttons.png) no-repeat left top;
	display: block;
	height: 25px;
	margin-left: 293px;
	padding-bottom: 0px;
	width: 187px;
}

ul#footer-beta li.right ul li {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: auto;
	display: block;
	height: 25px;
	padding-left: 0px;
}

ul#footer-beta li.right ul li a {
	display: block;
	float: left;
	height: 25px;
	text-decoration: none;
	text-indent: -2000px;
	overflow: hidden;
}

ul#footer-beta li.right li.wordpress a { margin-right: 20px; width: 110px; background-position: 0px -25px; }
ul#footer-beta li.right li.crookeddesigns a { width: 57px; background-position: -130px -25px; }

ul#footer-beta li.right a:hover {
	background: transparent url(images/footer-navigation-buttons.png) no-repeat left top;
}

/* End Footer Beta */

/* Form Elements */

input {
	padding: 0px;
	margin: 0px;
}

input.buttom {}

/* Miscellaneous */

.clear {
	clear: both;
}


/* Begin Images */
p img {
	margin: 0px;
	max-width: 100%;
	padding: 0px;
}

.article .aligncenter img {
	display: block;
	float: left;
	margin: 10px auto 0px auto;
}

.article .alignright img {
	float: left;
	padding: 0px;
	margin: 20px 0px 0px 10px;
	display: inline;
}

.article .alignleft img {
	float: left;
	padding: 0px;
	margin: 20px 10px 0px 0px;
	display: inline;
}

.article .alignright {
	margin: 0px 0px 0px 5px;
	float: right;
}

.article .alignleft {
	margin: 0px 5px 0px 0px;
	float: left;
}

.article .alignnone {
	margin: 0px -5px 0px -5px;
	float: left;
}

/* End Images */

/* Captions */
.article .aligncenter, .article div.aligncenter {
	display: block;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 740px;
}

.wp-caption {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.wp-caption img {
	margin: 0px;
	padding: 0px;
	border: 1px solid #ffffff;
}

.wp-caption p.wp-caption-text {
	color: #98a093;
	font-style: italic;
}
/* End captions */