/*  
Theme Name: BloggingTips.com Simplicity Theme
Theme URI: www.bloggingtips.com
Description: A simple blue and greyish theme with only the essntial features. Suitable for journals and personal blogs.
Version: 1
Author: BloggingTips
Author URI: http://www.bloggingtips.com

*/

body{
margin: 0;
font-family: "tahoma", Helvetica, Verdana, Sans-serif;
font-size: 0.9em;
text-align: left;
vertical-align: top;
color: #000000;
text-align: center;
background: #273232;
}

a:link, a:visited{
color: #94b3c5;
text-decoration: none;
}

a:hover{

}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}

h1{
font-family: Arial, Verdana, Sans-serif;
font-size: 1.4em;
padding: 0 0 10px 0;
}

p{
padding: 10px 0 0 0;
}

#wrapper{
margin: 0 auto 0 auto;
width: 935px;
text-align: left;
}

/* -------------------
*      Header & Nav
------------------- */

#navbar{
font-size: 1em;
margin-top: 48px;
padding-top:2px;
margin-left:150px;
text-transform: lowercase;
}

#navbar a:link, a:visited{
color: #94b3c5;
}

#navbar a:hover{
	color:#e3e983;
}

#header{
width: 700px;
height: 262px;
background: url(images/header.gif);
float: left;
display:inline;
}

#headerleft{
height: 214px;
width: 25px;
background: #445555;
float: left;
display:inline;
margin-top: 48px;
}

#headerright{
height: 70px;
width: 193px;
background: #445555;
float: left;
display:inline;
margin-top: 48px;
}

#headerright2{
height: 70px;
width: 22px;
background: url(images/header2.gif);
float: left;
display:inline;
margin-top: 48px;
}

#headerbottom{
width: 725px;
height: 25px;
background: #445555;
float: left;
display:inline;
}

#container{
background: #445555;
float: left;
width: 725px;
overflow: hidden;
}


#sbox{
border: none;
height:20px;
width:135px;
color: #fff;
padding: 0;
padding-left: 8px;
padding-right: 3px;
padding-top: 2px;
margin: 0;
display: inline;
float: left;
}

#logo{
float: right;
margin: 10px 30px 0 0;
width: 300px;
height: 150px;
background: url(images/logo.png);
}

.num-comments {
color: #445555;
float:right;
height:20px;
font-size:0.7em;
text-align:center;
margin-bottom: 5px;
padding-top:5px;
}

/* -------------------
*      Sidebar
------------------- */

.sidebar{
float: left;
width: 180px;
margin: 0;
margin-left: 20px;
margin-top: -239px;
padding: 0;
display: inline;
overflow: hidden;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 0px;
}

.sidebar ul li{
padding: 0;
}


.sbtop{
height: 22px;
width: 180px;
background:url(images/sbtop.gif);
}

.sbmid{
width: 180px;
background:url(images/sbmid.gif) repeat-y;
}

.sbmidbottom{
height: 22px;
width: 180px;
background:url(images/sbbottom.gif);
}

.sbmid ul ul li{
	padding: 10px 0px 10px 20px;
	width: 100%;
 	cursor:pointer;
	font-size:1.0em;
	display: block;
}

.sbmid ul ul li:hover{
	background: #273232;
}

.sbmid ul li h3 {
border-bottom: 1px dotted #e3e983;
	border-bottom: 1px dotted #e3e983;
	padding: 20px 0px 10px 20px;
	width: 100%;
	font-size:1.3em;
	display: block;
	color: #94b3c5;
}

.sbsmallspacer{
width: 180px;
height: 10px;
}

.feed{
	display:block;
	background:url(images/feed.png) no-repeat;
	height:12px;
	width:12px;
	margin-top: 3px;
	margin-right: 4px;
	float: left;
}

.mail{
	display:block;
	background:url(images/mail.png) no-repeat;
	height:12px;
	width:12px;
	margin-top: 3px;
	margin-right: 4px;
	float: left;
}

/* -------------------
*    Content Area
------------------- */

p.postmetadata{
padding: 5px;
margin: 20px 0 0 0;
background: #384747;
border: 1px solid #fff;
}

p.postmetadata img{
padding: 0;
margin: 0;
border:0;
vertical-align: top;
}

.post{
margin: 5px 20px 20px 25px;
color: #f8f2d8;
}

.post a:hover{
	color:#e3e983;
}

.post h1, .post h2{
font-size: 1.7em;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
display: block;
font-weight: normal;
height: 62px;
padding-left: 0px;
}

.subheader{
	color:#e3e983;
	font-size:0.6em;
	height:12px;
	margin: 3px 0 0 0;
	display:block;
}
.subheader a{
	color:#e3e983;
}

.date0{
background: url(images/date.gif) no-repeat;
width: 32px;
height: 48px;
float:left;
text-align:center;
color:#e3e983;
text-transform:uppercase;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
display: block;
margin-top: 6px;
margin-right: 8px;
}
.date0 span.month {
	font-size:0.7em;
	height:12px;
	margin: 0;
	display:block;
	margin-bottom: 0;
	overflow:hidden;
	}

.date0 span.day {
	padding: 0;
	padding-top:3px;
	font-size:1.2em;
	display:block;
	margin-bottom: 0;
	margin-top:-6px;
	overflow:hidden;
	}

.date0 span.year {
	font-size:0.7em;
	height:14px;
	margin: -5px 0 0 0;
	display:block;
	overflow:hidden;
	}
	
.date1{
	display: block;
	padding-top: 3px;
	font-size: 0.8em;
	color: #e3e983;
}

.entry{
border-top: 1px dashed #94b3c5;
line-height: 18px;
overflow: auto;
}


/* -------------------
*    Comment Area
------------------- */

.comment1{
background: #3e4f4f;
margin-bottom: 16px;
border: 1px solid #94b3c5;
padding::5px;
}

.comment2{
background: #384747;
margin-bottom: 16px;
border: 1px solid #94b3c5;
padding::5px;
}

#comments{
	margin-top: 50px;
	margin-bottom: 15px;
}

.gravatar {
float: right;
margin: 5px;
border: 1px solid #00B4E5;
display:block;
height:60px;
width:60px;
float:right;
}

img.gravatar {
margin:0;
padding:0;
}

.commentmetadata{
width:400px;
border-bottom: 1px dashed #94b3c5;
padding-left: 5px;
padding-bottom:5px;
}

.commenttime {
color:#E4ED7C;
font-size:0.7em;
}

.combody{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}

#respond {
margin:15px 0 0 0;
}


/* -------------------
*    Navigation
------------------- */

.navigation{
font-size: 14px;
line-height: 18px;
height: 20px;
width: 680px;

margin-bottom: 25px;
margin-left: 25px;
margin-right: 25px;
}


.dropdown {float:left; margin: 0; padding:0; color:#94b3c5;  text-align: left;}
.dropdown dt {width:120px; height:20px; margin-left: 0px; margin-right: 0px; padding-left: 0; border:none; cursor:pointer; }
.dropdown dt:hover {color:#e3e983}
.dropdown dd {position:absolute; padding: 0; margin: 0px; border:none; padding-left: 0; overflow:hidden; width:120px; display:none; background:none; z-index:200;}
.dropdown ul {width:120px; padding: 0; margin: 0; border:none; margin-left: 0; padding-left: 0px; list-style:none; padding-right: 0px; overflow:hidden;}
.dropdown ul ul {padding-left: 0px; padding-right: 0px;}
.dropdown li {display:inline; height: 0; width: 0;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:0px; text-decoration:none; width:120px; height:20px;}
.dropdown a:hover {border: 0; background: #495858;}
.dropdown .underline {border: 0;}
.homebutton {width: 70px; float:left; margin: 0; padding:0; color:#94b3c5;  text-align: left; font-wieght: 400;}
.homebutton a{text-decoration:none;}
.homebutton a:hover{color: #e3e983;}

/* -------------------
*    Miscellaneous
------------------- */



table#wp-calendar{
width: 100%;
}

img{	padding: 4px;
	background: #384747;
	margin: 12px 10px 10px 10px
}

.maindrop{
	background: #445555;
}

.maindrop a{
	color: #94b3c5;
}

.bottomdrop{
	background:url(images/dropbot.gif) no-repeat;
	height: 7px;
}

.button {
	background:url(images/sbutton.gif);
	padding: 0;
	margin: 0;
	border: none;
	width: 20px;
	height: 20px;
	float: left;
	cursor:pointer;
	}

.button:hover {
	background:url(images/sbutton2.gif);
	text-decoration:none
	}

#searchcontainer{
	float: right;
	margin-left: 25px;
	padding: 0;
}

.normalfld
{
	background:url(images/sbox.gif) no-repeat;
}
.focusfld
{
	background:url(images/sbox2.gif) no-repeat;
}



.alignright {
	float: right;
	}

.alignleft {
	float: left
	}



#cauthor{
	color: #f8f2d8;
	background: #273232;
	border: 1px solid #94b3c5;
}

#cemail{
	color: #f8f2d8;
	background: #273232;
	border: 1px solid #94b3c5;	
}

#curl{
	color: #f8f2d8;
	background: #273232;
	border: 1px solid #94b3c5;	
}

#ccomment{
	color: #f8f2d8;
	background: #273232;
	border: 1px solid #94b3c5;
}

.cbutton {
	background:url(images/commentbutton.gif);
	padding: 0;
	margin: 0;
	border: none;
	width: 120px;
	height: 20px;
	float: left;
	cursor:pointer;
	}

.cbutton:hover {
	background:url(images/commentbutton2.gif);
	text-decoration:none
	}

#base{
	font-size: 1.2em;
	line-height: 18px;
	height: 50px;
	width: 100%;
	background: #273232;
}

blockquote {
background-color:#5A6868;
background-image: url(images/quote.png);
background-repeat:no-repeat;
color: #fff;
margin: 15px;
padding-left: 25px;
padding-top:40px;
padding-bottom:10px;
padding-right:10px;
}

/* -------------------
*      Footer
------------------- */

#footer{
color: #94b3c5;
width: 725px;
margin: 0 0 15px 5px;
}

#footer p{
line-height: 18px
}