/*  
Theme Name: Freeroll.se
Theme URI: http://pixel2.se
Description: Tema anpassat för freeroll.se
Version: 1.0
Author: Emil Janitzek
Author URI: http://pixel2.se
*/

/* Reset prefixed styles */
a img,:link img,:visited img,fieldset,abbr { border:0; }
h1,h2,h3,h4,h5,h6,pre,code,address { font-size:1em; }
pre,code,address { font-weight:normal; font-style:normal; }
h1,h2,h3,h4,h5,h6,body,html,ul,ol,li,pre,form,p,blockquote,fieldset,dl,dt,dd { margin:0; padding:0; }
	
a {color: #990000; text-decoration: none;}
a:visited {color: #990000; }
a:hover {color: #990000; text-decoration: underline; }
a:active {color: #990000; }

body {
	margin: 2em 1.5em 1.5em 3.5em;
	font-size: 63%; font-family:  Arial, Verdana, Helvetica, sans-serif; }

input,textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; }

textarea#comment {
	height: 5.8em;
	overflow: auto; }

#header img {
	display: block; }
#header ul {
	float: left;
	width: 800px;
	margin: 0.5em 0;
	list-style-type: none;
	background: url(/img/ul-left-bg.png) no-repeat top left;
	/*border: 1px dashed #752f2f;*/ }
#header ul li {
	float: left;
	background: url(/img/ul-right-bg.png) no-repeat bottom right;
	/*border-left: 1px dashed #752f2f;*/ }
/*#header ul li:first-child, #header ul li.first-child {
	border: none; }*/
#header ul li a {
	font-size: 1.2em;
	float: left;
	height: 1.2em;
	padding: 3px 20px;
	margin: 1px 1px 1px 0; }
#header ul li:last-child a, #header ul li.last-child a {
	padding-right: 26px;
	padding-left: 27px; _padding-bottom: 2px; }

#header ul li a:hover {
	text-decoration: none;
	background-color: #770000;
	color: #fff; }

#content {
	clear: both;
	width: 800px;
	padding: 1em 0; }
#content h1 {
	font-size: 1.8em;
	font-family: Arial, sans-serif;
	color: #990000; font-weight: normal;
	margin-bottom: 0.2em; }
#content h2,#content h3 {
	font-size: 1.7em;
	font-family: Arial, sans-serif;
	color: #990000;
	margin: 0.4em 0 0; }
#content h3 {
	color: #000;
	font-size: 1.4em; }
#content p {
	font-size: 1.2em; line-height: 1.4em; padding: 0.2em 0 1em; }
#content p.strong { font-weight: bold; }
#content p.clean { margin: 0; padding: 0; }

#content ul, #content ol {
	margin: 0.5em 0 1.5em 2.5em; }
#content ul ul, #content ol ol {
	margin: 0 0 0 1.5em; }
#content h2 + ul, #content h2 + ol {
	margin-top: 1em; }
#content li {
	font-size: 1.2em; 
	line-height: 1.4em;
	margin: 0.2em 0; }
#content ul p, #content ol p, #content li li, #content td p {
	font-size: 1em; }
#content ul.spaced li, #content ol.spaced li {
	margin: 0.6em 0; }

#content .bold { font-weight:bold; }

#content div.hr {
	background: #f4f4f2;
	height: 2px;
	margin: 1em auto 2em; }
#content div.hr hr { display: none; }

.center {
	text-align: center; }
div.center {
	display: block; margin: 0 auto; }
img.center {
	display: block; margin: 0 auto; }
img.right {
	float:right; margin: 0 0 0.3em 0.5em; }

#content .news {
	float: right; background: #fff;
	width: 35%; margin-left: 1.5em; padding-left: 1.5em; padding-bottom: 1.5em;
	border-left: 2px solid #f4f4f2; }
#content .news h2 { margin-top: 0; margin-bottom: 0.2em; }
#content .news strong {
	font-size: 1.2em; font-weight: bold; }
#content .news a {
	font-size: 1.2em; font-weight: bold; }
#content .news p {
	padding-bottom: 1.2em; }

#content .highlight {
	font-size: 1.1em;
	margin: 0.5em 1.2em 1.5em 1.2em;
	background-color: #ffffcc; 
	padding: 1em; }
#content.index .highlight {
	margin: 0.5em 40% 1.5em 1.2em!important; }

#content .post small {
	display: block; margin-bottom: 2em; }

.commentlist {
	list-style-type:square; }
.commentlist cite {
	font-weight: bold;
	font-size: 1.1em; 
	font-style: normal; }
strong.commentmetadata {
	 }
	
#footer { 
	width: 798px;
	clear: both; display: block;
	border: 1px dashed #752f2f;
	text-align:center; font-size: 1.1em;
	font-weight: bold;
	padding: 0.5em 0; }

#content .guidebox, #content .infobox {
	float: right; background: #fff url(/img/sidebar-bg.gif) repeat-y top left;
	width: 42%; padding-left: 3em; padding-bottom: 1.5em; }
	
#content .guidebox h3, #content .infobox h3 { margin-top: 0; }
#content .guidebox img.stars, #content .infobox img.stars {
	vertical-align: text-top; }
#content .guidebox p.playnow, #content .infobox p.playnow { 
	text-align: center; 
	background-color: #ffffcc;
	font-weight: bold;
	padding: 1em 0;
	font-size: 1.2em; }

#content .articles {
	list-style-type: none;
	margin: 0.5em 0 1em 0; }
#content .articles a.title {
	font-size: 1.3em; font-weight: bold; }
#content .articles li {
	border-bottom: #f4f4f2 2px solid;
	margin-bottom: 1.5em; padding-bottom: 0.5em; }

#banners {
	width: 125px;
	position: absolute;
	top: 1em;
	left: 800px;
	margin-left: 7.5em;
	list-style-type: none; }
#banners li {
	padding: 1em 0;
	text-align: center; }

table {
	margin: 1em 0;
	background-image: url(../../../img/table-bg.gif); }
	
table td, table th {
	font-size: 1.2em; padding: 0.3em 0.4em;
	background: #fff; }

#content .timetable {
	width: 100%; }
#content .timetable td, #content .timetable th {
	vertical-align: top; }
#content .timetable td.time {
	padding: 0.2em 0 0.2em 0.2em;
	font-size: 2.2em;
	color: #333333;
	font-weight: bold; }

#content .timetable td.current {
	background-color: #ffffcc; }
#content .timetable td.past {
	background-color: #f0f0f0; }

#content .timetable td a {
	display: block; }
#content .timetable td a.estimate {
	color: #333; }
#content p.estimate {
	font-style: italic;
	font-size: 1.1em;
	color: #333; }

#content .timetable .tooltip {
	background-color: #ffffcc; position: absolute; z-index: 10;
	border: 3px solid #752f31; border-width: 0 4px 4px;
	/*padding: 0.5em; */
	width: 28em;
}
#content .timetable .tooltip h3 {
	font-size: 1.1em; padding: 5px;
	margin: 0;
	background-color: #752f31; 
	color: #fff; }
#content .timetable .tooltip span {
	float: right; position: relative; top: -1.52em; margin-left: -3em; padding-right: 5px;
	color: #fff; font-weight: bold; font-size: 1.1em; }
#content .timetable .tooltip .extra {
	font-size: 1em; padding: 0.5em; margin: 0;
	float: right; text-align: right; }
#content .timetable .tooltip .game {
	float: left;
	font-style: italic; font-size: 1em;
	padding: 0.5em; margin: 0; }

table.word-list tr:hover td {
	background-color: #fafafa; }
table.word-list td.word {
	font-weight: bold;
	text-align: right;
	border-left: 0; }

.navigation {
	height: 0.5em; font-weight: bold; }
.navigation .alignleft {
	float: right; font-size: 1.1em; clear: both; }
.navigation .alignright {
	float: right; font-size: 1.1em; clear: both; }

/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contactleft {
	width: 15%; font-size: 1.2em; font-weight: bold;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 82%; font-size: 1.2em;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}
.contactright input {
	width: 200px; }
.contactright textarea {
	width: 400px; }
	
.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
	width: auto;
}
/* End Contact Form CSS */

.clear { clear:both; }