/*  

Theme Name:Blog ONE by:WebsiteDelux.com

Theme URI: http://websitedelux.com

Description: A super-cool easy to use personal or money making blog theme.

Version: 4.0

Tags: dark, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post, translation-ready, black

Author:Web Services Company

Author URI: http://websitedelux.com/





*/



/* =======

	RESET

   ------- */



body, h1, h2, h3, h4, h5, ul#sidebar, ul.widgets, li, ul#sidebar li ul, ol.commentlist, ul.children, ul#footercol li ul,

div#submenu-nav ul, div#submenu-nav ol, form, img, table

	{

	margin:0;

	padding:0;

	border: 0;

	}




/* ==============

	TYPE & COLOR

   -------------- */



/* Default font */

body, h1, textarea#comment, input#author, input#email, input#url

	{

	font-family:  Arial, Helvetica, sans-serif;

	color: #f1f1f1;

	}



/* Sans-serifs */

ul#sidebar, div#footer, div#header h1 span, h2, h3, h4, h5, a.more-link, div.authormeta, div.postmeta, div.commentmeta, 

div.comment-author, div.comment-meta, p.commentloggedin, div.reply, div.cancel-comment-reply, h1.listhead, 

div.post ul, div.page ul, div.post ol, div.page ol, div.nav

	{

	font-family: Arial, Helvetica, sans-serif;

	color: #FFF;

	}



/* Default font size */

div#content, textarea#comment, input#author, input#email, input#url

	{ font-size: 16px; }



/* Medium-small font */

a.more-link, div.comment-body p

	{ font-size: 14px; }



/* Small font */

div#content small, div#copy, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed, div#submenu-nav

	{ font-size: 12px; }



/* Headers */

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5

	{

	color: #333;

	margin-bottom: 7px;

	}

div#content h1

	{

	font-size: 42px;

	line-height: 42px;

	letter-spacing: -1px;

	font-weight: normal;

	margin-bottom: 7px;

	padding-bottom: 14px;

	border: 1px solid #e8e8e8;

	border-width: 0 0 1px 0;

	}

	div#content h1.listhead { background: #f8f8f8; margin: 0 10px 20px 10px; padding: 10px 10px 8px 10px !important; font-size: 16px; line-height: 16px; letter-spacing: 0;  color: #777; }

		div#content h1.listhead strong { color: #333; }

div#content h2

	{

	font-size: 28px;

	line-height: 28px;

	}

	body.single div#content h2, body.page div#content h2 { margin-top: 24px; }

	body.home div#content h2, body.archive div#content h2, body.search div#content h2, body.error404 div#content h2 { font-family:  Arial, Helvetica, sans-serif; font-weight:normal; }

div#content h3

	{

	font-size: 18px;

	line-height: 18px;

	}

div#content h4

	{

	font-size: 16px;

	}

	div#footer h2 { margin-bottom: 7px; }

div#content h5, ul#sidebar h2, div#footer h2, div.nav

	{

	font-size: 12px;

	

	}

	ul#sidebar h2 { margin-bottom: 7px; padding-bottom: 3px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }



/* common type */

div#content p

	{

	line-height: 24px;

	margin: 0 0 14px 0;

	}

	div.comment-body p { line-height: 18px; margin-bottom: 10px !important; }



/* =======

	LINKS

   ------- */



/* default */

a:link, a:active, a:visited

	{

	color:#CCC;

	text-decoration: none;

	}

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



div.postmeta span.comments a { font-size:10px; line-height:12px; font-weight:bold; padding: 2px 2px 1px 8px !important; }



h1 a:hover, h2 a:hover

	{ text-decoration: none; }



h1 a:link, h1 a:active, h1 a:visited

	{

	color: #000;

	padding: 10px 0;
background:transparent;
	}

	h1 a:hover { text-decoration:none; color: #06C;   }


/* dark grey links */

ol.commentlist a:link, ol.commentlist a:active, ol.commentlist a:visited,

div#submenu-nav a:link, div#submenu-nav a:active, div#submenu-nav a:visited

	{

	color: #111;

	text-decoration:underline;

	}

	ol.commentlist a:hover, div#submenu-nav a:hover { color: #800; text-decoration: none; }



/* meta */

div.postmeta a:link, div.postmeta a:active, div.postmeta a:visited, a.more-link

	{ color: #444; padding: 1px; font-style:normal; font-weight:bold; }

	div.postmeta a:hover, div.postmeta span.comments a:hover { color: #fff; background: #111; border-color: #000; text-decoration: none; }





/* ========

	LAYOUT

   -------- */



.left { float:left; }

.right { float:right; }

.center { text-align:center; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }



div.widecolumn { width: 620px; }



div.column, ul.column, ul#sidebar

	{ width: 320px; }



div#site { background:#000 url(images/bg.jpg) no-repeat; width: 100%; float:left; min-height:1024px; height:auto; }



div#wrap

	{
	width: 960px;

	margin: 0 auto;

	overflow:hidden;

	}

	div#toplist {  position:relative; width: 960px; }

		div#toplist div.feed { float:right; padding: 5px 0; }

			div#toplist div.feed a { background:transparent;padding: 10px;  color: #fff; }

				div#toplist div.feed a:hover { background:transparent; }



div#header

	{

	width: 100%;

	float:left;

	margin: 20px 0 0 0;

	padding-bottom: 10px;

	border: 1px solid #444;

	border-width: 0 0 5px 0;
	

	}

	div#header h1 { letter-spacing:-1px; font-size: 36px; font-weight:normal; }

		div#header h1 span { color: #CCC; font-size: 24px; text-transform: uppercase; }



div#submenu-nav

	{

	width:100%;

	float:left;

	border: 1px solid #444;

	border-width: 0 0 1px 1px;

	border-left: 1px dotted #e8e8e8;

	}

	div#submenu-nav ul {}

		div#submenu-nav ul li { list-style: none; float:left; padding: 8px; border: 1px dotted #e8e8e8; border-width: 0 1px 0 0; }



div#blog {
	width: 100%;

	float:left;

	}



div#content { background:transparent;float:left; margin-top: 160px; }

	div.post, div.page, div.attachment { padding: 10px 20px 0 20px; margin-bottom: 30px; overflow:hidden; border:dotted 1px #999; }

		div.postmeta { background:url(images/dateBG.png)no-repeat; width:100%; height:25px; float:left; margin-bottom: 10px;  padding-top:5px; padding-left:5px; vertical-align:middle; color:#FFF;}

		body.single div#content div.postmeta, body.page div#content div.postmeta { margin-bottom: 30px; }

			div.postmeta span.author { color:#FFF;}

				body.blog div.postmeta span.author { display:none; }

			div.postmeta span.categories { color:#FFF;}

			div.postmeta span.tags { color:#FFF;}

			div.postmeta span.timestamp { color:#FFF;}

			div.postmeta span.comments {padding-top:7px; margin-top:-10px; font-size:10px; height:32px; background:url(images/commentBG.png)no-repeat;float:right; margin-left: 10px; }

				div.postmeta span.comments span {}

		p.attachmentnav { padding-top: 5px; color: #777; font-style:italic; }

			p.attachmentnav a { font-style: normal; }

		div.post div.entry, div.page div.entry { width:100%; float:left; }

	div.sticky { padding: 20px 20px 8px 20px; background: #f8f8f8; border: 1px solid #e8e8e8; border-width: 1px 0; height: 1%; }

	h2#comments { margin: 0 20px 20px 20px; padding-bottom: 10px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }

	ol.commentlist {}

		ol.commentlist li { margin: 0 20px 10px 20px; padding: 0; list-style:none; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }

			ol.commentlist li div.comment-author, ol.commentlist li div.comment-meta { font-size: 12px; line-height: 16px; }

				ol.commentlist li div.comment-author img.avatar { float:left; margin: 0 10px 0 0; }

				div.comment-author cite.fn { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight:bold; }

					div.comment-author cite.fn a { text-decoration: none; }

				div.comment-meta { margin-bottom: 10px; }

		ol.commentlist li.even {}

		ol.commentlist li.odd {}

		ol.commentlist li.bypostauthor {}

		ol.commentlist li.pingback { font-size: 12px; color: #777; padding: 0 0 10px 5px; color: #777; }

			ol.commentlist li.pingback a { font-size: 12px; font-weight:normal; }

			ol.commentlist li.pingback p, ol.commentlist li.pingback span, ol.commentlist li.pingback div.comment-meta, ol.commentlist li.pingback div.reply { display:none; }

		div.reply { float:right; display:block; margin: -25px 0 0 0; line-height: 12px; }

			a.comment-reply-link { display:block; float:left; margin-left: 10px; }

		ul.children { margin: 20px 0 20px 20px; }

			ul.children li { margin: 10px 0; padding-left: 10px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; }

	div#respond { margin: 20px; }

		div#respond h3 {}

		table.commenttable { border:0; padding: 0; }

		table.commenttable tr td { font-size: 12px; line-height: 12px;  }

		form#commentform {}

			input#author, input#email, input#url { margin-bottom: 5px; padding: 2px; width: 250px; font-style: italic; }

			textarea#comment { width: 556px; height: 150px; padding: 10px; font-style: italic; }

			input#submit { float:right; margin-bottom: 20px; }

	div.nav { float:left; display:block; }

		div.commentnav div.left, div.commentnav div.right { padding: 0 20px 20px 20px; }

	div.entry ul li ul.children { margin: 10px 20px; }

		div.entry ul li ul.children li { margin: 0 0 5px 0; padding-left: 0; border: 0; }



ul#sidebar

	{
	float:right;
   	margin-top:150px;

	}
	ul#sidebar ul.children { margin: 5px 0 0 0; }

		ul#sidebar ul.children li { border: 0; }

	ul#sidebar li { list-style: none; margin: 0 20px 20px 0; }

		ul#sidebar li ul { margin-left: 5px; }

			ul#sidebar li ul li { margin-bottom: 5px; }

				ul#sidebar li ul li ul { margin: 5px 0 0 10px; }

	li#tag_cloud {}

		li#tag_cloud a { padding: 0 2px; }

	li#search {}

	ul#sidebar li.categories {}



div#footer

	{

	width: 100%;

	float:left;

	clear:both !important;

	margin: 20px 0 0 0;

	padding: 15px 0 1px 0;

	border: 1px solid #bbb;

	border-width: 1px 0 5px 0;

	border-bottom-color: #444;

	}

	ul.footercol { width: 240px; float:left; }

		ul.footercol li { list-style:none; margin-bottom: 15px; padding: 0 10px; }

			ul.footercol li ul { margin-left:1px; padding-left:0; }

				ul.footercol li ul li { margin-bottom: 5px; padding-left:0 !important; }

					ul.footercol li ul li ul { margin-left: 10px; }



div#copy

	{

	width:100%;

	float:left;

	clear:both;

	margin: 0;

	padding: 10px 0;

	background: transparent;

	border: 1px solid #bbb;

	border-width: 0 0 1px 0;

	}

	div#copy p { margin:0; padding:0 0 0 10px; }

	div#copy p.right { padding: 0 10px 0 0; }

	div.copycolumnwide { float:left; width:620px; }

	div.copycolumn { float:right; width:320px; }



div#finalword

	{

	width:100%;

	float:left;

	clear:both;

	margin: 0;

	padding: 20px 0;

	color: #777;

	text-align:center;

	font-size: 12px;

	font-style: italic;

	}

	div#finalword a:link, div#finalword a:active, div#finalword a:visited { color: #444; }

	div#finalword span { font-style:normal; }





/* ===================

	ELEMENTS & DESIGN

   ------------------- */



p.right { text-align:right; }

p.center { text-align:center; }

p.admin { color: #aaa; font-size: 12px; }

p.nocomments { padding: 0 20px; font-style: italic; color: #777; }



div#content embed, .embedded { text-align:center; margin: 0 0 14px 0; } /* for movies */



div#content p span { background: #ffc; }



div.post ul li, div.page ul li, div.post ol li, div.page ol li { margin-bottom: 5px; color: #333; }



blockquote { margin: 0 0 14px 20px; padding: 0 15px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; color: #777; font-style: italic; }

	blockquote.pullquote { width: 220px; padding: 5px 0; border: 0; font-size: 18px; line-height: 150%; }

		blockquote.pullquote p { margin-bottom: 0; }

ol.commentlist li blockquote { border: 0; padding:0; }



/* Images and aligns */

.alignleft, blockquote.alignleft { float:left; margin: 0 15px 15px 0; }

.alignright, blockquote.alignright { float:right; margin: 0 0 15px 15px; }

.frame { padding: 5px; border: 1px solid #e8e8e8; }

.wp-caption { padding: 10px 7px; border: 1px solid #e8e8e8; font-size: 12px; color: #777; font-style: italic; text-align:center; }

p.wp-caption-text { margin:10px 0 0 0 !important; padding:0; line-height: 14px !important; }



div.gallery { margin-bottom: 14px; }

	dl.gallery-item {}

		dt.gallery-icon {}

			img.attachment-thumbnail { border:0; }

		dd.gallery-caption { margin-top: 8px; font-size: 12px; color: #777; font-style: italic; }



/* Quick color fixes */

div.postmeta { color: #777; }

span.alert { color: red; background:none; }

div#content strong { color: #333; }

#copy .copycolumn .right a {

	font-size: 10px;

}

#copy .copycolumnwide p {

	font-size: 10px;

}