/**
    Theme Name: Cssbit
    Theme URI: http://cssbit.com
    Author: cssbit
    Author URI: http://cssbit.com
    Tags: blue, custom header, fixed width, two columns, widgets
*/

body {
	font: 100% Arial;
	background: url(images/bg.jpg) repeat-x 100% 0
}

/** header */
#header {
	height: 92px;
	margin: 0 auto;
	width: 800px;

}
#header h1 {
	float: right;
    margin:10px 0 0 0
}
#header ul {
	float: left
}
#header ul li {
	font-weight: bold;
	font-size: .96em;
	float: right;
	margin: 15px 0
}
#header ul li a {
	color: #38B;
	display: block;
	line-height: 5px;
	padding: .3em 1em
}
#header ul li a:hover {
	color: #333
}

/** page */
#page {
	width: 800px;
	overflow: auto;
	margin: 0 auto;

}

/** content */
#content {
	margin: 10px 0;
	width: 550px;
	float: right;

}
#content h1.single {
	color: #39C;
}
#content h1 {
	letter-spacing: -1px;
	font: bold 2.1em Arial;
}
#content h2 {
	font:bold 1.6em arial;
}
#content h1 a {
	color: #00849a;
}
#content h1 a:hover {
	color: #48A8D4;
	text-decoration: none;
}
#content h2 {
	padding: 0;
	margin: 5px 0;
}
#content a {
	color: #DC4E01;
}
#content a.post-edit-link {
	padding: .5em;
}
#content a:hover {
	text-decoration: underline;
}
#content ol, #content ul, #content p, #content p small {
	line-height: 1.3em;
}
#content ol li, #content ul li {
    margin:0 0 5px 0
}
#content img {
	padding: .1em;
	border: 1px solid #ccc;
}
#content img:hover {
	border-color: #999;
}
#content p {
	margin: 0 0 15px;
	text-align: justify;
}
#content ul, #content ol {
	margin: 0 15px 15px 0;
}
#content ul {
	list-style: disc;
}
#content ol {
	list-style: decimal;
}
#content p small {
	display: block;
	color: #999;
	padding: 1em;
}
#content small.date {
    display: block;
	color: #aaa;
	font-size: x-small;
    margin: 4px 0;
}
#content .post {
	font: .78em tahoma;
	margin: 0 0 20px;
	padding: .5em;
}
#content .entry {
	margin: 15px 0 0;
	text-align: justify;
}
#content .clearfix {
	height: 8px;
	background: url(images/dot.gif) repeat-x 100% 0;
	margin: .5em;
}
#content p.alt {
	border: 1px solid #ccc;
	margin: 25px 0 10px;
}
#content p.postmetadata {
	margin: 25px 0 0;
}
#content form {
	font: .78em tahoma;
	margin: 10px 05px;
}
#content form textarea, #content form input {
	margin: 0 0 05px;
	border: 1px solid #ccc;
}
#content form textarea, #content form input, #content form label {
	padding: .2em;
}
#content form textarea:focus, #content form input:focus {
	border-color: #2DAEBF;
}
#content form input.submit {
	background: transparent;
}
#content form input.submit:hover {
	background: #eee;
}
#content form input.selector {
	direction: ltr;
}
#content form p {
	margin: 0;
}
#content form label {
	display: block;
	width: 100px;
	color: #999;
}
#tooltip {
    background: #9966CC;
    direction: ltr;
    color:#fff;
    font-size:x-small;
    padding:.4em
}
#content form span {
	color: #dc4f57;
	font-size: x-small;
}
#content .navigation {
	margin: 15px 05px 05px;
	overflow: auto;
	padding: .5em;
	font: .78em tahoma;
	color: #DC4E01;
}
#content .navigation .right {
	float: right;
}
#content .navigation .left {
	float: left;
}
#content .navigation a {
	color: #DC4E01;
	text-decoration: underline;
}
#content .navigation a:hover {
	text-decoration: none;
}
#content #respond h2, #content h2#comments {
	margin: 10px 05px;
	font-size: 1.4em;
	background: url(images/dot.gif) repeat-x 100% 100%;
	color: #555;
	padding: .3em 0;
}
#content ol.commentlist {
	margin: 10px 05px 25px 0;
}
#content ol.commentlist  li {
	font: .78em tahoma;
	border-bottom: 1px dashed #ccc;
	padding: .4em .4em 1.5em;
}
#content ol.commentlist  li, #content ol.commentlist  li p, #content ol.commentlist  div.comment-meta {
	margin: 0 0 10px;
}
#content ol.commentlist  li a:hover, #content ol.commentlist  div.comment-meta a:hover {
	text-decoration: underline;
}
#content ol.commentlist  div.comment-meta {
	margin: 0 0 15px;
}
#content ol.commentlist span.says {
	display: none;
}
#content ol.commentlist  div.comment-meta a {
	color: #333;
}
#content ol.commentlist li p {
	clear: both;
	margin: 5px 0 0;
}
#content ol.commentlist li .vcard .cite, #content ol.commentlist em {
	font-style: normal;
}
#content ol.commentlist li .comment-meta {
	border: 0 dashed #ccc;
	overflow: auto;
	padding: .2em;
	background: url(images/date.gif) no-repeat 100% 50%;
	text-indent: .8em;
	color: #999;
	font-size: x-small;
}

#content ol.commentlist li div.vcard img {
	clear: both;
	float: right;
	padding: .1em;
	margin: 0 0 0 5px;
}
#content ol.commentlist cite {
	color: #999;
	font-style: normal;
	margin-top: 10px;
	display: block;
}

#content p.nocomments {
	padding: .3em;
	color: #D23B4F;
	font: small tahoma;
}
#content .page ul li {
	margin: 0 5px 3px 0;
}


/** sidebar */
#sidebar {
	margin: 0px 10px 15px 0;
	padding: .5em;
	width: 222px;
	border: 0 solid #000;
    background: #FCFCFC;

}
#sidebar, #sidebar ul.social li, #sidebar ul#tools li {
	float: right;
}
#sidebar h1 {
	font: bold 1.5em arial;
}
#sidebar h2 {
	font: bold 1.2em arial;
	margin: 0 0 10px;
	color: #666;
	padding: .2em .3em;
	background: url(images/dot.gif) repeat-x 100% 100%;
}
#sidebar ul, #sidebar ul.social {
	overflow: auto;
}
#sidebar p {
	margin: 0 0 15px;
	font: .86em tahoma;
}
#sidebar ul {
	font: .86em tahoma;
}
#sidebar ul li {
	margin-bottom: 15px;
}
#sidebar ul li ul li {
	margin-bottom: 02px;
}
#sidebar ul li, #sidebar ul.links li a {
	padding: .1em;
}
#sidebar a, #sidebar select, #sidebar form input, #sidebar ul.links li a, #sidebar li.cat-item a {
	color: #000;
}
#sidebar form input.search {
	/*background: #fff url(images/search.gif) no-repeat 3% 50%;*/
    margin: 0px -25px 0 0;
    border:none;

}

#sidebar a:hover, #sidebar ul.links li a:hover, #sidebar  li.cat-item a:hover {
	text-decoration: underline;
}
#sidebar img {
	vertical-align: middle;
}
#sidebar ul li.e {


	padding: 0 .6em;
}
#sidebar ul li p.desc {

	color: #333;
	font: .82em arial;
}
#sidebar select, #sidebar form input, #sidebar li.cat-item {
	padding: .2em;
}
#sidebar ul li.profile img {
	padding: 5px 5px 5px;
	border: 1px solid #ccc;
}

#sidebar ul.social, #sidebar form {
	margin: 05px 0;
}
#sidebar ul.social li {
	float: right;
}
#sidebar ul.social li {
	display: inline;
}
#sidebar ul.social li {
	margin: 0 02px 0 0;
}
#sidebar ul.social li a span {
	width: 16px;
	height: 16px;
}
#sidebar li.cat-item {
	list-style: none;
	color: #2b7fa8;
}

#sidebar li.cat-item span {
	position: absolute;
	left: 5px;
	color: #D4432F;


}
#sidebar li.cat-item {
	position: relative;
	margin: 0 0 04px;
	padding: .3em;
	border-bottom: 1px solid #eee;
	display: block;
}
#sidebar ul.social li a span, #sidebar ul.links li, #sidebar ul#tools li, #sidebar ul li.page_item {
	display: block;
}
#sidebar ul.social li.twitter a span {
	background: url(images/social/twitter.gif);
}
#sidebar ul.social li.flickr a span {
	background: url(images/social/flickr.gif);
}
#sidebar ul.social li.delicious a span {
	background: url(images/social/delicious.gif);
}
#sidebar ul.social li.linkedin a span {
	background: url(images/social/linkedin.gif);
}
#sidebar ul.social li.github a span {
	background: url(images/social/github.png);
}
#sidebar ul.social li.twitter a span, #sidebar ul.social li.flickr a span, #sidebar ul.social li.delicious a span, #sidebar ul.social li.linkedin a span {
	background-position: 0 0px;
}
#sidebar ul.social li.twitter a:hover span, #sidebar ul.social li.flickr a:hover span, #sidebar ul.social li.delicious a:hover span, #sidebar ul.social li.linkedin a:hover span {
	background-position: 0 -16px;
}
#sidebar select {
	width: 210px;
}
#sidebar select.dropdown, #sidebar form input {
	border: 1px solid #96b8da;
}
#sidebar select.dropdown:focus, #sidebar form input:focus {
	border-color: #999;
}

#sidebar form input:focus {
    border:1px solid #17BBE1;
    -moz-box-shadow:0 0 4px #CAF0F8; 
    -webkit-box-shadow:0 0 4px #CAF0F8; 
}

#sidebar form input.image {
	border: 0;
	padding: 0;
}
#sidebar ul.links li {
	border-bottom: 1px solid #eee;
}
#sidebar ul.links li {
	margin: 0 0 4px;
}

#sidebar ul.links li a {
	display: inline;
	background: url(images/site_globe.png) no-repeat 100% 50%;
	padding: 0 1.4em 0 0;
}
#sidebar ul.links li a:hover {
	text-decoration: underline;
}
#sidebar li.widget_recent_entries ul li {
	display: block;
	background: url(images/post.gif) no-repeat 100% 50%;
	text-indent: 1em;
}
#sidebar li.widget_recent_entries ul li a {
  	text-decoration: none;  
    color:#353535
}
#sidebar li.widget_recent_entries ul li a:hover {
      	text-decoration: underline;  
}
#sidebar li.categories ul li {
	display: block;
	background: url(images/folder-bl.gif) no-repeat 100% 50%;
	text-indent: 1em;
}
#sidebar ul#tools li {
	margin: 0 0 0 5px;
}
#sidebar ul li.page_item a {
	background: url(images/post.gif) no-repeat 100% 50%;
	padding: 0 .8em 0 0;
}
#sidebar ul.gallery li {
	margin: 8px 0 0 20px;
}
#sidebar li h2.flickr {
	text-transform: capitalize;
	color: #0063DC;
}
#sidebar li h2.flickr span {
	color: #FF0084;
}
#sidebar ul.gallery li a {
	display: block;
	border: 1px solid #ccc;
	padding: .2em;
}
#sidebar ul.gallery li a:hover {
	border: 1px solid #999;
}
#sidebar ul.gallery li {
	display: block;
	text-align: center;
}
#sidebar ul.gallery li {
	float: right;
	width: 82px;
}

#sidebar a.tag {
  background:url(images/tag.png) no-repeat left center;
  border-right:1px solid #e5dc8a;
  margin:0 3px 3px 0;
  color:#403d26;
  padding:1px 3px 1px 9px;
  line-height:16px;
  display:-moz-inline-box;
  height:16px;
  font-size:x-small
}

#sidebar a.tag:hover {
  background:url(images/tag_hover.png) no-repeat left center;
  border-right-color:#d1c24f;
  color:#000;
}

/** footer */
#footer {
	clear: both;
	text-align: center;
	margin: 5px auto;

}
#footer p {
	direction: ltr;
	color: #333;
	text-transform: capitalize;
	font-size: .7em;
	padding: .5em;

}
#footer p a {
	color: #2B7FA8;
}
#footer p a:hover {
	text-decoration: underline;
}


.wp_syntax pre {
  background: #fff;
}


.wp_syntax {    border:1px solid #CCC;
    -moz-box-shadow:0 0 4px #EEE; 
    -webkit-box-shadow:0 0 4px #EEE; 

}

.wp_syntax pre {
    direction: ltr
}

.wp_syntax:hover {
    border:1px solid #17BBE1;
    -moz-box-shadow:0 0 4px #CAF0F8; 
    -webkit-box-shadow:0 0 4px #CAF0F8; 
}