/*
Theme Name: X-O Wordpress Theme
Theme URI: http://miramedia.co.uk
Description: The WordPress theme for x-o.co.uk
Version: 1.0
Author: Miramedia
*/


* {
	padding:0;
	margin:0;
}

body {
	font-size:62.5%;
	font-family:"Lucida Grande", Lucida Sans Unicode,  Georgia;
	background:url(images/subpage/bg_body.gif) repeat-x #fff;
	color:#fff;
}

body.home, body.page-template-login-php, body.page-template-register-php, body.page-template-home-php, body.page-template-new-home-php {
	background:#f86300;
}

img { border:none; }

a, a:visited, a:active {
	color:#f84b0f;
}

a:hover {
	text-decoration:none;
}

/* Basic Structure */

#wrapper {
	width:840px;
	margin:0 auto;
	padding:0;
	min-height:100%;
}

#header {
	height:100px;
	position:relative;
}

#sidebar {
	width:240px;
	float:left;
	color:#666;
}

#content {
	width:560px;
	padding:10px;
	float:right;
	color:#666;
}

#footer_wrapper {
	clear:both;
	background:#549dea;
	height:150px;
	width:100%;
}

.clear {
	clear:both;
}

/* Header Area */

img#logo_main {
	position:absolute;
	top:12px;
	left:0;
}

ul#header_menu {
	width:700px;
	position:absolute;
	top:0;
	right:-30px;
	font-size:1.1em;	
}

ul#header_menu li {	float:left; list-style:none; }

ul#header_menu li a {
	border-right:1px solid #fff;
	padding:0 10px;
	margin:10px 5px 0 0;
	text-decoration:none;
	color:#fff;
	display:block;	
}

ul#header_menu li.no_border a { border:none; }

ul#header_menu li a:hover { text-decoration:underline; }

ul#header_menu li#login a {
	background:url(images/bg_header_login.gif) no-repeat;
	height:33px;
	width:212px;
	padding:10px 20px;
	display:block;
	margin:0;
	color:#f86300;
	font-weight:bold;
	text-shadow: 1px 1px 0px #fff;
	text-align:center;
}

marquee#headline {
	font-size:1.1em;
	font-weight:bold;
	height:30px;
	position:absolute;
		top:60px;
		right:0;
	width:600px;
}

marquee#headline a, p#headline a:active, p#headline a:visited {
	color:#fff;
	text-decoration:none;
}

/* Sidebar */

ul#sidebar_menu {
	padding:10px 0;
}

ul#sidebar_menu li {
	list-style:none;
	margin:5px 0;
}

ul#sidebar_menu li a {
	text-transform: uppercase;
	font-weight:bold;
	color:#0561a8;
	font-size:1.3em;
	padding:8px 10px 12px 10px;
	height:15px;
	text-decoration:none;
	width:240px;
	display:block;
	background:url(images/bg_lia.gif) no-repeat;
	text-shadow: 1px 1px 0px #fff;
}

ul#sidebar_menu li a:hover {
	color:#f86300;
	background:url(images/bg_liahover.gif) no-repeat;
}

/* Content */

#content h1 {
	font-size:1.8em;
	color:#0561a8;
}
#content h2 {
	font-size:1.6em;
	color:#0561a8;
}
#content h3 {
	font-size:1.4em;
	color:#f86300;
}
#content h4, #content h5, #content h6 {
	font-size:1.3em;
}
#content p {
	margin:0 0 10px 0;
	text-align:justify;
}
#content p, #content li {
	font-size:1.2em;
	line-height:1.6em;
}
#content ul, #content ol {
	padding:0 0 0 35px;
	margin:10px 0;
}


/* Footer */

body.home p#disclaimer, body.page-template-login-php p#disclaimer, body.page-template-register-php p#disclaimer, body.page-template-home-php p#disclaimer, body.page-template-new-home-php #disclaimer a, body.page-template-new-home-php #disclaimer a:active, body.page-template-new-home-php #disclaimer a:visited {
	color:#fff;
}

p#disclaimer {
	clear:both;
	margin:35px 0 10px 0;
	font-size:1.1em;
	line-height:1.4em;
	color: #bbb;
}

#flash2wrap {
	width:800px;
	height:100px;
	margin:0 auto;
	padding:10px 0;
}

ul#awards {
	width:840px;
	height:75px;
	margin:0 auto;
	padding:10px 0;
}

ul#awards li {
	float:right;
	width:200px;
	padding:0 5px;
	list-style:none;
}

ul#footer_links {
	width:830px;
	height:20px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

ul#footer_links li {
	list-style:none;
	float:right;
	padding:0 5px;
	border-right:1px solid #fff;
}

ul#footer_links li.last {
	border:none;
	padding:0 0 0 5px;
}

ul#footer_links li a {
	color:#fff;
	text-decoration:none;
}


/* NEW HOME PAGE */

div.home-widget {
	background:url('images/home-widget.png') no-repeat;
	float:left;
	height:123px;
	padding:10px;
	position:relative;
	width:244px;
}

div.widget-middle {
	margin:0 24px;
}

div.home-widget p {
	color:#002a74;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5em;
	margin:10px 0;
}

#xo-how {
	position:absolute;
		bottom:-15px;
		right:-15px;
}

/* ODDS */

iframe, fieldset {
	border:none;
}

table {
	margin:20px 0;
}

table td {
	font-size:1.2em;
	padding:5px;
	border-bottom:1px solid #efefef;
}

p#terms {
	padding:20px;
	font-size:1.4em;
}

/* FAQ Page */
ol#faq {
	margin:10px 0;
	padding:0 0 0 20px;
}

ol#faq li {
	cursor:pointer;
	color:#f86300;
	list-style:none;
	list-style: disc;
}

ol#faq li p {
	font-size:inherit;
	font-size: 0.9em;
	color:#555;
	cursor:default;
}

/* HOME PAGE */

/* Register Bar */

#register_bar {
	height:65px;
	background:url(images/bg_register.gif) repeat-x;
	position:relative;
	margin:10px 0;
}

#register_bar p {
	width:450px;
	height:20px;
	padding:22px 0 0 10px;
	color:#002a74;
	font-size: 1.2em;
	font-weight:bold;
	text-shadow: 1px 1px 0px #fff;
}

#register_bar img#register_now {
	position:absolute;
	top:4px;
	right:-25px;
}

/* Who are X-O */

#who_are {
	width:420px;
	height:105px;
	padding:20px 20px 20px 0px;
	float:left;
}

#who_are h1 {
	font-size:1.4em;
}

#who_are p {
	font-size:1.2em;
	line-height:1.8em;
}

/* How to Use */

#how_to_use {
	width:238px;
	height:105px;
	padding:20px;
	float:right;
	background:url(images/bg_howtouse.gif) no-repeat;
	position:relative;
}

#how_to_use h2 {
	color:#f86300;
	font-size:1.4em;
	text-shadow: 1px 1px 0px #fff;
}

#how_to_use p {
	color:#555;
	font-size:1.2em;
	line-height:1.8em;
	text-shadow: 1px 1px 0px #fff;
}

img#htu_button {
	position:absolute;
	bottom:-13px;
	right:-25px;
}

img#iphone-btn {
	position:absolute;
		bottom:0;
		left:-80px;
}

/* ORANGE SUBS */
form#existing_login {
	width:330px;
	height:160px;
	margin:50px auto;
	padding:15px;
	background:url(images/subpage/bg_login.gif) no-repeat;
	position:relative;
}

form#existing_login fieldset {
	border:none;
	height:160px;
	width:330px;
	clear:both;
}

form#existing_login h3 {
	color:#0561a8;
	font-size:1.4em;
}

form#existing_login p {
	clear:both;
	color:#666;
	font-size:1.1em;
	text-align:center;
	margin:10px 0 0 0;
}

form#existing_login a, form#existing_login a:visited, form#existing_login a:visited {
	color:#f86300;
}

form#existing_login a:hover {
	text-decoration:none;
}

form#existing_login label {
	margin:5px 0 0 0;
	color:#f86300;
	font-size:1.1em;
	display: block;
}

form#existing_login input.input_text {
	background:#fff;
	border:1px solid #e5e4e4;
	width:310px;
	height:30px;
	color:#555;
	padding:0 10px;
}

form#existing_login input#login_submit {
	position:absolute;
	bottom:-15px;
	right:-20px;
}


/* Application Form */

form#application {
	width:840px;
	margin:0 auto;
	padding:20px 0;
	color:#555;
	background:url(../images/subpage/form_bg.gif) no-repeat;
}

form#application fieldset {
	border:none;
	width:390px;
	height:560px;
	background:#fff;
	float:left;
	padding:15px;
	position:relative;
	margin:0;
}

form#application h3 {
	font-size:1.3em;
}

form#application fieldset li {
	list-style:none;
	clear:both;
	padding:10px 0;
}

form#application fieldset li label {
	width:110px;
	float:left;
	color:#f86300;
	font-weight:bold;
	padding:0 5px 0 0;
	font-size:1.1em;
}

form#application fieldset li input {
	background:#fff;
	border:1px solid #666;
	height:20px;
	width:200px;
}

form#application fieldset li input.check {
	width:20px;
	height:15px;
	border:none;
}

form#application fieldset input#submit_button {
	height:56px;
	width:295px;
	border:none;
}

/* LOGIN STUFF */

body.login {
	border-top:120px solid #ff6201;
	background-image:none;
	margin:0;
	padding:0;
}

body.login p#backtoblog a, body.login p#backtoblog a:active, body.login p#backtoblog a:visited {
	color:#fff;
	font-weight:bold;
}

body.login #login #login_error, body.login #login p {
	color:#000;
}

body #login {
	position:relative;
}

body.login h1 a {
	background:url('images/login-logo.png') no-repeat;
	position:absolute;
		top:-165px;
		left:0;
}