/* CSS Document Generic styles for all of dev.sgdg.net site and all media */
/* Table of Contents 
	Development Styles
	Layout
	Typography and inline elements
	Nav menu
	Client Pages	
	Forms
	Tables
*/

/* Development Styles */
.developingNote {
	color: #333333;
	border: 2px solid #FF6600;
	text-align: center;
	margin: 0.5em 0px 0.5em 0em;
}


/*	Layout */
* {margin:0; padding:0;}

body {
	background:#EAEAEA;
	color:#000;
	font:15px/1.4 Arial, Helvetica, sans-serif;
	padding:2em 1em 1em;
}

.column {width:45%; padding:10px;}
.left {float:left; clear:left;}
.right {float:right;}
.third {
	width:25%;
	float:left;
	margin: 0 5% 0 0;
	background: #E0E0E0;
}
.third + .third {background: #DADADA;}
.third + .third + .third {background: #C9C9C9;}

.clear {clear:both;}

#pageBottom {
	font:normal 0.6em Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	clear:left;
	float:right;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
}
#pageBottom a {
	display:block;
	width: 20em; /* Makes the #pageBottom width equal the #navMenu width */
	padding:0 .25em;
	text-align: center;
	text-decoration: none;
	margin:0 0 0.125em 0;
	border: 1px solid #A83600;
}
#pageBottom ul, #pageBottom li{
	list-style:none;
}



/* Typography and inline elements */
a:link, a:visited {color:#A83600;}
a:visited {font-style:italic;}
a:hover,a:active {color:#E84B00;}

h1 {
	border-bottom-style:dashed;
	border-bottom-width:2px;
	color:#A83600;
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 0.5em;
}
h2 {
	margin:0.5em 0 .5em;
	font-size: 1.4em;
	color: #A83600;
	clear:left;
}
h2:after {content: ": ";}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.15em;
	font-style: italic;
}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active{
	color: #000000;
	text-decoration: none;
}

p, ul, ol {margin:0 0 1em;}
li, p {max-width:70em;}

ul, ol {margin: 0 0 1em 2em;}
ul ul {margin-bottom:0;}


.error {color:#E84B00;}

.note {color:#A83600;font-style:italic;}
.code, code {
	font-family:"Courier New", Courier, mono;
	background: #DDDDDD;
}
p.code {
	white-space: pre;
	padding: 0.25em;
	border: 1px dotted #CCCCCC;
	max-width:none;
}
.new {
	background: #A83600;
	color: #FFFFFF;
	padding-right: 1em;
	padding-left: 1em;
}
em {font-style: italic;}

a img {border: none;}

abbr, acronym{cursor:help}

a[href^="http://"],
a[href^="https://"] {
	background: transparent url(images/external.gif) no-repeat scroll right center;
	padding-right: 12px;
	margin-right: 2px;
	white-space: nowrap;
}
a[href^="http://feeds.feedburner"],
a[href^="http://dev.sgdg.net"] {
	background:none;
	padding-right:0;
	margin-right:0;
	white-space:normal;
}



/* Nav menu */
#navMenu ul, #navMenu li{
	list-style:none;
	margin:0;
}
#navMenu {display:none /* hide the menu from bad browsers that can't handle good code... */}

* > #navMenu {
	display:block;
	background:#E2E2E2 no-repeat center 5px;
	font:bold .7em Verdana, Arial, Helvetica, sans-serif;
	height:20px; /* Collapsed size */
	overflow:hidden;
	position:fixed;
	right:1em;
	text-align:center;
	top:1em;
	width:18em; /* Just wide enough to show the NAV image */
	z-index:0;
}
#navMenu a {
	background:#EAEAEA;
	border-bottom:1px dotted #666;
	border-left:none #666;
	border-right:none #666;
	border-top:1px dotted #666;
	display:block;
	margin:0 0 0.125em;
	padding:0.25em;
	text-decoration:none;
}
#navMenu a:visited {
	background:#F9BCAA;
	font-style:normal;
}
#navMenu a:hover,#navMenu a:active {
	background:#A83600;
	color:#FFF;
}
#navMenu:hover {
	background:#EAEAEA url(images/sgdgLogo.gif) no-repeat center 5px;
	border:1px dotted #666;
	height:auto;
	padding-bottom:1em;
	padding-top:50px; /* Size of the SGDG Logo image */
	width:18em;
	z-index:200;
}
#expand {
	background:#D9D9D9 url(images/navButton.gif) no-repeat;
	height:20px;
	left:0;
	position:absolute;
	top:0;
	width:18em;
}
#expand span {
	display:none;
}
#navMenu:hover #expand {
	display:none;
	margin:0 .5em .5em 0;
}

/* Client Pages */
.client #pageBottom {
	display:none;
}
.client #expand {
	background:transparent;
}
.client #navMenu a{
	display:none;
}
.client #navMenu:hover a {
	display:block;
}
.client #navMenu {
	background-color:transparent;
}
.client #navMenu:hover {
	background-color:#E2E2E2;
}

/* Forms */
form {
	width:95%;
	margin: 0 0 1em 0;
}
label {
	display:block;
	margin-bottom:0.25em;
	margin-right:0;
	margin-top:0;
}
label.error {
	background-color:#FFB584;
	color:#000000 !important;
}
label span {
	display:block;
	float:left;
	text-align:right;
	width:5em;
	margin-right: 15px;
}
form span.buttons, form .counter {
	text-align:left;
	display:block;
	padding:0 15% 0 5em;
	margin: 0 0 0 15px;
}
form .counter p{
	color:#999999;
	margin:0;
	padding:0;
}

/* Tables */