/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Default skin bundled with Nucleus 3.2 and
 'The Writer' by Marco van Hylckama Vlieg made for Pivot blog engine
  Assembled by Boris Lifanovsky (http://www.lifanovsky.com)
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
			background: url(images/pageback.png);
			font-family: Georgia,Times,Times New Roman,sans-serif; 
			font-size: 12px; 
			text-align: center; 
			color: #333; 
			line-height: 1.4; 
			margin: 0; 
}
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;
}

/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
li
{
	background: url(images/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
}

/* Links */
a:link, a:visited
{
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}
a:hover, a:active
{
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}
#header a:link, #header a:visited
{
	font-variant: small-caps;
	color: #ccc;
	font-style: normal;
	line-height: 1;
	border-bottom: none;
}
#header a:hover, #header a:active
{
	font-variant: small-caps;
	color: #ccc;
	font-style: normal;
	line-height: 1;
	border-bottom: none;
}
#copyrights a:link, #copyrights a:visited
{
	color: #474747;
}
#copyrights a:hover, #copyrights a:active
{
	color: #737373;
}

/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 704px;
	height: 0;
	clear: both;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header
{
	position: relative;
/* *************** Scott Mod ----- was 1000 */
	width: 850px;
	height: 168px;
	/* large header image is defined below */
	background: url(images/maincontainerback.png)
	/* background: white; */
	border-width: 2px 2px 0;
	border-style: solid;
	border-color: #E0E0E0;
	margin: auto;
}
#header h1
{
	/* small header image specific lines */
	height: 168px;
	width: 692px;
	background: white url(images/header_sm.jpg) repeat-x 0 6px;
	margin: 0 6px;
	/* end small header image specific lines */
	font-size: 38px;
	text-align: center;
	line-height: 160px;
}

#banner {
			padding: 0px;
			margin-bottom: 0;
			margin-top: 0;
                        text-align: left;
			background-color: #000;
			background: url(images/header.jpg);
			height: 184px;
			border: none;
		}

/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper
{
/* *************** Scott Mod ----- was 1000 */
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(images/maincontainerback.png);
}
#wrapper
{
	width: 800px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(images/contentback.gif);
}

/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container
{
	width: 800px;
	height: 1%;
	overflow: visible;
	float: left;
	padding: 4px 0 0 0;
	margin-right: -204px;
}
.content
{
	padding: 0;
	margin: 7px 224px 30px 20px;
}

/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2
{
	padding-left: 20px;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 16px;
/* *************** Scott Mod ----- was: #000 Black, is: #BDF Blue, #532 Brown */
	color: #532;
	background: url(images/doc.png);
	background-position: center left;
	background-repeat: no-repeat;
}
.contentbody
{
	background-color: #fff;
	color:#333;
	padding:10px;
	border: 1px #ccc solid;
	text-align:justify;
}

/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/folder.png) center left no-repeat;
	font-size: 11px;
    font-variant: small-caps;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(images/person.png) center left no-repeat;
	font-size: 11px;
    font-variant: small-caps;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(images/comment.png) center left no-repeat;
	font-size: 11px;
    font-variant: small-caps;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(images/edit.gif) center left no-repeat;
	font-size: 11px;
    font-variant: small-caps;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	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: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	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;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer
{
	float: right;
	width: 200px;
	width: 210px;
	width: 200px;
	padding: 2px 0 0 0;
}
.sidebar
{
	color: #21262A;
	margin: 0 6px 4px 0;
}

/* Menu lists */
.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.sidebardl dt
{
	background: #E5E5E5 url(images/sidetitlebg.gif);
/* *************** Scott Mod ----- was: #3A3523, is: #ADCFEB Blue, #9B693E #7B491E #633A17 Brown */
	color: #633A17;
	font-size: 12px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 4px 10px;
}
.sidebardl dd
{
/* *************** Scott Mod ----- was: #EEEEEE, is: #D1E1EB Blue */
	background: #D1E1EB;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd:hover
{
/* *************** Scott Mod ----- was: #E7E7E7, is: #ADCFEB Blue, #9B693E Brown  */
	background: #ADCFEB;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
	background: url(images/arrow.gif) left center no-repeat;
	padding: 0 0 0 10px;
}

/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer
{
	width: 800px;
	background: url(images/bg_header.gif);
	clear: both;		
	font-size: 1px;
	text-align: center;
	height: 10px;
	margin: 0;

}

#copyrights
{
	color: #474747;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.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: 130px;
    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;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

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


/*-------------------------------------------------
  My Menu
-------------------------------------------------*/
#nav_menu {
	width: 100%;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 0px 0 0px;
	list-style-type:none;  /* FIXED IT */
	position:relative;  /* FIXED IT */
	}

#nav_menu li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
background: none;
	}
	
#nav_menu a:link, #nav_menu a:visited {
	float: left;
	font: 16px Arial;
	line-height: 19px;
	font-weight: bold;
	margin: 0 8px 0 8px;
	text-decoration: none;
	color: #FFF;
background: none;
text-decoration: none;
border-bottom: none;
	}

/* menu link text color for active page */
#nav_menu a.here:link, #nav_menu a.here:visited.here {
	float: left;
	font: 16px Arial;
	line-height: 19px;
	font-weight: bold;
	margin: 0 8px 0 8px;
	text-decoration: none;
	color: #039;
	}

#nav_menu a.active:link, #nav_menu a.active:visited, #nav_menu a:hover {
	padding-bottom: 0px;
	color: #CCF;
	}

#nav_menu a span {
	display: none;
	}

#nav_menu a:hover span {display: block;
	position: absolute; top: 200px; left: 0px; width: 550px; z-index: 100;
	padding: 5px; margin: 10px; z-index: 200;
	color: #631;
/*	background: #F8F7EE; */
	font: italic bold 44px arial;
	text-align: left;
	}

#nav_menu a:hover span.t1 {display: block;
	position: absolute; top: 10px; left: 15px; width: 550px; z-index: 100;
	padding: 5px; margin: 10px; z-index: 200;
	color: #24C;
	font: italic bold 44px arial;
	text-align: left;
	}
#nav_menu a:hover span.t2 {display: block;
	position: absolute; top: 12px; left: 17px; width: 550px; z-index: 101;
	color: #888;
	}

/* position the images using an absolute position and hide them from view */
#nav_menu li a img {
	position:absolute;
	top:-320px;
	left:0;
	visibility:hidden;
	border:0
	}

/* fix the top position for the landscape images */
#nav_menu li a img.land {
	top:21px;
	left:0px;
	width: 550px;
	height: 540px;
	}

/* fix the left position for the portrait images */
#nav_menu li a img.portrait {
	left:0px;
	top:50px;
	}

#nav_menu li a:hover img, .nav_menu li a:focus img {
	visibility:visible;
	}