/* SSoW 'Spring Cleanup/ Woobsha Festival' Theme */
/* Designed by Raeven; Uploaded April 10, 2007 */


/* SETTING THE BLANK PAGE'S STRUCTURE UP */


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
}

body {
	font-size: 92%;
	line-height: 120%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #2e2e53;
	background-color: #2C533D;
}

#entirepage {
	margin: 0;
	text-align: center;
	position: relative;
	width: 100%;
	height: 100%;
}

#container {
	background-color: #e9D6B6;
	background: url(images/sitegraphics/ssow_bg-peach.jpg);
	margin: 0 auto;
	text-align: left;
	position: relative;
	border: 1px solid #F9F;
	width: 95%;
	max-width: 960px;
	height: 95%;
	min-height: 95%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #container {
	height: auto;
}


/* HEADER SECTION */

#header {
	height: 68px;
	background: url(images/sitegraphics/ssow_bg_peach-topfade.jpg) top left repeat-x;
}

#header li {
	float: left;
	width: 16%;
	padding-top: 3px;
}


/* PAGE PROPER */

#content {
	padding: 24px;
	padding-bottom: 88px;
	/* footer height plus footer padding times two */
	text-align: left;
	color: #000000;
}


/* FOOTER SECTION */
/* With Site Navigation (allowing for 5 main categories)*/

#sitenav {
	position: absolute;
	bottom: 0;
	margin: 0;
	height: 68px;
	text-align: left;
	width: 100%;
	background: url(images/sitegraphics/ssow_bg-peach-bottomfade.jpg) bottom left repeat-x;
}

#bllink,
#saolink,
#wwlink,
#sillink,
#tslink {
	float: left;
	width: 19%;
	padding: 3px;

}

/* HEADERS and TITLES */

h1,
h2,
h3,
h4 {
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color: #666699;
	font-weight: normal;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.05em;
	text-transform: uppercase;
}


/* DEFINES TUTORIALS AND OTHER TEXT ORIENTED BLOCKS */


/* Has  a very light background color with a yellow tinge, wider leading and a border that seperates it from the rest of the page */
#article,
.article,
.aside {
	line-height: 100%;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px #ffffff;
	border-top: 1px #ffffff;
	border-right: 2px #996666;
	border-bottom: 2px #996666;
	border: ridge;
	padding: 12px 30px 12px 30px;
}


/* a thin border at top and bottom only that defines the space without*/
/* seperating it from the rest of the page completely */

.tip,
.section,
.divider {
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #6C8A7D;
	border-bottom: 1px solid #6C8A7D;
}

/* Has a flat background color to match the textured background image*/
.tip,
.section {
	padding: 12px;
}

.divider,
h1 {
	padding: 6px;
}

/* indiviual differences */

.section {
	margin-bottom: 24px;
}

.tip {
	width: 90%;
}

.divider {
	clear: both;
}



/* DEFINES COLUMNS AND ROWS */
/* 2 column, 3 column, and 4 column widths are defined */

.recent {
	float: left;
	width: 18%;
	padding: 1%;
	font-size: 70%;
}

.col25,
.thumb {
	float: left;
	width: 22%;
	padding: 1%;
}

.col33 {
	float: left;
	width: 31%;
	padding: 1%;
}

.leftcolumn {
	float: left;
	width: 48%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 24px;
	clear: left;
}

.rightcolumn {
	float: right;
	width: 48%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 24px;
	clear: right;
}

/* FLOATS AND CLEARS */

.clear {
	clear: both;
}

.left {
	float: left;
	margin: 7px 10px;
}

.right {
	float: right;
	margin: 7px 10px;
}

/* LINKS  */

a:hover,
a:active {
	border-bottom: 3px dotted;
}


/* TEXT LABELS */

abbr,
acronym,
dfn,
.help {
	border-bottom: 1px dotted #333;
	cursor: help;
}

.thumb,
.smallprint,
.dltext,
.credits,
.caption {
	font-size: 72%;
}

.alert {
	color: #990033;
}

.code {
	font-family: monospace;
}


#path {
	padding-left: 16px;
	font-size: 70%;
	font-weight: bold;

}


/* LISTS */

dt {
	font-weight: bold;
	font-style: italic;
	margin-top: 1em;
	padding-left: 8px;
}

dd {
	padding-left: 8px;
}

dd li {
	padding-left: 24px;
}

LI {
	list-style-image: imagehere;
	list-style-type: square;
}

UL LI {
	list-style-type: none;
}


OL LI {
	list-style-type: decimal;
}

.setlist li {
	list-style-type: square;
	font-size: 88%;
}



/* TEMP SYTLES */