/*

		Theme Name: TylerTXDirectory

		Theme URI: http://www.tylertxdirectory.com/businesses/

		Description: The TylerTXDirectory WordPress theme based on eSydicat.

		Version: 1.0

		Author: Zen Elements

		Author URI: http://www.zenelements.co.uk

 */







body {margin:0; background:#1d6598 url(images/bg.gif) repeat-x; font: 0.8em 'Trebuchet MS', Arial, Verdana, Tahoma; color: #333;}



div.main-page {_height:100%; min-height:100%; background:url('images/body-bottom.gif') bottom left repeat-x;}



#displayOne {width:927px; margin:0 auto; background:url(images/bg-content.gif) repeat-y;}



#displayTwo {width:927px; background:url(images/body.gif) top no-repeat;}







#navTop {width:764px; height:27px; padding:0 161px 2px 0; text-align:right;}



	#navTop ul {margin:0; padding:0 5px 0 0; list-style-type:none; line-height:29px; float: right;}



	#navTop ul li {float: left; margin: 0 5px; padding: 0;}



	#navTop ul li a {text-decoration:none; font-weight:bold; font-size:0.9em; color:#FFF;}



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



	#navTop ul li.home a {color: #E7F289;}



	#navTop ul li.login a {color: #FBC8A8;}







#header {height:100px; width:924px; padding:31px 0 0 0; overflow:hidden;}

	#logo {float:left; width:225px; margin:-27px 0 0 15px;}
	#logo img {border:0;}
	#logo a {outline:none;}


	#slogan {float:left; width:300px; margin:7px 0 0 5px; padding:0 0 0 20px; color:#C1FF77; font-size:23px; background:url(images/line-vert.gif) center left no-repeat;}



	#search {float:left; width:296px; margin:8px 0 0 5px; padding:0 0 0 20px; background:url(images/line-vert.gif) center left no-repeat;}



	#search a {color:#fff;}



	#search .what {float:left; width:232px; margin:0; height:16px; border:1px solid #3f86b9; background:url(images/form-bgsearchinput.gif) repeat-x;}



	#search .flat-button {float:right; width:58px; height:20px; border:1px solid #3f86b9; background:url(images/form-bgsearchsubmit.gif) repeat-x; color:#fff; font-size:11px;}



	#search .flat-button:hover {background:#77add3;}



	



#component {clear:both;}



	#sidebar {float:left; width:191px; padding:10px 22px 0 17px;}



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



		ul.menu li{margin:0; background: url('http://www.tylertxdirectory.com/templates/Default/img/tab-left.gif') center left no-repeat; height:22px;}



		ul.menu li a {line-height:22px; padding:0 15px; display:block; text-decoration:underline;}



		ul.menu li a:hover {text-decoration:none;}



		ul.menu li.active {background:#B4DDFC url('http://www.tylertxdirectory.com/templates/Default/img/tab-left-active.gif') center left no-repeat; -moz-border-radius:3px; -webkit-border-radius:3px;}



		ul.menu li.active a {text-decoration:none; color:#000;}



	#sidebar div {margin:15px 0 0 0; width:179px; padding:0 5px 4px 5px; background:#9cd1f8; border:1px solid #6397bd; -webkit-border-radius:2px; -moz-border-radius:2px;}



	#sidebar h3 {margin:-2px 0 0 -6px; width:171px; height:18px; padding:5px 10px; background:url(images/hX_sidebar.gif) left no-repeat; color:#185386;}



	#sidebar input {width:165px; margin:0 0 7px 0;}



	#sidebar #subscribe {width:90px;}

	

	#sidebar .textwidget {background:none; border:none; margin:0; padding:0;}



		



	#display {float:right; width:695px; padding:0;}



		#login {float:left; display:block; width:680px; height:46px; overflow:hidden; color:#fff; font-size:11px;}



		#login input {height:14px;}



		#login a {text-decoration:none; font-size:12px;}



		#login a:hover {text-decoration:underline;}



		#login .login-button {margin:0 0 0 -25px; float:right; width:60px; height:20px; padding:3px 0 6px 0; border:1px solid #3176a8; background:url(images/form-bgloginsubmit.gif) repeat-x; color:#fff; font-size:11px;}



		#login .login-button:hover {background:#77add3;}



		



		#alpha {float:left; display:block; width:670px; padding:15px 0 15px 0; text-align:center;}



		#adverts {float:left; display:block; width:670px; text-align:center;}



		#content {float:left; width:670px;}



		



		#commentform {margin:0 auto; width:550px;}



		#commentform label {float:left; width:100px;}



		#commentform input {border:1px solid #3f86b9; background:url(images/form-bgsearchinput.gif) repeat-x;}



		#commentform textarea {border:1px solid #3f86b9; width:100%; height:65px; padding:4px; font-family:arial, verdana; font-size:12px;}







#componentFooter {clear:both; margin:-5px 0 0 0; padding:0; background:url(images/body-footer.gif) bottom no-repeat; height:25px;}







#baseFooter {margin:0 auto; width:920px; padding:5px 0 25px 7px;}



	div.footer-right{margin:5px 7px 0 0; height:53px; background:#539CC9 url('images/footer-right.gif') top right no-repeat;}



	div.footer-left {height:53px; background:url('images/footer-left.gif') top left no-repeat; margin:5px 0 0 0;}



	div.footer {height:53px; background:url('images/footer-bg.gif') top left repeat-x; color:#9ECFF5; margin:0 5px; font-size:0.9em; padding-left:15px;}



	div.footer a {color:#fff; text-decoration:none;}



	div.footer a:hover {text-decoration:underline;}



	div.copyright { float:right; color:#CDE8F8; font-size:10px; text-align:right; padding:10px;}



	div.copyright a {color:#CDE8F8; text-decoration:none;}



	div.copyright a:hover {color:#CDE8F8; text-decoration:underline;}





    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;

    }





h1 {color:#0d3857; font-size:20px;}



h1 a {text-decoration:none;}



h1 a:hover {color:#1767a1;}







.gdRating {height:50px; border-top:1px solid #CDE8F8; border-bottom:1px solid #CDE8F8; display:block;}



.gdHeader {font-size:1.4em; font-weight:bold;}



.gdStars {margin:0 15px 0 0;}



.gdText {padding:3px 0 0 0;}







h1.gBG {width:650px; height:22px; padding:2px 10px 4px 10px; background:url(images/hX_full.gif) left no-repeat; color:#0d3857;}



h3.gBG {width:650px; height:18px; padding:5px 10px; background:url(images/hX_full.gif) left no-repeat; color:#0d3857;}







a {color:#0d3857;}



a:hover {text-decoration:none;}







.clear {clear:both;}
