/*
Theme Name: WhatOnline
Theme URI: http://wordpress.org/
Description: SEO friendly plain theme
Version: 1
Author: Paul Gosnell
Author URI: http://www.whatonline.co.uk
Tags: seo, plain, simple
*/

body,ul,li,img {margin:0; padding:0; list-style:none; border:none;}

body {font-family:Arial, Helvetica, sans-serif; font-size:10pt; background:#E4E4E4; color:#555;}
p {line-height:1.6;}
h1 {font-size:12pt; color:#22A3AB;}
h2 {font-size:11pt; color:#22A3AB;}
h2 a {color:#22A3AB;}

a {color:#333;}
a:hover {text-decoration:none;}

#wrapper {width:1100px; margin:auto; background:url(/images/body.gif) top center repeat-y;}
#site {width:960px; margin:auto;}

#header {height:96px;}
#header h1 {margin:0; padding:0;}
#header h1 a {color:#4BC0C6; text-decoration:none; text-indent:-9999px; background:url(/images/logo.gif) no-repeat center center; width:324px; height:96px; display:block;}

#nav-l {background:url(/images/nav-l.jpg) no-repeat left top; height:34px; padding-left:5px;}
#nav-r {background:url(/images/nav-r.jpg) no-repeat right top; height:34px; padding-right:5px;}
#nav {background:url(/images/nav-bg.jpg) repeat-x left top; height:34px;}
#nav li {float:left; background:url(/images/nav-brd.jpg) no-repeat top right; }
#nav li a {display:block; color:#fff; font-weight:bold; line-height:34px; text-decoration:none; font-size:9pt; padding-left:5px; margin-left:5px;}
#nav li a strong {display:block; line-height:34px; padding-right:5px; margin-right:10px;}

#nav li a:hover { background:url(/images/nav-hov-l.gif) no-repeat bottom left; color:#22A3AB;}
#nav li a:hover strong { background:url(/images/nav-hov-r.gif) no-repeat bottom right;}

#nav li#current a { background:url(/images/nav-hov-l.gif) no-repeat bottom left; color:#22A3AB;}
#nav li#current a strong { background:url(/images/nav-hov-r.gif) no-repeat bottom right;}

#masthead {height:155px; margin-top:5px; overflow:hidden;}

#page {background:url(/images/masthead-shadow.jpg) no-repeat top center; padding:10px 0; overflow:hidden;}

#sidebar {width:200px; float:right;}

#cards {height:60px; margin:5px 0 15px 0;}
#cards img {display:block; float:left;}
#cards a img {border:3px solid #fff;}
#cards a:hover img {border:3px solid #22A3AB;}
 
.panel {background:url(/images/panel-top.jpg) no-repeat top center; width:203px; margin:10px 0;}
.panelInner {background:url(/images/panel-bot.jpg) no-repeat bottom center; width:203px; display:block; padding-bottom:10px;}
.panel h2 {font-size:11pt; color:#fff; margin:0; padding:15px 10px; font-weight:normal;}
.panel p {font-size:10pt; color:#fff; margin:0; padding:0 10px;}
.panel a {color:#fff;}

.thumb {background:url(/images/hand.png) no-repeat center center; width:29px; height:37px; float:right; margin:5px 5px 0 0;}
.cogs {background:url(/images/cogs.png) no-repeat center center; width:40px; height:40px; float:right; margin:5px 2px 0 0;}
.speech {background:url(/images/speech.png) no-repeat center center; width:34px; height:35px; float:right; margin:5px 5px 0 0;}

#content {padding:18px; width:715px;}
#content li {list-style:circle; margin-left:25px;}

#contentWide {padding:18px 0;}
#contentWide li {list-style:circle; margin-left:25px;}

#footer {padding:10px 0; margin-top:10px; text-align:right; border-top:1px solid #ccc; clear:both; font-size:9pt; color:#666;}
#footer a {color:#666; text-decoration:none;}

#wrapperEnd {background:url(/images/page-end.gif) top center no-repeat; padding:20px 0 0 0;}

.clear {clear:both;}

.tdImg {text-align:center; font-size:8pt;}
.applyButton a {display:block; border:1px solid #D646AC; background:#D646AC; color:white; padding:5px; text-decoration:none;}
.applyButton a:hover {background:white; color:black; border:1px solid black;}

.readButton a {display:block; border:1px solid #666; background:#999; color:white; padding:5px; text-decoration:none;}
.readButton a:hover {background:white; color:#666; border:1px solid #333;}


table.outer {margin-top:10px;}

table.outer th {text-align:left; color:#666;}

table.outer th,
table.outer td {padding:4px; text-align:center;}

table.outer td.description {text-align:left;}
table.outer td.header {border-top:1px solid #ccc;}

table.outer td.header h2 {margin-top:5px;}

table.inner {border:none; width:100px;}
table.inner td {padding:4px;}

.hide {}

#AddThis {float:right; padding:10px;}

/*
	--------------------------------------------------- comment form
*/
.thumbnail{
	float:left;
	margin:5px 15px 0 0;
}
.thumbnail img{width:96px;}
body.blog .post{
	border-bottom:1px dashed #ccc;
	padding-bottom:4px;
	margin-bottom:14px;
}
body.blog .post a.readMore{
	color:#666;
	font-style:italic;
	text-decoration:none;
}


#respond {
	width:50%;
}
input,
textarea {
	border:1px solid #ccc;
	margin:0 0 5px 0;
}
textarea {
	width:400px;
	height:100px;
}
input#submit {
	font-size:1.1em;
	color:#fff;
	background:#999;
	padding:2px 6px;
	border:none;
	cursor:pointer;
}
.comment {
	border:1px solid #ccc;
	padding:10px;
	width:50%;
	margin:10px 0;
}
.avatar {
	float:right;
	border:1px solid #ccc;
	padding:2px;
	margin:0 0 10px 10px;
}
.commentmetadata a{
	font-size:.9em;
}
.comment-body p {
	padding:20px 0 10px 0;
}

.review{
	clear:both;
	padding:10px 0 0 0;
}

/* images in text editor */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.clear {
	clear: both;
}




#wp_page_numbers{
	clear:both;
	margin:0 0 5px 0;
}


/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 9pt;
	width: 100%;
	text-align: left;
}
table.tablesorter img{width:96px;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px 14px 4px 2px;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #22A3AB;
	color:#fff;
}
table.tablesorter h2{
	margin:0 0 8px 0;
}
table.tablesorter p{
	margin:0;
}
table.tablesorter td{
	vertical-align:middle;
}