/* ClearScreen Blog Skin for CS 2.0 
   Version 1.00 - Mar.09,2006
   Author: Toshiya Inomata - toshiya.inomata@gmail.com
*/

/* Developer Blog Skin for CS 2.0 
   Version 0.22 - 03/04/2006
   Author: Jaxon Rice - jaxon@soup.co.za
   More Information: 
*/

/* Global White Space Reset 
   For more information about this technique, go to: 
	http://leftjustified.net/journal/2004/10/19/global-ws-reset/
*/
* { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd, blockquote, label, ul, ol { margin-left: 1em; }
fieldset { padding:1em; }
/* End Global White Space Reset*/
/* Tags ------------------------------------------------------------------- */
html, body {
	margin: 0px;
	padding: 0px;
}
/* I have used Owen Brigg's font sizing technique in this blog skin. 
   You can read about this technique at:
	http://www.thenoodleincident.com/tutorials/typography/index.html
	
	To change the default font size throughout the site, simply change the
	font % tag in the body selector
*/
body {
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/blue/back.gif);
	color: #8B8D72;
	padding-bottom: 10px;
}
h1{
	font-size: 1.6em;
}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 0.9em;}
a:link, a:visited, a:active
{
	color : #56B6E9;
	text-decoration: none;
}

a:hover 
{
	color : #94D0F1;	
	text-decoration: underline;
}

/* End Tags ---------------------------------------------------------------- */
/* Layout ------------------------------------------------------------------ */
/* The masthead sits at the top of the page and provides navigation/branding 
   common to the entire CS installation.
*/
#masthead{
   color: #333;
	padding: 0.5em;
	font-size: 0.9em;
	border-bottom: 1px solid #8B8D72;
	background-color: #EEE;
}
/* Login and username */
#welcome{
	float: right;
	text-align: right;
}
/* Sitewide Navigation */
#headertab {
	text-align: left;
}
#headertab ul {
	padding: 0;
	list-style-type: none;
	margin: 0;
}
#headertab ul li {
	display: inline;
}
#headertab a:link, #headertab a:visited, #headertab a:active, #headertab a:hover {
}
/* End Masthead*/
#wrapper{
	width: 100%;
	position: relative;
}
/* Header - These selectors style the header of the blog */
#header{
	border-bottom:1px dotted #8B8D72;
	padding-top: 30px;
	padding-left: 260px;
	padding-right: 20px;
	background: white url(../images/blue/title.gif) no-repeat 260px 10px;
}
#header h2{
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 0 70px;
}
#header p#tagline{
	margin: 5px 0px 20px 50px;
	font-weight: bold;
}
/* End Header */
#content{
	padding-left: 260px;
	padding-right: 20px;
}
#sidebar-a{
	border-color: #8B8D72;
	border-style: solid dotted;
	border-width: 8px 1px;
	background-color: white; 
	padding: 0px 20px;
	width: 180px;
	font-size: 0.9em;
	position: absolute;
	top: 10px;
	left: 20px;
}
#footer{
	padding-top: 10px;
	padding-left: 260px;
	padding-right: 20px;
	font-size: 0.8em;
	text-align: center;
}
/* End Layout --------------------------------------------------------------- */
/* Blog Content Styles ------------------------------------------------------ */
/*This is the header in the content section of pages*/
.contentheading{
	margin-top: 0px;
}
/* This is the subheader on content pages*/
.contentsubheading{
}
/* This is the container div for Category Headings*/
.categorydisplay
{
   margin-bottom: 1em;}
/* Entry List Styles -  The Entry List shows the blog posts on the blog home page */
dl.entrylist{
	margin: 0px;
}
dl.entrylist dt{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px;
	background-color: white;
	border: 1px dotted #8B8D72;
	border-bottom-color: white;
}
dl.entrylist dd{
	margin-left: 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 3em;
	background-color: white;
	border: 1px dotted #8B8D72;
	border-top-color: white;
}
.entrylistfooter{
	font-size: 0.9em;
	margin-top: 1em;
}
/* EntryView Styles - The Entry List shows the blog post on the post page*/
.entryviewheading
{
   margin-top: 0;
}
.entryviewfooter{
	font-size: 0.9em;
	margin-top: 1em;
}
/* Detailedpostsubscription */
.subscriptions
{
	margin-top: 20px;
	border: 1px solid #8B8D72;
	background-color: #EEE;
	padding: 5px 20px;
}

.subscriptions h4
{
	margin: 2px 0px 0px;
	color: #666;
}

.subscriptions p{
	font-size: 0.9em;
	margin: 5px;
}
/* Comment Styles*/
dl.comments{
	margin: 0px;
	font-size: 0.9em;
}
dl.comments dt{
	font-weight: bold;
	margin: 0px;
}
dl.comments dd{
	margin-left: 0px;
	margin-top: 1.5em;
	margin-right: 0px;
	margin-bottom: 2em;
}
.commentsfooter{
	margin-top: 0.5em;
}
/* This is the message that displays when someone has posted a new comment */
#commentmessage{
	font-size: 0.9em;
	border: 1px solid #333333;
	padding: 5px;
	color: #006600;
}
/* Comment and Contact Forms*/
dl.commentform{
	margin: 10px 0px;
	font-size: 0.9em;
}
dl.commentform dt label{
	margin: 0px;
}
dl.commentform dd{
	margin-left: 0px;
	margin-top: 0.5em;
	margin-right: 0px;
	margin-bottom: 0.5em;
}
.textline{
	width: 20em;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.textmultiline{
	width: 30em;
	height: 10em;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
/* These style the links page */
.linklist{
	float: left;
	width: 33%;
	font-size: 0.9em;
}
.linklist h4{
	margin: 0 1em 0 0;
}
.linklist dl{
	margin: 1em 1em 1em 0;
}
.linklist dl dt{
	margin: 0.5em 0 0.2em 0;
}
.linklist dl dd{
	margin: 0;
}
/* End Blog Content Styles
/* Blog Sidebar Styles ---------------------------------------------------------- */
/* Sideboxes contain elements in the sidebar, except for the calendar */
.sidebox
{
	margin-top: 25px;
	margin-bottom: 25px;
	width: 180px;
}

.sidebox h4{
	margin-top: 0px;
	margin-bottom: 5px;
	border-bottom:1px solid #8B8D72;
	color: #333;
}
.sidebox ul{
	list-style-type: none;
	margin: 0;
}
.sidebox ul li{
	margin: 0 0 3px;
}
/* WeblogCalendar - for more information on the CS UnstyledCalendar control go to:
   http://soup.co.za/weblog/archive/2006/03/26/40.aspx
	*/
#cal {
	margin: 0 auto;
	background-color: #FFF;
	color: #333;
}
.calendar {
	width: 180px;
	text-align: center;
}
/* Generic Calendar Cell Style*/
.calendar td {
	font-size: 100%;
}
/* Day Header Style*/
.calendar .caldayheader {
	font-weight: bold;
}
/* All Day Styles */
.calendar .calday {
}
/* Weekend Day Style */
.calendar .calweekendday {
}
/* Other Month Day Style*/
.calendar .calothermonthday {
	color: #AAA;
}
/* Today Day Style*/
.calendar .caltoday {
	background: url(../images/today.gif) no-repeat center center;
}
/* Selector Style*/
.calendar .calselector {}
/* Calendar Day Link Style */
.calendar .calday a:link, .calendar .calday a:active, .calendar .calday a:visited, .calendar .caltoday a:link, .calendar .caltoday a:active, .calendar .caltoday a:visited, .calendar .calweekendday a:link, .calendar .calweekendday a:active, .calendar .calweekendday a:visited {
	margin: 0;
	text-decoration: none;
}
.calendar .calday a:hover, .calendar .calweekendday a:hover, .calendar .calothermonthday a:hover {
}
/* Calendar Title Style*/
.calendar table td {
	white-space: nowrap;
	text-align: center;
	margin: 0;
	padding: 0 0 0.2em;
}
table.caltitle {
	width: 100%;
}
table.caltitle td {
	white-space: nowrap;
	text-align: center;
}
td.calnextprev {
	width: 30%!important;
	text-align: center!important;
}
.calnextprev a:link, .calnextprev a:active, .calnextprev a:visited {
	color: #56B6E9!important;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}
.calmextprev a:hover {
	color: #00C!important;
}
/* End Calendar */
/* Search Box */
.searchbox{
	font-size: 0.9em;
	padding: 2px;
	width: 140px;
	margin-right: 10px;
}
.searchbutton{
}
/* End Blog Sidebar Styles ------------------------------------------------------ */


/* */
.contentMenu {
	border: dotted #8B8D72;
	border-width: 0 1px 1px;
	background-color: white;
	padding: 0.5em 20px;
	height: 1em;
	position: relative;
}

ul.MenuNav
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

ul.MenuNav li
{
	float: left;
	padding: 0px;
	margin: 0px 15px 0px 0px;
}

ul.MenuUser
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
}

ul.MenuUser li
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

.QuickLinks
{
	position: absolute;
	top: -1.5em;
	right: 0px;
}

.QuickLinks ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
}

.QuickLinks ul li
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

.QuickLinks ul li a:active,
.QuickLinks ul li a:link,
.QuickLinks ul li a:visited
{
	color: red;
	font-weight: bold;
}

.QuickLinks ul li a:hover
{
	color: green;
}

.RSS
{
	position: absolute;
	top: 10px;
	right: 20px;
}

.RSS ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
}

.RSS ul li
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

.entry
{
	border: 1px dotted #8B8D72;
	background-color: white;
	margin: 20px 0px;
	height: 100%; /* IE6 background issue */
	padding: 20px;
}

.entry h3
{
	color: #56B6E9;
	margin-bottom: 0px;
}


.entryheader
{
	padding: 1px 0px 1px 20px;
	background: url(../images/link.gif) no-repeat left top;
}

.entrycontent
{
	margin-top: 1.4em;
}

.ContentWrapper
{
	border: 1px dotted #8B8D72;
	background-color: white;
	margin: 20px 0px;
	height: 100%; /* IE6 background issue */
	padding: 20px;
}

.ContentWrapper .contentheading
{
	color: #56B6E9;
}

.ContentWrapper .contentsubheading
{
	color: #666;
	margin-top: 0px;
}

.ContentWrapper p.divideparagraph
{
	margin-bottom: 40px;
}

.ContentWrapper dl dt
{
	background-color: #EEE;
	padding: 5px;
	border: 1px dotted #8B8D72;
	margin-top: 15 px;
}

.ContentWrapper dl dd
{
	margin-bottom: 15px;
	margin-top: 10px;
	border-bottom: 1px dotted #8B8D72;
}

.ContentWrapper .commentsfooter
{
	margin-bottom: 10px;
}

/*
Copyright
*/

.Copyright
{
	margin-bottom: 5px;
	font-size: 11px;
	text-align: center;
	color: #333;
}

#footer img
{
	padding: 2px;
	border: 1px solid #8B8D72;
	background-color: white;
}

.SkinName
{
	display: none;
}

.CategoryHeader
{
	margin-top: 20px;
	border: 1px solid #8B8D72;
	background-color: #EEE;
	padding: 5px 20px;
}

.CategoryHeader h2
{
	margin-bottom: 0px;
}

fieldset
{
	border: 1px dotted #8B8D72;
	padding: 20px 20px 10px;
}

fieldset legend
{
	border: 1px solid #8B8D72;
	background-color: #EEE;
	padding: 3px 5px;
	margin: 0px;
}