/*   
Theme Name: Promax UK
Author: Tom van de Velde
Version: 1.0
*/

/*
	—BLUE—
	background: 428ebc
	highlight: 	448dc1
	h1, a:		448dc1
	
	
	—RED—
	background: 950900
	highlight: 	c00019
	h1, a:		609cb0


	—2012—
	nav bar red: ff0000
	light green: ccff33
	dark green: 009933
	yellow: ffff00
	
*/

html {background: /*#428ebc*/ #828f9a url(img/bg-2012.png) repeat-x}
/*html {background: #950900 url(http://www.promaxuk.com/wp-content/themes/promax/img/bg-red.png) repeat-x center top}*/
body, select, input, textarea {color: #333; font-size: 13px}
strong { font-weight: bold}
a {color: #448dc1; text-decoration: none}
a:hover {text-decoration: underline}
h2 { color: #448dc1; font-size: 25px; font-weight: bold; margin-bottom: 1em}
h3 { font-size: 14px; font-weight: bold; margin-bottom: 1em; color: #333}
article p { margin-bottom: 1em}

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

#header { 
	width: 960px; 
	margin: 0 auto; 
	background: url(img/header-2012.png) no-repeat; 
	height: 140px;
}
#header span, #header h2 {
	display: none
}
#header a#home {
	width: 215px;
	height: 140px;
	float: left;
}
#header a#envy {
	float: left;
	width: 60px;
	height: 50px;
	margin: 90px 0 0 80px
}

#latest-tweet {
	color: /*#fda9ff;*/ #F00;
	float: right;
	width: 190px;
	height: 72px;
	padding: 10px;
	margin: /*13px 80px 0 0;*/ 20px 80px 0 0;
}
#latest-tweet a {
	color: #fda9ff;
}

.menu-header {background-color:#F00;}

.menu {
	width: 960px;
	margin: 0 auto;
	height: 27px;
	margin-bottom: 20px;
}
.menu a { 
	display: block;
	float: left;
	color: #FF0; /*#072941;*/ 
	text-decoration: none;
	width: 12.5%;
	text-align: center;
	font-weight: bold;
	padding-top: 4px
}
.menu a:hover { text-decoration: underline}
.menu li { display: inline}
.menu li.current_page_item > a { font-weight: bold}
.blog .sub-menu, .menu .sub-menu { display: none}

.current-menu-item .sub-menu, .current_page_ancestor .sub-menu { 
	display: block;
	text-align: center;
	position: absolute;
	width: 960px;
	margin: 0 auto;
	left: 50%;
	margin-left: -480px;
	z-index: 999;
}

.blog .current_page_parent .sub-menu { display: none}

.subnavbg {
	background: #fff;
	width: 100%;
	position: absolute;
	top: 164px;
	height: 23px;
	left: 0;
}

.on-top {z-index: 10000;}

.admin-bar .subnavbg { top: 192px}

.sub-menu a { width: 20%; font-weight: normal; color: #093}
.current_page_ancestor ul li a { color: #072941 !important}

#container {
	width: 960px;
	margin: 0 auto;
}

#slideshow {
	float: left;
	width: 680px;
	height: 180px;
	background: white;
	margin-bottom: 10px;
	padding: 10px;
	position: relative
}
ul#slides li {
	background: #d9d9d9;
	width: 680px;
	height: 180px;
	overflow: hidden;
}
a#next, a#prev { 
	display: block;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	width: 30px;
	padding: 10px;
	position: absolute;
	top: 50%;
	z-index: 999;
	margin-top: -10px;
}
a#next { right: 0; padding-right: 15px}

a#next:hover, a#prev:hover { 
	background: rgba(255,255,255,1);
	cursor: pointer;
	text-decoration: none
}

#about {
	float: right;
	width: 230px;
	height: 180px;
	padding: 10px;
	background: #fff;
	margin-bottom: 10px;
}
#ticker {
	float: left;
	width: 680px;
	background: white;
	padding: 10px;
	margin-bottom: 10px;
}
#sidebar {
	float: right;
	width: 230px
}
#register, #newsletter, #facebook {
	float: right;
	width: 230px;
	padding: 10px;
	background: #fff;
	margin-bottom: 10px;
}
a#register {
	background: #093; /*#448dc1;*/ /* BLUE: change to highlight */
	display: block;
	color: #cf3; /*white;*/ /* BLUE: change to #fff */
	text-align: center;
	text-decoration: none;
	height: 14px;
}

a#register:hover {
	text-decoration: underline
}
#newsletter {
	height: 86px
}

article {
	display: block;
	width: 680px;
	margin: 10px auto;
	padding: 10px;
	background: #fff;
	float: left;
}

.single-post article {
	margin-top: 0
}

#list-posts {
	float: left;
	width: 700px
}
#list-posts article {
	float: none
}

.home article {
	clear: both;
	margin: 0 auto 10px auto;
}

thead {
	font-weight: bold
}
tr {
	border-bottom: 1px solid #ccc;
}
td {
	padding: 5px 5px 5px 0;
}

img.featured-image {
	float: left;
	width: 700px;
	height: 150px;
	margin-top: 10px;
}
div.no-featured-image {
	float: left;
	width: 700px;
	height: 150px;
}

h3#comments, #respond {
	clear: both;
	padding-top: 10px;
	margin-top: 40px;
	border-top: 1px solid #428ebc;
}
div.commentmetadata {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc
}

#footer {
	clear: both;
	margin-top: 10px;
	width: 960px; 
	margin: 0 auto 10px auto;
	/*background: #448dc1;*/
	color: #fff;
}
#footer a { 
	color: #fff; 
	font-size: 11px;
	width: auto;
	margin-right: 20px
}
#footer small { 
	float: left;
	width: 120px;
	padding: 10px;
	clear: both
}
#footer .menu-footer { 
	float: right;
	width: 820px;
	padding-top: 5px
}

#sponsors {
	padding: 10px 10px 30px 10px
}

#sponsors img {
	/*width: 60px; 
	height: auto;*/
	float: left;
	margin-right: 20px
}

#newsletter label {
	clear: left;
	float: left;
	display: block;
	width: 50px;
	margin-bottom: 2px
}
#newsletter input {
	float: left;
	width: 150px;
	margin-bottom: 2px
}
#newsletter input[type="submit"] {
	margin-left: 50px
}
#newsletter h3 {margin-bottom: 0.3em;}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
float: right;
width: 600px; 
margin: 0; 
padding: 0;
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
width: 600px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 600px;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
hr {
	border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #ccc;
	margin: 14px 0;
}


.alignleft { float: left; margin-right: 10px;}
.alignright { float: right; margin-left: 10px;}