/*-------------------------------------------------
  Nucleus CMS Stylesheet - adaptation of
  screen.css to fit blog format
-------------------------------------------------*/
body
{
	font-family: "Lucida Grande", "Lucida Sans Unicode",
        "Trebuchet MS", Trebuchet, Arial, sans-serif;
	padding: 1em 0;
	margin: 0 0 0 1em;
}
img {border: 0;}
form{margin: 0;}
/* Headings */
h1, h2, h3, h4, h5, h6
{
    font-family: "Georgia", "Lucida Grande",
        "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 0 0;
}

/* Lists */
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
li{
	padding: 0 0 0 5px;
	margin: 0 20px;
}
/* Basic ID */




#content{max-width:98%;width:800px;}
#content h2 {font-size:120%;background-color:wheat;}
#content h3, #left h3 {font-size:100%;background-color:lavender;}

/*  Define header information */
#header{
  top:0px;
  width:100%;
  background-color:lightblue;
  border-bottom: 1px solid blue;
  margin:0px 0px 1% 0px;
  padding:0px 0px 0px 0px;
  font-family:arial;
}
#header h1{clear:both;margin:0 0 0 0;font-size:200%;}
#header a{
	text-decoration: none;
}
#header a:hover{
  color:black;
}
#header .navbarleft{
  background-color:white;
  font-size:small;
  text-align:left;
  background-color:wheat;
}
#header .navbaritem{
    border-bottom:1px solid brown;
    border-right:1px solid brown;
    padding:0 0 0 0;
    margin:0 0 0 0;
}
#header .navbarstartitem:hover,#header .navbaritem:hover{
  color:white;
  background-color:brown;
  font-weight:normal;
}

/*#left definition */
#left{
  float:left;
  width:505px;
  max-width:67%;
  margin:0 0 0 0;
}
#left h1{
  font-size:140%;
  color:grey;
}
/*#right definition */
#right{
  float:right;
  width:252px;
  max-width:33%;
  margin:0px 0% 1% 0px;
}
.rbox {
  background-color:aliceblue;
  border:1px solid lightblue;
  margin-bottom:5px;
}
.rbox h3,.rbox h2, .rbox dt{
  background-color:wheat;
  margin:0 0 0 0;
}
#footer{
  clear:both;
  margin-top:2%;
  border-top: 4px groove lightblue;
  font-size:xx-small;
}

/* Basic classes */
.hidden{
    display: none;
}
.centerize{
    text-align: center;
}
.clearing{
    clear: both;
}
/* Content */
.contentbody
{
    font-family:"Bitstream Vera Serif","Georgia","Garamond","Times New Roman",serif;
	font-size:clear;
	text-align: justify;
	padding: 2px 0 0 0;
	
}
.contenttitle h2{
	clear: both;
	padding: 0 0 6px 0;
	margin: 0;
    border-bottom: 1px solid brown;
}
.contentitempostedby, .contentitemcomments,.contentitemedit,.contentitem{
    background-color:lavender;
	font-size: .8em;
	line-height: 12px;
	padding: 2px 0 1px 0;
}
.contentitem1 {
  display: inline;
  padding: 0 4px 0 4px;
}
.contentitem2,.contentitem3,.contentitem4{
	display: inline;
	padding: 0 4px 0 5px;
	background: url(images/dotv.gif) left repeat-y;
}
.contentfooter {
   float:right;
   font-family:courier;
   font-size:.6em;
   padding:0 0 8px 0;
}
.contentfooter a{
  text-decoration:none;
}
/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment{
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover{
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/{
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
/*	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;*/
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}


/*-------------------------------------------------
  Footer
-------------------------------------------------*/

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 0px;
    background:aliceblue;
}
.commentform img{ margin: 5px 0 0 0;}
.formfield
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.searchform .formfield
{
	width: 200px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;

	margin: 0 5px 3px 0;
}
.wrap2
{

}
.wrap3
{

	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}