/*



Theme Name: Horse Racing Offers



Theme URI: http://www.horseracingoffers.com.au



Description: New Design exclusively for www.horseracingoffers.com.au.



Version: 1.0



*/



/*Imported */



#main-promo {

	margin-top:4px;

	background:url(http://www.horseracingoffers.com.au/wp-content/themes/horseracingoffers/images/promo-bg.gif);

	width:630px;

	height:220px;

	font-family:Arial, Helvetica, sans-serif;


}

#text-float-promo {

	padding-top:85px;

	padding-left:20px;

	z-index:9999;

	width:300px;

	font-size:12px;

}

#promo-2 {

	font-family:Arial, Helvetica, sans-serif;

	margin-top:5px;

	padding:5px;

	float:left;

	width:155px;

	margin-left:2px;

	border-right: solid 1px #b4b4b4;

	font-size:12px;

}

#promo-3 {

	font-family:Arial, Helvetica, sans-serif;

	margin-top:5px;

	padding:5px;

	background-repeat:no-repeat;

	float:left;

	width:155px;

	border-right: solid 1px #b4b4b4;

	font-size:12px;

}

#promo-4 {

	font-family:Arial, Helvetica, sans-serif;

	margin-top:5px;

	padding:5px;

	background-repeat:no-repeat;

	float:left;

	width:155px;

	border-right: solid 1px #b4b4b4;

	font-size:12px;

}

#promo-5 {

	font-family:Arial, Helvetica, sans-serif;

	margin-top:5px;

	padding:5px;

	background-repeat:no-repeat;

	float:left;

	width:155px;

	font-size:12px;

}

#homepage-news {

	float:left;

	background:url(images/h2-bg.gif);

	background-repeat:repeat-x;

	margin-top:5px;

	width:319px;

	border: solid 1px #b9b9b9;

	padding:5px;

}



#homepage-reviews {

	float:left;

	background:url(images/h2-bg.gif);

	background-repeat:repeat-x;

	margin-top:5px;

	width:326px;

	border: solid 1px #b9b9b9;

	padding:5px;

	margin-left:5px;

}

#homepage-about {

	background:#f2f2f2;

	width:663px;

	border: solid 1px #b9b9b9;

	margin-top: 685px;

	padding:5px;

}



/**************** Links *****************/



a, a:visited {

	color:#003366;

	text-decoration: none;

}

a:hover {

	color:#c50039;

	text-decoration: underline;

}

a.whiteu {

	color:#FFFFFF;

	text-decoration:underline;

}

a.whiteu:hover {

	color:#FFFFFF;

	text-decoration:none;

}

a.grayu {

	color:#666666;

	text-decoration:underline;

}

a.grayu:hover {

	color:#666666;

	text-decoration:none;

}

a.maroonu {

	color:#990000;

	text-decoration:underline;

}

a.maroonu:hover {

	color:#990000;

	text-decoration:none;

}

body {

		margin:0px 0px 0px 0px;

     	font-size: 12px;

	  	font-family:Arial, Helvetica, sans-serif;

     	color:#333333;

	  	background:url(images/bg.gif);

		background-repeat:repeat-x;

      }



#main{width:940px;  

      margin:0px auto 0px auto;

	  background:#ffffff;

	        }











img {   border:0;



	



     }



.clearboth{ height:20px; clear:both;}







/****************** HEADER ***************************/

#header {

   background:#ff0;

   padding:10px;

   background:url(images/bg.gif);

   height:192px;

}

#header-nav {

	font-weight:bold;

	background:url(images/header-top-a.gif);

	margin-left:auto;

	margin-right:auto;

	width:940px;

	height:32px;

	margin-top:-10px;

	padding-top:7px;

}

#header-nav-links {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#ffffff;

	margin-left:145px;

}

#header-promo {

	width:630px;

	height:455px;

}

#header-top {

	background:url(images/header-top-b.gif);

	margin-left:auto;

	margin-right:auto;

	width:940px;

	height:113px;

}

/****************** Navbar ***************************/







#navtop {

		margin-left:auto;
		margin-right:auto;

		width: 940px;

        color:#FFFFFF; 

        height:30px;

        font:14px Arial, Helvetica, sans-serif; 

        background:#666666 url(images/nav-bg.gif) repeat-x;

        font-weight:bold;

		margin-top:-60px;

} 

#navleft {

		float:left; 

     	width:940px;

}

#subnav {

	margin-left:auto;

	margin-right:auto;

	width: 940px;

	background-color:#f5f5f5; 

 	height:32px;

    font:10px Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	border-left: solid 1px #bababa;

	border-right: solid 1px #bababa;

	border-bottom: solid 1px #bababa;

} 		

#subnav a {

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	text-decoration:none;

}

#subnav a:hover {

	color:#F00000;

}

.breadcrumb {

	color:#000000; 

    font:10px Verdana, Arial, Helvetica, sans-serif;             

	weight:bold; 

}



/*************Nav*************/



#header-nav-links a {

	color:#ffffff;

}



#header-nav-links a:hover {

	text-decoration:underline;

}



#nav2{

        display: block;

        font-size:12px;

        height:30px;

        width:100%;

}

#nav2, #nav2 ul {

		line-height: 17px;

        margin-top:0px;

        padding-top:0px;

		list-style: none;

}

#nav2 a ,#nav2 a:hover{

	border:none;

	display: block;

}

#nav2 li {

	float: left;

	list-style:none;

	border-right:1px solid #000000;

}

#nav2 a,#nav2 a:visited {

	color:#FFFFFF;

	display:block;

	font-weight:bold;

	margin:0px 1px 0px 0px;

	padding:6px 13px 6px 13px;     

}

#nav2 a:hover, #nav2 a:active {

	color:#fff;

    background:url(images/navbar2hover.gif) repeat-x;

    display:block;

	margin-right:1px;

	text-decoration:none

}

#nav2 .current_page_item {

	color:#fff;

    background:url(images/navbar2hover.gif) repeat-x;

    display:block;

	text-decoration:none;

}

#nav2 a.current_page_item:hover {

	color:#fff;

    background:url(images/navbar2hover.gif) repeat-x;

    text-decoration:underline;

}

#nav2 .current_page_parent {

	color:#fff;

    background:url(images/navbar2hover.gif) repeat-x;

    text-decoration:none;

}

#nav2 a.current_page_parent:hover {

	color:#fff;

    background:url(images/navbar2hover.gif) repeat-x;

    text-decoration:underline;

}

#nav3 {

        display: block;

}



#nav3, #nav3 ul {



	line-height: 12px;



        margin-top:0px;



        padding-top:0px;



	list-style: none;



}







#nav3 a ,#nav3 a:hover{



	border:none;



	display: block;



}







#nav3 li {

	float: left;

	list-style:none;

	margin-right:5px;

}







#nav3 a,#nav3 a:visited {



color:#000000;



	display:block;



        margin-top:0px;



	padding:7px 13px 4px 13px;     



}







#nav3 a:hover, #nav3 a:active {

	color:#c50039;

    display:block;

	text-decoration:underline;

}	











#nav3 .current_page_item {

	color:#F00000;

	text-decoration:underline;

	margin-top:0px;

	font-weight:bold;

}



a.main:hover {

	background:none;

}



/************************ New *******************************************/



#searchsubmit { 

	font:10px Verdana, Arial, Helvetica, sans-serif;

    padding: 1px;

    margin:0px;

    border: 2px solid #DDDDDD; 

    width: 50px; 

    color:#000000; 

	background:#eeeeee;

}



/******************** Main Layout ***************************/



#content{

	width:920px;

	clear:both;  

	background:#ffffff;

	line-height: 17px; 

	margin:10px auto 0px auto;

}



#content p{

	padding: 0px 0px 10px 0px;

    margin: 0px;

}  	  



.block { 

	border:1px solid #dddddd;

	padding:5px;

	margin-bottom:10px;

	background:#FFFFFF;

}

.block-2 {

	padding:5px;

	background:121212;

}

.block-2 a {

	color:#b5e026;

	text-decoration:none;

}

.block-2 a:hover {

	text-decoration:underline;

}

.block-3 {

	color:#ffffff;

}













/*************************** Sidebar ********************************/



#index_sidebar {

	width:262px; 

    float:left;

	margin-left:5px;

}



#index_sidebar h2 {

	padding:4px; 

    margin:0px 0px 3px 0px; 

    color:#FFFFFF; 

    background:#FFFFFF url(images/h2-bg.gif) repeat-x;

    font-size:14px;             

}



#index_sidebar ul { 

	margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px; 

}



#index_sidebar li { 

	padding: 0px 0px 5px 0px;	

    margin: 0px 0px 0px 10px;

    background:url(images/spadebullet.gif) no-repeat top left; 

    text-indent:20px; 

    list-style-type:none;

}



.newsletter { 

            border:1px dashed #dddddd; 

            padding:2px; 

            font:10px Verdana, Arial, Helvetica, sans-serif; 

            line-height:12px; 

}



#newsletterform { 

	margin:0;

}



#newsletterform input { 

			border:2px solid #dddddd; 

			font:10px Verdana, Arial, Helvetica,sans-serif; 

			color:#666666; 

			width:160px;

			padding:1px;

}



#newsletterform #submit {

	width:25px; 

	background-color:#eeeeee;

	border:1px solid #cccccc;

	margin-left:4px; 

}







/************************ Pages and Single Page Layout ******************/







#pagecontent{width:648px; 



             float:left;



			 }



			



#pagecontent .block{padding:8px;



                      }







#pagecontent h1 {

	margin-top:-1px;

    font-size:12px; 

	padding-top:4px;

	padding-left:5px;

	color:#000000;

}



#header-1-div h1 {

	color: #ffffff;

}



.tables h2 {padding:4px; 



            margin:0px 0px 3px 0px; 



            color:#000000; 



            font-size:14px;             



			



                }











#pagecontent h2 {

	padding:4px; 

    margin:0px 0px 3px 0px; 

    color:#FFFFFF; 

    background:#FFFFFF  url(images/h2-bg.gif) repeat-x;

    font-size:12px;             

}







#pagecontent h3 {padding:0px; 



                 margin:5px 0px 4px 2px; 



                 font-size:18px; 



                }











#pagecontent h4{margin-bottom:5px; 



                font-size:14px; 



                padding:3px;



               }











.reviewheadings {padding:3px; 



                 margin:10px 0px 10px 0px; 



                 color:#006699;



	        background:url(images/bigdot.gif) repeat-x bottom;



                 font-size:18px; 



                }







.post-info{padding-top:8px; 



           background:url(images/bigdot.gif) top repeat-x; 



           color:#777777; 



           font-weight:bold; 



           font:10px Verdana, Arial, Helvetica,sans-serif; 



           margin-bottom:25px;



           }











.date{font-size:10px;



color:#666666;}







.date2{font-size:10px;



color:#666666;



padding-left:20px;



background:url(images/files.gif) no-repeat left;



margin:2px 0px 15px 5px;



}







.bannerwidget{display: block;



        margin:0px auto 0px auto;



	float:none;



	text-align:center;



	}







/******************* Image format ****************************************/



p img {



	padding: 0;



	max-width: 100%;



	}







/*	Using 'class="alignright"' on an image will (who would've



	thought?!) align the image to the right. And using 'class="centered',



	will of course center the image. This is much better than using



	align="center", being much more futureproof (and valid) */







img.centered, .aligncenter, div.aligncenter {



	display: block;



        margin:10px auto 10px auto;



	float:none;



	text-align:center;



	padding:2px;



	}







img.alignright {



	padding: 2px;



	margin: 0 12px 4px 12px;



	display: inline;



	}







img.alignleft {



	padding: 2px;



	margin:  0 12px 4px 12px;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left



	}







/****************** Captions *****************************/







.wp-caption {



border: 1px solid #ddd;



text-align: center;



background-color: #eeeeee;



padding-top: 4px;



margin: 10px;



-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;



}







/******************* Comments ****************************************/







#commentform input {



	width: 250px;



	padding: 2px;



	margin: 5px 5px 1px 0;



	border:2px solid #dddddd;



	color:#666666;



	}







#commentform {



	margin: 5px 10px 0 0;



	}



#commentform textarea {



	padding: 2px;



	width: 330px;



	border:2px solid #dddddd;



	color:#666666;



	}



	#respond{



             padding-left:30px;}



#respond:after {



		content: "."; 



	    display: block; 



	    height: 0; 



	    clear: both; 



	    visibility: hidden;



	}



#commentform #submit {



	margin: 0;



	width:170px;



	background-color:#EEEEEE;



	border:3px double #CCCCCC;



	}







.alt {



	margin: 0;



	padding: 10px;



	}







.commentlist {



	padding: 0;



	margin-left:50px;



	text-align: justify;







	}







.commentlist li {



	margin: 15px 0 10px;



	padding: 5px 5px 10px 10px;



	list-style: none;



		border:1px dashed #dddddd;







	}



.commentlist li ul li { 



	margin-right: -5px;



	margin-left: 10px;



}







.commentlist p {



	margin: 10px 5px 10px 0;



}



.children { padding: 0; }







#commentform p {



	margin: 5px 0;



	}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



	}







.commentmetadata {



font-size:10px;



	}



.fn{font-size:14px;



font-style:normal;



font-weight:bold;}







.avatar {float:left;}







/************************** Footer************************/







#footer {

	width:100%;

    background:#000000 url(http://www.horseracingoffers.com.au/wp-content/themes/horseracingoffers/images/footer-bg.gif);

    color:#FFFFFF; 

	height:300px;    

	font-family:Verdana, Arial, Helvetica, sans-serif; 

	font-size:10px;

}



#footer a {

	color:#FFFFFF;

}



#footer a:hover {

	color:#FFFFFF; 

    text-decoration:underline;

}



#footer li { 

	list-style: none;

    display: inline;

}



#footer-bottom {

	margin-left: auto;

  	margin-right: auto;

	width: 940px;

	height: 130px;

	background: #222222;

	margin-top: 5px;

}



#footer-top {

	margin-left: auto;

  	margin-right: auto;

	width: 940px;

	height: 165px;

	background: #121212;

}



#footer-logo {

	float:left;

	margin-left: auto;

  	margin-right: auto;

	width: 234px;

}



#footer-text-1 {

	font-family:Arial, Helvetica, sans-serif;

	margin-left: auto;

  	margin-right: auto;

	float:left;

	text-align:left;

	color: #4f4f4f;

	font-size: 11px;

	width: 330px;

	height: 100px;

	float:right;

	border: solid 1px #333333;

	padding: 5px;

	margin: 5px;

	background: #303030;

}



#footer-text-2 {

	margin-left: auto;

  	margin-right: auto;

	float:left;

	text-align:left;

	color: #4f4f4f;

	font-size: 11px;

	width: 330px;

	height: 100px;

	border: solid 1px #333333;

	padding: 5px;

	margin: 5px;

	background: #303030;

}



#footer-bottom a {

	color:#ffa200;

	text-decoration:none;

}

#footer-bottom a:hover {

	color:#ffa200;

	text-decoration:underline;

}



#footer #footer-top a {

	font-size: 12px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	color: #b5e026;

}



#footer-sidebar1 {

float: left;

width: 300px;

margin-left:5px;

margin-right:5px;

}



#footer-sidebar2 {

float: left;

width: 300px;

margin-right:5px;

}



#footer-sidebar3 {

text-align:left;

color:#595857;

float: left;

width: 300px;

font-size:12px;

}



/* More Import */

#header-1-div {

	width:630px;

	background:url(images/h1-bg.gif);

	height:25px;

}
#promo-image {
	float:right;
	width:343px;
}
#promo-text {

	float:left;
	width:287px;

	color:#000;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	padding-top:70px;

	padding-left:10px;

}

#other-promos {

	width:630px;

	margin-top:5px;

	height:195px;

}

h1 {

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#ffffff;

}

#text-float-promo {

	padding-top:85px;

	padding-left:20px;

	z-index:9999;

	width:300px;

	font-size:12px;

}



#promo-2 {

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	width:55px;

	border-right: solid 1px #b4b4b4;

	font-size:12px;

}

#promo-3 {

	font-family:Arial, Helvetica, sans-serif;

	margin-top:5px;

	padding:5px;

	background-repeat:no-repeat;

	float:left;

	width:155px;

	border-right: solid 1px #b4b4b4;

	font-size:12px;

}

#promo-4 {

	font-family:Arial, Helvetica, sans-serif;

	margin-top:5px;

	padding:5px;

	background-repeat:no-repeat;

	float:left;

	width:155px;

	border-right: solid 1px #b4b4b4;

	font-size:12px;

}

#promo-5 {

	font-family:Arial, Helvetica, sans-serif;

	margin-top:5px;

	padding:5px;

	background-repeat:no-repeat;

	float:left;

	width:155px;

	font-size:12px;

}

#homepage-news {

	float:left;

	background:url(images/h2-bg.gif);

	background-repeat:repeat-x;

	margin-top:5px;

	width:319px;

	border: solid 1px #b9b9b9;

	padding:5px;

}



#homepage-reviews {

	float:left;

	background:url(images/h2-bg.gif);

	background-repeat:repeat-x;

	margin-top:5px;

	width:326px;

	border: solid 1px #b9b9b9;

	padding:5px;

	margin-left:5px;

}

#homepage-about {

	background:#f2f2f2;

	width:663px;

	border: solid 1px #b9b9b9;

	margin-top: 685px;

	padding:5px;

}



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu {width:940px; height:30px; position:relative; z-index:100; font-family:arial, sans-serif;background:url(images/nav-bg.gif);border-right: solid 1px #000;}

.menu a:hover {background:#a70e11;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:940px; w\idth:940px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:130px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:130px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; text-align:center; color:#fff; width:130px; height:30px; background:url(images/nav-bg.gif); line-height:29px; font-weight:bold;border-right:solid 1px #000;border-left:solid 1px #000;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:130px;}

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{left:149px; top:-1px; width:149px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-149px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#000; color:#fff; height:24px; line-height:1em; padding-top:10px; padding-left:0px; width:128px;margin-top:-2px;border-top:solid 1px #2f2f2f;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#fff;}

.menu :hover > a, .menu ul ul :hover > a {color:#fff;text-decoration:underline;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}







/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

   If you want it in three levels let me know.



   Author: Isaac Rowntree

   Website: www.zackdesign.biz

=================================================================== */





.menu ul ul .current_page_item a {

  color: red;

  background: white;

  border-left: 1px solid black;

}



.menu .current_page_item a {

  color: red;

  font-weight: bold;

  background: white;

}



.menu ul .current_page_item ul a {

  color: white;

  font-weight: normal;

  background: black;

}



.menu ul .current_page_item ul a:hover {

  background: gray;

}



.menu .current_page_item a:hover {

  background: white;

}