/*
Theme Name: Horse Racing	
Description: The custom wordpress theme for http://www.justhorseracing.com.au
Version: 1.0
Author: Nicula Vlad (Agilius)
*/

@import "cssReset.css";


.aligncenter,
div.aligncenter {   display: block;   margin-left: auto;   margin-right: auto;}

.alignleft {   float: left;}
img.alignleft {   float: left; margin:10px 10px 10px 0px;}
.alignright {   float: right;}
img.alignright {   float: right; margin:10px 0px 10px 10px;}
.wp-caption {   border: 1px solid #ddd;   text-align: center;   background-color: #f3f3f3;   padding-top: 4px;   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;   -khtml-border-radius: 3px;   -webkit-border-radius: 3px;   border-radius: 3px;}

.wp-caption img {   margin: 0;   padding: 0;   border: 0 none;}

.wp-caption p.wp-caption-text {   font-size: 11px;   line-height: 17px;   padding: 0 4px 5px;   margin: 0;}

/*
=====================================================
Main Styles
=====================================================
*/

body { background:#fdfdfd; font-size:11px; color:#090909;/*8b8b8b*/}
a{text-decoration:none;}
h2 {font-size:20px;}
h3 {font-size:12px; font-weight: normal; line-height:26px;}

#webPage {width:935px; text-align:left; margin:0px auto; line-height:18px;}

/*
=====================================================
Header Styles
=====================================================
*/

#header { height:200px; width:100%; position:relative; z-index:11;}

#topLine {height:24px; width:100%; background:#ececec; font-size:12px; font-weight: bold;}
#topLine span {margin-left:10px; line-height:24px; color:#555;}

#logo {background:url(images/logo.jpg); width:354px; height:85px; margin:20px 0px 0px 25px;}
#logo a {display:block; width:354px; height:85px; text-indent:-9999px;}

#corner_advert {background:url(http://www.justhorseracing.com.au/sportsbet-ad.png); width:150px; height:150px;}
#corner_advert a {display:block; width:150px; height:150px;}

#headerAd {width:468px; height:60px; position:absolute; top:57px; right:18px; background:#f4f4f4; border:1px solid #d6d6d6;}

#nav {background:url(images/menuBG.jpg) repeat-x; height:38px; width:935px; margin-top:35px; position:absolute; bottom:0px; left:0px;}
#nav > li {float:left; height:38px; line-height:38px; position:relative; font-size:14px; font-weight:600; text-align:center;}
#nav >li a {color:#fff; display:block; padding:0px 10px; }
#nav > li:hover {background:url(images/liHover.jpg) repeat-x; /*border-right:#000 1px solid;*/}
#nav >li>ul { background:#111; font-size:11px; font-weight:400;  text-align:left;}
#nav >li:hover >ul {display:block;}



/*
=====================================================
Content Styles
=====================================================
*/

.leftAligned {float:left;  min-height:100px;/* background:#eee; */}

#content {width:935px; padding-top:12px; position:relative; z-index:9;}

#mainContent {width:600px; margin:0px; float:left;}
.smallerImportant {width:935px !important;}
.frontPageLeftFloat {width:465px; float:left;}
.newLine {clear:both; margin-right:5px;}
#sidebarMain {width:318px; margin-left:8px;}
#sidebarMini {width:133px; margin-left:8px;}

#sidebarMini a {color:#7B7B7B;}
#sidebarMini a:hover {color:#393939;}

.adsHome {position:absolute; width:150px; height:400px; top:30px; right:-25px; }
.ad {width:125px; height:125px; background:#eee; margin-bottom:10px;}
#addSub {margin:10px; background:#eee; height:125px; clear:both;}

.postCotnent  p{ margin:10px 0px;}
.postCotnent  ul li {list-style:inside disc;}
.postCotnent  ol li {list-style:inside decimal;}
.postCotnent  blockquote {margin:5px 15px; font-style:italic;}
.postCotnent  h2, .postCotnent h3, .postCotnent h4, .postCotnent h4, .postCotnent h5 {margin:10px 0px; padding:0px; text-transform:none; font-weight:600;}
.postCotnent  h3 { font-size:18px;}
.postCotnent  h2 { font-size:16px; color:#6B8E23 !important;}

.resetHeight {clear:both;}

.cross {background:url(images/cross.png) no-repeat; width:18px; height:18px; display:block; position:absolute; top:9px; right:10px; cursor:pointer;}
.redHeadline {background:url(images/redHeadline.jpg) repeat-x; width:452px; height:32px; color:#fff; line-height:32px; padding-left:15px; position:relative;
	font-size:15px;}
.redHeadline a:link {color:#fff;}
.redHeadline a:visited {color:#fff;}
.redHeadline a:active {color:#fff;}
.redHeadline a:hover {color:#fff;}
.greenHeadline {background:url(images/greenHeadline.jpg) repeat-x; width:452px; height:32px; color:#fff; line-height:32px; padding-left:15px; position:relative;
	font-size:15px;}
.greenHeadline a:link {color:#fff;}
.greenHeadline  a:visited {color:#fff;}
.greenHeadline a:active {color:#fff;}
.greenHeadline a:hover {color:#fff;}
.blueHeadline {background:url(images/blueHeadline.jpg) repeat-x; width:452px; height:32px; color:#fff; line-height:32px; padding-left:15px; position:relative;
	font-size:15px;}
.blueHeadline a:link {color:#fff;}
.blueHeadline  a:visited {color:#fff;}
.blueHeadline a:active {color:#fff;}
.blueHeadline a:hover {color:#fff;}
#moreNews, #breakingNews, #alsoNews {padding-top:12px;}
.postEntry {border-bottom:1px solid #e8e8e8; clear:both; margin-bottom:12px; padding-bottom:12px; position:relative;}
.thumbnailView {width:96px; height:73px; float:left; overflow:hidden; background:#e5e5e5; border:1px solid #d4d4d4; margin-left:12px; margin-right:12px;}
.thumbnailView  img {max-width:96px;}
.readMore {display:none;}
.readMoreBut {position:absolute; display:block; width:53px; height:19px; background:url(images/moreBut.png); bottom:0px; right:0px; text-indent:-9999px;}
.rssfeed {
float:right;
}


.postTitle a {font-size:15px; margin-bottom:5px; color:#3f3f3f;}
#breakingNews .postTitle a{color:#b90909;}
/* #moreNews */.postTitle a {color:#318409;}
/* #alsoNews .postTitle a {color:#095484;} */

.postCotnent  {padding:0px 10px;}
/*
=====================================================
Sidebar Styles
=====================================================
*/
#headLinesSb a {color:#7b7b7b; text-decoration:underline; }
.sidebarEntry h2 {margin-bottom:20px;}

.sbTop {background:url(images/sbTop.png) repeat-x; width:318px; height:4px; margin-left:10px;}
.sbBottom {background:url(images/sbBottom.png) repeat-x; width:318px; height:4px; margin-bottom:8px; margin-left:10px;}
.sbMiniTop {background:url(images/sbMiniTop.png) repeat-x; width:133px; height:4px; margin-left:10px;}
.sbMiniBottom {background:url(images/sbMiniBottom.png) repeat-x; width:133px; height:4px; margin-bottom:8px; clear:both; margin-left:10px;}
.sidebarEntry {background:url(images/sbBg.png) repeat-y; width:280px; padding:16px 20px; margin-left:10px;}
.sidebarMiniEntry {background:url(images/sbMiniBg.png) repeat-y; width:133px; padding:0px 0px;}
.sidebarMiniEntry >* {margin-left:5px;}
.grayHeadline {background:url(images/grayHeadline.png) repeat-x; width:291px; height:30px; color:#fff; line-height:32px; padding-left:15px; position:relative;
	font-size:15px; margin:-15px -20px 0px -22px;}
.sidebarEntry .postTitle {color:#318409;}
.sidebarEntry .postTitle a  {color:#318409;}
.sidebarMiniEntry .greenHeadline {width:105px; margin:0px 5px;}

/*
=====================================================
Footer Styles
=====================================================
*/

#footer {position:relative; height:26px; border-top:1px solid #ebebeb; background:#e1e1e1; line-height:24px;}
#footer a {color:#3f3f3f;}
.rightFloated {position:absolute; right:0px; top:0px; width:200px; height:41px;}

/*
=====================================================
Comments Styles
=====================================================
*/

#comment {width:420px;}
.commentArea {margin-left:12px; padding-top:20px; clear:both;}

.headerright{
	float:right;
	margin-right:10px; 
}

.myButton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #6e6e6e) );
	background:-moz-linear-gradient( center top, #000000 5%, #6e6e6e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#6e6e6e');
	background-color:#000000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #c7c7c7;
	display:inline-block;
	color:#ffffff;
	margin-top:0px;
	float:right;
	font-size:10px;
	font-weight:normal;
	padding:0px 4px 0px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #3d3d3d;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6e6e6e), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #6e6e6e 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6e6e', endColorstr='#000000');
	background-color:#6e6e6e;
}.myButton:active {
	position:relative;
	top:1px;
}

/*--------------------------------------*/
/*-------------[NAVIGATION]-------------*/
/*--------------------------------------*/

.mainnav {
	width: 980px;
	background: #405676 url(images/menuBG.jpg) repeat-x top center;
	height: 37px;
	
	
}

.mainnav ul {
	z-index:10000;
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

.mainnav ul li {
	position: relative;
	display: inline;
	float: left;
}




.mainnav ul li a {
	display: block;
	background: none;
	color: white;
	padding: 12px 20px 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	
	font-family: Arial;
	font-size: 12px;
}

.mainnav ul li.current_page_item a {
	background: #405676;
}

.mainnav ul li.current_page_parent a {
	background: #405676;
}

.mainnav ul li.current-page-ancestor a {
	background: #405676;
}

.mainnav ul li.current-category-ancestor a {
	background: #405676;
}

* html .mainnav ul li a {
	display: inline-block;
}

.mainnav ul li a:link, .mainnav ul li a:visited {
	color: white;
}

.mainnav ul li a.selected {
	background: #405676;
	color: white;
}

.mainnav ul li a:hover {
	background: #405676;
	color: white;
}
	
.mainnav ul li ul{
	position: absolute;
	left: 0;
	display: none;
	visibility: hidden;
	z-index:10000;
}

.mainnav ul li ul li {
	display: list-item;
	float: none;
	z-index:10000;
}

.mainnav ul li ul li ul {
	top: 0;
}

.mainnav ul li ul li a {
	width: 160px;
	padding: 8px;
	margin: 0;
	border-top-width: 0;
	background-color: #405676;
	z-index: 10000 !important;
}

.mainnav ul li ul li a:hover {
	background-color: #374a66;
}

.downarrowclass {
	display: none;	
}