/*
Theme Name: Richard Rothwell
Theme URI: http://www.unionroom.com
Description: Themed Designed by Glen Stovold, HTML Build by Jon Park and Wordpress Integration by Steven Gibbons.
Version: 1.1
*/

@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }
html { font-size: 100%; background: #000 url('./images/bg.jpg') repeat-x top; }
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	background: url('./images/hdr_bg.jpg') no-repeat center top;
}

p { padding: 0 0 10px 0; font-size: 1.0em; color: #999; }
a { color: #F50003; text-decoration: none; }
a:hover { text-decoration: underline; }

div#hdr { width: 917px; height: 197px; margin: 0 auto; padding: 28px 0 0 0; }
	div#hdr h1 { width: 554px; height: 115px; margin: 0 auto; }
	div#hdr h1 a { width: 554px; height: 115px; background: url('./images/h1_logo.png') no-repeat; }
	div#hdr h2 { }
	
div#wrapper { width: 917px; margin: 0 auto; }
div#groupLeft { width: 693px; padding: 0 0 0 0px; float: left; }
	div#groupLeft div#right { width: 424px; margin: 0; padding: 22px 22px; background: #191919; border: 1px solid #333; float: right; }
		div#groupLeft div#right h3 { padding: 0 0 10px 0; font-size: 1.8em; color: #FFF; font-weight: normal; }
		div#groupLeft div#right p { letter-spacing: 0.03em; line-height: 1.3em; }
		div#groupLeft div#introduction { padding: 0 0 18px 0; border-bottom: 1px dotted #999; }
		
		div#groupLeft div#right ul#postList.home { list-style: none; margin: -20px 0 0 0; }
		div#groupLeft div#right ul#postList { list-style: none; }
			div#groupLeft div#right ul#postList li { padding: 20px 0; border: 1px dotted #999; border-width: 0 0 1px 0; }
			div#groupLeft div#right ul#postList li.single { border-width: 0; padding: 0!important; }
			div#groupLeft div#right ul#postList li img { margin: 10px 0; }
			div#groupLeft div#right ul#postList li div.content { display: none; }
			div#groupLeft div#right ul#postList li p.viewPost { padding: 0 0 20px 0; }
			div#groupLeft div#right ul#postList li p.viewPost a { font-size: 1.4em; }
			div#groupLeft div#right ul#postList li ul { margin: 0 0 10px 30px; }
			div#groupLeft div#right ul#postList li ol { margin: 0 0 10px 30px; }
			div#groupLeft div#right ul#postList li ul li { margin: 0!important; padding: 0 0 5px 0!important; list-style: disc!important; border: none!important; }
			div#groupLeft div#right ul#postList li ol li { margin: 0!important; padding: 0 0 5px 0!important; border: none!important; }

			div#groupLeft div#right ul#postList li img { height: auto; max-width: 424px; width: expression(this.width > 424 ? 424: true); }

			div#groupLeft div#right ul.comments { margin: 0!important; padding: 5px 10px 5px 25px; background: #000 url('./images/comment_bg.gif') no-repeat 7px 7px; list-style: none; display: table; }
				div#groupLeft div#right ul.comments li { padding: 0 5px; display: inline; border-width: 0 !important; color: #FFF; text-transform: uppercase!important; }
				div#groupLeft div#right ul.comments li span.spacer { padding: 0 5px; }
				div#groupLeft div#right ul.comments li a { color: #FFF; text-transform: uppercase; }
			
	div#displayComments { padding: 20px 0 0 0; }
	div#displayComments h3 { font-size: 1.4em !important; color: #999 !important; }
	div#displayComments dl#commentsList { margin: 0!important; padding: 10px 0; list-style: none; }
		div#displayComments dl#commentsList dd { min-height: 80px; margin: 0 0 10px 0; padding: 25px 25px 55px 106px !important; background-color: #333; border: none !important; position: relative; }
			div#displayComments dl#commentsList dd div.author { position: absolute; top: 15px; left: 25px; }
			div#displayComments dl#commentsList dd div.author p { width: 60px; text-align: center; }
			div#displayComments dl#commentsList dd p.commentDate { text-align: right; position: absolute; bottom: 15px; right: 25px; }

			form#comments table.form {}
			form#comments table.form th, form#comments table.form td { padding: 5px 15px; }
			form#comments table.form th { padding: 8px 15px 2px 15px; text-align: right; vertical-align: text-top; border-right: 1px solid #333; }
			form#comments table.form input.text, form#comments table.form textarea { 
				padding: 2px 2px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.0em;
				border: 1px solid #666;
			}
			form#comments table.form input#commentName { width: 155px; }
			form#comments table.form input#commentEmail { width: 155px; }
			form#comments table.form input#commentHomepage { width: 205px; }
			form#comments table.form textarea { width: 250px; }
			form#comments table.form a.btnReplace { width: 120px; height: 28px; background-image: url('./images/postComment.gif'); }
			form#comments table.form a.btnReplace:hover { background-position: bottom; }

	div#groupLeft div.left { width: 188px; margin: 0 0 17px 0; padding: 22px 10px; background: #191919; border: 1px solid #333; float: left; clear: left; }
		
		div#groupLeft form#search { padding: 0 0 20px 0; }
			div#groupLeft form#search div {
				padding: 2px;
				height: 18px;

				background-color: #333;
				border: 1px solid #5C5C5C;

				-moz-border-radius: 8px;
				-khtml-border-radius: 8px;
				-webkit-border-radius: 8px;
				border-radius: 8px;

				position: relative;
			}
				div#groupLeft form#search div input.text { width: 154px; background-color: #333; border: none; color: #999; }
				div#groupLeft form#search div input.submit { position: absolute; right: 2px; }
		div#groupLeft a#ironhorse { width: 176px; height: 146px; margin: 0 auto 20px auto; background-image: url('./images/ironhorse.jpg'); }

div.farRight { width: 188px; margin: 0 0 17px 0; padding: 22px 10px; background: #191919; border: 1px solid #333; float: right; }
	div.farRight div#sponsorsCycle {
		width: 130px;
		height: 90px;
		margin: 0 auto 20px auto;
		padding: 23px 29px 24px 29px;
		background: url('./images/frame.gif') no-repeat top;
	}

	div.farRight div#sponsorsCycle div {
		width: 130px;
		height: 90px;
		overflow: hidden;
		position: relative;
	}
		div.farRight div#sponsorsCycle a { width: 130px; height: 90px; position: absolute; }
			div.farRight div#sponsorsCycle a#sponsor7Deadly { background-image: url('./images/sponsor7Deadly.gif'); }
			div.farRight div#sponsorsCycle a#sponsorBertieMaffoon { background-image: url('./images/sponsorBertieMaffoon.gif'); }
			div.farRight div#sponsorsCycle a#sponsorBrunox { background-image: url('./images/sponsorBrunox.gif'); }
			div.farRight div#sponsorsCycle a#sponsorExposure { background-image: url('./images/sponsorExposure.gif'); }
			div.farRight div#sponsorsCycle a#sponsorIronHorse { background-image: url('./images/sponsorIronHorse.gif'); }
			div.farRight div#sponsorsCycle a#sponsorRRP { background-image: url('./images/sponsorRRP.gif'); }
			div.farRight div#sponsorsCycle a#sponsorSatMap { background-image: url('./images/sponsorSatMap.png'); }
			div.farRight div#sponsorsCycle a#sponsorSkins { background-image: url('./images/sponsorSkins.png'); }
			div.farRight div#sponsorsCycle a#sponsorTFT { background-image: url('./images/sponsorTFT.gif'); }
			div.farRight div#sponsorsCycle a#sponsorUnionRoom { background-image: url('./images/sponsorUnionRoom.gif'); }

	div.farRight a#aboutMe { width: 177px; height: 146px; margin: 0 auto 20px auto; background-image: url('./images/aboutMe.jpg'); }
	div.farRight a#sevenDeadlySpins { width: 177px; height: 160px; margin: 0 auto; background-image: url('./images/7deadlyspins.gif'); }

div#groupLeft div.left h4, div.farRight h5 { padding: 0 0 10px 0; font-size: 1.4em; font-weight: normal; color: #FFF; }
div#groupLeft div.left ul, div.farRight ul { padding: 0 0 20px 0; list-style: none; }
	div#groupLeft div.left ul li, div.farRight ul li { line-height: 1.3em; }

	div.left h4 a, div.farRight h5 a { color: #FFF; border-bottom: 1px dotted #F50003; }
	div.left h4 a:hover, div.farRight h5 a:hover { color: #F50003; border-bottom: 1px solid #F50003; text-decoration: none; }

div.rounded {
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
	div.rounded div.top, div.rounded div.btm { display: none; }

div#ftr { width: 917px; margin: 0 auto; padding: 45px 0; clear: both; }
div#ftr ul { width: 797px; margin: 0 auto; padding: 10px 0; list-style: none; display: table; }
div#ftr ul.row2 { width: 204px; }
div#ftr ul li { padding: 0 5px; display: block; float: left; }
div#ftr ul li a { height: 35px; }
	div#ftr ul li a#ftrIronHorse { width: 150px; background-image: url('./images/ftrIronhorse.gif'); }
	div#ftr ul li a#ftrSkins { width: 85px; background-image: url('./images/ftrSkins.gif'); }
	div#ftr ul li a#ftrExposure { width: 79px; background-image: url('./images/ftrExposure.gif'); }
	div#ftr ul li a#ftrSatmap { width: 77px; background-image: url('./images/ftrSatMap.gif'); }
	div#ftr ul li span#ftrBertieMaffoon { width: 127px; height: 35px; background-image: url('./images/ftrBertieMaffoon.gif'); }
	div#ftr ul li a#ftrRRP { width: 56px; background-image: url('./images/ftrRRP.gif'); }
	div#ftr ul li a#ftrTFT { width: 84px; background-image: url('./images/ftrTFTuned.gif'); }
	div#ftr ul li a#ftr7Deadly { width: 45px; background-image: url('./images/ftr7Deadly.gif'); }

	div#ftr ul li a#ftrBrunox { width: 75px; background-image: url('./images/ftrBrunox.gif'); }
	div#ftr ul li a#ftrUnionRoom { width: 104px; background-image: url('./images/ftrUnionRoom.gif'); }



	
a.btnReplace { visibility: hidden; }
img.btnReplace { cursor: pointer; }

div.pag { font-size: 1.4em!important; }

.fLeft { float: left; }
.fRight { float: right; }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.tCentre { text-align: center; }
.vTT { vertical-align: text-top; }
.cLeft { clear: left; }
.cRight { clear: right; }

.white { color: #FFF!important; }

.noBold { font-weight: normal; }
.bold { font-weight: bold; }
.noBorder { border: none!important; }
.error { color: #DF0000; }
.hide { display: none; }
	
.imgReplace, a.btnReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span, a.btnReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}