/*
	Theme Name: Cssbit 1.0
	Theme URI: http://cssbit.com
	Description: Simple, Clean Theme
	Version: 1.0
	Author: cssbit
	Author URI: http://cssbit.com
	Tags: blue, custom header, fixed width, two columns

*/


body {
	background: transparent;
	font: 1em tahoma, arail
}

#header {
	background: #46A5D4;
	height:120px
}


#header h1 {
	padding:1em 1em .2em 1em;
	font-size:2em;
	color:#333333;
	font-family: georgia, Arial, sans-seri;
	text-transform: capitalize;
}
#header p {
	padding: 0 3em;
	font-family: tahoma;
	font-size:.7em;
	color:#fff
}
#header h1 a,#header h1 a:hover {
	text-decoration: none;
	color:#333333
}
#header h1 a:hover {
	color:#000
}

#page {
	margin: 5px auto;
	width: 770px;
	border:0px solid #000;
}

#content {
	width: 525px;
	float:right;
	margin: 20px 0 15px 0
}
#sidebar {
	margin: 0 530px 15px 0;
	border:1px solid #ddd



}

#footer {
	background: #CECECE;
	height:75px;
	clear: both;
}
#footer p {
	direction: ltr;
	padding:1em;
	font-family: sans-serif;
	font-size:.7em;
	color:#E12379;
	text-transform: uppercase;
	font-weight: bold;
	
}
#footer p span {
	text-transform: capitalize;
	font-weight: bold;
	color:#42D3FF
}
#footer p img {
	padding: 0 0 0 .3em
}

#footer p.author {
	font-family: arial;
	text-transform: capitalize;
	font-weight: normal;
	color:#319BCF;
	font-size:.75em;
	margin: -15px 0 0 0px;

}
#content {
	font-family: tahoma;
	font-size:.78em;
	line-height: 1.3em;
}
#content .post {
	padding:.5em;
	text-align: justify;
}
#content .post p {
	margin: 0 0 15px 0
}


#content p.postmetadata {
	margin: 20px 0 0 0;

	padding:.4em;
	text-align: left;
	border: 0px solid #C2EFFF;
}
#content  h2 {
	font-size:1.6em;
	padding:1em 0 1em 0;
	font-family: arial;
	font-weight: bold;
}
#content .post h2 {
	font-size:1.6em;
	padding:1em 0 .4em 0;
	font-family: arial;
	font-weight: bold;
	/*background: url(images/icon_wordpress.png) no-repeat 100% 50%;
	text-indent: 16px;*/
}
#content .page h2 {

	/*background: none;
	text-indent: 0px;*/
}

#content .post small {  
	font-size:xx-small;
	display: block;
	color:#0281CA;
	margin: 0 0px 10px 0
}

#content .post h2 a {
	text-decoration: none;
	color:#666;
	padding:.2em;


}

#content .post h2 a:hover { 
	color:#fff;
	text-decoration: none;
	background: #666;
}

#content .post a {
	text-decoration: none ;
	color:#1B87CF
}
#content .post a:hover {
	color:#000;
	text-decoration: underline;
}

#content .post {
	border-bottom:2px solid #E7E7E7;
	margin: 0 0 15px 0;

}


#sidebar ul {
	padding:1em
}
#sidebar ul h2 {
	font: bold 1.1em arial;
	/*background: url(images/dot.gif) repeat-x 100% 100%;*/

	color:#2889C2;
}

#sidebar a {
	color:#8C8C8C;
	text-decoration: none;
}

#sidebar a:hover {
	color:#333
}


#sidebar ul {
	font-family: tahoma;
	font-size:.9em;

}
#sidebar ul ul {
	margin: 0 5px 0 0
}
#sidebar ul ul li {
	padding: .1em;
	color:#000;
	list-style: disc;
}


#sidebar form {
margin: 05px 5px 15px 0
}




#sidebar form input.input {
	font-family: tahoma, helvetica, sans-serif;
	font-size:1.2em;
	border:1px solid #A8D3E6;
	background: #fff/* url(images/search-trans.png) no-repeat 98% 50%*/;
	/*text-indent: 17px;*/
	padding:.3em;
	width:170px;
	color:#666
}



#content .post img {
	padding:.2em;
	border:1px solid #ddd
}

#content .post img:hover {
	border:1px solid #333
}

#content .post ol ,#content .post ul   {
margin: 0 15px 0 0;

      
}
	
	
#content .post ol li , #content .post ul li  {
padding: .1em;
list-style: inside;
	
}	

#content .navigation a {
	text-decoration: none;
	color:#666
}		

#content .navigation a:hover {
	text-decoration: none;
	color:#0281CA
}

#content .navigation {
	overflow: auto;
	padding:.5em;
}
	
#content .navigation p.right {
	float: right
}	
#content .navigation p.left {
	float: left
}	

#content .post p.alt {
	text-align: right;
	background:#FFF9E8;

}	
#content .post p.alt small {
		color:#333;
		font-size:.9em
}

#content p.alert {
	color:#C00057
}

#content h3#comments, #content #respond h3 {
	font-size:1.4em;
	font-family: arial;
	margin: 10px 0
}

#content ol.commentlist  li {
	background:#F7F7F7;
	margin: 0 0 10px 0;
	padding:.5em;
	border:1px solid #ddd
}	
#content ol.commentlist  li p {
	margin: 0 0 10px 0
}	
#content ol.commentlist  li a {
	text-decoration: none;
	color:#0281CA
}	
#content ol.commentlist  li a:hover {

	color:#000
}	
	
#content ol.commentlist  div.comment-meta	{
	margin: 0 0 10px 0
}

#content ol.commentlist li.even {
	background: #fff;
}

#content ol.commentlist li div.vcard img {
	float: left;
	padding:.2em
}
#content ol.commentlist em {
	color:#DD6C92
}

#content form input {
	margin: 0 0 05px 0
}

#content #respond a {
	color:#0281CA;
	text-decoration: none;
}
#content #respond a:hover {
	color:#000
}

#sidebar p {
	margin: 15px 0;
}

#content .alert {
	padding:.6em;
	border:1px dashed #ddd;
	color:#666
}
#sidebar ul.about {
	margin:0 -10px 0 0
}

#sidebar ul.about li {
	list-style: none;
}

/* Make sure the layout is centered in IE */

* html #sidebar form {
margin: 05px 0px 15px 0	
}

* html #sidebar form input.image { 
 vertical-align: 2%;	
}
* html #sidebar form input.input { 
	width:175px;	
}
* html #content .post ol li ,* html #content .post ul li  {
padding: .1em;
list-style: circle;

}	
* html #content .navigation {
	height:20px
}
#code {
	border: 1px solid blue;
}