/*=======================================================*/
/*	My css formatting style is as follows: if the styles
/*		for an element or class fit on one line on my 
/*		screen (~138 chars), line breaks are removed.
/*		Otherwise every property gets a new line.
/*	As a general rule, related styles are grouped.
/*=======================================================*/


/* ======================================= */
/*              BASIC TAGS                 */
body { background-color: #3B3620; }

h1 { font-family: Calibri, Verdana, Sans-Serif; font-size: 2em; font-weight: bold; }
h2 { font-family: Cambria, Georgia, Serif; font-size: 1.7em; font-weight: bold; margin: 30px 0px 10px 0px; }
h3 { font-family: Cambria, Georgia, Serif; font-size: 1.3em; font-weight: bold; margin: 30px 0px 10px 0px; }
h3 a { color: Black; }
h4 { font-family: Georgia, Serif; font-size: .9em; font-style: italic; font-weight: bold; margin: 10px 0px 5px 0px; }


p { font-family: Verdana, Sans-Serif; font-size: .9em; line-height: 1.5em; margin: 15px 0px 20px 0px; }
p em { font-style: italic; font-weight: bold; }


ol li, ul li { font-family: Verdana, Sans-Serif; font-size: .9em; line-height: 1.3em; margin-left: 20px; }
ol li { font-size: .9em; list-style-type: decimal; margin-left: 25px }
ul li { list-style-type: disc; margin-top: 10px; }



/* ======================================= */
/*         PRIMARY CONTAINERS              */
#wrapper { background-color: #FFFFFF; width: 980px; }

#header { border-bottom: solid 2px black; margin: 0px 0px 0px 0px; }
#header h1 { display: none; }
#header img { margin-left: 15px; }
#header #menucontainer #menu { background-color: #3B3620; height: 30px; margin-top: 10px; position: relative; width: 100%; }
#header #menucontainer #menu li { float: left; list-style-type: none; margin: 5px 20px 0px 15px; }
#header #menucontainer #menu li a { border-bottom: solid 1px #FFFFFF; color: #FFFFFF; font-weight: bold; text-decoration: none; }

#content { float: left; margin-left: 15px; margin-top: 10px; width: 700px; }

#sidebar
{
	background-color: #8E9671;
	background-image: url(/Content/Images/SidebarBackground.jpg);
	background-repeat: no-repeat;
	border: solid 1px black;
	float: right;
	margin: 10px 10px 10px 0px;
	width: 240px;
}

#footer { background-color: #8E9671; border-top: solid 2px #000000; margin-top: 15px; clear: both; }
#footer p { color: #FFFFFF; margin: 10px 0px 0px 10px; padding: 0px 0px 10px 0px; }

span.code { font-family: Courier New; font-size: 1.1em; }

span.highlighted { background-color: Yellow; }

/* ======================================= */
/*                SIDEBAR                  */
.sidebarItem { border: solid 1px #776d42; margin: 10px; background-color: #F2EDD0; padding: 5px; }



/* ======================================= */
/*               NAV BUTTON                */
div.navButton { margin: 10px 0px 20px 0px; padding: 4px; }

div.navButton a
{
	background-color: #3B3620;
	background-image: url(/Content/Images/NavButtonBackground.jpg);
	border: solid 1px black;
	color: #FFFFFF;
	font-family: Verdana, Sans-Serif;
	padding: 2px;
}

div.navButton a span { font-weight: bold; }
div.navButtonSet div.navButton { float: left; }
div.navButtonSet div.secondButton { margin-left: 10px; }

/* ======================================= */
/*               COMMENT FORM              */

#commentForm
{
	background-color: #F2EDD0;
	border: solid 1px black;
	clear: both;
	margin-bottom: 5px;
}

#commentForm h3
{
	color: #F2EDD0;
	background-color: #3B3620;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.5em;
	margin: 0px;
	padding-left: 10px;
}

#commentForm fieldset, #commentForm p { margin-left: 10px; }
#commentForm fieldset { margin-bottom: 10px; }

/* ======================================= */
/*                  BIO                    */

#bio p { color: #000000; font-size: .7em; margin: 7px 0px 7px 0px; }
#bio p a { color: #000000; }
#bio p span { font-weight: bold; }
#bio ul li { font-size: .7em; }
#bio ul li a { color: #000000; }



/* ======================================= */
/*                 BOOKS                   */

div.book div.link { text-align: center; }
div.book div.link a { text-decoration: none; }
div.book div.comment { font-family: Verdana, Sans-Serif; font-size: .8em; line-height: 1.2em; text-align: center; }



/* ======================================= */
/*             COMMUNITY BOX               */
div.communityBlock
{
	background-color: #f2edd0;
	background-image: url(/Content/Images/CommunityBlockHeader.jpg);
	background-repeat: no-repeat;
	border-bottom: solid 1px #8e9671;
	padding-top: 65px;
	width: 700px;
}

div.communityBlock p { margin: 10px 10px 10px 10px; }



/* ======================================= */
/*               QUOTE BOX                 */
div.quoteBlock
{
	background-color: #f2edd0;
	background-image: url(/Content/Images/QuoteBlockHeader.jpg);
	background-repeat: no-repeat;
	border-bottom: solid 1px #8e9671;
	padding-top: 20px;
	width: 700px;
}

div.quoteBlock p { margin-left: 10px; margin-right: 10px; }



/* ======================================= */
/*               TIP BOX				   */
div.tipBlock
{
	background-color: #f2edd0;
	background-image: url(/Content/Images/TipBlockHeader.jpg);
	background-repeat: no-repeat;
	border-bottom: solid 1px #8e9671;
	padding-top: 60px;
	width: 700px;
}

div.tipBlock p { margin-left: 10px; margin-right: 10px; }


/* ======================================= */
/*            VERSIONING BOX			   */
div.versioning
{
	background-color: #f2edd0;
	background-repeat: no-repeat;
	border-bottom: solid 1px #8e9671;
	padding-top: 10px;
	width: 700px;
}
div.versioning p { margin-left: 10px; margin-right: 10px; }

/* ======================================= */
/*				NOTE BOX				   */
div.note
{
	background-color: #f2edd0;
	background-repeat: no-repeat;
	border-bottom: solid 1px #8e9671;
	padding-top: 10px;
	width: 700px;
}
div.note p { margin-left: 10px; margin-right: 10px; }


/* ======================================= */
/*        PIC WITH CAPTION                 */
div.picWithCaption { background-color: #3B3620; padding: 10px; }
div.picWithCaption p { color: #FFFFFF; font-size: .7em; margin: 5px 0px 0px 0px; }
div.picWithCaption p a { color: #FFFFFF; }



/* ======================================= */
/*             SAMPLES                     */
div.sampleExplanationSummary { background-color: #F2EDD0; border: solid 2px #8E9671; }
div.sampleExplanationSummary p { margin: 5px; }
div.sampleExplanationSummary ul { margin: 5px; }
div.sampleExplanationSummary ul li { list-style-type: disc; margin-left: 35px; }
div.sampleContent h3 { border-top: solid 3px #000000; margin-top: 30px; padding-top: 15px; }




/* ====================================== */
/*				FORMS					  */
fieldset {clear: both;}
legend
{
	background-color: #E9E9E9; 
    border: solid 1px #CCCCCC; 
    font-family: Verdana, Sans-Serif; 
    font-size: .7em; 
    margin: 15px 0px 10px 0px; 
    padding: 10px 5px 10px 5px;
}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select
{
	margin: 0; 
	font: .8em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; 
	vertical-align: bottom;
}
input.text, input.password, textarea {border: 1px solid #444; padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 195px; margin-left: -150px;}
form.horizontal .field, form .buttons {clear: both; margin: 0 0 .4em;}

div.field label { font-family: Verdana, Sans-Serif; font-size: .9em; font-weight: bold; margin: 0px 0px 3px 0px; }

fieldset div.horizontal label {display: inline; width: 140px; }

span.field-validation-error { color: #FF0000; }

ul.validation-summary-errors
{
	background-color: #FEECEC;
	border: solid 2px #FF0000;
	margin: 15px 0px 15px 0px;
	padding: 5px;
	width: 500px;
}

ul.validation-summary-errors li { color: #FF0000; margin-left: 0px; }





/* ========================================================== */
/*															  */
/*						INDIVIDUAL PAGES					  */
/*															  */
/*															  */
/* ========================================================== */


/* ====================================== */
/*		OPEN SOURCE PROJECTS PAGE		  */

h3.projectName { border-top: solid 2px #8E9671; margin-top: 30px; padding-top: 5px; }




div.topicsPage { margin: 0 0 30px 0; }
div.topicsPage h3 { font-size: 1.1em; }