/*
Theme Name: Dallas Directory
Description: Theme specific built for <a href="http://www.dallas-area.com/">Dallas Directory</a>, using an existing systems theme from the bases.
Version: 1.0
Author: Alex Mitchell | Zen Elements Ltd
Author URI: http://www.zenelements.com
Tags: Dallas, Directory, Wordpress Theme, Zen, Elements, Graphic, Design, 2 Column
*/

body {background:#eaeaea url('images/bg.png') top repeat-x; font:0.8em Arial, Verdana, Tahoma, sans-serif; color:#333; margin:0; padding:0;}

div.page {margin:10px auto; min-width:770px; font-size:12px; background:#fff;}
div.header {margin:0 10px; height:70px;}
div.logo {float:left; padding:20px 0 0 15px;}
div.slogan {color:#444; font-size:16px; letter-spacing:1px; padding:15px 0 0 25px; font-family:Georgia; font-style:italic; color:#8d8d8d; float:left;}


div#page_setup {position:absolute; top:14px; left:43%;}
ul.page_setup {margin:0; padding:0; list-style-type:none;}
ul.page_setup li {float:left; margin:0 2px; padding:0; cursor:pointer; width:20px; line-height:20px;}
ul.page_setup li#w800 {background: url('images/page_setup.gif') 0px 0px no-repeat;}
div#dw800, ul.page_setup li#w800:hover {background: url('images/page_setup.gif') 0px -20px no-repeat;}
ul.page_setup li#w1024 {background: url('images/page_setup.gif') -20px 0px no-repeat;}
div#dw1024, ul.page_setup li#w1024:hover {background: url('images/page_setup.gif') -20px -20px no-repeat;}
ul.page_setup li#wLiquid {background: url('images/page_setup.gif') -40px 0px no-repeat;}
div#dwLiquid, ul.page_setup li#wLiquid:hover {background: url('images/page_setup.gif') -40px -20px no-repeat;}
ul.page_setup li#large {background: url('images/page_setup.gif') -60px 0px no-repeat;}
div#dlarge, ul.page_setup li#large:hover{background:url('images/page_setup.gif') -60px -20px no-repeat;}
ul.page_setup li#normal {background:url('images/page_setup.gif') -80px 0px no-repeat;}
div#dnormal, ul.page_setup li#normal:hover {background: url('images/page_setup.gif') -80px -20px no-repeat;}
ul.page_setup li#small {background:url('images/page_setup.gif') -100px 0px no-repeat;}
div#dsmall, ul.page_setup li#small:hover {background:url('images/page_setup.gif') -100px -20px no-repeat;}
ul.page_setup li.space {width:1px;}

div.inventory {height:29px; margin:0 10px; border-bottom:1px solid #ccc; text-transform:uppercase; font-size:0.8em;}
ul.inv {margin:0; padding:0; line-height:29px; list-style-type:none; float:right; margin:0; padding:0;}
ul.inv li {margin:0 0 0 5px; padding:0; float:left; padding:0 0 0 5px;}
ul.inv li a {text-decoration: none;}

div.top-menu {clear:both; margin:0 10px; height:29px; font-size:0.8em; font-weight:bold; background: #69bdf2 url('images/menu_bg.gif') repeat-x; border:1px solid #ccc; text-transform:uppercase;}
ul.menu {list-style-type:none; margin:0; padding:0; float:left;}
ul.menu li{float: left; height: 29px;}
ul.menu li a {line-height:29px; color:#FFF; display:block; text-decoration:none; padding:0 5px; float:left;}
ul.menu li a:hover {background:#ccc url('images/menu_bg-hover.gif') repeat-x;}
ul.menu li.active div {line-height: 29px; color: #fff; background: #ccc url('images/menu_bg-hover.gif') repeat-x; padding:0 5px;}

#component {clear:both;}
	#sidebar {float:left; width:217px; padding:0 15px 0 10px;}
	  #sidebar div {width:191px; border:1px solid #ccc; background:#fff; margin:14px 0 10px 0;  padding:5px 5px 5px 5px; max-width:191px;}
	  #sidebar h3 {margin:10px 0 -16px 0; width:203px; height:18px; padding:6px 10px 4px 10px; background:url(images/hX_sidebar.gif) left no-repeat; color:#555; text-transform:uppercase; font-size:14px; font-weight:normal;}
	  #sidebar input {width:165px; margin:0 0 7px 0;}
	  #sidebar #subscribe {width:90px;}
	#display {float:right; width:650px; height:inherit;}
	  #alpha {margin:10px 0; text-align:center;}
	  #adverts {margin:10px 0; text-align:center;}
	  #content {width:630px; padding:0 19px 0 0;}

	#commentform {margin:0 auto; width:550px;}
	#commentform label {float:left; width:100px;}
	#commentform input {border:1px solid #ccc; background:url(images/form-bgsearchinput.gif) repeat-x;}
	#commentform textarea {border:1px solid #ccc; width:450px; height:65px; padding:4px; font-family:arial, verdana; font-size:12px;}


.ratingblock  {border-top:1px solid #CDE8F8; padding:5px 0; border-bottom:1px solid #CDE8F8; display:block;}
.ratingheader  {font-size:1.4em; font-weight:bold;}
.ratingstars  {margin:0 15px 0 0;}
.ratingtext  {padding:3px 0 0 0;}

div.footer {clear:both; text-align:center; margin:5px 10px 0 10px; padding:10px 0; border-top:1px solid #ccc; text-transform:uppercase; font-size:0.8em;}
div.footer a {text-decoration: none;}
div.copyright {padding: 10px 0 0 0; font-size: 1.1em; text-transform: none;}
div.content {padding-bottom:10px; margin:0 10px; clear:both;}


.clear {clear:both;}

TEXT STYLES {}
h1 {color:#444; font-size:2.0em; font-weight:normal; font-family:Georgia; margin:5px 0; padding:5px 0 0 0;}
h2 {font-size:1em; margin:0 0 10px 0; padding:0;}

p {}
a {color:#06C; text-decoration:underline;}
a:hover {color:#F60; text-decoration:none;}

img {border:0;}

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


FORM STYLES {}
div.search-form {font-size:0.9em;padding: 15px 0 0 0; float: right;}
input.what {border:1px solid #ccc; background:#FFF url('images/form-search-input.gif') center left repeat-x; height:18px; padding:2px 0 0 0;}
input.text {border:1px solid #ccc; background: #FFF url('images/text-bg.gif') center left repeat-x; padding: 2px 0 0 0; height: 18px;}
textarea {border:1px solid #ccc;}
input.button {border:1px solid #ccc; background: #2c8fce url('images/form-search-button.gif') center repeat-x; font:11px Arial, Verdana; text-transform:uppercase; height:22px; cursor:pointer; color:#fff;}
input.button:hover {background:#368cc2;}
input, textarea {font-family:Verdana; font-size:1em;}