/*
Theme Name: r18
Theme URI: http://www.r18games.com.au
Description: The first skin for r18games.com.au.
Version: 1.0
Author: Tim Colwill (contact at r18games dot com dot au)
Author URI: http://www.r18games.com.au
Tags: custom header, fixed width, two columns, awesome
*/

/* Housekeeping */

html {
	height: 100%;
	width: 100%;
	}

body {
	min-height: 100%;
	font: 62.5% Tahoma, Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	background-image: url("img/bg_body.jpg");
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #D6E4E1;
	}

img {
	border: 0px;
	}

/* the rest */

a:link, a:visited {
	color: #A31E39;
	font-weight: bold;
	text-decoration: underline;
	}

a:hover, a:active {
	color: #ff0034;
	font-weight: bold;
	text-decoration: underline;
	}

#container {
	/*position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 1px 0px;
	text-align: center;
	width: 860px;
	min-height: 100%;
	background-color: #FFF;
	background-image: url("img/bg_container_blue.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	}

#menu {
	float: left;
	margin: 145px 0px 10px 0px;
	padding: 0px;
	width: 860px;
	height: 37px;
	clear: both;
	text-align: left;
	}

#leftcol {
	float: left;
	text-align: left;
	width: 150px;
	margin: 5px 15px 0px 0px;
	}

#leftcol img {
	border: 1px solid #8C9C9A;
	}

#leftcol p {
	color: #485C5A;
	font-size: 1.3em;
	}

#why {
	background-image: url("img/why.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #485c5a;
	}

#help {
	background-image: url("img/help.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #485c5a;
	}

#why p, #help p {
	padding: 50px 10px 0px 10px;
	margin: 0px;
	color: #D6E4E1;
	}

#why a:link, #why a:visited, #help a:link, #help a:visited {
	color: #FFF;
	}

div.box {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #8C9C9A;
	}

div.casestudy {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #8C9C9A;
	}

div.casestudy p {
	color: #e0c3b5 !important;
	}

#maincol {
	float: left;
	text-align: justify;
	width: 515px;
	margin: 0px 15px 0px 0px;
	}

#maincol p {
	color: #485C5A;
	font-size: 1.1em;
	}

#maincol p.title {
	font-size: 1.8em;
	font-weight: bold;
	color: #485C5A;
	margin: 0px;
	text-transform: uppercase;
	}

#maincol p.title a:link, #maincol p.title a:visited {
	color: #485C5A !important;
	text-decoration: none !important;
	}

#maincol p.title a:hover, #maincol p.title a:active {
	color: #485C5A !important;
	text-decoration: none !important;
	background-color: #D6E4E1;
	}

p.meta {
	font-size: 0.9em !important;
	color: #9DB2B1 !important;
	margin: 1px 0px 0px 0px !important;
	}

p.meta a:link, p.meta a:visited, p.meta a:hover, p.meta a:active {
	color: #9DB2B1;
	}

#page_title {
	margin: 0px 0px 10px 0px;
	}

#page_title p {
	text-align: left;
	font-size: 2.0em !important;
	margin: 0px !important;
	font-weight: bold;
	text-transform: uppercase;
	color: #485C5A;
	}

div.post {
	padding: 5px 0px 15px 0px;
	border-top: 1px solid #8C9C9A;
	margin: 0px 0px 0px 0px;
	background-image: url("img/bg_single_post.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	}

div.single_post {
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #8C9C9A;
	margin: 0px 0px 5px 0px;
	background-image: url("img/bg_single_post.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	}

div.comments p {
	text-align: right;
	}

#rightcol {
	margin: 34px 0px 0px 0px;
	width: 150px;
	float: left;
	text-align: left;
	}

#rightcol p {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	}

#rightcol img {
	border: 1px solid #8C9C9A;
	}

div.rightbox {
	border-top: 1px solid #8C9C9A;
	background-image: url("img/bg_single_post.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 15px 0px;
	}

p.rightbox_title {
	font-size: 1.8em;
	font-weight: bold;
	color: #485C5A;
	margin: 0px;
	text-transform: uppercase;
	}

#pagination {
	margin: 0px;
	height: 37px;
	clear: both;
	text-align: center;
	padding: 0px;
	background-color: #8C9C9A;
	}

#footer {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	clear: both;
	text-transform: uppercase;
	background-color: #485C5A;
	background-image: url("img/bg_footer.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
	}

#footer p {
	margin: 2px 0px 0px 0px;
	color: #D6E4E1;
	font-size: 0.9em;
	text-align: center;
	}

#footer a:link, #footer a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #D6E4E1;
	}

#footer a:hover, #footer a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #fff;
	}

/*-------------------------------------------*/

ul.menu {
	list-style-type: none;
	text-align: left;
	margin: 12px 0px 12px 40px;
	padding: 0px;
	font-size: 1.0em;
	}

ul.menu li {
	display: inline;
	padding: 6px 0px 6px 0px;
	}

ul.menu li:hover {
	background-color: #485C5A;
	}

ul.menu li a:link, ul.menu li a:visited {
	color: #D6E4E1;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
	text-transform: uppercase;
	}

ul.menu li a:hover, ul.menu li a:active {
	color: #FFF;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
	text-transform: uppercase;
	}

div.leftcol_box ul.menu li a:link, div.leftcol_box ul.menu li a:visited, #rssbox a:link, #rssbox a:visited {
	color: #a5a5a5;
	}

div.leftcol_box ul.menu li a:hover, div.leftcol_box ul.menu li a:active, #rssbox a:hover, #rssbox a:active {
	color: #FFF;
	}

/*-------------------------------------------*/

#maincol li {
	margin: 3px 0px 3px 0px;
	}

/*-------------------------------------------*/

ul.rightcol {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #ccc;
	text-align: left;
	font-size: 1.1em;
	}

ul.rightcol li{
	list-style: none;
	}

ul.rightcol li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	padding: 5px 0px 7px 10px;
	border-bottom: 1px solid #ccc;
	}
	
ul.rightcol li a:link, ul.rightcol li a:visited {
	display: block;
	}
	
ul.rightcol li a:hover, ul.rightcol li a:active {
	display: block;
	background-color: #D6E4E1;
	}	

/*-------------------------------------------*/

ol.commentlist {
	font-size: 1.0em;
	margin: 0px;
	}

a.commentmeta:link, a.commentmeta:visited {
	color: #9DB2B1
	}

a.commentmeta:hover, a.commentmeta:active {
	color: #485C5A;
	}

div.commentwrap {
	width: 460px;
	border-bottom: 1px solid #FFF;
	}

div.commentleft {
	width: 32px;
	float: left;
	text-align: left;
	margin: 0px 15px 15px 0px;
	clear: both;
	}

div.commentleft p {
	margin: 0px !important;
	}

div.commentleft img {
	margin: 0px 0px 5px 0px;
	}

div.commentright {
	width: 428px;
	text-align: left;
	}

blockquote {
        background-color: #D6E4E1;
        border-left: 5px solid #485C5A;
        padding: 1px 10px 1px 10px;
        }

#maincol ul, #maincol ol {
	color: #485C5A;
	font-size: 1.1em;
        margin-left: 5px;
	}

img.casestudy {
        margin: 0px 15px 15px 0px;
        clear: left;
	border: 1px solid #8C9C9A;
        }

img.border {
	border: 1px solid #8C9C9A;
        }

/*----------------------------- tables --------------------------*/

table.ratings td {
        font-weight: bold;
        font-size: 1.1em;
        padding: 5px;
        text-align: center;
        width: 45px;
        color: #485C5A;
        }

table.refusedclassification td {
        font-size: 1.1em;
        padding: 5px;
        text-align: center;
        color: #485C5A;
        }

td.blue {
        background-color: #485C5A;
        color: #FFF !important;
        }

td.red {
        background-color: #A31E39;
        color: #FFF !important;
        }

td.ratingtop {
        border-top: 1px solid #485C5A;
        border-left: 1px solid #485C5A;
        border-right: 0px;
        border-bottom: 0px;
        }

td.ratingcornertop {
        border-top: 1px solid #485C5A;
        border-left: 1px solid #485C5A;
        border-right: 1px solid #485C5A;
        border-bottom: 0px;
        }

td.ratingbottom {
        border-top: 1px solid #485C5A;
        border-left: 1px solid #485C5A;
        border-right: 0px;
        border-bottom: 1px solid #485C5A;
        }

td.ratingcornerbottom {
        border: 1px solid #485C5A;
        }

td.leftalign {
        text-align: left !important;
        }