/* 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: #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 */