/*
Theme Name: Densa theme
Theme URI: http://densa.info/blog/free-wordpress-theme/
Description: green, fixed width, two columns, widgets.
Version: 1.0
Author: Densa
Author URI: hhttp://densa.info/blog/
Tags: brown, fixed width, two columns, widgets
*/

/* ------------------------------ */
/* RESET                          */
/* ------------------------------ */

* { padding: 0; margin: 0; border: 0; }

/* ------------------------------ */
/* GLOBAL                         */
/* ------------------------------ */

#mybody { font: normal 12px Verdana; color: #333; background: url(images/bg.gif) repeat-x; }
.mylink { font: normal 12px Verdana; color: #333; text-decoration: none; }
ul { list-style: none; }
a { text-decoration: none; color: #4756b3; }

h1 { font: normal 22px Georgia; color: #000; margin-bottom: 3px; }
h2 { font: normal 18px Georgia; color: #444; margin-bottom: 5px; }

/* ------------------------------ */
/* BLOCKS                         */
/* ------------------------------ */

#container { width: 850px; margin: 0 auto; background: #efefeb;}
#logo { height: 45px; clear: both; background: url(images/logo.gif) no-repeat; }
	#logo a { display:block; height: 45px; width: 500px; font: normal 21px Georgia; color: #000000; }
#nav { height: 28px; clear: both; background: #000; margin-bottom: 10px; }
	#nav ul { height: 28px; position: relative; top: 7px; left: 10px; }
	#nav ul li { float: left; margin-right: 20px; }
	#nav ul li a { float: left; color: #fff; font: bold 11px Verdana; }
	#nav ul li a:hover { color: #eee; }
#content { width: 450px; float: left; margin-right: 28px; padding: 10px; background: #efefeb; }
#sidebar { width: 350px; float: left; padding-top: 10px; }
#footer { clear: both; padding: 10px; margin-bottom: 10px; border-top: 1px solid #dee7e6; font: normal 12px Georgia; color: #777; text-align: center; }

/* ------------------------------ */
/* MISC BLOCKS                    */
/* ------------------------------ */

#content .post { margin-bottom: 40px; }
	#content .post .date { font: normal 11px Verdana; color: #888; margin-bottom: 10px; }
	#content .post p a, .post li a { border-bottom: 1px dashed #ccc; padding-bottom: 2px; }
	#content .post p a:hover, .post li a:hover { border-bottom: 1px dashed #999; }
	#content .post p a.download { background: url(images/download.png) no-repeat; padding: 1px 0 2px 19px; }
	#content .post p a.img { border: none; }
	#content .post p { padding-bottom: 15px; line-height: 18px; color: #444; }
	#content .post img { margin-bottom: 15px; }
	#content .post img.wp-smiley { margin-bottom: 0; }
	#content .post h1 { margin-bottom: 7px; }
	#content .post h1 a { color: #000; border-bottom: 1px dashed #ccc; padding-bottom: 2px; margin-bottom: 3px; }
	#content .post h1 a:hover { color: #555; border-bottom: 1px dashed #999; }
	#content .post ol { font: italic 16px Georgia, Times, serif; color: #999; list-style-position: inside; }
	#content .post ol p { font: normal 12px Verdana, Helvetica, sans-serif; color: #555; padding-bottom: 5px; }
	#content .post ul {  }
	#content .post ul li { margin-bottom: 7px; }
	#content .post .info { width: 450px; font: normal 11px Verdana; border-top: 1px solid #dee7e6; color: #888; margin-bottom: 10px; padding-top: 7px; overflow: hidden; }
		#content .post .info a { background: #ebeae2; padding: 1px 4px 2px 4px; margin-right: 5px; float: left; }
		#content .post .info .count a { float: right; background: #ebeae2; margin-right: 0; }
		#content .post .info a span { color: #5f5f60; }
	#content .post .fav img { margin-bottom: 2px; }
	
#content .comments { margin-top: 25px; font: normal 11px Verdana; }
	#content .comments h1 { font: normal 17px Georgia; color: #000; border-bottom: 1px solid #dee7e6; padding-bottom: 5px; margin-bottom: 5px; }
	#content .comment { background: #ebeae2; margin-bottom: 5px; padding: 10px; color: #444; }
		#content .comment .author { margin-bottom: 5px; }
		#content .comment span { color: #5fa99d; }
	#content .admincomment { background: #c3f8d3; }
		
#content .comment-form { margin-top: 20px; }
	#content .comment-form h1 { font: normal 17px Georgia; color: #000; border-bottom: 1px solid #dee7e6; padding-bottom: 5px; margin-bottom: 5px; }
	#content .comment-form form { background: #ebeae2; padding: 10px; }
	#content .comment-form p { margin-bottom: 5px; }
	#content .comment-form label { font: normal 11px Verdana; padding-left: 5px; position: relative; top: -2px; color: #717977; }
	#content .comment-form textarea { width: 420px; height: 100px; border: 1px solid #bacac7; font: normal 11px Verdana; padding: 5px; }
	#content .comment-form .text { width: 200px; height: 25px; border: 1px solid #bacac7; font: bold 18px Arial; color: #555; padding-left: 5px; }
	#content .comment-form .button { width: 70px; height: 20px; padding-top: 5px; text-align: center; border: 1px solid #dccdb9; font: normal 11px Verdana; background: #dcddd2; color: #5c785d; cursor: pointer;  }

#sidebar .block { padding: 7px 10px 10px 10px; background: #ebeae2; width: 330px; overflow: hidden; font: normal 11px Verdana; line-height: 16px; margin-bottom: 10px; }
	#sidebar .block h1 { font: bold 11px Verdana; margin-bottom: 7px; color: #333; }
	#sidebar .block a { color: #4756b3; }
	
#sidebar .about {}
	#sidebar .about img { float: left; margin-right: 10px; }
	#sidebar .about a { text-decoration: underline; }
	#sidebar .about a:hover { color: #3b73c0; }
	
#sidebar .feeds {}
	#sidebar .feeds img { vertical-align: middle; margin: 0 4px 1px 0; }
	
#sidebar .category {}
	#sidebar .category ul { float: left; }
		#sidebar .category ul#cats { width: 150px; margin-right: 20px; }
		#sidebar .category ul#links { width: 160px; }
	#sidebar .category ul li { border-bottom: 1px solid #abdcd4; padding-bottom: 4px; *padding-bottom: 5px; margin-bottom: 4px; }
	#sidebar .category ul li span { margin-left: 4px; color: #555; }
	
#sidebar .search {}
	#sidebar .search .text { width: 245px; height: 25px; padding-left: 5px; margin-right: 5px; border: 1px solid #cfc0a9; font: bold 18px Arial; color: #555; float: left; }
	#sidebar .search .button { width: 70px; height: 20px; padding-top: 5px; text-align: center; float: left; border: 1px solid #dccdb9; font: normal 11px Verdana; background: #dcddd2; color: #5c785d; cursor: pointer; }

.imageOver { background: url(images/zoom.gif) no-repeat 50% 50%; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; }
.imageOver3 { background: url(images/pattern.gif) repeat; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2; }

.pagenavigationbox {font: normal 11px Tahoma;text-align: center;padding: 5px 0;color: #444;}
.pagenav, .pagenavcurrent {border: 1px solid #ccc;margin: 0 3px;padding: 2px 5px;}
.pagelink {border: 1px solid #99f;color: #99f !important;margin: 0 3px;padding: 2px 5px;}
.pagelink:hover {background-color: #99f;color: #FFFFFF !important;}
.menubox a {text-transform: uppercase;}

ul.gallery { margin: 15px 0 0 0; overflow: hidden;  }
ul.gallery li { float: left; }
ul.gallery li img { float: left; border: 1px solid #000; }
ul.gallery li a { float: left; border: 1px solid #ccc; margin: 0 10px 10px 0; padding: 5px; }
ul.gallery li a:hover { border: 1px solid #555; background: #ff0; }

pre { display: block; margin-bottom: 15px; background: #fcfcfc; border: 1px solid #ddd; }
pre code { padding: 5px; display: block; }


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}