/*
Theme Name: dj Gormon
Theme URI: http://www.djGormon.com
Version: 1.0
Description: dj Gormon theme (using prettypopping jquery plugin and horizontal-javascript-accordion-menu)
Author: enkosynthesys
Author URI: http://www.enkosynthesys.com
*/



/* Links */

a:link { color: #666666;}

a:visited { color: #666666; }

a:hover, a:active { color: #333333; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 0px; }

h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}

h2 { font-size: 18px; margin-top:0px; color: #ffffff;}
h2 a, h2 a:visited {color: #eeeeee !important; text-transform: uppercase;}

h3 { font-size: 24px; }

h4, h5, h6 { font-size: 20px; }



/* Other Html Elements */
pre, blockquote 
{
	overflow: auto;
	padding: 0 10px;
	margin: 20px 30px;
	line-height: 1.8em;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
}

pre:hover, blockquote:hover
{
	background-color: #f0f0f0;
	border: 1px solid #d0d0d0;
}

pre { padding-top: 10px; padding-bottom: 10px; }

code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }

ul, ol { line-height: 2.0em; }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

del { text-decoration: line-through; color: #fff; }

ins { text-decoration: none; color: #009977; }

/* Structure */

.whole_back {background: url('pics/remeshok_top.gif');border:1px solid pink;display: block;float:left;}
	
img {border:none;}
body{
	margin: 0;
	padding: 0;
	color:#ffffff;
	font: normal 76% Verdana, Helvetica, Sans-Serif;
	background: url('pics/herringbone.png') #333333;
}

#header
{
	width:53%;
	min-width: 700px;
	padding-bottom: 0px;
	clear: right;
	overflow: hidden;
	padding-left: 0px;
	height: 150px;
	margin-top: 0px;
}

img.centered, img.aligncenter{text-align:center;margin-left: auto;margin-right: auto;background-color: #000;display: block;clear: both;}

#content
{	overflow: hidden;
	position: absolute;
	bottom: 0px;
	left: 0px;
	float: left;
	height:552px;
	padding: 154px 0px 0px 0px;
	background: url('pics/remeshok_top.gif') no-repeat 68px 0px;
	width:100%;
}

#flashcontent {float:left;margin-top: 122px;}

#sidebar-wrapper
{	
	width: 200px;
	float: left;
}

.sidebar
{     
	background: url('pics/bg_garmoha_left.jpg') no-repeat top right;
	float: left;
	height: 510px;
	padding: 0px 0px 0px 0px;
	width: 173px;
	margin-right: 0px;
	margin-top: 2px;
}
.sidebar ul {width: 100px;padding: 0px;margin: 0px;padding-top: 90px;}

.sidebar li {
	overflow: hidden;
	list-style-type: none;
	height:80px;
	background: url('pics/bg_garmoha_btn.gif') top right no-repeat;
	text-align: center;
	}
html>body .sidebar li {background: url('pics/bg_garmoha_btn.png') top right no-repeat;}

.sidebar li:hover {
	background: url('pics/bg_garmoha_btn.png') 50 top no-repeat;
	}

//.sidebar li a {text-indent: -200px;width: 177px;display: block;padding: 7px 10px;}
//.sidebar li a:hover {text-indent: 0px;background: url('pics/bg_menu-arrows.gif') no-repeat;}

.sidebar li a {font-size:1em;width:80px;display: block;height:30px;padding: 50px 3px 2px 3px;overflow: hidden;vertical-align: bottom;color: #d9e9eb;font-family: Verdana, arial, Sans-serif; text-decoration: none;}
.sidebar li a:hover {color: #ffffff; text-decoration: underline;}

		  .garmoha {background: url('pics/bg_garmon.gif') repeat-x;height: 512px;float: left;}
html>body .garmoha {background: url('pics/bg_garmon.png') repeat-x;height: 512px;float: left;}

.sidebar_right{
	background: url('pics/bg_garmoha_right2.jpg') no-repeat top right;
	float: left;
	height: 510px;
	width: 174px;
	margin-top: 2px;
	text-align: center;
	padding-top: 50px;
}
 html>body .sidebar_right{height: 460px;}

#footer
{	
	float: left;
	clear: both;
	display: block;
	width:100%;
	height:40px;
	padding:0px;
	background: url('pics/bg_shelf.jpg');
	color: #549AD8;
	font-size: 11px;
}

#footer a {
	color: #549AD8;
	font-size: 11px;
	}

#footer a: visited {
	color: #549AD8;
	}
#footer a:hover {
	color: #993019;
	}
#extras
{
	float: left;
	width: 780px;
	color: #444444;
	text-align: left;
	padding: 0 10px 10px;
	margin: 10px 12px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

/* Header */

#header h1 { padding-left: 30px; }

/* Navigation */
#navigation {height:20px;padding:0px 0px 20px 0px; margin-top:0px;float: right;}

#navigation ul {
	list-style-type: none; 
	list-style-image: none; 
	margin-left:0px;
	margin-top: 0px;
	padding: 0 0px 0 0; }

#navigation li {height:40px;text-align: right; float: left; }

#navigation li a:link,
#navigation li a:visited
{	
	background: url(pics/bg_navigation_item.gif) no-repeat left -5px;
	padding:13px 20px 5px 30px;
	text-decoration:none;
	color: #fff;
	display: block;
	font-size: 0.9 em;
}

#navigation li a:hover,
#navigation li a:active
{
	font-size: 0.9 em;
	background: url(pics/bg_navigation_item_active.gif) no-repeat left top;
}

#navigation li.current_page_item a
{
	background: url(pics/bg_navigation_item_active.gif) no-repeat left -10px;
	padding-top:8px;
	color: #ccc;
}

/* Content */


/* Sidebar */

.sideblock ul,.sideblock li{padding:0px;margin:0px; list-style-type:none;}

#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }

#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }

#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}

#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }

#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}

/* garmoshka */

.category_list{float: left;}
.category_list a{background: url('pics/bg_tag.gif') no-repeat center left #333333;padding-left: 8px;text-decoration: none; font-size: 10px;padding-right: 3px;margin-right: 5px;}

.edit_post{float: left;}
.comments{float: right; width: 30px;height:27px;background: url('pics/bg_comments.gif') no-repeat;text-align: center;}
.comments a{font-size: 10px;text-decoration: none;width: 30px;height:20px;display: block;}


#commentform input.error, #commentform textarea.error {
	background-color: #f99;
}
#commentform div.error, #commentform label.error {
	color: red;
}
#commentform div.errorlabels label {
	display: block;
}


.post_meta{height:51px;	border-bottom: 1px solid #97d6d3;}
.post_content{height:380px;}

.gormon {
	list-style:none; 
	height:512px; 
	display:block; 
	overflow:hidden;
	margin:0px;
	padding: 0px;
	background: url('pics/bg_garmon_right.gif') top right no-repeat;}

html>body .gormon {background: url('pics/bg_garmon_right.png') top right no-repeat;}

.gormon li {
	float:left; 
	display:inline; 
	overflow:hidden;
	width: 50px;
	height: 512px;
	}

html>body .gormon li {background: url('pics/bg_garmon_right.gif') top right no-repeat;}

.gormon li#a1{width:500px}

.right-side {
	background: url('pics/bg_garmon_right.gif') top right no-repeat;
	width:22px;
	height:516px;
	position:absolute;
	top:0px;
	z-index:1;
	right:0px;
	}

html>body .right-side{visibility:none;display: none;}

.postblock {height:512px; position:relative;z-index:2;width:500px;}

.posttitle{ 
	height:512px;
	width: 50px;
	float: left;
	text-align: center;
	overflow: hidden;
	background: url('pics/bg_garmon_left.gif') no-repeat;
	padding: 40px 3px 0px 3px;}

html>body .posttitle{background: url('pics/bg_garmon_left.png') no-repeat;height:476px;}

.post {
	padding: 40px 3px 0px 3px; 
	height:480px; 
	width:400px; 
	overflow: hidden; 
	margin-top:7px;}

html>body .post {padding: 40px 3px 0px 3px; height:440px; width:400px; overflow: hidden; margin:0px;}


	/* date Styling */

.date {
	height: 51px;
	margin-bottom: 0px;
	width: 40px;
	text-align: center;
	margin-top:0px;
	border-bottom: 1px solid #eee;
}

.date .month {
	display: block;
	color: #fff; 
	text-align: center;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	font-family: "Times", "Georgia", serif;
	margin-bottom: 0px;
}

.date .day {
	display: block;
	color: #FFF;
	font: 2.3em "Times", "Georgia", serif;
	text-align: center;
}


/*CALENDAR*/

td#today{background: url('pics/calendar_current_day.gif') no-repeat;}
#wp-calendar {width:280px !important;}
#wp-calendar span {color:#666;font-family: sans-serif;}

#calendar_wrap {
	background: url('pics/bg_calend.gif') no-repeat;
	padding:30px 0px 0px 13px;
	margin-top: 42px;
	width:309px;
	height:470px;
	float: left;
	}
html>body #calendar_wrap {height:440px; background: url('pics/bg_calend.png') no-repeat;}

/*CALENDAR END*/

.after_radio, .after_gormon, .after_calendar, .pre_gormon {width:100px;float: left;display: block;height:512px;}

.pre_gormon{background: url('pics/remeshok_left.gif') top right no-repeat;}
.after_gormon{background: url('pics/remeshok_right.gif') top left no-repeat;}


/* ------------------------------------------------------------------------
	Popin
------------------------------------------------------------------------- */

#overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 10000;
		width: 100%;
}

.prettyPopin {
		display: none;
		overflow: hidden;
		position: absolute; z-index: 11000;
		top: 50%; left: 50%;
		background: url(/images/prettyPopin/popinLeft.gif) bottom left no-repeat;
}
	
.prettyPopin a#b_close {
			display: none;
			position: absolute; z-index: 2;
			top: 10px; right: 13px;
			width: 41px; height: 9px;
			text-indent: -10000px;
			background: url(/images/prettyPopin/b_close.gif) bottom left no-repeat;
}
	
.prettyPopin .prettyContent {
			position: relative;
			width: 100%; height: 100%;
			font-size: 1.2em;
			background: url(/images/prettyPopin/popinRight.gif) bottom right no-repeat;
}
		
.prettyPopin .prettyContent .prettyContent-container {
				display: none;
				padding: 20px 15px 15px 15px;
}
		
			.prettyPopin .prettyContent .loader {
				position: absolute;
				top: 50%; left: 50%;
				margin: -14px 0 0 -14px;
}

.jScrollPaneContainer{position: relative;overflow: hidden;}
//scroller

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(pics/bg_scroll.gif);
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	background: url(pics/bg_dragbar.gif);

}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-color: #f60;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-color: #f60;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}

/*tooltips*/

#tTips {
background-color:transparent;
background-image:url(pics/tail.gif);
background-position:15px bottom;
background-repeat:no-repeat;
display:none;
margin:0;
padding:0 0 8px;
position:absolute;
}

#tTips p#tTips_inside {
background-color:#DDDDDD;
color:#333333;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
margin:0;
padding:8px 12px;
text-align:center;
}

/* Single Page*/
.single .single_page_start{background: url('pics/single_back_top.png') repeat-x top left;height:18px;width:100%;clear: both;}
.single .single_page {min-width:990px;width: 100%;background: url('pics/single_back.png') repeat-x top left #000;clear: both;overflow: hidden;}
.single .single_page_finish{background: url('pics/single_back_bottom.png') repeat-x bottom left;height:87px;width:100%;clear: both;}

.single #logo {background: url('pics/bg_logo.gif') no-repeat; width:151px;height:151px;text-indent: -500px; overflow: hidden;position: absolute; top:20px;left:20px;}
.single #logo h1{font-size: 1px;color: black;}

.single .post-wrapper {width: 500px;float:left;}
.single .post_head	{width:500px; height: 65px;overflow: hidden;}
.single .post_head .date {float:left;padding: 0px;margin-top:10px; width: 45px;}
.single .post_head .category_list{float:left;margin-top: 10px;margin-left:20px;width:430px;height:51px;border-bottom: 1px solid #85bcb9;}
.single .post_body, .single .comments_body {width:500px;overflow: hidden;}
.single .post_body h2 {float: left;width:50px;}
.single .post_body .post {float: left;width:420px;padding: 0px;line-height: 2em;height: auto;}
.single .post_footer, .single .comments_footer {width:500px;height: 89px;overflow: hidden;}

.single .comments_head {height:47px;}
.single .comment_bar {width:50px;overflow: hidden;float: left;}
.single .comment_bar h2 {color:#999;text-transform: uppercase;}
.single .comment_bubble{float: left;width:320px;padding: 0px 10px 20px 10px;line-height: 1.4em;color:#999;}
.single .comment_bubble p{margin:0px;}

.single .comments-wrapper{width: 400px; overflow: hidden; margin-top: 10px;float:left;}
.single #commentform {margin-left: 60px;}
.single #comment {width:150px;}
.single .comment_right {width:150px;}
.single .submit_button {width:150px;font-size:0.8em;}
.single .commentlist{padding: 0px;margin: 0px;}
.single .commentlist li{list-style-type: none;overflow: hidden;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dotted #333;}
.single .comment_date_time{float: left;width:45px; overflow: hidden;text-align: center;color:#999; overflow: hidden;}
.single .comment_day{font-family: "Times", "Georgia",serif;font-size: 2em;clear: both;height:21px;}
.single .comment_month{font-family: "Times", "Georgia", serif;font-size: 1.2em;height:12px;}
.single .comment_year{font-family: "Times", "Georgia",serif;font-size: 0.8em;height:18px;}
.single .comment_time{font-family: "Times", "Georgia",serif; border-top:1px dotted #999;}
.single #sidebar-wrapper {float: left;}

.single .prev_post_link{float: left;width: 45px;margin-top: 61px;}
.single .next_post_link{float: left;width:45px;margin-top: 61px;}
.single .prev_post_link h2 , .single .next_post_link h2 {border-top:1px dotted #999;color:#999;}
.single hr {clear:both;height: 1px;border:none;border-bottom: 1px dotted #333;margin-top:10px;margin-bottom:10px;}

/* single page styles */

.page .post-wrapper {width:550px;}
.page .post_head {width:550px;}
.page .post_body {width:550px;}
.page .post_body .post {width:450px;margin-left:20px;height: auto;}
.page .post_body .post p {text-align: justify;}
.page .post_head .category_list {width:480px;}
.page .sideblock {padding: 0px; width:400px; margin: 20px 0px;overflow: hidden;clear: both;background: none;border-top:1px dotted #333;}
.page #sidebar-wrapper {width: 400px;overflow: hidden;margin-top:40px;}
.page #sidebar {width: 400px;}
.page #sidebar a {font-weight: normal;color: #333;}
.page #sidebar a:hover {color:#999;}
.page #sidebar h2 {float: left;color:#333;text-transform: uppercase;width:50px;}
.page .sideblock ul{display: block;}
.page .sideblock_list {float: left;width: 330px;margin-left: 0px;}


/* comments Popup*/

.comment_author, .comment_email, .comment_url, #comment{background-color: #111; color:#fff;border:none;border-bottom:1px dotted #85bcb9;width:150px; font-size:10px;height: 20px;padding:2px;}

#commentform label{font-size:10px;color:#333;}
#commentform p {margin:5px 0px;}

#comment{width:250px;height:100px;}

.comment_left{float: left;width: 170px;}
.comment_right{float: left; width: 250px;}

.submit_button {border:none;background-color: #333;}

.error, .success {width:410px;padding: 20px;float: left;background-color: #111;}

.single .error, .single .success {width:285px;margin-left: 60px;}
/* ACP Codes*/
.error {
color: #FF0000;
}

.alignleft{float:left;padding-right:10px;}

.success {
color: #00CC00;
}