* { margin: 0; padding: 0; }
body { background-color: #3A3A3A; color: #555; font: 75%/1.5 Verdana, 'Trebuchet MS' , arial, sans-serif; text-align: center; margin: 15px 0; }

/* links */
a { color: #72A545; background: inherit; text-decoration: none; }
a:hover { color: #006699; background: inherit; }
a.more { font-weight:bold; }
/* headers */
h1, h2, h3 { font-family: 'Trebuchet MS' , Arial, sans-serif; font-weight: bold; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; text-transform: uppercase; color: #339900; }
h3 { font-size: 1.1em; text-transform: uppercase; color: #333; letter-spacing: 1px; }
h1, h2, h3, p { padding: 0; margin: 10px 15px; }

ul, ol { margin-left:1.5em; }

#sidebar ul, #sidebar ol { margin: 5px 10px; padding: 0; color: #72A545; }
ul span, ol span { color: #666666; }
ul#catlist { list-style-type: none; }
.bbcode a { padding:0 3pt; }
#twitterControl li { font-size:8pt; color:#999999; }

/* images */
a img { border: 0; }
.text img { border: 2px solid #CCC; }
img.float-right { margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px; }
img.rssButton { margin-right: 3px; }
img.bookmark { vertical-align: top; margin: 0 5px; width: 16px; height: 16px; }
img.inlineimg { vertical-align: middle; margin: 0 3px; }

code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console' , 'courier new' , monospace; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #EAEAEA; border-left: 5px solid #72A545; }
acronym { cursor: help; border-bottom: 1px solid #777; }
blockquote { margin: 15px; padding: 0 0 0 32px; background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; background-position: 8px 10px; border: 1px solid #EAEAEA; border-left: 5px solid #72A545; font-weight: bold; }

/* form elements */
form.form { margin: 10px 15px; padding: 0; border: 1px solid #EAEAEA; background-color: #FAFAFA; }
label { display: block; font-weight: bold; margin: 5px 0; }
input { padding: 3px; border: 1px solid #eee; font: normal 1em Verdana, sans-serif; color: #777; }
textarea { width: 400px; padding: 4px; font: normal 1em Verdana, sans-serif; border: 1px solid #eee; height: 100px; display: block; color: #777; }
input.button { margin: 0; font: bolder 12px Arial, Sans-serif; border: 1px solid #EAEAEA; padding: 2px 3px; background: #CCC url(buttonbg.gif) repeat-x left bottom; color: #333; /* color: #339900; */ }

/* search */
#sidebar { border-left: 1px solid #999999; }
#sidebar #searchbox { background: #f2f2f2; margin: 0 15px 0 10px; padding: 1em 0; text-align: center; vertical-align: middle; }
#sidebar #searchbox img { vertical-align: bottom; }
#sidebar #searchbox #searchfield { background: #FFF url(input.png) no-repeat top left; border: 1px solid #EAEAEA; font-size: 11px; padding: 3px; width: 110px; }
#sidebar #searchbox #searchbutton { margin: 0; font: bold 100% Arial, Sans-serif; border: 1px solid #CCC; background: #CCC url(buttonbg.gif) repeat-x left bottom; padding: 1px; height: 25px; color: #333; width: 55px; }

ul.recentPosts { list-style: none; margin: 10px 5px; margin-right: 15px; padding: 0; }
ul.recentPosts li { margin-bottom: 1px; border: 1px solid #f2f2f2; }
ul.recentPosts a { display: block; font-weight: bold; color: #333; text-decoration: none; padding: 2px 5px 2px 10px; background: #f2f2f2; border-left: 5px solid #CCC; min-height: 18px; }

* html body #sidebar ul.recentPosts a { height: 18px; }

ul.recentPosts a:hover { padding: 2px 5px 2px 10px; background: #f2f2f2; color: #339900; border-left: 5px solid #72A545; }
ul.recentPosts a.somepop { background-color: #EBF5EC; }
ul.recentPosts a.popular { background-color: #F4ECEC; }
/*****************************
      LAYOUT 
******************************/
#wrap { margin: 0 auto; padding: 0; text-align: left; background-color: #FFF; width: 990px; }
#content-wrap { clear: both; margin: 0; padding: 0; width: 990px; }

/* header */
#header { position: relative; clear: left; width: 990px; height: 135px; margin: 0; padding: 0; background: #000 url(headerbg.jpg) no-repeat left bottom; }
#header h1#logo-text { position: absolute; margin: 0; padding: 0; font: bolder 4.1em 'Trebuchet MS' , Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; /* change the values of top and right to adjust the position of the logo*/ top: 36px; right: 35px; }
#header h2#slogan { position: absolute; margin: 0; padding: 0; font: bold 1em 'Trebuchet MS' , Arial, Sans-serif; text-transform: none; letter-spacing: 1px; color: #FFF; /* change the values of top and right to adjust the position of the slogan*/ top: 85px; right: 35px; }

/* menu tabs */
#header #header-tabs { position: absolute; top: 0; left: 0; width: 100%; height: 25px; background: #000; font: bold 1.1em Verdana, Tahoma, 'Trebuchet MS' , Sans-serif; }
#header-tabs ul { margin: 0; padding: 2px 0px 0px 7px; list-style: none; }
#header-tabs li { display: inline; margin: 0; padding: 0; }
#header-tabs a { float: left; background: url(tableft.gif) no-repeat left top; background-position: 0% -42px; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
#header-tabs a span { float: left; display: block; background: url(tabright.gif) no-repeat right top; padding: 7px 15px 4px 8px; background-position: 100% -42px; color: #FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header-tabs a span { float: none; }
/* End IE5-Mac hack */
#header-tabs a:hover span { color: #FFF; }
#header-tabs a:hover { background-position: 0% -42px; }
#header-tabs a:hover { background-position: left top; }
#header-tabs a:hover span { color: #CCC; }

/* main content */
#main { float: left; width: 720px; margin: 0; padding: 0; background-color: inherit; padding-left: 10px; }
#main h1 { padding: 8px 0 3px 25px; margin-left: 0; text-transform: none; background: url(square_arrow.gif) no-repeat 0% .7em; border-bottom: 2px solid #f2f2f2; color: #339900; }
#main h1 a { background-image: none; }
#main ol { margin-left:1.6em; }

/* sidebar */
#sidebar { float: right; width: 250px; margin: 0 0 10px 0; padding: 0; background-color: inherit; padding-left: 5px; }
#sidebar h1 { padding: 8px 0px 3px 25px; background: url(square_arrow.gif) no-repeat 0% .7em; font-variant: small-caps; font-size: 1.3em; color: #339900; margin: .5em 0 0 10px; }

#sidebar label { display: inline; padding-left: 2px; }

/*----------------------------
				 Tag cloud
----------------------------*/

#tagcloud { white-space: normal; text-align:justify; margin: 0; padding: 0; padding-right: 1.5em; }

#tagcloud li { display: inline; }

#tagcloud a { margin-right: 3px; display: inline; color: silver; white-space:nowrap; }
#tagcloud a:hover { color: orange; }

#tagcloud a.biggest { font-size: 14pt; }

#tagcloud a.big { font-size: 12pt; }

#tagcloud a.medium { font-size: 10pt; }

#tagcloud a.small { font-size: 8pt; }

#tagcloud a.smallest { font-size: 7pt; }



/*----------------------------
					Post styles
----------------------------*/
.post .text { margin: 0 .3em; font-family:Consolas, Verdana, Tahoma, Sans-Serif; text-align:justify }
.post .bottom .categories { margin: 0; }
.post .footer { color: #333; background: #F9F9F9; text-align: right; border: 1px solid #EAEFEA; padding: 7px; margin-top: 2px; font-size: 80%; }

p.tags { margin: 3px 0; }
/*----------------------------
					Star rater
----------------------------*/

.rating { margin-bottom: 10px; }

.rating p { display: inline; position: relative; top: 14px; left: 55px; }

.star-rating { position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; }

.star-rating li { display: inline; }

.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none; }

.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; }

.star-rating a.one-star { width: 20%; z-index: 6; }

.star-rating a.two-stars { width: 40%; z-index: 5; }

.star-rating a.three-stars { width: 60%; z-index: 4; }
.star-rating a.four-stars { width: 80%; z-index: 3; }
.star-rating a.five-stars { width: 100%; z-index: 2; }
.star-rating .current-rating { z-index: 1; background-position: left center; }

/* smaller star */
.small-star { width: 50px; height: 10px; }
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating { background-image: url(/pics/star_small.gif); line-height: 10px; height: 10px; }

/*   calendar    */
.calendar { margin-left: 1em; }
.calendar td { padding: 0 .4em; }

/* footer */
#footer { clear: both; height: 40px; color: #CCC; background: #000; margin: 0; font-size: 92%; }
#footer a { text-decoration: none; font-weight: bold; color: #FFF; }
#footer #footer-left { width: 68%; float: left; text-align: left; margin: 0; padding: 10px; }
#footer #footer-right { width: 25%; float: right; text-align: right; margin: 0; padding: 10px; }

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear: both; }
.hide { display: none; }
.gray { color: #CCC; }

#postPaging a { color: Tomato; font-weight: bold; margin: 5px 0; }

#relatedPosts * { font-size:88%; }
#relatedPosts a { display: block; margin: 5px 0 2px 1em; list-style-type: disc; color: #D67C06; }
#relatedPosts a:hover { color: Tomato; }

div.commentForm { background: #F9F9F9; border: 1px solid #EAEFEA; padding:7px; margin:10px 0; }
ul.recentComments { list-style-type:none; padding:0 !important; }
ul.recentComments li, ul.recentPosts li { font-size:8pt; color:#999; margin-bottom:3px; }
ul.recentComments li a.postTitle { font-weight:bold; }
ul.recentComments li a.moreLink { font-style:italic; }

div.comment { border:1px solid #EAEFEA; margin:5px 0; padding:5px; }
div.comment p.date { font-weight:bold; text-align:right; color:#339900; margin:0; }
div.comment p.gravatar { float:left; }
div.comment p.content { font-size:90%; }
div.comment p.author { font-style:italic; clear:both; }
div.self { background-color:#EDF3ED;}	/* Author's comment */
p.gravatar img { border:4px solid #EAEFEA; margin:0 3px 3px 0; }

ul#commentMenu { list-style-type:none; }
ul#commentMenu li { cursor:pointer; font-weight:bold; width:40%; display:inline-block; margin:5pt; }

/* BLOGROLL */
div#blogroll { }
ul.oxox { width:100%; }
ul.oxox li { list-style-type:none; margin:0; padding:0; width:100%; }
ul.oxox li a img { border:0; margin-right:3px; vertical-align:middle; }
ul.oxox li ul { font-size:75%; margin:0; padding:0; }
ul.oxox li ul li { margin:0; padding:0; }
ul.oxox li ul li a { color:Silver; }

pre { width:99%; overflow:scroll; background-color:#EAEFEA; color:Black; font-family:Verdana, Sans-Serif }
.proggIt { float:right; font-size:50%; }