/*
	Paaat v2 orange style - Copyright punk pandas
	Content should flow in the order i do things i dont think i'm going to sort by
	class ids and normal ones. It's going to start with the top logo and go on.
	Untill the footer
	well may be it's gonna be kinda random untill i sort it out which wont be untill i'm done
*/

/*General things fisrt*/
a {
	color: black;
	text-decoration: none;
	font-weight: normal;
	background-color: transparent;
} a:hover {
	text-decoration: underline;
}
ul {
	list-style: none;
	margin: 0;
	padding-left: 10px;
}
h1 {
	margin: 0;
	font-size: x-large;
} h2 {
	margin: 0;
	font-size: large;
	color: #A00000;
	background-color: transparent;
}
b {
	margin: 0;
}
strong {
	margin: 0;
}
body {
	margin: 0;
	font-family: sans-serif;
	font-size: small;
}
table {
	text-align: center;
} 
.left {
	text-align: left;
}
img {
border: 0;
}
input, textarea, button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid gray;
	color: inherit;
	background-color: #EF9C00;
	overflow: auto;
}

/*------- usefull classes use: -------*/
.b { font-weight: bold; }
.code {
	border: 1px solid gray;
	background: #DDDDDD;
	margin: .5em;
	margin-top: 1.5em;
	padding: .5em;
	font-family: "Courier New", monospace;
	color: navy;
} .code div:first-child {
	background-color: transparent;
	position: relative;
	top: -2em;
	margin-bottom: -1.5em;
	font-family: sans-serif;
	color: black;
}
.feedback table {
	text-align: left;
}
.offset {
	margin-left: 5px;
}
/*------- top of the site: the logo -------*/
#logo {
	width: 450px;
	height: 150px;
	background: url(images/orange-logo.gif) no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}
#logo em {
	visibility: hidden;
}

/*------- left of the site: the nav the links and ... -------*/
#left {
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
.sidebox {
	margin-bottom: 20px;
	width: 150px;
	border: 1px solid gray;
	/*border-top: 5px;
	border-left: 5px;*/
	color: inherit;
	background: #FACD8A;
}
.boxtitle {
	padding: 5px;
	font-weight: bold;
	font-size: medium;
	background: #EF9C00 URL(images/orange-navbar.gif)  top right no-repeat;
	color: black;
}
#nav ul {
	list-style-type: disc;
	list-style-position: inside; 
} #steam li {
	margin: 5px 0;
}#links ul {
  margin-top: 5px;
  margin-left: 9px;
}
.nodot {
	list-style-type: none;
	margin-left: 0;
}
.sub {
	padding-left: 15px;
}
#uline {
  /*this is for the link of the active page
  so it stands out a little*/
  text-decoration: underline;
}

/*------- center part -------*/
#wrapper {
  width: 100%;
  float: left;
  margin-right: -200px;
}
#container {
  margin-right: 200px;
}
#content {
	margin-left: 200px;
	border: 1px solid gray;
	background: #FACD8A;
	color: inherit;
	/*the following is only for testing and should be removed*/
	margin-bottom: 20px;
} #content ul {
	list-style-type: disc;
	list-style-position: inside; 
}
#title {
	padding: 5px;
	background: #EF9C00 url(images/orange-title.jpg) top left no-repeat;
	color: black;
} #title p {
	margin: 0;
	font-size: small;
	color: #a00000;
	background-color: transparent;
	font-weight: bold;
} #title a {
	margin: 0;
	font-size: small;
	color: #a00000;
	background-color: transparent;
	font-weight: bold;
}
#subtitle {
	padding: 5px;
	background: #f5ba5c;
	color: #a06800;
}
#cfoot {
	padding: 5px;
	background: #EF9C00;
	color: black;
	text-align: center;
}

#review-head {
	height: 160px;
	padding: 0;
	margin-left: 0;
	background: #EF9C00 url(images/review-bg.jpg) top left no-repeat;
}
.review-rating table{
	height: 78px;
	width: 100%;
	text-align: left;	
	border-spacing: 0;
	color: #a00000;
} .review-favorite strong {
	text-decoration: underline;
} .review-rating  h2 {
	font-family: Impact, Arial, sans-serif;
	font-size: x-large;
	margin-top: -.1em;
	margin-bottom: -1em;
}
#review-headline {
	width: 20em;
}
#review-favorite {
	padding-left: 10em;
}
#rating-1 {	background: url(images/v2-reviews-rating_1.gif) 20.1em .7em no-repeat; }
#rating-2 {	background: url(images/v2-reviews-rating_2.gif) 20.1em .7em no-repeat; }
#rating-3 {	background: url(images/v2-reviews-rating_3.gif) 20.1em .7em no-repeat; }
#rating-4 {	background: url(images/v2-reviews-rating_4.gif) 20.1em .7em no-repeat; }
#rating-5 {	background: url(images/v2-reviews-rating_5.gif) 20.1em .7em no-repeat; }

#review-strongpoints {
	height: 82px;
} #review-strongpoints table {
	width: 100%;
	height: 76px;
	margin-top: 6px;
	text-align: left;
	border-spacing: 0;
	color: #a00000;
} #review-strongpoints td {
	vertical-align: top;
	width: 33%;
	border-left: solid #EF9C00 1px;
	border-bottom: solid #EF9C00 1px;
} .fill {
	height: 12pt;
	background: #EF9C00;
	font-weight: bold;
}

.item {
	margin: 5px;
} .link a {
	font-weight: bold;
}
/*review item*/
.ritem {
	margin: 5px;
} .ritem a {
	color: #A00000;
	font-size: large;
	font-weight: normal;
	font-family: Impact, Arial, sans-serif;
} .ritem strong {
	color: #A00000;
	font-weight: bold;
}
.wall ol {
	list-style-type: none;
	width: 100%;
}
.wall ol li
{
	text-align: center;
  float: left;
  width: 200px;
	height: 190px;
}
.wall p {
	padding: 0;
	margin: 0;
}
.wall a {
	font-weight: bold;
}
.wall br
{
  clear: left;
}
.killfloat br
{
  clear: left;
}
.news {
	padding: 0;
} .newstitle {
	padding: 5px;
	background: #f5ba5c;
	border-top: 1px dotted gray;
	color: #fff5ec;
	font-weight: bold;
	line-height: 1.3;
} .newstext {
	padding: 5px;
}

/*------- right side: adds, poll, ... -------*/
#sidebar {
	margin-right: 10px;
  float: right;
}
#notice { color: red; background-color: inherit; }
#notice:first-child { display: none; }

#gadds {
	padding-left: 15px;
}

.poll {
	margin-bottom: 1em;
	padding-left: .5em
} .poll li {
	margin-bottom: .2em;
	margin-top: .2em;
}
.sbar {
	padding: .1em;
	height: 1em;
	color: inherit;
	background: #EF9C00;
	border-bottom: 1px solid #806947;
	border-right: 1px solid #806947;
	border-top: 1px solid #F3B847;
	border-left: 1px solid #F3B847;
} .bar {
	position: relative;
	top: -.1em;
	margin-bottom: -.1em;
	padding-left: .2em;
}

/*-------  footer: copyright, load time, validator... -------*/
#footer {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	color: inherit;
	background: #fff5ec;
  clear: both;
	text-align: center;
}