/*
Theme Name: deCoder
Theme URI: http://webdemar.com/wordpress/wordpress-theme-decoder-09/
Description: Dark stlye clean WordPress Theme deCoder by <a href="http://webdemar.com">webdemar</a> with multi-level dropdown, threaded comments and sticky posts (backward compatible).
Version: 0.9.1
Author: webdemar
Author URI: http://webdemar.com
Tags: black, dark, blue, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post


- GENERAL
- BASIC LAYOUT
- HEADINGS
- HEADER
- CONTENT
+ CONTENT LEFT
+ CONTENT RIGHT
- BASIC CSS ELEMENTS
- FORMS
+ GENERAL
+ SEARCHFORM
+ COMMENTFORM
- FOOTER
- USEFUL
+ WORDPRESS CSS
+ WIDGETS CSS

/*    ##################################
GENERAL
##################################*/

#searchWrapperAll, #searchWrapper, #OT_logo,#OT_logoLink  
{
   background:none;
}



BODY
{
	margin: 0px;
	padding: 0px;
	background: #071032 url(img/bg-body-blue.png) repeat-x;
	color: #FFF;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
}
A
{
	color: #FFFFFF;
}
P
{
	margin: 0 0 20px;
	padding: 0px;
	line-height: 15px;
}
IMG
{
	border: none;
}
/*##################################
BASIC LAYOUT
##################################*/
#page
{
	width: 960px;
	margin: 0 auto;
}
#header
{
	position: relative;
	height: 434px;
	background: url(img/bg-header.png) no-repeat center top;
	z-index: 2;
/*IE z-index bug*/
}
#headerlinks
{
	display: block;
	position: absolute;
	/*height: 100px;
	width: 800px;
	background: url(img/header_links.png) no-repeat center;*/
	margin: 163px 0 0 80px;
}
#headertitle
{
	display: block;
	position: absolute;
	height: 110px;
	width: 760px;
	background: url(img/header_title.png) no-repeat center;
	margin: 300px 0 0 99px;
}
#content
{
	margin: 50px 0 0 0px;
	background: url(img/bg-content.gif) repeat-y right top;
	z-index: 1;
/*IE z-index bug*/
}
#content-left
{
	float: left;
	width: 630px;
	padding: 0px 0 40px 25px;
}
#content-right
{
	float: right;
	width: 290px;
	margin: 0;
}
/*##################################
HEADINGS
##################################*/
H1#blog-title
{
	float: left;
	margin: 50px 10px 0 0;
	padding: 0px;
	font-size: 18px;
}
H1#blog-title A
{
	color: #FFF;
	text-decoration: none;
}
H1#blog-title A:hover
{
	text-decoration: none;
}
H2#blog-description
{
	float: left;
	margin: 57px 0 0;
	padding: 0px;
	color: #F8DEC7;
	font-size: 11px;
	font-weight: normal;
}
H2#category-title
{
	margin: -10px 0 30px;
}
H3.post-title
{
	margin: 0 0 20px;
	padding: 0px;
	color: #006990;
	font-size: 18px;
}
H3.post-title A
{
	color: #006990;
	text-decoration: none;
	border-bottom: 1px none #006990;
}
H3.post-title A:hover
{
	border-bottom: none;
	color: #01A0FF;
}
H4.sidebar-title
{
	margin: 0 0 10px;
	padding: 0px;
	color: #006990;
	font-size: 14px;
}
H4.content-title
{
	margin: 0 0 20px;
	padding: 0px;
	color: #006990;
	font-size: 14px;
}

/*##################################
Horizontal Navigation
##################################*/
#nav
{

	display: block;
	position: absolute;
	height: 26px;
	width: 1000px;
	margin: 270px 0 0 99px;
}
#nav UL
{
	list-style: none;
	height: 26px;
	margin: 0px 7px;
	padding: 0px;
	font: bold 16px/1.3 arial, Helvetica, sans-serif;
}
#nav UL LI
{
	margin: 2px 7px 0px 0px;
	padding: 0px;
	float: left;
}
#nav UL LI A
{
	padding: 0px 13px;
	text-decoration: none;
	color: #C7C7C7;
	display: block;
	white-space: nowrap;
}
#nav LI A:hover, #nav .current_page_item A
{
	text-decoration: none;
	color: #4283c8;
}


/*##################################
HEADER
##################################*/
#rss
{
	position: absolute;
	right: 0px;
	bottom: 40px;
	line-height: normal;
}
#rss A
{
	display: block;
	padding: 0 30px 0 0;
	background: url(img/bg-rss.png) no-repeat right center;
	line-height: 40px;
	text-align: right;
	text-decoration: none;
	color: #FFF;
}
#rss A:hover
{
	text-decoration: underline;
}
/*For menu styles please edit /lib/superfish.css
##################################
CONTENT
##################################
* CONTENT LEFT*/
.box-left, .post, .page
{
	margin: 0 0 40px;
}
.sticky
{
	padding: 20px;
	background: #2A2A2A;
	border: 1px solid #3A3A3A;
}
.tags
{
	padding: 0 0 0 15px;
	background: url(img/bg-tags.gif) no-repeat left center;
}
.meta
{
	padding: 10px 0 0;
	background: url(img/bg-meta.gif) repeat-x left top;
	color: #F8DEC7;
	border-top: 1px dotted #5D5D5D;
	clear: both;
}
.meta-date
{
	padding: 0 10px 0 15px;
	background: url(img/bg-meta-date.gif) no-repeat 0px 2px;
}
.meta-categories
{
	padding: 0 10px 0 15px;
	background: url(img/bg-meta-categories.gif) no-repeat 0px 2px;
}
.meta-comments
{
	padding: 0 10px 0 15px;
	background: url(img/bg-meta-comments.gif) no-repeat 0px 2px;
}
.box-left UL, OL, .post UL, OL, .page UL, OL
{
	margin: 0 0 20px;
	line-height: 22px;
}
.box-left UL, .post UL, .page UL
{
	padding: 0 0 0 20px;
	list-style: none;
}
.box-left UL LI, .post UL LI, .page UL LI
{
	margin: 0px;
	padding: 0 0 0 20px;
	background: url(img/bg-list-item-content.png) no-repeat left center;
}
/** CONTENT RIGHT*/
.box-right
{
	margin: 0px;
	padding: 30px 20px 25px;
	/*background: url(img/bg-box-right.gif) repeat-x left bottom;*/
}
.box-right UL
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.box-right LI
{
	margin: 0px;
	padding: 5px 0 5px 10px;
	background: url(img/bg-list-item-sidebar-blue.gif) no-repeat 0px 8px;
}
.box-right LI A
{
	padding: 5px 0;
	text-decoration: none;
}
.box-right LI UL
{
	padding: 5px 0 0;
}
/*##################################
BASIC CSS ELEMENTS
##################################*/
HR
{
	height: 1px;
	margin: 20px 0;
	background: #3A3A3A;
	border: none;
}
TABLE
{
	width: 100%;
	margin: 0 0 20px;
}
TH, TD
{
	padding: 5px 10px;
}
TH
{
	background: #006990;
	color: #FFF;
}
TR.even
{
	background: #2A2A2A;
}
PRE
{
	margin: 0 0 20px;
	padding: 20px;
	background: #2A2A2A;
	line-height: 22px;
	border: 1px solid #3A3A3A;
	font-family: Courier, serif;
	overflow-x: scroll;
	overflow-y: visible;
}
BLOCKQUOTE
{
	padding: 0 0 0 20px;
	border-left: 5px solid #2A2A2A;
}
/*##################################
FORMS
##################################
* GENERAL*/
FIELDSET
{
	margin: 0 0 40px;
	padding: 0 40px 40px;
	background: #2A2A2A;
	border: none;
}
LEGEND
{
	color: #006990;
	font-size: 14px;
}
LABEL
{
	display: block;
	margin: 0 0 5px;
}
INPUT, TEXTAREA
{
	width: 50%;
	height: 23px;
	margin: 0 0 20px;
	padding: 7px 5px 0;
	color: #5D5D5D;
	background: #FFF url(img/bg-form-input.png) repeat-x left top;
	border: none;
}
TEXTAREA
{
	width: 80%;
	height: 150px;
}
SELECT
{
	margin: 0 0 20px;
}
INPUT.radio, INPUT.checkbox
{
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: #FFF;
}
INPUT.submit, INPUT.button
{
	width: auto;
	height: 30px;
	margin: 0px;
	padding: 0 20px;
	background: url(img/bg-form-submit-blue.png) no-repeat left top;
	border: none;
	color: #FFF;
}
/** SEARCHFORM*/
#content #searchform
{
	width: 250px;
}
#searchform #search
{
	float: left;
	width: 200px;
	height: 23px;
	padding: 7px 5px 0;
	color: #5D5D5D;
}
#searchform #search-submit
{
	float: right;
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
/** COMMENTFORM*/
#comments, #trackbacks
{
	margin: 40px 0 0;
}
#trackbacks
{
	margin: 20px 0 0;
}
.comment
{
	padding: 0 40px 40px;
	background: #2A2A2A;
}
#trackbacks UL
{
	margin: 0 0 40px;
	padding: 40px 40px 30px;
	background: #2A2A2A;
	list-style: none;
}
#trackbacks LI
{
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	line-height: 22px;
	background: url(img/bg-list-item-content.png) no-repeat 0px 4px;
}
.first
{
	padding: 40px;
}
#response
{
	margin: 60px 0 0;
}
#response FIELDSET
{
	padding: 40px;
}
.comment-left, #commentform-left
{
	float: left;
	width: 120px;
	height: 120px;
	background: url(img/bg-commentform-left.gif) no-repeat right top;
}
.comment-right, #commentform-right
{
	float: left;
	width: 430px;
	min-height: 120px;
}
.comment-text
{
	padding: 20px;
	background: #FFF url(img/bg-form-input.png) repeat-x left top;
	color: #5D5D5D;
	line-height: 22px;
}
#response TEXTAREA
{
	width: 420px;
	height: 100px;
	margin: 0px;
	padding: 5px;
}
#response LABEL
{
	display: block;
	line-height: 20px;
}
#response INPUT.text
{
	width: 420px;
	height: 20px;
	margin: 0px;
	padding: 5px;
}
#response INPUT.submit
{
	float: right;
	height: 30px;
	margin: 20px 0 0;
	padding: 0 20px;
}
.comment-author
{
	margin: 0px;
	padding: 5px 0;
	color: #006990;
	font-size: 14px;
}
.comment-author A
{
	color: #006990;
	text-decoration: none;
}
.comment-author A:hover
{
	text-decoration: underline;
}
/** COMMENTS IN WP 2.7*/
#commentfieldset
{
	padding: 20px 40px;
}
.commentlist UL
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.commentlist LI
{
	margin: 20px 0 0;
	padding: 20px 0 20px 20px;
	background: #2A2A2A;
	list-style: none;
}
.commentlist .avatar
{
	float: right;
	margin: 0 20px 10px;
}
.commentlist LI A
{
	color: #F8DEC7;
}
.commentlist LI P
{
	margin: 0 20px 20px 0;
}
.commentlist .comment-meta
{
	margin: 0 0 20px;
}
.commentlist .comment-author A
{
	padding: 0 0 5px;
	color: #FFF;
	font-weight: bold;
}
.commentlist UL.children
{
	margin: 0px;
	padding: 0px;
}
.commentlist .children LI
{
	margin: 20px 0 0;
	padding: 20px 0 20px 20px;
	background: none;
	border: 1px solid #3A3A3A;
	border-right: none;
}
.reply
{
	width: 50px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #1F1F1F;
	border: 1px solid #5D5D5D;
	border-right: none;
	border-bottom: none;
}
.reply A
{
	display: block;
	height: 25px;
	line-height: 25px;
}
#cancel-comment-reply
{
	margin: 5px 0 20px;
}
#cancel-comment-reply A
{
	color: #6A6A6A;
}
.commentlist LI.depth-1, .commentlist LI.depth-3, .commentlist LI.depth-5
{
	background: #2A2A2A;
}
.commentlist LI.depth-2, .commentlist LI.depth-4, .commentlist LI.depth-6
{
	background: #3A3A3A;
}
/*##################################
FOOTER
##################################*/
#footer-wrap
{
	background: url(img/bg-footer-wrap-blue.png) repeat-x left top;
}
#footer
{
	width: 960px;
	margin: 0 auto;
}
#footer P
{
	margin: 0px;
	padding: 0px;
	line-height: 40px;
}
#legal
{
	float: left;
	width: 450px;
}
#webdemar
{
	float: right;
	width: 450px;
	text-align: right;
}
/*##################################
USEFUL
##################################*/
.clearfix:after
{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
HTML[xmlns] .clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1%;
}
.clear
{
	clear: both;
}
/** WORDPRESS CSS*/
.aligncenter, DIV.aligncenter
{
	display: block;
	margin: 0 auto;
}
.aligncenter
{
	margin-bottom: 20px !important; /*[e]20px*/
}
.alignleft
{
	float: left;
	margin: 0 20px 20px 0;
}
.alignright
{
	float: right;
	margin: 0 0 20px 20px;
}
.wp-caption
{
	margin-bottom: 20px;
	padding-top: 4px;
	border: 1px solid #3A3A3A;
	text-align: center;
	background-color: #2A2A2A;
}
.wp-caption IMG
{
	float: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
.wp-caption P.wp-caption-text
{
	padding: 0px;
	margin: 0px;
}
/** WIDGETS CSS*/
#calendar_wrap TABLE
{
	width: 100%;
}
#calendar_wrap TD
{
	text-align: center;
}
#wp-calendar CAPTION
{
	margin: 0 0 10px;
	padding: 2px;
	background: #3A3A3A;
}