/*  
Theme Name: JSD-Theme
Theme URI: http://www.jubairsaidi.com/
Description: A theme created for use on JubairSaidi.com
Author: Jubair Saidi	
Author URI: http://www.jubairsaidi.com
Version: 1.0.2
Tags: two-columns, sticky-post, threaded-comments, fixed-width, left-sidebar, widgets

	This theme was designed and built for the WordPress CMS and is copyright jubairsaidi.com.
	Modify, adapt, and customize for your own site at will!

	The CSS, XHTML and design of this theme are released under GPL:
	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

@charset "UTF-8";

/* @group Global Tags */

html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

html {
}

body {
	background-color: #000;
	background-image: url(images/main_background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	font-family: Arial;
	font-size: .8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	line-height: 1;
}

img {
	border: none;
}

a {
	color: #6BA6C3;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
	color: #ccc;
}

fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

input {
	font-size: 11px;
}

select {
	font-size: 11px;
}

option {
	font-size: 11px;
}

p {
	margin: 0;
	padding-bottom: 10px;
}

ul, ol {
	list-style: none;
}

/* @end */

/* @group Global Header */

#header {
	z-index: 999999;
	text-align: left;
	height: 48px;
	width: 100%;
	min-width: 970px;
	overflow-x: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	background-image: url(images/header_background.png);
	background-repeat: repeat;
	background-position: top center;
}

#header .header-items {
	height: 48px;
	margin: 0px auto 0px auto;
	width: 970px;
}

#header .header-items .left {
	padding: 5px 0px 0px 10px;
	float: left;
	font-size: 12px;
}

#header .header-items .left ul {
	margin: 0;
	padding: 0;
}

#header .header-items .left ul li {
	list-style-type: none;
	float: left;
	font-size: 14px;
	margin-right: 15px;
}

#header .header-items .left ul li a.rss {
	background: url(images/rsstrans.png) left 4px no-repeat;
	padding-left: 17px;
}
#header .header-items .left ul li.like_button{
	margin-top: -1px;
}
#header .header-items .left a {
	color: #fff;
}
#header .header-items .left a:hover {
	color: #ccc;
}

#header .header-items .right {
	padding: 5px 10px 0px 0px;
	float: right;
	font-size: 12px;
}

#header .header-items .right input#searchbox {
	border: 1px solid #242424;
	background-color: #b1b1b1;
	color: #4c4c4c;
	padding: 0px 0px 0px 5px;
	float: right;
}

#header .header-items .right input.submitbutton {
	float: right;
	margin: 1px 0px 0px 5px;
}

#content-header {
	clear: both;
	padding: 48px 0px 10px 10px;
}

#content-header #logo {
	width: 260px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#content-header #logo a, #content-column-left #logo a:hover {
	color: #fff;
	text-decoration: none;
}

#content-header #logo .image {
	width: 110px;
	float: left;
	margin-right: 10px;
}

#content-header #logo .text h1 {
	font-size: 26px;
	width: 110px;
	max-width: 110px;
	float: left;
	line-height: 36px;
	margin: 0;
	font-weight: normal;
	text-shadow: #000 0 0 6px;
}

#content-header .header-widget {
	float: right;
	width: 500px;
	background: url(images/header_widget_content.png) repeat center top;
}

#content-header .header-widget .inner {
	padding: 10px 10px 0px 20px;
	text-align: right;
	color: #000;
	line-height: 1.4;
}
/* @end */

/* @group Global Footer */

#content-footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 970px;
	text-align: left;
	clear: both;
}

#content-footer .copyright {
	padding: 2px 0px 0px 10px;
	font-size: 11px;
	float: left;
}

#content-footer .siteby {
	padding: 2px 0px 0px 0px;
	font-size: 11px;
	float: right;
}

/* @end */

/* @group Global Elements */

#page-body {
	margin: 0px auto 0px auto;
	width: 100%;
	max-width: 970px;
	min-width: 970px;
}

#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 970px;
	position: relative;
}

#content-main {
	width: 970px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	clear: both;
}

#content-column-left {
	width: 230px;
	float: left;
}

#content-column-left .sidebar-box {
	width: 230px;
	margin: 0px 0px 10px 0px;
}

#content-column-left .sidebar-box .top {
	width: 230px;
	height: 32px;
	max-height: 32px;
	background: url(images/side_nav_top.png) no-repeat center bottom;
}

#content-column-left .sidebar-box .top .inner {
	text-align: center;
	padding: 8px 0px 0px 10px;
}

#content-column-left .sidebar-box .top .inner h2 {
	margin: 0;
	font-size: 16px;
}

#content-column-left .sidebar-box .middle {
	width: 230px;
	background: url(images/side_nav_middle.png) repeat-y center top;
}

#content-column-left .sidebar-box .middle .inner {
	padding: 10px 10px 0px 20px;
}

#content-column-left .sidebar-box .bottom {
	width: 230px;
	height: 20px;
	max-height: 20px;
	background: url(images/side_nav_bottom.png) no-repeat center top;
}

#content-column-left .sidebar-box ul.nav a {
	font-size: 13px;
}

#content-column-left .sidebar-box ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 15px;
}

#content-column-left .sidebar-box ul {
	list-style-type: none;
}

#content-column-left .sidebar-box a {
	color: #6BA6C3;
}
#content-column-left .sidebar-box a:hover {
	color: #ccc;
}

#content-column-left .sidebar-box ul.recent-entries li {
	margin-bottom: 15px;
	font-size: 13px;
}
#content-column-left .sidebar-box ul li {
	margin-bottom: 10px;
	font-size: 13px;
}
#content-column-left .widget-bg {
	background: url(images/header_widget_content.png) repeat center top;
	color: #000;
}
#content-column-middle {
	margin: 0px 0px 0px 10px;
	float: left;
	width: 730px;
	padding: 0px;
}

#content-column-middle .page-content {
	margin: 0px 0px 10px 0px;
}

#content-column-middle .page-content .header {
	width: 730px;
	height: 32px;
	max-height: 32px;
	background: url(images/content_top.png) no-repeat center bottom;
}

#content-column-middle .page-content .header .inner {
	text-align: left;
	padding: 0px 10px 0px 20px;
}

#content-column-middle .page-content .header .inner h2.posttitle {
	margin: 0px;
	font-size: 16px;
	padding: 8px 0px 0px 0px;
}

#content-column-middle .page-content .header .inner h2.posttitle a {
	color: #fff;
}

#content-column-middle .page-content .content-container {
	width: 730px;
	background: url(images/content_middle.png) repeat-y center top;
	line-height: 1.5;
	text-align: justify;
}

#content-column-middle .page-content .content-container .inner-container {
	padding: 5px 10px 0px 20px;
}

#content-column-middle .page-content .footer {
	width: 730px;
	height: 20px;
	max-height: 20px;
	background: url(images/content_bottom.png) no-repeat center top;
}

/* @end */

/* @group Content Elements */
.margin-fix {
	margin: 0;
}
.cleared {
	clear: both;
}

.post-meta-top {
	text-transform: capitalize;
	font-size: 0.7em;
	padding: 8px 0px;
	line-height: 1.5em;
}

.post-meta-bottom {
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.1em;
	margin-top: 15px;
}

.postcategs {
	float: left;
	width: 450px;
	background: url(images/categ.png) left 2px no-repeat;
	padding-left: 20px;
	line-height: 16px;
}

.postdate {
	float: right;
	width: 130px;
	text-align: right;
}

.postdate span {
	background: url(images/date.png) left no-repeat;
	padding-left: 20px;
}

.posttags {
	float: left;
	width: 440px;
	background: url(images/tags.png) left 1px no-repeat;
	padding-left: 20px;
	line-height: 16px;
}

.postreadmore {
	float: right;
	width: 140px;
	text-align: right;
}

.postreadmore span {
	background: url(images/more.png) left 4px no-repeat;
	padding-left: 17px;
}
input.contact-filed {
	height: 20px;
}
/* @group Comments */

#navigation {
	line-height: 1.7em;
	padding-bottom: 5px;
}

#navigation a {
	border-bottom: 1px dashed #6BA6C3;
}

#navigation a:hover {
	background: url(images/blacktrans.png);
}

#navigation .wp-pagenavi a {
	padding: 5px 7px;
	font-size: .8em;
	background: url(images/blacktrans2.png);
	color: #fff;
	border: none;
}

#navigation .wp-pagenavi a:hover {
	color: #6BA6C3;
}

#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {
	padding: 5px 7px;
	font-size: .8em;
	background: url(images/blacktrans2.png);
	color: #fff;
	border: none;
}

#comments {
	margin: 0 0 15px 0;
}

#comments h3 {
	font-size: 1em;
	font-weight: normal;
}

#comments ul.commentlist li {
	margin: 10px 0 0 0;
	padding: 15px;
	background: url(images/blacktrans.png);
}

#comments ul.commentlist li ul.children li {
	margin: 20px 0 0 20px;
}

#comments img.avatar {
	float: left;
	margin: 0 20px 0 0;
}

#comments .commentbody .author {
	font-size: .9em;
	margin-bottom: 10px;
	color: #eee;
}

#comments .commentbody .author a {
	color: #6BA6C3;
}

#comments .commentbody .author a:hover {
	color: #eee;
}

#comments .commentbody .commentmetadata {
	font-size: .7em;
	color: #bbb;
	margin-bottom: 25px;
}

#comments .commentbody .commentmetadata a {
	color: #bbb;
}

#comments .commentbody em {
	margin-bottom: 10px;
	color: #eee;
	display: block;
	font-size: .8em;
	font-style: normal;
}

#comments .commentbody p {
	font-size: .8em;
	padding: 5px 0 8px 0;
	line-height: 1.4em;
}

#comments .commentbody p a {
	color: #6BA6C3;
}

#comments .commentbody p a:hover {
	color: #eee;
}

#comments .reply a {
	margin-top: 5px;
	padding: 5px;
	line-height: 1.3em;
	font-size: .7em;
	float: left;
	background: #ddd;
	color: #000;
}

#comments .reply a:hover {
	background: #fff;
	color: #111;
}

#comments h3#trackbacktitle {
	padding-top: 10px;
}

#comments ul.trackback {
	margin: 10px 0 0 0;
	padding: 15px;
	background: url(images/blacktrans.png);
}

#comments ul.trackback li {
	margin-bottom: 17px;
	font-size: .9em;
}

#comments ul.trackback li .commentbody .author {
	margin: 0;
}

#comments a#cancel-comment-reply-link {
	display: block;
	padding: 8px 0;
}

#comments a#cancel-comment-reply-link:hover {
	color: #ccc;
}

#comments #respond {
	margin-top: 20px;
}

#comments #respond h3 {
	margin-bottom: 15px;
}

#comments #respond input {
	padding: 5px;
	width: 200px;
	background: #efefef;
	font-size: .8em;
}

#comments #respond p {
	padding: .5em 0 0 0;
}

#comments #respond p label {
	font-size: .8em;
	font-weight: normal;
}

#comments #respond textarea {
	width: 600px;
	padding: 10px;
	background: #efefef;
	font-size: .8em;
	border: none;
}

#comments #respond .submitbutton {
	color: #fff;
	background: url(images/blacktrans3.png);
	padding: 6px;
	line-height: 1.4em;
	font-size: .8em;
}

#comments #respond .submitbutton:hover {
	cursor: pointer;
	color: #6BA6C3;
}

#comments #respond p.subscribe-to-comments label {
	display: inline;
	margin-left: 4px;
}

/* @end */

/* @end */