/* Start of CMSMS style sheet 'Design Appearance' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}
  


body { /*sets initial body and font information*/
	color: #E8D46F;
	font-family: Arial,Helvetica,Verdana,sans-serif;
        background: url("uploads/images/stripetile.png");
        background-repeat: repeat;
}


img{ 
        float: left; /*this means my header images are correctly positioned*/
        border:0;
	}


/* default link style set all links to have no underline */
a {
   list-style:none;
   text-decoration: none;

/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
}

/*link colour for navigation menu differing from body links*/
a {
   text-decoration: none; 
   color: #6633CC; 
}

/* on hover change color */
a:hover {
   text-decoration: underline;
   color: #FFCD05;
}

a:visited {
   text-decoration: none;
}



	
/*****************
basic layout 
*****************/


div#pagewrapper {
	/*border:1px solid red; so that you can identify content affected*/
        top: 0;
        left: 0; 
        right: 0;
        width:100%;
        position:absolute;
        overflow:hidden;
}

/*** header ***/

div#header {
	/*border:1px solid magenta; so that you can identify content affected*/
        background-image: url("uploads/images/header_extn.jpg");
        background-repeat: repeat-x;
	height: 160px;
        position: relative;

	}



/*** navigation ***/

div#nav{
        background-image: url("uploads/images/nav_extn.gif");
        background-repeat: repeat-x;
        height:31px;
}

div#navpositioning{
        width:500px;
        margin-left:auto;
        margin-right:auto;
        position: relative;
}

div#content {
       /* border:1px solid green; so that you can identify content affected*/
        padding-top:2em;
        width: 820px;
        margin-left:auto;
        margin-right:auto;
        position: relative;
        clear:both;
}

div#sidebar {
      /*border:1px solid yellow; so that you can identify content affected*/   
   width: 315px;  /* sidebar width, if you change this please also change #main margins */
   margin-left: 2em;
   float:left;
   left:0; 
   position: relative;

}

div#main {
   /*border:1px solid orange; so that you can identify content affected*/
   background:#090614;
   width: 410px;
   padding: 1.6em;
   position: relative; 
   float:left;
}

div#voting{
       width:93px;
       height:111px;
       display:block;
}

div#footer {
	/*border:1px solid red; so that you can identify content affected*/
        bottom: 2em;
        width:20em;
        padding-top:1em;
  	margin-left:15%;
	position: relative; 
        clear:both;
        text-align:center;
}

/********************
CONTENT STYLING
*********************/


/* HEADINGS */
#content h1{	 /* all text headings highest visual order*/
	font-size:1em;
	text-transform: uppercase;
	font-weight:normal;
	color: #FFCD05;
	}
	

	
#content h2{					/* all text subheadings second visual order*/
	font-size:0.88em;
	text-transform: uppercase;
	font-weight:normal;
	color: #444DA0;
	}
	
#content h3{					/* all text subsub headings third visual order*/
	font-size:0.80em;
	text-transform: uppercase;
	font-weight:bold;
        color: #E8D46F;
	}

/* TEXT */
p{ 
	font-size: 0.75em;  /* all bodycopy writing*/
        line-height:1.25em;

}

p.footer{ 
	font-size: 0.60em;  /* footer note only*/
}

ol{    list-style-position:inside;
        list-style-type:square;
	font-size: 0.75em;  /* all bodycopy writing*/
        line-height:1.25em;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}
	
table{
 border-spacing:10px;
	}



/* End of 'Design Appearance' */