/* Start of CMSMS style sheet 'Design minussidebar' */
/*****************
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;
}

img.content{	margin-right:2em;
}

img.table{ 		padding-bottom: 1em;
}

img.floatnone{ 	clear:both;
				float:none;
}


/* 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;
	}

div#headerimg{
        margin-left:auto;
        margin-right:auto;
        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#comicnav{
     height:24px;
     position:relative;
     width:610px;
}

div.prev{
        margin-left:30%;
}

div.next{
        margin-left:60%;
}

div.last{
        margin-left:570px;
}

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#main {
   /*border:1px solid orange; so that you can identify content affected*/
   background:#090614;
   padding: 1.6em;
   width:700px;
   margin-left:auto;
   margin-right:auto;
   position: relative;
}


div.charas{ 
        display:block;
        padding-right:2em;
        margin-bottom:2em;
        width: 580px;
        height: 200px;
        clear:both;
        position:relative;
}

div.paragraphs{ 
        width: 580px;
}

a#name{ font-weight:bold;
}

#comments  { font-size: 0.75em;  /* all bodycopy writing*/
       		 line-height:1.25em;
}

div.comicpgs{
     display:block;
     width:610px;
  	 margin-left:auto;
   	 margin-right:auto;

}

div#footer {
	/*border:1px solid red; so that you can identify content affected*/
        bottom: 2em;
        width:20em;
        padding-top:1em;
  	 margin-left:auto;
   	 margin-right:auto;
	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;
}

ul{    list-style-type:none;
}

li{ 	margin-bottom:1em;

}

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 minussidebar' */