/*
   master.css
   Sites
   
   Created by Tom Hancocks on 2010-08-15.
   Copyright 2010 Tom Hancocks. All rights reserved.
*/

html {
	background: 			#F4F4F4;
	font:					11pt 'Helvetica', 'Verdana', Sans-Serif;
}

/*
	Page Layout and Positioning
 */
html body div.bodyContainer {
	position: 				relative;
	margin:					20px auto;
	width: 					967px;
}

html body div.bodyContainer h1 {
	/* Positioning */
	position: 				absolute;
	left: 					10px;
	top:					0px;
	width:					200px;
	margin:					0px;
	
	/* Basic CSS Appearance */
	color:					#444;
	font:					20pt 'Myriad Pro', 'Verdana', Sans-Serif;
	font-weight:			normal;
}

h2 {
	margin:					0px;
	margin-bottom:			10px;
	font-weight:			normal;
	font-size:				20pt;
}
h2 small {
	display: 				block;
	color: 					#999;
	font-size: 				13pt;
}


html body div.bodyContainer div.footer {
	position:				relative;
	margin-top:				90px;
	text-align:				center;
	font-size:				9pt;
	color:					#999;
	display:				none;
}

html body div.bodyContainer ul.navigation {
	/* Positioning */
	top:					50px;
	position: 				absolute;
	left: 					0px;
	width:					220px;
	list-style:				none;
	margin:					0px;
	padding:				0px;
}

html body div.bodyContainer ul.navigation li {
	list-style: 			none;
	padding:				5px 20px;
	margin:					0px;
	text-align: 			right;
}

html body div.bodyContainer ul.navigation li:hover {
	background: 			white;
}

html body div.bodyContainer div.content {
	/* Positioning */
	top:					0px;
	position: 				absolute;
	left: 					220px;
	width:					747px;
	line-height: 			1.5em;
	
	border-left: 1px solid #CCC;
	padding-left: 20px;
}

html body div.bodyContainer div.content ul.gallery {
	padding: 0px;
	margin: 20px;
	list-style: none;
}

html body div.bodyContainer div.content ul.gallery li {
	list-style: none;
	float: left;
	margin: 10px;
	padding: 0px;
}

html body div.bodyContainer div.content ul.gallery li img {
	background: white;
	padding: 2px;
	border: 1px solid #999;
	margin: 20px;
}

html body div.bodyContainer div.content div.post {

}

html body div.bodyContainer div.content ul li {
	padding: 				10px 0px;
}

html body div.bodyContainer div.content div.rightCol ul li {
	padding:				5px 0px;
}

html body div.bodyContainer div.content div.productListings img {
	padding: 				0px;
	margin: 				0px;
}

a:link, a:visited {
	text-decoration: 		normal;
	color:					#468599;
}

a:hover {
	color:					#E37400;
}

/* ========= */
/* = Forms = */
/* ========= */
form label {
	padding:				3px;
	position:				absolute;
	line-height:			25px;
	font-weight: 			bold;
}

form input {
	margin-left:			150px;	
}

form input[type=text], form input[type=password] {
	border:					1px solid gray;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	padding: 				5px;
	outline:				none;
	width: 					400px;
	font-size: 				10pt;
	margin-bottom: 			5px;
}


form input[type=text]:focus, form input[type=password]:focus {
	border:					2px solid #024E80;
	padding: 				4px;
}

img.portrait {
	float: right;
	background: white;
	padding: 2px;
	border: 1px solid #999;
	margin: 20px;
}

/* ================== */
/* = Licenses Table = */
/* ================== */
table.licenses {
	width: 100%;
	padding: 10px;
	background: white;
	border: 1px solid rgb(225, 225, 225);
	-webkit-border-radius:	10px;
	-moz-border-radius:		10px;
	font-size: 10pt;
}

table.licenses tr:nth-child(2n) {
	background: rgb(245, 245, 245);
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
}

table.licenses tr td {
	padding: 3px;
}