/*
        Name:  Envision
        Date:  2008.01.23
      Author:  Jesse Foster | jf26028 (http://www.gravitycube.net/)
 Description:  2 column light layout.
     License:  Originally released under the Creative Commons Attribution 2.5 by Erwin Aligam.
               Enhancements released by GravityCube.net under the BSD license - Copyright (c) 2008, http://www.gravitycube.net/.
               See License.txt for full license.
     Credits:  Original theme based on Envision by Erwin Aligam (http://www.styleshout.com/) under the Creative Commons Attribution 2.5 license.
*/
/* 
   BlogEngine 1.4.5.0 Changes by www.zembian.com 
     Version:  1.0 Initial Release 2008.09.18
        Name:  Envision
        Date:  2008.09.18
     License:  Originally released under the Creative Commons Attribution 2.5 by Erwin Aligam.
               Enhancements released by GravityCube.net under the BSD license - Copyright (c) 2008, http://www.gravitycube.net/.
               See License.txt for full license.
               1.4.5.0 Enhancements by zembian.com under the BSD license - Copyright (c) 2008, http://www.zembian.com/.
               See License2.txt for full license.
     Credits:  Original theme based on Envision by Erwin Aligam (http://www.styleshout.com/) under the Creative Commons Attribution 2.5 license.
*/


/********************************************
   HTML ELEMENTS
********************************************/

/* Top Elements */
* { margin: 0; padding: 0; outline: 0; }

body { background: #CCC; font: 10pt Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center; }
h1, h2, h3, p { padding: 10px; margin: 0; }

/* links */
a /*, a:visited */ { text-decoration: none; color: #2180BC; /*background: inherit;*/ }
a:hover { text-decoration: underline; }

/* headers */
h1, h2, h3, h4, .tagcloud { font-family: 'Trebuchet MS' , Tahoma, Sans-serif; }
h2 { font-size: 150%; font-weight: normal; color: #006699; }
h3 { font-size: 120%; color: #555555; padding-left:15px; }
h4 { font-size: 110%; color: #666666; padding-left:25px; font-style:italic; }
.delicious-blogbadge-tall 
{
	width: 100%;
}
#main h1  
{
	font: bold 2.25em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #115280; 
	padding: 10px 0 5px 5px; 	
	margin-left: 5px;		
	letter-spacing: -1px;
	border-bottom: 1px solid #D2E9A4;
	text-transform: none;
	/*margin-top: 10px; font: Bold 140% 'Trebuchet MS' , Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(images/square-green.png) no-repeat 3px 50%; text-transform: none; */}
#main h1 a { background: none; color: #115280; text-decoration: none; }

/* images */
img { border-width: 0px; }
img.float-right { margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px; }


ul, ol { margin: 5px 20px; padding: 0 20px; }

li { margin-bottom: 7px; }

acronym { cursor: help; border-bottom: 1px dotted #777; }
/*blockquote { margin: 10px; padding: 0 0 0 28px; border: 1px solid #f2f2f2; background: #FAFAFA url(images/quote.gif) no-repeat 5px 5px; }*/
blockquote {
	font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
	width: 400px;
	background: url(images/close-quote.gif) no-repeat right bottom;
	padding-left: 18px;
	text-indent: -18px;
	margin-top: 30px;
	text-align: left;
}
blockquote:first-letter {
	background: url(images/open-quote.gif) no-repeat left top;
	padding-left: 18px;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
cite
    {
    font-size: 10px;
    float: right;    
    display: block;
    margin-right: 18px;

}


/* form elements */
label { display: block; font-weight: bold; margin: 5px 0; }
input { padding: 2px; border: 1px solid #eee; font: normal 1em Verdana, sans-serif; color: #777; }
textarea { width: 400px; padding: 2px; font: normal 1em Verdana, sans-serif; border: 1px solid #eee; height: 100px; display: block; color: #777; }
#searchbutton, #btnSaveAjax { font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 2px 3px; color: #FFF; background: #8EB50C url(images/button-bg.jpg) repeat-x 0 0; border: none; }

/********************************************
   LAYOUT
********************************************/



/* Menu */

#menu ul {text-align:center; list-style: none; margin: 0; padding: 0; }
#menu ul li { display: inline-block; }
#menu ul li a { padding: 0 12px; color: #FFF; text-decoration: none; }
#menu ul li.last a { padding-right: 20px; }
#menu ul li a:hover { color:#14A5FF; }
#menu ul li#current a { color: #D4E59F; }

#menu ul li a.feed img { margin-right: 3px; margin-bottom: -2px; padding: 0px; border: 0px; background-color: Transparent; }

/* Main Column */
#mainTable { /*margin: -2px 50px 0px 30px;*/ padding: 0 0 0 0; }
#main {padding: 0px 0px 0px 0px; width: 80%; background: #FFF url(images/content-left.jpg) repeat-y; vertical-align: top;  }

/*td#sidebarOne {min-width:250px; width:20%; vertical-align: top; background: #EDFDCE url(images/content-right.jpg) repeat-y right top; } */

/* Sidebar */
.sidebar h3 { margin-top: 10px; padding: 5px 5px; font: bold 1.4em 'Trebuchet MS' , Tahoma, Sans-serif; color: #ff0000; }
.sidebar ul { list-style: none; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; }
.sidebar ul li { list-style: none; padding: 4px 0 4px 5px; margin: 0 2px; color: #333; border-bottom: dashed 1px #728D26; }
* html body .sidebar ul li { height: 1%; }
.sidebar ul li a { background-image: none; color: #333; }
.sidebar ul li a:hover { color: #1773BC; }
.sidebar ul ul { margin: 0 0 0 5px; padding: 0; }
.sidebar ul ul li { background: none; }
.sidebar { font-size: 9pt; text-align: right; padding: 10px 30px 0px 10px; }



/* Footer */
#footer a { color: #FFF; text-decoration: none; }

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

/* display and additional classes */
.clear { clear: both; }

/* search */
#searchbox { font-size: 11px; }
#searchbutton { height: 21px; font-size: 12px; }
#searchfield { width: 110px; }
#searchcomments { }

/* tag cloud */
.tagcloud { margin-bottom: 10px; white-space: normal; }
.tagcloud li { display: inline; border-bottom: none; }
.tagcloud .content ul li { border-bottom:none !important;}
.tagcloud a { margin-right: 4px; display: inline; text-decoration: none; border-bottom: none; }
.tagcloud a:hover { }
.tagcloud a.biggest { font-size: 16px; font-weight: 900; }
.tagcloud a.big { font-size: 14px; font-weight: 700; }
.tagcloud a.medium { font-size: 12px; font-weight: 500; }
.tagcloud a.small { font-size: 10px; font-weight: 300; }
.tagcloud a.smallest { font-size: 9px; font-weight: 100; }

/* Blogroll */
.xoxo li { border-bottom:none !important;}
.xoxo li ul li { border-bottom:1px dashed #728D26 !important;}

/* archive */
/*#archive { padding: 10px; }*/
#archive h1 { margin: 0; padding-bottom: 9px; }
#archive h2 { background: none; padding: 5px 5px 0px 5px; font-size: 12px; margin-bottom: 0px; font-weight: bold;}
#archive h2 img { margin-right: 3px; }
/*#archive ul { list-style-type: square; margin: 0 10px; padding: 10px; }
#archive ul li { margin-right: 20px; }*/
#archive table { width: 100%; border-collapse: collapse; margin-bottom: 20px; margin-left:10px; }
#archive table td, #archive table th { text-align: left; }
#archive table td { text-align: left; padding: 2px 0; }
#archive .date { width: 90px; }
#archive .comments { width: 90px; text-align: center; }
#archive .rating { width: 70px; text-align: center; }

/* related posts */
#relatedPosts a { display: block; margin-top: 5px; margin-left: 15px; margin-bottom: 5px; font-size: 1.2em; }
#relatedPosts span { display: block; margin-top: 5px; margin-left: 30px; margin-bottom: 5px; }
/* comments */
.comment { border: solid 1px #e0d0b0; padding: 5px; padding-right: 0px; margin: 2px 2px 5px 2px; }
.comment .date { text-align: left; margin: 0; padding: 3px 0px; }
.comment .author { margin: 0; text-align: left; padding-top: 3px; margin: 5px 0px 3px 0px; clear: both; }
.self { }
.comment .gravatar { float: right; width: 80px; margin: 5px 15px 5px 5px; padding-left: 5px; }
.comment .gravatar img { height: 80px; width: 80px; }
.comment .content { float: left; min-height: 85px; width: 390px; margin: 5px 0 0 0px; }
.commentForm { padding: 5px; }
.commentForm label { float: left; display: block; width: 80px; clear: both; }
.commentForm input { display:block; width: 130px; }
.commentForm textarea { width: 100%; height: 150px; }
#ctl00_cphBody_CommentView1_hfCaptcha { display:none;}
.bbcode a { background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; margin:1px; padding:1px 3px; }
/* Posts */
.post .info { background: #eeeeee; border: solid 1px #cccccc; }
.post .info table tr td a img { padding: 0; }
#postPaging { margin: 10px 0 10px 30px; }
/* Recent Posts */
#recentPosts span { margin-left:3px;}
/* star rating */
.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 0 20px 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; margin: 0px; }

/* 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; }

/* Search page */
.searchresult { margin-bottom: 20px; }
.searchresult a { font-weight: bold; }
.searchresult span.text { clear: both; display: block; margin: 3px 0; }
.searchresult span.type { display: block; }
.searchresult span.url { }
.searchpage { padding: 2px; }
.searchpage ul.paging { list-style-type: none; margin: 0px; margin-bottom: 20px; padding: 0px; }
.searchpage ul.paging li { display: inline; margin-right: 5px; }
.searchpage ul.paging li a { padding: 5px 8px; }
.searchpage ul.paging li.active { }

/* contact */
#contact { padding: 10px; }
#contact h1 { margin-top: 0; }
#contact label { display: block; padding-top: 5px; }
#contact input.field { width: 200px; }
#contact textarea { display: block; overflow: auto; width: 75%; height: 150px; margin: 0; }

/* page */
#page h1 { margin-top: 0; }


div#footer { padding-top: 15px; }

/* Widget */

/*div#widgetzone { padding: 0; margin: 10px 30px 0px 10px; margin-left: 10px; }*/
div#widgetzone .clear { clear: left; }

div.widget { background: transparent; border: 0px; padding: 3px 3px; margin-bottom: 10px; z-index: 1; }
div.widget .content { line-height: 16px; color: #666666; }
div.widget h4  
{
	color: #115280; 
	font: normal 1.6em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-transform: none;
	padding: 10px 0 2px 0; 
	margin: 10px 0 0 10px; 
	
	/*font-size: 140%; font-weight: bold; padding-bottom: 5px; margin: 0; margin-bottom: 5px; z-index: 0; letter-spacing: 1px; text-transform: uppercase; color: #88ac0b; */}
div.widget a.edit { font-size: 10px; font-weight: normal; float: right; z-index: 1; }
div.widget a.delete { font-weight: bold; color: #999999; float: right; margin-left: 5px; z-index: 1; text-decoration: none; }
div.widget a.delete:hover { color: black; }

#widgetzone .widget ul { list-style-type: none; margin: 0; padding: 0; text-transform: capitalize; }
#widgetzone .widget ul li { margin-bottom: 3px; }
#widgetzone .widget ul li.year { border-bottom: none; }
#widgetzone div.search { background: none; border: none; padding-left: 10px; }
#widgetzone img.rssButton { margin-right: 3px; }

.delicious-extended,
div.widget .content li span,
div.widget .content li li a,
div.widget .content .recentComments li {
	color: #A98D76;	
	font-size: .9em;
	
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;		
}
div.widget .content li li 
{
	margin: 0 0 0 10px;
	padding: 0;
}
div.widget .content ul.recentPosts li span {
	display: block;
	text-indent: 10px;
}
div.widget .content li a:hover {	
	color: #000;	
	background: none;	
}

/* syntax highlighter */
.code { color: black; background-color: #F1F1F1; }
.code .rem { color: #008000; }
.code .kwrd { color: #0000ff; }
.code .str { color: #006080; }
.code .op { color: #0000c0; }
.code .preproc { color: #0000ff; }
.code .asp { background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt { background-color: #f4f4f4; }
.code .lnum { color: #606060; }

#commentMenu { margin-top:30px;}
#commentMenu li { display:inline; margin-right:10px; border-left:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc; padding:5px 10px; cursor:pointer;}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
#tabs ul li {list-style-image: none;}
/* to fix strange layout when screen width reduced */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; }

a[title] { background: url(images/label_16.png) no-repeat right bottom; padding-right: 20px;}

#page table, #page td, #page th, .entry table, .entry td, .entry th
	{
		border-color: #600;
		border-style: solid;
	}

#shelfari table, #shelfari td, #shelfari th
{
		border-style: none;
}

#page table, .entry table
	{
		border-width: 0 0 1px 1px;
		border-spacing: 0;
		border-collapse: collapse;
		max-width: 80%;
	}

#page td, #page th, .entry td, .entry th
	{
		margin: 0;
		padding: 4px;
		border-width: 1px 1px 0 0;
		background-color: #FFC;
	}
#page th, .entry th {
		background-color: #FA0;
	}
	
#page ul, .entry ul { margin-top: 0px; }
	
#archive .comments { width:140px; }
#archive table td { padding-left:20px; }


/* Top Elements */
* { 	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	text-decoration: none;
 }
div { margin: 0; padding: 0; outline: 0; }
img { border-width: 0px; }

.clear {
	clear:both;
}

	
#container
{
	margin: 0 auto;
	width: 100%;
	background: #fff;
}

#headerLeft { float:left; }
#headerRight { float:right; }
#headerMiddle { height: 170px; background: #CCC url(images/header-middle.jpg) repeat-x center top; padding: 0; color: #FFF; text-align: center;  }
#bannerImage { margin-top: 17px;  background: #000000; border: 2px solid #156AAB; padding: 2px; max-width:80%; }

#menuLeft { float:left; }	
#menuRight { float:right;}
#menu
{
    background: url(images/menu.jpg) repeat-x 0 0; 
	height: 37px;
	font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
}

#menu ul {text-align:center; list-style: none; margin: 0; padding: 0; }
#menu ul li { display: inline-block; }
#menu ul li a { padding: 0 12px; color: #FFF; text-decoration: none; }
#menu ul li.last a { padding-right: 20px; }
#menu ul li a:hover { color:#14A5FF; }
#menu ul li#current a { color: #D4E59F; }

#menu ul li a.feed img { margin-right: 3px; margin-bottom: -2px; padding: 0px; border: 0px; background-color: Transparent; }

/*http://www.chilipepperdesign.com/2009/05/03/css-equal-height-columns-with-bottom-border-and-margin*/
#main {
	float:left;
    background: #FFF url(images/content-left.jpg) repeat-y; vertical-align: top;
    margin-bottom: -32767px; padding-bottom: 32767px;
}

#content { 
	margin-left: 50px; 
	float: left;
	text-align: left;
} 
#columnContainer 
{
    	overflow: hidden;
    	background-color: #EDFDCE;
}
#container1 { 
	float:left;
	background: #FFF url(images/content-left.jpg) repeat-y; 
	vertical-align: top;
}
#container2 {
	float:left;
    background: #EDFDCE url(images/content-right.jpg) repeat-y right top; 
}
#sideBar {
 /*   min-width:250px; */
	vertical-align: top; 
	float:right;
	width:20%; 
	max-width: 15%;
	margin-bottom: -32767px; padding-bottom: 32767px;
	background: #EDFDCE url(images/content-right.jpg) repeat-y right top; 
}

#footer {clear:both;}
#footerLeft { clear:right; float:left;}
#footerRight { float:right; }
#footerMiddle { color: #C6DDEE; background: #CCC url(images/footer-middle.jpg) repeat-x center top;  text-align: center; font-size: 92%; height:65px; }
#footerMiddle a { color: #FFF; text-decoration: none; }