/*

Theme Name: Night Transition

Theme URI: http://web-kreation.com/download.php#nighttransition

Description:  A two column theme. Black, white and pink colors. Tabbed content for better browsing in the sidebar.

Version: 1.0

Author: Jeremie Tisseau

Author URI: http://web-kreation.com/

Date: May 2008



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/

html, body {border: 0; margin: 0; padding: 0;}



body {

  	font: 85%/0.9 arial, helvetica, sans-serif;

	background: url(images/bg_repeat.jpg) repeat 0 0;

  	line-height: 130%;

  	width: 100%;

  	min-width: 970px;

}

/***** Common Formatting *****/



h1, h2, h3, h4, h5, h6 {

  	margin: 0;

  	padding: 0;

  	font-weight: normal;

}



p {margin: 10px 0; padding: 0;}



p.notfound{padding: 15px 0 100px;}



ul {list-style: none; margin: 0; padding: 0;}



blockquote {

  	font-family: Georgia, "Times New Roman", Times, serif;

  	font-style: italic;

  	color: #666;

	margin: 10px 20px;

	font-size: 1.2em;

	display: block;

}



blockquote span.open {

	background: url(images/quote_open.gif) no-repeat left top;

	padding: 0 0 0 15px;

}



blockquote span.close {

	background: url(images/quote_close.gif) no-repeat bottom right;

	padding: 0 15px 0 0;

}



code {

  	display: block;

	background: #F8F7F3;

	border-top: #EEEEDF 2px solid;

	border-bottom: #EEEEDF 2px solid;

  	color: #666666;

  	padding: 10px 15px;

  	margin: 10px 15px;

	font-family: "Courier New", Courier, monospace;

}



small {font-size: 0.80em;}



img {border: none;}



sup {

  	position: relative;

  	bottom: 0.3em;

  	vertical-align: baseline;

}



sub {

  	position: relative;

  	bottom: -0.2em;

  	vertical-align: baseline;

}



acronym, abbr {

  	cursor: help;

  	letter-spacing: 1px;

  	border-bottom: 1px dashed;

}



hr {

  	display: block;

  	clear: both;

  	border-top: 1px dotted #E7E1DE;

  	border-bottom: 1px dotted white;

  	margin: 5px 20px 0;

}



.red {

	color: #FF3300;

}



.green {

	color: #5EBA0A;

}



/***** Links *****/



a {

  	text-decoration: none;

  	color: #0099CC;

}



a:hover {text-decoration: none; color: #e2b400;}



a img {

  border: none;/*remove border for linked images*/

}







/***** clear *****/

.clear {

	clear: both;

	height: 0;

	line-height: 0;

}



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}



/* End hide from IE-mac */.clearfix {height: 1%;}



.clearfix {display: block;}

/* End hide from IE-mac */



.endOfSection {

  	clear: both;

  	width: 100%;

  	height: 0;

  	line-height: 0;

  	font-size: 0;

  	padding: 0;

  	margin: 0;

  	border: 0;

}



/***** Global Classes *****/

.alignleft {display: block; float: left;}



.alignright {display: block; float: right;}



.aligncenter {

  	display: block;

  	text-align: center;

  	margin: 0 auto;

}



/* images border */

img.alignleft,

img.alignright,

img.aligncenter {

	display: block;

	padding: 3px;

	background: #F5F4F3;

	border: 1px solid #E8E4E2;

}



img.alignleft {

	float: left;

	margin: 0 10px 2px 0;

}



img.alignright {

	float: right;

	margin: 0 0 2px 10px;

}



img.aligncenter {

	margin: 5px auto;

}



img.noborder {

	border: none;

	background: transparent;

	padding: 0;

}



/***** Main Layout ****/



#container {

  	width: 100%;

  	height: 100%;

  	text-align: center;/* IE fix to center the page */

  	background: url(images/bg.jpg) repeat-x 0 0;
	
}



#wrapper {

  	width: 960px;

  	background: url(images/bg_content.jpg) repeat-y top left;

  	margin: 0 auto;/* center the page in Firefox */

  	text-align: left;

}



/***** TOP PAGE *****/

#top {

	height: 95px;

	padding: 0 25px;

  	background: #F4F4EA url(images/bg.jpg) repeat-x 0 0;

}



#top .logo {

	width: 360px;

  	height: 80px;

  	float: left;

  	clear: left;

  	margin-top: 20px;

	margin-left: 20px;
	
	margin-bottom: -10px;

  	background: url(images/logo.jpg) no-repeat;

}



#top .logo a {

	display: block;

	width: 100%;

	height: 100%;

	color: #e2b400;

	font-size: 1.6em;

	padding-left: 50px;

	line-height: 25px;

}



#top .logo a:hover {

	color: white;

}





/* Login */

#top ul.login {

  	height: 36px;

	width: auto;

  	float: right;

  	clear: right;

  	font-weight: bold;

	line-height: 36px;

	margin-right: 50px;

  	color: white;

  	font-size: 80%;

	text-align: center;

  	background: url(images/login_r.jpg) no-repeat right 0;

	padding-right: 40px;

}



#top ul.login li.left {

  	background: url(images/login_l.jpg) no-repeat left 0;

  	height: 36px;

	width: 40px;

	padding: 0;

	margin: 0;

  	display: block;

	float: left;

}



#top ul.login li {

 	text-align: left;

  	padding: 0 6px;

	display: block;

	float: left;

	height: 36px;

  	background: url(images/login_bg.jpg) repeat-x 0 0;

}



#top ul.login li a {

	color: #e2b400;

}



#top ul.login li a:hover {

	color: white;

}



/*Login*/

/* toggle effect - show/hide login*/

#login {

	width: 100%;

	color: white;

	background: #1E1E1E;

	overflow: hidden;

	visibility:hidden;

	position: relative;

	z-index: 3;

	height: 0;

}



#login .loginContent {

	width: 550px;

	height: 60px;

	margin: 0 auto;

	padding-top: 25px;

	text-align: left;

	font-size: 0.85em;

}



#login .loginContent .left {

	width: 120px;

	float: left;

	padding-left: 65px;

	font-size: 0.95em;

}



#login .loginContent .right {

	width: 290px;

	float: right;

	text-align: right;

	padding-right: 65px;

	font-size: 0.95em;

}



#login .loginContent a {

	text-decoration: underline;

}



#login .loginContent input {

	border: 1px #666 solid;

	background: #444;

	margin-right: 5px;

	color: white;

}



#login .loginContent input.rememberme {

	border: none;

	background: transparent;

	margin: 0;

	padding: 0;

}



#login .loginContent form {

	margin: 0 0 10px 0;

}



#login .loginContent input.button_login {

	background: transparent url(images/button_login.jpg) no-repeat 0 0;

	width: 35px;

	height: 23px;

	cursor: pointer;

	border: none;

}



#login .loginClose {

	display: block;

	position: absolute;

	right: 15px;

	top: 10px;

	width: 70px;

	font-size: 0.8em;

	text-align: left;

}



#login .loginClose a {

	display: block;

	width: 100%;

	height: 17px;

	color: #0099CC;

	text-decoration: underline;

	background: url(images/button_close.jpg) no-repeat right 0;

	padding-right: 10px;

}



#login .loginClose a:hover {

	background: url(images/button_close.jpg) no-repeat right -17px;

  	color: #0099CC;

}



/* Main Navigation */
#nav {
	display: block;
	background: transparent url(images/nav_bg.jpg) repeat-x left top;
	padding: 0;
	margin: 0;
	height: 34px;
	z-index: 100;
  	position: relative;
	width: 100%;
	list-style: none;
	text-align: center;
	behavior:url(csshover.htc);
}

#nav .ul_wrapper{
	margin-left:0px;
	}

#nav li {
	text-align: center;
	display: block;
	float: left;
	height: 34px;
	margin: 0;
	padding: 0;
  	position: relative;
	background: url(images/nav_sep.jpg) no-repeat 0 0;
}

#nav li a {
	float: left;
	height: 25px;
	padding: 0 15px;

	padding-top: 9px;
	color: #ccc;
	font-size: 0.9em;
	margin-left: 2px;
}

#nav li a:hover {
	background: url(images/nav_over.jpg) repeat-x 0 0;
	color: white;
}

#nav li a.active {
	background: url(images/nav_over.jpg) repeat-x 0 0;
  	color: white;
	font-weight: bold;
}

#nav li.sep {
	background: url(images/nav_sep.jpg) no-repeat 0 0;
	width: 2px;
	height: 34px;
	float: left;
}

#nav li.left {
	background: url(images/nav_l.jpg) no-repeat left top;
	width: 36px;
	height: 34px;
	float: left;
}

#nav li.right {
	background: url(images/nav_r.jpg) no-repeat right top;
	width: 36px;
	height: 34px;
	float: right;
}

#nav li ul {
	display: none;
	width: 170px;
	position: absolute;
	top: 34px;
	left: 0;
	margin: 0;
	padding: 0;
	/* Transparent background for drop down menu */
  	background:transparent filter: alpha(opacity=90);
  	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  	opacity:0.90;
}

#nav li:hover ul {
	display:block; /* display the menu when hovered */
	}

#nav li ul li {
  	border: 0;
  	height: 25px;
  	color: #99FF00;
  	background: #111;
  	margin: 0;
}

#nav li ul li a {
	display: block;
  	height: 25px;
  	width: 140px;
  	padding: 0 20px 0 15px;
  	border-top: 1px #333 solid;
  	white-space: nowrap;
  	background: #000;
  	color: white;
  	text-align: left;
  	line-height: 25px;
  	font-weight: normal;
}

#nav li ul li a:hover {
  	color: #e2b400;
  	background: #111;
}

	
/* Hacks for Opera to fix the drop down menu problem */
html:first-child #nav li a {
	float: none;
	height: 34px;
	padding-top: 0;
	line-height: 34px;
	display: block;
}
html:first-child #nav li ul li a {
  	height: 25px;
  	line-height: 25px;
}



/***** HEADER *****/

#header {


	background: url(images/header.jpg) no-repeat;

	width: 100%;

	height: 214px;

	position: relative;

	z-index: 1;

	color: white;

	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

}



#header .intro {

	width: 575px;

	height: 130px;

	padding: 30px 0 0 30px;

}





#header .intro h1 {

	font-size: 1.8em;

	padding: 5px 0 10px 0;

	font-weight: bold;

}



#header .intro h2 {

	font-size: 1.1em;

	padding: 0;

	margin: 0;

	font-weight:500;
	
	line-height:1.4em;

}



#header .intro p {

	font-size: 1em;

	padding: 0;

	margin: 0;

}

#header .intro strong{
 	font-weight:bolder;
	font-size:1.4em;
	}




/* Header info */

#header .info {

	position: absolute;

	z-index: 2;

	left: 20px;

	top: 190px;

	color: black;

	width: 530px;

	font-size: 0.85em;

	color: #999;

}



/***** Search Box *****/

#header #searchform {

	position: absolute;

	z-index: 2;

	left: 600px;

	top: 180px;

	width: 205px;

}



#header #searchform .searchField {

	display: block;

	float: left;

	border: none;

	background: transparent;

	width: 158px;

	color:#333333;

	height: 23px;

	padding-top: 5px;

}



#header #searchform .searchSubmit {

	background: transparent url(images/searchButton.jpg);

	display: block;

	float: left;

	width: 40px;

	height: 26px;

	border: none;

	cursor: pointer;

}



/***** CONTENT *****/

#content {

	display: block;

	float: left;

	clear: left;

	width: 630px;

	padding: 20px 15px 20px 20px;

}



#content h1 {

	margin: 20px 0;

}



#content h2 {
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 20px 0 0 0;
	margin: 0;
	color: #e2b400;

}
#content h3{
	height: 20px;
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: bold;
	color: #006699;
	background: #F8F7F3;
	text-align:left;
	display:inline;
	margin:3px 0 -5px 0;
	float:left;
}


#content h4 {

	font-size: 1.3em;

	font-weight: bold;

	color:  #232323;

	margin-top: 15px;

}

/* Content_Specia1 */
#content_spec {
	display: block;
	float: left;
	clear: left;
	width: 630px;
	padding: 0px 15px 20px 20px;
	margin-top:30px;
}

/* Content - Columns */
#col1 {
	display: block;
    float:left;
	width: 300px;
	padding-left: 15px; 
	margin-top: 0px;
	font-size: 0.8em;
	/* background: url(images/sidebar_bg.jpg) no-repeat 0 0; */
}

#col1 img{
	margin-top: 10px;
}

#col2 {
	display: block;
    float:left;
	width: 255px;
	padding-left: 15px;
	margin-top: 0px;
	font-size: 0.8em;
	/* background: url(images/sidebar_bg.jpg) no-repeat 0 0; */
}

#col1 h2{
	background: url(images/post_h1.jpg) no-repeat 0 bottom;
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 5px 0 0 30px;
	margin: 0;
	color: #006699;
	border-bottom: 1px solid #ccc;
	width: 255px;
}

#col2 h2{
	background: url(images/post_h1.jpg) no-repeat 0 bottom;
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 5px 0 0 30px;
	margin: 0 0 5px 0;
	color: #006699;
	border-bottom: 1px solid #ccc;
	width: 255px;
}

#content_spec h1{
	font-size: 1.8em;

	padding: 5px 0 10px 0;

	font-weight: bold;
	
	margin:0;
}

/* Content - News */
#col2 .entry{
        margin-bottom:12px;
		line-height:normal;
		font-weight:normal;
}




#col2 ul#news li  {
	line-height: normal;
	border-bottom: dotted 1px #ccc;
	margin-bottom:5px;
	padding: 0;
}

#col2 ul#news {
	margin: 0;
	}

#col2 ul#news img {
    float:left;
	border: #EDEBE9 1px solid;
	background: #F5F4F3;
	padding: 3px;
	margin: 5px 5px 0 0;
	width: 54px;
	height: 54px;
}

#col2 ul#news li a:hover img {
	border: #ccc 1px solid;
	background: #eee;
}

#col2 ul#news li h3 a, h3 {
	color: #CC3300;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	/*display: block;
	 float: left; 
	 float:right;
	width: 188px;*/
	padding: 0;
	text-decoration:none;
	
}

#col2 ul#news li h3 a:hover {
	color:#e2b400;
	}


#col2 ul#news li p {
	margin: 0;
	padding: 0 0 5px 0;
}

#col2 ul#news li a {
	text-decoration: underline;
}
/* Content - Col2 */

/* Content - Tables */
#content table{
	border: 0; 
	width:100%;
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	margin-top:10px;
	}
	
#content th{
	color:#333;
	border-top:dotted 1px #e6b910;
	padding-top:5px;
	}
#content td{
	color:#666666;
	padding-bottom:5px;
	}

#content table h3{
	margin:5px;
}
	
/* Content - Special UL */
#content .ul_special{
	float:left; 
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	width:270px;
	margin:20px 10px 0 10px;
	}
#content .ul_special h2{
	height: 20px;
	font-size: 1.2em; 
	border-bottom:dotted 1px #e6b910;
	font-variant: small-caps;
	font-weight: bold;
	padding: 2px 0 1px 3px;
	color: #006699;
	text-align:left;
	}
#content .ul_special{
	float:left; 
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	width:270px;
	margin:20px 10px 0 10px;
	}
#content .ul_special h2{
	height: 20px;
	font-size: 1.2em; 
	border-bottom:dotted 1px #e6b910;
	font-variant: small-caps;
	font-weight: bold;
	padding: 2px 0 1px 3px;
	color: #006699;
	text-align:left;
	}
/* post */

#content .post {

	margin: 0 0 30px 0;

	padding: 0;

	clear: both;

	text-align: justify;

}



#content .post .title {

	background: #F8F7F3;

	border: #EEEEDF 0px solid;

	display: block;

	clear: both;

	padding-right: 0px;

}

#content .post .title h1 {
	background: #F8F7F3 url(images/post_h1.jpg) no-repeat 0 bottom;
	border: #EEEEDF 1px solid;
	height: 20px;
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 5px 0 0 30px;
	margin: 0;
	color: #00ccff;
}


#content .post .title h1 a, #content .post .title h2 a {

	color: #006699;

	text-decoration: none;

}



#content .post .title h1 a:hover, #content .post .title h2 a:hover {

	color: #0066CC;

}

#content .post .title h2 {
	border: #EEEEDF 1px solid;
	height: 20px;
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 5px 0 0 0px;
	margin: 0;
	color:#333;
}

#content .post .title small, #content .post .title span {

	color: #232323;

}



#content .post .title span {

	font-size: 0.6em;

}



#content .post .title small a, #content .post .title span a {

	color: #0099FF;
	text-decoration: none;

}



#content .post .title small a:hover, #content .post .title span a:hover {

	color: #e2b400;

}


/* Post Date */
#content .post .title .date {
  Float: left;
  clear: left;
  width: 48px;
  height: 44px;
  border-right: 1px solid #DFD8C8;
  margin: 4px 10px 4px 20px;
  text-align: center;
}

#content .post .title .date .day {
  display: block;
  clear: left;
  font-size: 1.8em;
  color: #393939;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#content .post .title .date .month {
  display: block;
  clear: both;
  font-size: 0.9em;
  font-weight: bold;
  margin:-3px 0;
  text-transform: uppercase;
  padding: 0;
}

#content .post .title .date .year {
  display: block;
  clear: left;
  font-size: 0.85em;
  color: #393939;
  font-weight: bold;
  line-height: 12px;
  margin: 0;
  padding: 0;
}



/* Page */

#content #page h1 {

	padding: 5px 30px;

}

/* Post Entry */

#content .post .entry {

	padding: 0 15px;

	margin: 0;

}

#content .post .entry img{
	float:left;
	padding: 3px;
	background: #F5F4F3;
	border: 1px solid #E8E4E2;
	margin:0px 10px 5px 0px;
}


#content .post .entry p.more {

	font-size: 0.8em;

}



#content .post .postmetadata {

	font-size: 0.8em;

	color:  #232323;

}



/* Writer Info */

#content #writerInfo {

	background: #F8F7F3;

	border: #EEEEDF 1px solid;

	padding: 20px 10px;

	display: block;

	margin:25px 0 15px 0;

	padding:12px;

	font-size: 0.9em;

}



#content #writerInfo img {

	padding:3px;

	background-color: white;

	border:1px solid #ccc;

	float:left;

	display: block;

	margin-right: 7px;

}



#content #writerInfo p {

	margin:0;

	width:500px;

	padding: 0;

	float: right;

}



#content #writerInfo span {

	display:block;

	float: left;

	padding-top:4px;

	margin-top:12px;

	border-top:1px solid #EEEEDF;

}



#content #writerInfo a.rss {

	background: url(images/feed_small.jpg) no-repeat right 2px;

	padding-right: 18px;

}



/* Content - Global Classes */

#content a {

	text-decoration: underline;

}



#content ul {

	padding: 5px 0 5px 20px;

}



#content ul li {

	background: url(images/bullet.jpg) 0 4px no-repeat;

	padding-left: 20px;

	margin: 10px 0;

}



#content ol li {

	margin: 10px 0;

}



/* Back to top */

#content a.backToTop {

	background: url(images/content_backToTop.jpg) no-repeat right 0;

	display: block;

	clear: both;

	width: 100%;

	height: 20px;

	margin-bottom: 4px;

	text-decoration: none;

}



#content a:hover.backToTop {

	border: none;

	background: url(images/content_backToTop.jpg) no-repeat right -20px;

}



#content .navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	font-size: 0.85em;

}



#content .navigation a {

	color: #e2b400;

}



#content .navigation a:hover {

	color: #0099FF;

}



/***** COMMENTS *****/

#content .commentlist {

	font-weight: bold;

	padding: 0 15px;

	margin: 0;

	list-style: none;

}



#content .commentlist li {

	font-weight: bold;

}



#content .commentlist .commentNumber {

	float: right;

	padding-right: 25px;

	color: #D8D1BA;

	width: 20px;

	height: 20px;

	font: 2em 'Trebuchet MS', Verdana, Arial, Sans-Serif;



}



#content .commentlist li .avatar {

	float: left;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	margin-right: 7px;

}



#content .commentlist cite, #content .commentlist cite a {

	font-weight: bolder;

	font-style: normal;

	font-size: 1em;

}



#content .commentlist cite a {

	text-decoration: none;

	color: #e2b400;

}



#content .commentlist cite a:hover {

	text-decoration: none;

}



.commentlist .commentText {

	font-weight: normal;

	font-size: 0.9em;

	text-transform: none;

	background-color: #F8F7F3;

	padding: 10px 20px 10px 10px;

	margin: 15px 0 30px 0;

}



/* highlight author comment with a different background color */

#content .commentlist .comment-admin {

 	background-color: #F0F0FF !important;

}



#content .commentmetadata {

	font-weight: bold;

	color: #999999;

}



#content #commentform {

	background: #F8F7F3;

	border: #EEEEDF 1px solid;

	padding: 20px 10px;

	display: block;

}



#content #commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

}



#content .nocomments {

	font-size: 1.2em;

	font-weight: bold;

}



/* extras */

/* content typography */

#content .dwnld{

	background: #EBFEDA url(images/dwnld.jpg) no-repeat 5px 4px;
	clear: both;
	height: 33px;
	color: white;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	width: 560px;
	margin: 10px 0;
	padding: 7px 10px 7px 40px;
	border-top: #EBE8D7 1px solid;
	border-bottom: #EBE8D7 1px solid;
	line-height: 1.5em;

}



#content a:hover.dwnld {

	background: url(images/dwnld.jpg) no-repeat 0 -66px;

	text-decoration: none;

}



#content a.dwnld span {

	font-size: 0.70em;

}



p.note,

p.error {

	display: block;

	width: 560px;

	min-height: 35px;

	float: left;

	padding: 7px 10px 7px 40px;

	border-top: #EBE8D7 1px solid;

	border-bottom: #EBE8D7 1px solid;

	line-height: normal;

}



p.note {background: #FFF9D7 url(images/info.jpg) no-repeat 5px 4px;}



p.error {

	background: #FF9D9D url(images/error.gif) no-repeat 5px 4px;

	border-top: #FF3300 1px solid;

	border-bottom: #FF3300 1px solid;

	min-height: 20px;

}

/***** Sidebar site navigation*****/

#pages  {	
	font: 500 1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-top:30px;
	width: 255px;
	padding-right: 10px;}
#pages h2 {
	font-size: 1.4em;
	font-variant: small-caps;
	color: #006699;
	font-weight: bold;
}
#pages  ul {list-style: none; border-top: 1px solid #ccc;}
#pages ul li {border-bottom: 1px dotted #ccc;padding-left:20px;}
#pages ul ul li {margin-left:10px;padding-left:15px;background: url(images/dotz.gif) no-repeat left;border-bottom: 0px;}
#pages ul ul {	font-size: 100%;}
#pages ul ul ul {padding-left: 10px;}
#pages  li a:link, #pages  li a:visited {color:#666;text-decoration: none;}
#pages  li a:hover{color:#999}
.current_page_item {font-weight:bold; color:#333}

/**** SIDEBAR ****/
#sidebar {
	display: block;
    float:left;
	width: 255px;
	padding-left: 15px;
	margin-bottom: 30px;
	font-size: 0.8em;
	background: url(../images/sidebar_bg.jpg) no-repeat 0 0;
}

#sidebar h3{
	background: url(images/post_h1.jpg) no-repeat 0 bottom;
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 5px 0 0 30px;
	margin: 30px 0px 10px 0px;
	color: #006699;
	border-bottom: 1px solid #ccc;
	width: 230px;
}





/* News 
#sidebar .entry{
        margin-bottom:12px;
}

#sidebar ul#news li  {
	line-height: normal;
	border-bottom: dotted 1px #ccc;
	margin-bottom:5px;
	padding: 0;
}

#sidebar ul#news {
	margin: 0;
	}

#sidebar ul#news img {
        float:left;
	border: #EDEBE9 1px solid;
	background: #F5F4F3;
	padding: 3px;
	margin: 5px 5px 0 0;
	width: 54px;
	height: 54px;
}

#sidebar ul#news li a:hover img {
	border: #ccc 1px solid;
	background: #eee;
}

#sidebar ul#news li h3 a, h3 {
	color: #CC3300;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	display: block;
	float: left;
	width: 188px;
	padding: 0;
	text-decoration:none;
	float:right;
}

#sidebar ul#news li h3 a:hover {
	color:#e2b400;
	}


#sidebar ul#news li p {
	margin: 0;
	padding: 0 0 5px 0;
}

#sidebar ul#news li a {
	text-decoration: underline;
}
*/


/* tabbed menu */

#sidebar .shadetabs{

	padding: 3px 0;

	margin-left: 0;

	margin-top: 1px;

	margin-bottom: 0;

	font: bold 12px Arial;

	list-style-type: none;

	text-align: left; /*set to left, center, or right to align the menu as desired*/
	
}



#sidebar .shadetabs li{

	display: inline;

	margin: 0;

}



#sidebar .shadetabs li a{

	text-decoration: none;

	position: relative;

	z-index: 1;

	padding: 3px 6px;

	margin-right: 3px;

	border: 1px solid #CDC6A9;

	color: #e2b400;

	background: #232323;

	display: inline !important;

}



#sidebar .shadetabs li a:hover{

	background: #393939;

	color: #e2b400;

}



#sidebar .shadetabs li a.selected{ /*selected main tab style */

	position: relative;

	top: 1px;

}



#sidebar .shadetabs li a.selected{ /*selected main tab style */

	background: url(images/shadetabs.jpg) repeat-x 0 0;

	border-bottom: none;
	
	color:#333333;

}



#sidebar .shadetabs li a.selected:hover{ /*selected main tab style */

	text-decoration: none;

	background: url(images/shadetabs.jpg) repeat-x 0 0;

}



#sidebar .content {

	border: #CDC6A9 1px solid;

	padding: 0 0 15px 0;

	width: 260px;

}



#sidebar .content ul {

	padding: 0 10px;

}



#sidebar .content ul li {

	border-bottom: 1px #eee solid;

	margin: 0;

	padding: 3px 7px;

	display: block;

	width: 230px;

}



#sidebar .content ul li a {

	display: inline !important;

	background: transparent !important;

	border: none !important;

	padding: 0;

	width: 230px;

}



#sidebar .tabcontent{

	display:none;

}



@media print {

#sidebar .tabcontent {

	display:block !important;

}

}




/* Begin Calendar 

#wp-calendar {

	empty-cells: show;

	margin: 10px 0 20px;

	padding: 10px;

	width: 260px;

	background: #F8F7F3;

	border: #EEEEDF 1px solid;

	float: left;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar a {

	display: block;

}



#wp-calendar caption {

	text-align: center;

	font-weight: bold;

}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

}

*/

/* #wp-calendar td.pad:hover { */ /*Doesn't work in IE */

	/*background-color: #fff; } */


/* End Calendar */



/***** FOOTER *****/

#footer {

	background: #F4F4EA url(images/footer_bg.jpg) repeat-x 0 0;

	clear: both;

	width: 960px;

	height: 150px;

	color: #999;

	font-size: 0.9em;

}



#footer a {

	color: #999;

	border-bottom: 1px dotted #555;

}



#footer a:hover {

	color: #bbb;

	border-bottom: none;

}



#footer .foot_l {

	background: url(images/footer_l.jpg) no-repeat left top;

	width: 80px;

	height: 74px;

	float: left;

}



#footer .foot_l a {

	display: block;

	width: 100%;

	height: 100%;

	text-decoration: none;

	border: 0;

}



#footer .foot_r {

	background: url(images/footer_r.jpg) no-repeat right top;

	width: 26px;

	height: 74px;

	float: right;

	clear: none;

}



#footer .foot_content {

	display: block;

	clear: none;

	width: 800px;

	float: left;

	clear: none;

	padding: 10px 0 0 0;

	text-align: center; 

}



#footer .foot_content p {

	margin: 0;

	padding: 0;

	line-height: 20px;

}



#footer .foot_content .logo {

	display: block;

	width: 196px;

	height: 38px;

	margin-top: 3px;

	float: left;

}



#footer .foot_content .logo a {

	background: url(images/footer_logo.jpg) no-repeat 0 0;

	display: block;

	width: 100%;

	height: 100%;

	cursor: pointer;

	border: none;

}



#footer .foot_content .logo a:hover {

	background: url(images/footer_logo.jpg) no-repeat 0 -38px;

	display: block;

}



#footer .foot_info {

	display: block;

	clear: both;

	width: 850px;

	margin: 0 auto;

	text-align: center;

	font-size: 0.80em;

	line-height: normal;

}



/* Back to top */

#footer .backToTop {

	display: inline;

	width: 40px;

	height: 74px;

	float: right;

}



#footer .backToTop a {

	background: url(images/footer_backToTop.jpg) no-repeat 0 0;

	display: block;

	width: 100%;

	height: 100%;

	border: none;

}



#footer .backToTop a:hover {

	background: url(images/footer_backToTop.jpg) no-repeat 0 -74px;

	border: none;

}



#footer ul li {

	display: inline;
	padding-left: 7px;
	padding-right:7px;

}