/*  
Theme Name: DemoBlog4
Author: DemoBlog4
Description: A 3 Column, clean and simple theme released under GPL: 
*/

html, body { margin: 0; padding: 0; }

body { 
	background: #FFFFFF url(images/bg.jpg) repeat;
	font-family: Verdana, Georgia, "Times New Roman", Serif;
	font-size: 11px;
	text-align: center;
	padding: 0px 0px;
}



body * {margin: 0px; padding: 0px;}



.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }



/*********************************************

		Link Styles

*********************************************/

a {
	color: #993300;
	text-decoration: none;
}

a:hover { color: #000; text-decoration: none; }


/*********************************************

		Text Elements

*********************************************/

p, ul, ol, blockquote {color: #000;}

ol, ul {
	margin: 5px 35px;
}

blockquote {

	margin: 0px 0px 0px 25px;

	padding: 0px 25px 0px 10px;

	font-style: italic;

	color: #666;

	border-left: 1px solid #D6D6D6;

}

img { border: 0px; background: none; }

p {

	padding: 10px 0px;

	margin: 0px;

	line-height: 18px;

}

/*********************************************

		Header Styles

*********************************************/

h1 { /* This style used as title on single posts and pages */

	color: #555555;

	font-size: 24px;

	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;

	font-weight: normal;

	padding: 0px;

	line-height: 150%;

	margin: 0px;

	text-align: left;

	text-transform: normal;

	letter-spacing: -1px;

}

h2 { /* This style used as header in the sidebars */

	color: #333;

	background: #FFFFFF url(images/sidebarbullet.gif) left no-repeat;

	font-size: 14px;

	font-family: Georgia, Times New Roman, Sans-Serif;

	font-weight: bold;

	list-style: none;

	text-transform: normal;

	padding: 10px 10px 10px 35px;

	margin: 0px;

	border-bottom: 1px dotted #999999;

}

h3 { /* This style used as the post titles on homepage/archive */

	color: #555555;

	font-size: 24px;

	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;

	font-weight: normal;

	padding: 0px;

	line-height: 150%;

	margin: 0px;

	text-align: left;

	text-transform: normal;

	letter-spacing: -2px;

}

h3 a {

	color: #555555;

	text-decoration: none;

}

h3 a:hover {

	color: #000;

	text-decoration: none;

}

h4 { /* This style used as title for comments and as the identifying header on archive page  */

	font-family: Georgia, "Times New Roman", Serif;

	font-size: 25px;

	padding: 10px 0px 5px 0px;

	margin: 0px;

	color: #333;

	text-decoration: none;

}



/*********************************************

		Container Div

*********************************************/

#container {

	background: #fff url(images/stripes.gif) repeat;

	border: 0px solid #000;

	text-align: left;

    margin: 0px auto;

    width: 960px;

    padding: 0px;

}



/*********************************************

		Header Styles

*********************************************/

#header {

	background: #fff url(images/logo.jpg) top no-repeat;

         width: 958px;

         height: 111px;

	border: 0px solid #fff;

	margin: 0px;  padding: 0px 0px 0px 0px;

	display: block;

	position: relative;

}

#header #title {

	color: 7D2800;

	font-size: 33px;

	font-family: Comic Sans MS, Helvetica Bold, Arial Bold, Verdana, Sans-Serif;

	margin: 0px;

	text-transform: normal;

	letter-spacing: -1px;

	font-weight: bold;

	}

#header #title a {

	color: #7D2800;

	text-decoration: none;

	}

#header #title a:hover {

	color: #7D2800;

	text-decoration: none;

	}

#header #desc {

	color: #666666;

	font-size: 16px;

	font-family: Georgia, Times New Roman, Sans-Serif;

	font-weight: normal;

	margin: 0px;

	padding-left: 10px;

	padding-top: 10px;

	}

/*********************************************

		Horizontal Navigaion Styles

*********************************************/

#menu { 

	background: #333;

	color: #fff;

	font-size: 10px;

	font-family: Verdana, Helvetica, Arial, Sans-Serif;

	font-weight: bold;

	margin: 0px 0px 15px 0px; padding: 6px 25px 6px 25px;

	text-align: left;

	border-top: 1px solid #333;

	border-bottom: 1px solid #333;

	}

#menu li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

#menu ul {

	margin: 0px;

	padding: 0px;

	}



#menu ul li a {

	color: #fff;

	font-size: 13px;

	font-family: Verdana, Georgia, Times New Roman, Sans-Serif;

	font-weight: bold;

	text-transform: normal;

	padding: 6px 25px 6px 25px;

	margin: 0px;

	text-decoration: none;

	text-transform: normal;

	}

#menu ul li a:hover {

	color: #000;

	background: #993300;

	text-decoration: none;

	}

/*********************************************

		Content Div

*********************************************/

#content {

	float: left;

	margin: 0px;

	padding: 0px 0px 20px 0px;

	width: 498px;

	display: block;

	border: 0px solid black;

}

#content .post, #content .page {

	clear: both;

	background: #FFFFFF;

	border: 1px solid #D6D6D6;

	margin: 0px 0px 15px 0px; padding: 10px;

	text-color: #4E4E4E;

}



a {

	color: #4E4E4E;

	text-decoration: none;

}

a:hover { 

         color: #000;

         text-decoration: none; 

}

/*********************************************

		Post Meta Styles

*********************************************/

.meta-top {

	clear: both; /* we need this so floats in the post are cleared */

	margin: 10px 0px; padding: 5px;

	text-align: left;

	background: #ffffff;

	border-top: 1px dotted #999999;

	border-bottom: 1px dotted #000;

}

.meta-bottom {

	clear: both; /* we need this so floats in the post are cleared */

	margin: 10px 0px; padding: 5px;

	text-align: left;

	border-top: 1px dotted #999999;

	border-bottom: 1px dotted #999999;

}

.meta-date {

	margin: 0px 5px;

}

.meta-author {

	margin: 0px 5px;

}

.meta-comments {

	margin: 0px 5px;

}

.meta-category {

	margin: 0px 5px;

}



/*********************************************

		Previous/Next Page Navigation

*********************************************/

.page-nav {

	clear: both; /* To clear any floats */

	margin: 10px 0px;

	padding: 10px 0px;

}

.nav-previous {

	width: 249px; 

	float: left; 

	text-align: left;

}

.nav-next {

	width: 249px; 

	float: right; 

	text-align: right;

}

	

/*********************************************

		Left Sidebar

*********************************************/

#l_sidebar {

	display: inline;

	float: left;

	border: 0px solid black;

	width: 200px;

	margin: 0px; padding: 0px 15px;

	display: block; /* floats are handled as block elements, this is to fix 

	a margin collapsing bug in IE */

}

#l_sidebar p, #l_sidebar .textwidget {

	padding: 5px;

}

#l_sidebar img {

	text-align: center;

}

#l_sidebar form {

	padding: 0px;

	margin: 5px;

}

#l_sidebar ul {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

}

#l_sidebar ul li {

	margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px;

	border: 1px solid #D6D6D6;

	background: #FFFFFF;

}

#l_sidebar ul li ul {

	padding: 0px 0px 0px 15px;

	list-style-type: square;

}

#l_sidebar ul li ul li {

	padding: 0px;

	margin: 5px;

	border: none;

}

#l_sidebar ul li ul li a {

	color: #993300;

	text-decoration: none;

}

#l_sidebar ul li ul li a:hover {

	color: #333;

	text-decoration: underline;

}

#l_sidebar ul li ul li ul {

	padding: 0px;

	margin: 0px;

}

#l_sidebar ul li ul li ul li {

	padding: 0px;

	margin: 5px 10px 5px 5px;

}



/*********************************************

		Right Sidebar

*********************************************/

#r_sidebar {

	display: inline;

	float: right;

	border: 0px solid black;

	width: 200px;

	margin: 0px; padding: 0px 15px;

	display: block; /* floats are handled as block elements, this is to fix 

	a margin collapsing bug in IE */

}

#r_sidebar p, #r_sidebar .textwidget {

	padding: 5px;

}

#r_sidebar img {

	text-align: center;

}

#r_sidebar form {

	padding: 0px;

	margin: 5px;

}

#r_sidebar ul {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

}

#r_sidebar ul li {

	margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px;

	border: 1px solid #D6D6D6;

	background: #FFFFFF;

}

#r_sidebar ul li ul {

	padding: 0px 0px 0px 15px;

	list-style-type: square;

}

#r_sidebar ul li ul li {

	padding: 0px;

	margin: 5px;

	border: none;

}

#r_sidebar ul li ul li a {

	color: #993300;

	text-decoration: none;

}

#r_sidebar ul li ul li a:hover {

	color: #333;

	text-decoration: underline;

}

#r_sidebar ul li ul li ul {

	padding: 0px;

	margin: 0px;

}

#r_sidebar ul li ul li ul li {

	padding: 0px;

	margin: 5px 10px 5px 5px;

}



/*********************************************

		Comment Styles

*********************************************/

#comments {

	margin: 0px; padding: 0px;

}

#comments .even {

	clear: both;

	background: #F5F4F0;

	border: 1px solid #000;

	margin: 0px 0px 15px 0px; padding: 10px;

	overflow: hidden;

}

#comments .odd {

	clear: both;

	background: #F5F4F0;

	border: 1px solid #000;

	margin: 0px 0px 15px 0px; padding: 10px;

	overflow: hidden;

}



/*********************************************

		Footer Styles

*********************************************/

#footer {

	margin: 15px 0px 0px 0px;

	padding: 20px;

	clear: both;

	background: #F5F4F0;

	border-top: 1px solid #697279;

	text-align: center;

}