/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

#wrapper { 
 margin: 0 auto;
 width: 960px;
}

#header {
 width: 960px;
 float: left;
 padding: 0px;
 height: 290px;
 margin: 0px 0px 0px 0px;
}

#storybanner {
 width: 960px;
 float: left;
 padding: 0px;	
 margin: 0px;
 height: 130px;
 font-family: Helvetica, Arial, sans-serif;
 color: #000080;
 font-size: 36pt;
 font-weight: 700;
}

#leftcolumn { 
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 width: 594px;
 float: left;
 font-size: 11pt;
 margin-bottom: 3em;
}

#leftcolumnfullwidth { 
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 float: left;
 font-size: 11pt;
 margin-bottom: 3em;
}

#rightcolumn { 
 float: right;
 color: #333;
 background: #E8E8E8;
 margin: 0px 0px 0px 0px;
 padding-top: 0px;
 width: 356px;
 display: inline;
 position: relative;
 margin-bottom: 3em;
}

#rightcolumn h1 {
background: black;
margin:0;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: white;
margin-bottom: 6px;
}

#rightcolumn p {
margin:0;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: black;
margin-bottom: 6px;
}


.sitename {
background-image: url('sitelogo.png');
height: 120px;	
padding-top: 5px;
padding-right: 5px;
}

.yellowrocket {
background-image: url('yellowrocket.png');
height: 120px;	
padding-top: 5px;
padding-right: 5px;
}

#navigationbar {
background: #FF7E00;	
padding-top: 5px;
padding-bottom: 5px;
height: 105px;
}

#searchbar {
background: silver;	
padding-top: 5px;
padding-bottom: 5px;
height: 30px;
}

.navbaritem {
background-image: url('chevron-menu.gif');
background-repeat: no-repeat;	
padding-left: 17px;
font-size: 13px;
}

.navbaritemyouarehere {
background: black;
background-image: url('chevron-menu.gif');
background-repeat: no-repeat;
padding-left: 17px;
color: white;
display: inline;
font-weight: 700;
font-size: 13px;
}

.teasertop {
display: inline;
font-size: 12px;
font-weight: 700;
color: white;
background: black;
}

.teasertopyellow {
display: inline;
font-size: 12px;
font-weight: 700;
background: yellow;	
}

.teaser {
font-size: 11px;	
padding-right: 10px;
}

.hidden {
 display: none;
}

#container {
 border: 2px solid #FF7E00;	
 background: #FFFF80;
 padding: 10px;
 height: 195px;
}

#container h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 24pt;
font-weight: 700;
color: black;
letter-spacing: -0.05em;
}

#container p {
font-family: Helvetica, Arial, sans-serf;
font-size: 16pt;
font-weight: 700;
color: #000080;
letter-spacing: -0.02em;	
}

#container img {
border: 1px solid black;
float: left;
margin-right: 1em;
}

#container img.dontfloat {
border: 0px;
display: inline;
float: none;
}

#contentboxfirst {
border-top: 2px solid black;
margin-top: 0em;
padding-top: 0;
clear: left;
}

#contentbox {
border-top: 2px solid black;
margin-top: 1em;
padding-top: 0;
clear: left;
}

img.castpicture {
border: 1px solid #FF7E00;
margin-right: 5px;	
float: left;
margin-bottom: 1em;
}

img.hqimage {
border: 1px solid #FF7E00;
margin-right: 5px;	
margin-bottom: 1em;
}

#contentboxfirst img.castpicture {
border: 1px solid #FF7E00;
margin-right: 5px;	
float: left;
margin-bottom: 1em;
}

#contentbox h1, #contentboxfirst h1 {
border-top: 2px solid black;
margin-top: 0px;
padding-left: 5px;
padding-right: 5px;
display: inline;
background: black;
font-family: Helvetica, Arial, sans-serif;
font-size: 16pt;
font-weight: 700;
color: white;
}

#contentbox h2, #contentboxfirst h2 {
margin-top: 1em;
margin-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14pt;
font-weight: 700;
}

#contentbox p, #contentboxfirst p {
padding-left: 5px;
padding-right: 5px;
margin-top: 1em;
}

#contentbox ul {
margin-top: 1em;	
}

#contentbox li {
background-image: url('chevron-11point-text.gif');
background-repeat: no-repeat;
padding-left: 17px;
color: black;
list-style: none;
margin-bottom: 3px;
}

#contentboxfirst ul {
margin-top: 1em;	
}

#contentboxfirst li {
background-image: url('chevron-11point-text.gif');
background-repeat: no-repeat;
padding-left: 17px;
color: black;
list-style: none;
margin-bottom: 3px;
}

#contentboxfirst a {
text-decoration: none;
color: #000080;
}

#contentbox a {
text-decoration: none;
color: #000080;
}

#rightcolumn a {
text-decoration: none;
color: #000080;
}

#leftcolumn p {
padding-left: 5px;
padding-right: 5px;
margin-top: 1em;
}

#leftcolumnfullwidth p {
padding-left: 5px;
padding-right: 5px;
margin-top: 1em;
}

#newtoday {
display: inline;
background: red;
padding-left: 3px;
padding-right: 3px;
color: white;	
font-weight: 700;
}

#newthisweek {
display: inline;
background: yellow;
padding-left: 3px;
padding-right: 3px;
color: red;	
font-weight: 700;
}

#yellowspan {
display: inline;
background: yellow;
padding-left: 2px;
padding-right: 2px;
color: red;	
font-weight: 700;
}

#rightcolumn ul {
margin-top: 1em;	
margin-bottom: 1em;
padding-left: 10px;
padding-right: 10px;
}

#rightcolumn li {
background-image: url('chevron-10point-text.gif');
background-repeat: no-repeat;
padding-left: 15px;
color: black;
list-style: none;
margin-bottom: 3px;
}

#youarehere {
font-weight: 700;	
}

#rating12 {
background: #46d6f3;
padding-left: 3px;
padding-right: 3px;	
border: 1px solid black;
color: black;
display: inline;
font-size: 9pt;
}

#rating15 {
background: #ffc20e;
padding-left: 3px;
padding-right: 3px;	
border: 1px solid black;
color: black;
display: inline;
font-size: 9pt;
}

#rating18 {
background: #ed1c24;
padding-left: 3px;
padding-right: 3px;	
border: 1px solid black;
color: white;
display: inline;
font-size: 9pt;
}

#ratingu {
background: #22b14c;
padding-left: 3px;
padding-right: 3px;	
border: 1px solid black;
color: white;
display: inline;
font-size: 9pt;
}

#container p.walfordweb {
background: #ff0000;
padding-left: 3px;
padding-right: 3px;	
border: 1px solid black;
color: white;
display: inline;
font-size: 14px;
}

#container p.walfordedge {
background: #00b7ef;
padding-left: 3px;
padding-right: 3px;	
border: 1px solid black;
color: white;
display: inline;
font-size: 14px;
}

#container a {
text-decoration: none;
}

#container p.walfordwebforum {
background: #577ebe;
padding-left: 3px;
padding-right: 3px;	
border: 1px solid black;
color: white;
display: inline;
font-size: 14px;
}

.nodecoration {
text-decoration: none;
color: black;	
}

.nodecorationyouarehere {
text-decoration: none;
color: white;	
}

#itemfirst {
margin-top: 1em;
margin-bottom: 1em;
clear: left;
}

#itemothers {
border-top: 1px dashed #000080;
margin-top: 1em;
margin-bottom: 1em;	
clear: left;
}

#itemfirst ul {
margin-top: 1em;	
}

#itemfirst li {
background-image: url('chevron-11point-text.gif');
background-repeat: no-repeat;
padding-left: 17px;
color: black;
list-style: none;
margin-bottom: 3px;
}

#itemfirst a {
text-decoration: none;
color: #000080;
}

#itemothers ul {
margin-top: 1em;	
}

#itemothers li {
background-image: url('chevron-11point-text.gif');
background-repeat: no-repeat;
padding-left: 17px;
color: black;
list-style: none;
margin-bottom: 3px;
}

#itemothers a {
text-decoration: none;
color: #000080;
}

#rightcolumn p.rssfeed {
background-image: url('rss.png');
background-repeat: no-repeat;
margin-left: 10px;
padding-left: 18px;
color: black;
list-style: none;
margin-bottom: 3px;
}

.error {
display: inline;
background: red;
color: white;
font-weight: 700;
}

.doneok {
display: inline;
background: green;
color: white;
font-weight: 700;	
}

#rightcolumn p.commentbox {
background-image: url('quotebox.gif');
background-repeat: no-repeat;	
margin-left: 10px;
padding-left: 40px;
margin-bottom: 3px;
}

#rightcolumn p.yoursite {
background-image: url('yoursite.gif');
background-repeat: no-repeat;	
margin-left: 10px;
padding-left: 60px;
margin-bottom: 3px;
}

#chartpos {
display: inline;
padding-left: 4px;
padding-right: 4px;
font-weight: 700;
border: 1px solid black;
background: silver;	
}

#rightcolumn p.year {
font-size: 14pt;
border-top: 1px dotted #000080;	
margin-bottom: 0;
}

#rightcolumn p.firstitem {
font-size: 10pt;
border-bottom: 1px dotted #000080;
}

#taglist ul {
margin-top: 1em;
}

#taglist li {
background-image: url('chevron-11point-text.gif');
background-repeat: no-repeat;
padding-left: 17px;
color: black;
list-style: none;
margin-bottom: 3px;
}

#taglist a {
text-decoration: none;	
}

.spoilerpicture {
font-size: 9pt;	
clear: left;
}

.castheaderlevel1 {
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 18pt;
font-weight: 700;
color: black;
clear: left;
border-top: 1px solid blue;
margin-top: 6px;
margin-bottom: 0em;
}

.castheaderlevel2 {
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 16pt;
font-weight: 700;
color: black;
clear: left;
margin-top: 6px;
margin-bottom: 0em;
border-top: 1px dotted blue;
}

.castheaderlevel3 {
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 14pt;
font-weight: 700;
color: black;
clear: left;
margin-top: 6px;
margin-bottom: 0em;
}

h4 {
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 16pt;
font-weight: 700;
color: black;
clear: left;
margin-top: 6px;
margin-bottom: 0em;
border-top: 1px dotted blue;
}

#quizquestion {
	background: #c0c0c0;
	color: #000080;
	font-family: Arial;
	font-size: 16pt;
	font-weight:700;
	height: 80px;
	padding-left: .2em;
	padding-right: .2em;
	}
	
#quizanswer {
	background: #FFFFFF;
	color: #000000;
	border-bottom: 2px dotted #FF7E00;
	padding-left: .2em;
	padding-right: .2em;
	height: 75px;
	font-family: Arial;
	font-size: 14pt;
	}
	
#quizfinalanswer {
	background: #FFFFFF;
	color: #000000;
	border-bottom: 2px solid #FF7E00;
	padding-left: .2em;
	padding-right: .2em;
	height: 75px;
	font-family: Arial;
	font-size: 14pt;
	}
	
#quizbanner {
	background: #FF7E00;
	margin-bottom: 1em;
	color: #ffffff;
	font-family: Arial;
	font-size: 20pt;
	font-weight: 700;
	height: 50px;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#quizwipeout {
	background: #ff0000;
	margin-bottom: 1em;
	margin-left:.5em;
	margin-right:.5em;
	color: #ffff00;
	font-family: Arial;
	font-size: 20pt;
	text-align: center;
	font-weight: 700;
	height: 280px;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#quizgameover {
	background: #000080;
	margin-bottom: 1em;
	margin-left:.5em;
	margin-right:.5em;
	color: white;
	font-family: Arial;
	font-size: 20pt;
	text-align: center;
	font-weight: 700;
	height: 300px;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#systemmessage {
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid red;
	padding: 0.1em;
	}
	
#specialannouncement {
	margin-top: 0em;
	margin-bottom: 1em;
	border: 2px solid red;
	padding: 0.1em;
	}
	
#specialannouncement p {
	font-size: 10pt;	
}

#specialannouncement h1 {
	font-size: 12pt;
	font-weight: 700;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

#specialannouncement h6 {
	font-size: 16pt;
	background: red;
	color: white;
	margin: 0;
	padding: 0.1em;	
}