/*

Theme Name: Dari's Table

Theme URI: http://www.mediaarcade.net

Description: A Simmple HTML5 WP Theme for Dari's Table Website

Author: Media Arcade

Author URI: http://www.mediaarcade.net

Version: 1.0

*/

@font-face{font-family: 'Therifv2'; src: url('fonts/Therifv2.eot'); src: url('fonts/Therifv2.woff') format('woff'), url('fonts/Therifv2.ttf') format('truetype'), url('fonts/Therifv2.svg') format('svg'); font-weight:normal; font-style:normal}

*{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}

body{background:#77b800; color:#fff; font-size:100%; line-height:1.125em}

h3{font-size:0.95em; margin-bottom:2px; text-transform:uppercase}

p, #content li, table th, table td{font-size:0.9em; line-height:1.25em; margin-bottom:15px}

a img{border:0px}

a, a:visited, a:link{color:#99cc33}

input::-moz-focus-inner{border:0}

a, a:focus{outline:0}

a:hover{color:#aee03a}

sup, sub{height:0; line-height:1; vertical-align:baseline; vertical-align:bottom; position:relative}

sup{bottom:1ex}

sub{top:.5ex}

table{width:100%; margin-bottom:10px; border-spacing:0; border-collapse:collapse; *border-collapse: expression('separate', cellSpacing = '0px')}

table th{text-align:left}

table th, table td{vertical-align:top}

#content ul{margin-left:14px}



#page{width:980px; margin:0px auto; position:relative; background:url('images/table.png') no-repeat left 73px; padding-top:500px}



#contactform{width:315px; height:425px; position:absolute; top:204px; right:38px}



#blog-posts{width:295px; height:425px; position:absolute; top:200px; left:360px; color:#74b400}

#blog-posts ul{list-style:none}

#blog-posts ul li{font-size:0.9em; margin-bottom:15px}

#blog-posts ul li a{text-decoration:none}

#blog-posts p{margin-bottom:0px}



#map-canvas{width:515px; height:420px; position:absolute; top:125px; left:200px; color:#77b800; font-size:0.8em}

#store-finder-form{width:210px; height:150px; position:absolute; top:135px; left:757px}

#store-finder-results{width:226px; height:260px; position:absolute; top:268px; left:746px}

#store-finder-results .scroll-pane{width:226px; height:260px; overflow:auto}

#store-finder-results .store{padding:12px 0px; background:url('images/search-results-hr.gif') repeat-x bottom left}

#store-finder-results .store-num{width:46px; height:49px; position:relative; font-size:0.8em; float:left; background:url('images/map-marker.png') no-repeat; color:#fff; font-weight:bold; margin:0px 5px}

#store-finder-results .store-num span{display:block; width:26px; height:14px; position:absolute; left:7px; top:3px; text-align:center}

#store-finder-results .store-address{width:155px; float:left}



#masthead{width:320px; float:left}

#masthead hgroup{padding-bottom:53px}



#daris-products #masthead{width:253px}



#site-navigation{position:relative}

#site-navigation ul{list-style:none; width:155px}

#site-navigation ul li{margin-bottom:4px}

#site-navigation ul li a{text-decoration:none; color:#fff; text-transform:uppercase; font-size:1.2em; letter-spacing:1px; font-family: 'Therifv2', Arial, Helvetica, sans-serif}

#site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li a:hover{color:#aee03a}

#site-navigation ul ul{width:325px; position:absolute; left:180px; top:0px; display:none}

#facebook{margin-top:20px; display:block}



#main{width:660px; float:right; padding-top:144px}

#daris-products #main{width:727px}

#daris-products #main p{line-height: 1.5}

#colophon{padding:40px 0}

#colophon-menu ul{list-style:none; font-size:0.9em}

#colophon-menu ul li{display:inline; padding:0px 14px 0px 7px; background:url('images/sep.png') no-repeat right 3px}

#colophon-menu ul li.last{background-image:none; padding-right:10px}

#colophon-menu ul li a{text-decoration:none; color:#aee03a}

.clear{clear:both; font-size:0; line-height:0}



table#contactinfo{width:250px; float:right; font-weight:bold}

table#contactinfo td{padding-bottom:5px}

table#contactinfo a{color:#fff; text-decoration:none}

#contactform{color:#612081}

#contactform .req{color:#96be0d}

#contactform p{line-height:1.125em; font-size:0.85em; margin-bottom:10px}

#contactform .text, #contactform .textarea{width:250px; padding:4px 6px; color:#7d7d7d; background:transparent; border:1px solid #bfc1c2; font-size:1em; border-radius:3px}

#contactform .textarea{width:315px}

#contactform .submit{border:0px; min-width:100px; background:#612081; color:#fff; padding:6px; cursor:pointer; border-radius:3px;  font-size:1em}

#contactform .telephone .text, #contactform .subject .text{width:157px; float:left}

#contactform .wpcf7-not-valid{border:1px solid #f00}

#contactform .telephone .text{margin-right:25px}

#contactform .textarea{height:95px}

.screen-reader-response, div.wpcf7-validation-errors{display:none!important}

#contactform .browse-button{min-width:100px; background:#96be0d; color:#fff; font-size:1em; border-radius:3px; text-align:center; display:inline-block; padding:6px; cursor:pointer}

#contactform .browse-button *{pointer-events:none}

#contactform .inputfile{width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1}

div.wpcf7{margin:0; padding:0}

div.wpcf7-response-output{width:250px; margin:0; padding:0}

div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors{color:#f00; font-size:0.85em}

div.wpcf7-validation-errors{display:inline-block}

div.wpcf7-mail-sent-ok{color:#77b800; padding-top:20px}

span.wpcf7-form-control-wrap{position:relative}

form.wpcf7-form.sent .form-fields-wrap{display:none}

span.wpcf7-not-valid-tip{display:none!important}

span.wpcf7-not-valid-tip-no-ajax{color:#f00; font-size:10pt; display:block}

span.wpcf7-list-item{margin-left:0.5em}

.wpcf7-display-none{display:none}

div.wpcf7 img.ajax-loader{border:none; vertical-align:middle; margin-left:4px}

div.wpcf7 .watermark{color:#888}



#splash-page header, #splash-page footer{display:none}

#splash-page #main{float:none}

#splash-page #main a{text-decoration:none; color:#fff}



#search_stores .text{width:200px; padding:3px 5px; border:0px; background:transparent}

#search_stores #search_address{margin-bottom:27px}

#search_stores #search_state{margin-bottom:13px}

#search_stores #search_submit{width:82px; height:23px; border:0px; background:transparent; text-indent:-9999em; cursor:pointer}



.ui-autocomplete, .ui-autocomplete li a, .ui-autocomplete li a:hover{border-radius:0px!important; border-width:0px!important; margin:0px!important; }

.ui-autocomplete{list-style:none; background:#77b800!important; padding:0px!important}

.ui-autocomplete{width:200px;}

.ui-autocomplete li{font-size:0.75em}

.ui-autocomplete li a{color:#fff; padding:5px; cursor:pointer}

.ui-autocomplete li a:hover{background:#316614}



#store-finder-results{color:#000}

#store-finder-results h4{font-size:0.8em; width:100%; text-align:center; margin:12px 0px 8px 0px}

#store-finder-results p{font-size:0.75em; margin:0px}



.content-scroll-pane{height:195px; overflow:auto}



.map-marker{width:46px; height:49px; color:#fff; background:url('images/map-marker.png') no-repeat; position:absolute; border:0px; cursor:pointer}

.map-marker-number{color:#fff; font-weight:bold}



.clear{clear:both; line-height:0; font-size:0}
.display-none{display:none}