/*
Theme Name: Most Of Evil
Theme URI: mostofevil.com
Description: ----
Version: 1.0
Author: 555
Author URI: 
Tags:

*/

* { margin: 0; padding: 0; }
:focus { outline: 0; }
a {  text-decoration: none; color:#a90000}
a:hover { text-shadow:#616161 0 0 4px; }
a img { border: none }
body { font-size: 62.5%; background: url(images/bg.jpg) no-repeat top center black; color: white; font-family: Arial, sans-serif, sans-serif; }

.header { width: 940px;  margin: 0 auto 20px auto; }
.header h1 { width: 313px; height: 111px;text-indent:-9009px;display:block; margin: 0 auto; }
.header h1 a { width: 100%; height: 100%; display: block; background: url(images/sprite.png) no-repeat; }
.header h1 a:hover { background: url(images/sprite.png) no-repeat 0 -111px; }
.header h1 a:active { position:relative;top:1px;}

/*- Menu -*/
.menu { width: 940px; height:27px; background: black; border-top: 1px dotted #db0000; border-bottom: 1px dotted #db0000; margin:20px 0 0 0;
		 padding: 5px 0 0 0;  position:relative;text-shadow:#530000 0 1px 1px; }
.menu ul li { float: left; margin: 0 20px; list-style: none; }
.menu ul li a { font: bold 1.6em 'Trebuchet MS', sans-serif; text-transform: uppercase; color: #8f8c8c;}
.menu ul li a:hover { color:#8a8a8a }
.menu ul li a:active { position:relative;top:1px;}
.menu span { position:absolute; display:block; top:0; left:0; height:100%; width:100%; background:url(images/menu.png); }

.menu ul li.current_page_item a, .menu ul li.current-cat a { color:white;text-shadow:#ffd1d1 0 0 5px; }

/*- Language  -*/
.bg,.en {  height: 13px; display: block; float:right; background: url(images/sprite.png) no-repeat; margin: 5px 20px 0 0 }
.bg { width: 98px; background-position: -441px 0; }
.bg:hover { background-position: -441px -13px; }
.en { width: 73px; background-position: -547px 0}
.en:hover { background-position: -547px -13px; }

/*- Posters Header  -*/
.posters_accordion { width: 1010px; margin: 0 auto ; clear:both;  }
.posters_accordion a.disabled {visibility: hidden !important;}

.left_handle { width: 24px; height: 35px; background: url(images/handles.png)  no-repeat; float:left; clear: both; margin: 182px 0 0 0  }
.right_handle { width: 24px; height: 35px; background: url(images/handles.png) -24px  no-repeat; float:right; margin: 182px 0 0 0 }

.posters { width: 960px; height: 504px; float:left;  padding: 0 0 30px 0; position:relative; overflow:hidden;text-shadow:#000 0 1px 1px; }
.posters .items { width:20000em; position:absolute; }
.poster_item { width: 302px; height: 504px; float: left;  margin: 0 9px; }
.poster_img { display: block; width: 300px; height: 404px; border: 1px solid #260101 }
.poster_item div { background: url(images/poster_txt.jpg); width: 282px; height:83px; margin: 7px 0 0 0; padding: 5px 10px }
.poster_item div a { font: normal 1.4em 'Trebuchet MS', sans-serif; color: #ff0000;  }
.poster_item div a strong { font: normal 1.7em 'Trebuchet MS', sans-serif; text-transform: uppercase; color: white; display: block;  }

/*------------------------------------
Home Page
--------------------------------------*/

.home_post { font-size: 1em ; line-height: 1.5em; margin: 20px 0 30px 0; width: 100%; clear:both; float:left}
.home_post h2  { font: bold 2.14em Arial; text-transform: uppercase; position:relative; }
.home_post h2.cat_titles { font:bold 1.6em Arial; margin: 0 0 30px 0; position:relative; color:#a90000 }

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

.content { width: 940px; margin: 0 auto; border-top: 1px dotted #db0000; clear: both; }

/* Posts */
.posts { width:620px;float:left; color: #bfbdbd; }

.post_item { border-bottom: 1px dotted #db0000;padding: 20px 0;clear: both;float:left; width: 100%  }
.post_item h2 { font: bold 1.6em Arial; text-transform: uppercase; width: 460px;position:relative; top: -5px; color: white }
.post_item h2 a { color: white;  }
.post_item h2 a:hover { text-shadow:#ffd1d1  0px 0px 5px;  }
.post_item span.comments a { font: normal 1.4em Arial, sans-serif; color: #666   }

.post_date { float: left;clear:both;font: normal 1em Arial, sans-serif; color:#666 }

.post_item_single { border-bottom: 1px dotted #db0000;clear: both;float:left; width: 100%; padding: 0 0 40px 0; 
						 font: normal 1.4em Arial, sans-serif; line-height: 1.5em;  }
.post_item_single h2 { font: bold 2.14em Arial; text-transform: uppercase;margin: 0 0 40px 0; position:relative; color:white  }
.post_item_single span.comments a {  color: #666   }
.post_item_single p img { margin:0 5px 40px 0; border: 1px solid #260101; display:block }

.post_item_text { padding: 20px 0 0 0; clear:both;}
.post_item_text p {  margin: 0 0 20px 0; }
.post_image_bigone { width: 200px;  overflow:hidden;display:block; float:left;margin: 0 20px 20px 0 }
.post_image_bigone img { width:198px;border: 1px solid #260101 }

.posts ul { padding: 0 0 20px 20px }
h2.cat_title { font: bold 3em Arial; text-transform: uppercase; margin: 0 0 40px 0; position:relative; color: white }

.dirty { height: 100%; width: 100%; display: block; background: url(images/sprite.png) 0 -222px; position:absolute; top: 0; left: 0; }
.dirty a { display: block; width: 100%; height: 100%; }

/*.cut_in { margin: 10px 0 0 0; position: relative; right: 10px; }
.cut_in a { background: black; padding:4px; } */

.date { width:53px; height: 57px; float: left; background: url(images/date.png) no-repeat; padding: 3px 0 0 0;display:block; margin: 5px 10px 0 0; text-align: center }
.date b.day { font: bold 1.8em Georgia, sans-serif; display: block;}
.date b.month { font: bold 1.2em 'Trebuchet MS', sans-serif; text-transform: uppercase; color: #ff0000; display: block; line-height:1.2em }
.date b.year { font: normal 1.2em 'Trebuchet MS', sans-serif; display: block; line-height: 1.2em}

.middle_h2_meta { float: left;width: 480px; padding: 2px 0 0 20px;  }
.archive_event_info { font: normal 1.4em Arial, sans-serif; line-height:1.4em; height: 90px; clear: both; float: left; margin: 15px 0 0 0 }
.a { color:#666; display:block; float:left; clear:both; width:100px; }
.b { color:#999; float:left;   }
.archive_event_info p { color:#999; float:left; }
.archive_img { float: left;  }
.archive_img img { width: 118px;border: 1px solid #260101 }
.archive_date { float: right;clear:both;font: normal 1.2em Arial, sans-serif; color:#666 }

.future_event { padding: 0 0 0 20px; height: 19px; float: left; background: url(images/ye.gif) no-repeat 10px center;color: #004102}

/*-------------------------*/
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 2px 7px;	display: inline;}
img.alignleft {	margin: 0 7px 2px 0;	display: inline;	}
.alignright { float: right;}
.alignleft {float: left;}
.clear { clear: both }

/*
------------------------------------
Footer
------------------------------------
*/
.footer { width: 100%; margin: 0 auto; clear: both; min-height:150px; height: auto !important; height:150px; padding: 20px 0 0 0; font: normal 1.4em Arial, sans-serif; }
.footer_inner { width: 940px; margin: 0 auto; clear: both; }
.footer_inner h2 { font: normal 1em Arial,sans-serif; text-transform: uppercase; margin:0 0 20px 0; color: white }

.banners a { display: block; float:left; padding: 5px; background: black; text-align: center; line-height: 40px; margin: 0 5px 5px 0; vertical-align: middle }
.banners a img { vertical-align: middle }

.contacts { color: #666; clear:both; float:left; margin: 20px 0 0 0 }
.contacts a {   }
.contacts a img { }

/*--------------*/
/*   Comments	 */
/*--------------*/

.comments { float:right; clear:both; font-size: .857em }
.post_comments {  }
.post_comments a { color:#666; }

.comment { clear: both; float:left; width: 100%; padding: 20px 0; border-top:1px dotted #666; font:normal 1em Arial, sans-serif; line-height: 1.5em;color: #a3a2a2;}
.comment_person { clear: both; float:left; display: block;font-size:.857em; padding: 10px 0 0 10px; color: #696969; width:500px }
.compose { width: 500px; height: 300px; border: 1px solid #260101; }
.comment_count { float: right; font: bold 1.5em 'Times New Roman', serif; color:#202020; width: 38px; display: block; text-align: right;  }
.comment p { width: 580px; float:left ; display: block;}
.comment_form { width:580px; clear:both; float: left; padding: 0 0 10px 0; }
.comment_form label { font-size:1em;}
.comment_form input[type=text]{ width: 200px; border:1px solid #434343; padding: 4px; background: #bfbfbf }
.comment_form textarea{ width: 400px; height: 150px; border:1px solid #434343; padding: 4px; overflow: auto; font-family:Arial, sans-serif; background:#bfbfbf;font-size:1.2em; }
#commentform { clear: both; float:left; margin: 20px 0 0 0;font-size:0.83em; color: #666 }
#commentform div.error { }
#commentform p {  margin: 10px 0; }
#commentform input.error, #commentform textarea. error {	background: #ff0000; }
#commentform div.error, #commentform label.error {	color: #a90000;}
#commentform div.errorlabels label {	display: block;}

.com_glow { color:white; font-weight:bold;text-shadow:#666 1px 1px 1px;  }

#comments { font-size:16px;color:#666; margin: 50px 0 5px 0; width: 100% }
#comments a.order { display: block; margin: 0 5px 0 5px; font-size: 11px; font-weight: normal;
 float:right; display:block; padding: 1px 5px; background: url(images/poster_txt.jpg); color: #888}
#comments a.dark { background: url(images/poster_txt1.jpg); }
/* Breadcrumb */

.breadcrumb { font-size: 1.4em; display:block; padding: 20px 0 40px 0}

/*--------------*/
/*   Sidebar  */
/*--------------*/

.sidebar_right { width: 319px; float:right; }
.sidebar_sub { width: 280px; padding: 20px 0; clear: both; float: right; }
.wGallery { float: right; width: 280px; }
.wGallery li { list-style-type: none; }
.wGallery li a img, .wGallery li a:visited img { max-width: 278px; border: 1px solid #260101 }
.wGallery li a:hover img {  }
.scrollable { position: relative; overflow: hidden; width: 152px; height: 324px; }
.scrollable .items { position: absolute; top: 0; left: 0; width: 152px; height: 20000em; }
.scrollable .sub_scrollable { width: 152px; height: 152px; padding: 0 0 20px 0; }
.navi {width: 152px; height: 8px; margin: 20px 0 10px 0;}
.navi a {width: 8px; height: 8px; float: left; margin: 0 3px 0 0; background: url(images/navigator.gif) 0 0 no-repeat; cursor: pointer;}
.navi a:hover {background-position: 0 -8px;}
.navi a.active {background-position: 0 -16px;}
.search_form { float: right; }
.search_form input[type=text]{ width: 205px; border: none; border-bottom:1px solid #434343; padding: 4px; background: black;text-shadow:#000000 0 1px 1px; margin: 0 5px 0 0; color: #666; font-style: italic; float:left }

.search_form input[type=submit]{ width: 60px; float:right }

.twitter { width: 280px; border-bottom: 1px dotted #db0000; padding: 20px 0; clear: both; float: right; font:normal 1.4em Arial,san-serif; color:#666; font-style: italic;}
.twitter span { display:block; padding:20px 0 0 0 }
.twit { width: 200px; height: 25px; background: url(images/twitter.png) no-repeat; display:block }

.sidebar_events {  width: 280px; border-bottom: 1px dotted #db0000; padding: 20px 0 20px 0; clear: both; float: right; color:#666; }
.sidebar_events h2 { color: white; text-transform: uppercase; position: relative; margin: 0 0 20px 0 ; font: bold 1.6em Arial,san-serif;}
.sidebar_events div.event { clear: both; float:left; margin: 0 0 10px 0;font: normal 1.2em Arial,san-serif; }
.sidebar_events .image { float: left; margin: 0 10px 0 0  }
.sidebar_events .image img {  border: 1px solid #260101 }
.sidebar_events .concert_info { float: left ; }
.sidebar_events a span.band_name { color:white; text-transform: uppercase; display: block; font-size:1.14em }

.sidebar_gallery {  width: 280px; border-bottom: 1px dotted #db0000; padding: 20px 0 20px 0; clear: both; float: right; color:#666; }
.sidebar_gallery h2 {  color: white; text-transform: uppercase; position: relative; margin: 0 0 20px 0; font: bold 1.6em Arial,san-serif; }

.sidebar_rss { float: right; width: 280px; padding: 20px 0 20px 0; }
.sidebar_rss h2 { color: white; text-transform: uppercase; position: relative; margin: 0 0 20px 0 ; font: bold 1.6em Arial,san-serif;}
.sidebar_rss ul {  }
.sidebar_rss ul li { list-style: none; font: normal 1.2em Arial,san-serif; margin: 0 0 20px 0 }

/*
----------------------------------------
Press application form
----------------------------------------
*/
.press { width:520px; margin: 10px 0 10px 20px; background: url(images/form_bg.jpg) no-repeat ; padding: 20px; float: left; text-shadow:#000000 0 1px 1px; }
.press_form { width: 250px; float: left; padding: 0 0 10px 0; display:block}
.press_form span { font-size:12px;}
.press p { clear: both; float: left; margin: 20px 0 10px 0 ; display: block; font-size:12px; font-weight: bold; width: 100%}
.press h2 { clear: both; float: left; text-align: center; text-transform: uppercase;margin: 0 0 20px 0;width: 100%; font-size: 1.6em }
.press_form input[type=text]{ width: 200px; border:1px solid #434343; padding: 4px; background: #bfbfbf;text-shadow:#666 0 1px 1px; }
.press_form textarea{ width: 400px; height: 150px; border:1px solid #434343; padding: 4px; overflow: auto; font-family:Arial, sans-serif; background:#bfbfbf;font-size:1.2em; }
.press_form_big { width: 250px; float: left; padding: 0 0 10px 0; display:block}
.press_form_big span { font-size:12px;}
.press_form_big input[type=text]{ width: 450px; border:1px solid #434343; padding: 4px; background: #bfbfbf; text-shadow:#666 0 1px 1px; }
.wpcf7-list-item { clear: both; float:left; padding: 5px 0; display: block }

/*
----------------------------------------
Pagination
----------------------------------------
*/
.pagination { clear: both; float:left; padding: 30px 0 20px 0; }

/*
---------------------------------------
404
----------------------------------------
*/
.scull { width: 600px; height: 600px; background: url(images/scull.jpg) no-repeat }
.scull h2 {  font: bold 3em Arial; text-transform: uppercase;margin: 0 0 40px 0; position:relative; top:250px; text-align: center; background: black; padding: 25px 0 }
/*
----------------------------------------
Tabs
----------------------------------------
*/
#tabs { margin: 20px 0 0 0;  }
#tabs ul li { list-style: none; float: left; margin: 0 5px 0 0;  }
#tabs ul li a { display:block; padding: 5px 10px; background: url(images/poster_txt.jpg); color: #888}
#tabs ul li a:hover { color: white; text-shadow:#ffd1d1  0px 0px 5px; }
#tabs ul li a:active { position:relative; top:1px;color: white; text-shadow:#ffd1d1  0px 0px 5px;  }
#tabs ul li.ui-tabs-selected {  } 
#tabs ul li.ui-state-active a {background: black; color: white; text-shadow:#ffd1d1  0px 0px 5px; } 
.undertab { margin: 10px 0 0 0; padding: 20px 0 0 0 }

.ui-tabs .ui-tabs-hide { display: none !important; }

/*
CLEANER GALLERY PLUGIN
*/

.gallery { display: block;	clear: both; overflow: hidden; }
.gallery .gallery-row {	display: block; clear: both; overflow: hidden; margin: 0; }
.gallery .gallery-item { float: left; margin: 0; list-style: none; padding: 3px; width: 100px; height:100px; margin: 0 15px 15px 0; overflow:hidden; background: url(images/poster_txt.jpg); display:block }
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {float:right; height: auto; width:100px; height:100px; }
.gallery-caption {margin-left: 0;}

/*
Partners
*/
.partners_box { width: 180px; height: 120px; background: url(images/form_bg.jpg); float:left; padding: 5px; margin: 5px; display:block}
.partners_box span { display: block; width: 180px;height:80px;background:black; text-align: center; margin: 0 0 10px 0; }
.partners_box a { color: #bfbdbd; text-shadow:#000  1px 1px 2px; font-size:11px; line-height: 15px;}

/*
Buttons
*/
 
.button { background: url(images/poster_txt.jpg); display:block; padding: 5px 15px; color: #888; text-align:center; border:none; cursor:pointer; }
.button:hover { text-shadow:#ffd1d1  0px 0px 5px; }
.button:active { position: relative; top:1px; }

.press input[type=submit] { background: url(images/poster_txt.jpg); display:block; padding: 5px 15px; color: #888; text-align:center; border:none; cursor:pointer; }
.press input[type=submit]:hover { text-shadow:#ffd1d1  0px 0px 5px; }
.press input[type=submit]:active { position: relative; top:1px; }

.search_form input[type=submit] { background: url(images/poster_txt.jpg); display:block; padding: 4px 15px; color: #888; text-align:center; border:none; cursor:pointer; float:right}
.search_form input[type=submit]:hover { text-shadow:#ffd1d1  0px 0px 5px; }
.search_form input[type=submit]:active { position: relative; top:1px; }

/* Page Navigation wp-pagenavi */

.wp-pagenavi a, .wp-pagenavi a:link {	
			width:15px;height:15px; display:block; float:left; padding: 5px 10px 5px 10px; margin: 0 2px;text-decoration: none;	-moz-border-radius: 3px;
			-webkit-border-radius:3px; color: #fff; font:bold 12px Arial, sans-serif; background: url(../../themes/Most_Of_Evil/images/date.png); text-align:center;
			text-shadow:#000000 0 4px 4px; }
.wp-pagenavi a:hover {opacity:0.8;filter:alpha(opacity=80); }
.wp-pagenavi a:active {position:relative; top:1px}
.wp-pagenavi span.pages {	}
.wp-pagenavi span.current {	
			width:15px;height:15px;text-align:center; display:block; float:left;font:bold 12px Arial,	sans-serif; padding: 5px 10px 5px 10px; margin: 0 2px;
			text-decoration: none;	-moz-border-radius: 2px; -webkit-border-radius: 5px;	color: #fff;	background: url(../../themes/Most_Of_Evil/images/date.png);
			opacity:0.6;filter:alpha(opacity=60);	}
.wp-pagenavi span.extend {	padding: 2px 4px 2px 4px; 	margin: 2px; color: #000000;background-color: #FFFFFF;

#cboxTitle{color:black;}