/*
Theme Name: HighLight
Theme URI: http://highlight.com
Description: Custom "Highlight" theme for Wordpress.
Version: 2.8
Author: Ioan Cedica & Mihai Dumitrascu
Author URI: http://ajaxmasters.com
Tags: highlight, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
@import "css/trigger.css";

body { background:#ff7e00 url(images/body-bg.gif) repeat-y center; font-family:Calibri,Arial; font-size:14px; color:#000; line-height:1.4em; height:100%; }
a { text-decoration:none; color:#990000}
textarea { resize: none; overflow:auto; }
#header { clear:both; width:100%; height:210px;}
#footer { clear:both;}
.wrapper { width:989px; margin:auto;}

h3 {font-size:1.2em;margin:3px 0 -1px 0;}
hr {border-color: #ffdc80;
  border-style: solid;  border-width: 1px 0 0;  clear: both;
  margin: 12px 0 12px;
  height: 0;}

/* ------------ Header ------------- */
.header-left {width:385px; height:210px; float:left; background:#000; padding:0 0 0 15px; }
.header-right {width:576px; height:210px; float:left; position:relative; }
.header-links { widows:170px; position:absolute; top:10px; right:20px;}
.header-links td { vertical-align:middle; padding:1px 2px;}
.header-links .phone { color:#fff; font-family:"Myriad Pro"; font-weight:bold; font-size:18px; }
.header-links .twitter { color:#fff; text-decoration:none; font-size:15px; font-weight:bold }
.header-links .more-contact { font-size:13px; color:#000; font-weight:bold}
.header-links .more-contact:hover { color:#990000}
.header-links .phone-ico { background:url(images/phone-ico.png) no-repeat; width:23px; height:25px; }
.header-links .twitter-ico { background:url(images/twitter-ico.png) no-repeat; width:23px; height:25px; }
.header-links .contact-ico { background:url(images/contact-ico.png) no-repeat; width:20px; height:16px; }


.logo-flash { float:left; width:576px; height:208px; background:url(images/logo-flash.jpg) no-repeat;}
#sidebar { width:385px; height:100%; float:left; color:#fff; background:#000; padding:0 0 3px 15px;}
.sidebar-wrapper { width:300px; margin:auto; padding:0 0 0 6px;background:#000;}
.main-content  { width:536px; margin-left:1px;float: left; padding: 0 0 30px 40px;  }
.main-content h1 { font-size:27px; color:#000; padding:15px 0px 0px 0px; line-height:27px;letter-spacing:-1px;}
.main-content h2 { font-size:27px; color:#000; padding:15px 0px 0px 0px; line-height:27px;letter-spacing:-1px;}
.main-content h2 a { color:#000;}
.main-content p { padding:3px 0;}
.main-content p.date { color:#990000; font-weight:bold}
.main-content .search-separator { height: 1px; border: 0; color: #333; background:#333; width:100%;}
.main-content .archive-separator { height: 1px; border: 0; color: #333; background:#333; width:100%;}
.main-content .thumb-image { clear:both; padding:10px 0 30px 0; float:left} 
.main-content  .posted-on  { background:url(images/posted-on.png) repeat-x top; border:dashed 1px #333; padding:5px; margin:5px 0 0 0; display:none !important}
.main-content a.read-more { font-weight:bold;}
.main-content a.read-more:hover { text-decoration:underline}

 /* ------------ Sidebar ------------- */
.widgettitle { display:none}
.post-meta { font-size:31px; color:#fff; font-weight:bold; line-height:31px; font-family:Arial; letter-spacing:-1px;}
.post-meta span.post-meta-key { display:none; color:#fff;}
.post-meta span { color:#ffcc00;}
.sidebar-title h1 span { color:#ffcc00;}
.widget { padding:10px 0;}
.widget_sphoto_body center { display:none !important;}
.widget h1 {font-size:29px; color:#fff; font-weight:bold; line-height:27px; font-family:Arial; letter-spacing:-1px; padding:5px 0;}
ul.latest-news li { border:solid 1px #4d2e00; border-width:1px 0 0 0; list-style-type:disc; color:#ffcc00; list-style-position:inside; padding:0 0 1px 0;}
ul.latest-news li a { color:#ffcc00}
ul.latest-news li a:hover { color:#fff;}
ul.latest-news li.more-news { list-style-type:none;padding-top:3px;}
ul.latest-news li.more-news a { color:#fff;}
ul.latest-news li.more-news a:hover { color:#ffcc00}
#text-3 { color:#999999}
#text-3 a {color:#ffcc00}


/* ------------ Top Navigation ------------- */
.top-menu { width:100%; height:25px; background:url(images/menu-border.jpg) no-repeat bottom; font-size:16px; font-weight:bold; margin:15px 0 15px 0;}
.top-menu li { display:inline; position:relative}
.top-menu li a { color:#990000; padding:0px 5px 13px 5px;}
.top-menu li a:hover { color:#333; background:url(images/menu-arrow.gif) no-repeat bottom;}
.top-menu li.current_page_item a {background:url(images/menu-arrow.gif) no-repeat bottom; color:#000;}
.top-menu li:hover ul.mc_depth_1 { display:block}
.top-menu ul li ul li.current_page_item a {background:#CC4800; color:#FFCC00;}
.top-menu ul li ul li.current_page_item a:hover {background:#990000; color:#fff;}

ul.mc_depth_1 { position:absolute; font-weight:bold; display:none; left:0px; top:22px; background:#cc4800; width:150%; z-index:9999}
ul.mc_depth_1 li { display:list-item; width:100%; display:block}
ul.mc_depth_1 li a { font-size:14px; color:#ffcc00; padding:2px 10px; background:#cc4800;display:block; width:100%;border-bottom:solid 1px #ffcc00;}
ul.mc_depth_1 li a:hover { background:#990000; color:#fff; }
.top-menu li.current_page_item ul li a { font-size:14px; color:#ffcc00; background:#cc4800;display:block; width:100%}
.top-menu li.current_page_item ul li a:hover {background:#990000; color:#fff;}

/* ------------ Comments Area ------------- */
#respond {}
#respond input { border:solid 1px #333; padding:4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
#respond textarea {border:solid 1px #333; padding:4px; width:98%; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
#respond input[type="submit"] { clear:both; margin:5px 0 0 0; cursor:pointer}
.comments { padding:5px; border:solid 1px #333; background:#fddf68; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; margin:5px 0 0 0;  }
.comments-center { width:100%; height:auto; }
.comments .author { float:left; padding-bottom:7px;}
.comments .commentmetadata { float:right; padding-bottom:7px;}

/* ------------ Contact Page ------------- */
.wpcf7 input {border:solid 0px #555; padding:6px; width:450px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px;}
.wpcf7 textarea {border:solid 0px #555; padding:6px; width:450px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px;}
.wpcf7 input[type="submit"] { font-size:17px !important; clear:both; width:90px; cursor:pointer;background-color:#000 !important;color: #f90 !important;padding-top:5px !important;}
div.wpcf7-response-output { background:#fff5ae !important; margin:5px 0px !important; width:96% !important;border:2px solid #000 !important;}

/* ------------ Testimonials Page ------------- */
.testimonialright { width:417px; position:relative; float:left; clear:both; margin-top:10px;}
.testimonialright .th { width:417px; height:56px; background:url(images/tlh.png) no-repeat}
.testimonialright .tc { width:370px; background:#fff;}
.testimonialright .tf { width:417px; height:60px; background:url(images/tlf.png) no-repeat}
.testimonialright .tc .text { width:270px; margin:auto; line-height:1.2em; color:#9f0f0f}
.testimonialright .tf .client { width:270px; margin: 0 auto; text-align:left !important; color:#666; float:left; padding:0 0 0 50px; }
.testimonialright .tf .client a {color:#666;}
.testimonialright p { margin-top:-30px; position:relative;font-size:13px; font-weight:bold; text-align:left}

.testimonialleft { width:424px; position:relative; float:right; clear:both; margin-top:10px;}
.testimonialleft .th { width:424px; height:58px; background:url(images/trt.png) no-repeat}
.testimonialleft .tc { width:371px; background:#fff; float:right}
.testimonialleft .tf { width:424px; height:57px; background:url(images/trf.png) no-repeat; clear:both}
.testimonialleft .tc .text { width:270px; margin:auto; line-height:1.2em; color:#9f0f0f}
.testimonialleft .tf .client { width:270px; margin: 0 auto; text-align:left !important; color:#666; float:left; padding:0 0 0 100px }
.testimonialleft .tf .client a {color:#666;}
.testimonialleft p { margin-top:-30px; position:relative;font-size:13px; font-weight:bold; text-align:left}
#sfstest-page .client { font-style:normal !important }

/* ------------ Main-content Search Form ------------- */
.main-content #searchform { font-size:14px; font-weight:bold;}
.main-content #searchform #s { background:url(images/posted-on.png) repeat-x top; border:solid 1px #333; padding:5px; width:250px;}
.main-content #searchform #searchsubmit { padding:4px; border:solid 1px #333; background:#999; color:#000; font-weight:bold; cursor:pointer; }
.main-content #searchform #searchsubmit:hover { background:#990000; color:#fff;}


/* ------------ Homepage Random Testimonial ------------- */
#random-testimonial { width:417px; position:relative; float:left; clear:both; margin-top:25px;}
#random-testimonial .th { width:417px; height:56px; background:url(images/tlh.png) no-repeat}
#random-testimonial .tc { width:370px; background:#fff;}
#random-testimonial .tf { width:417px; height:60px; background:url(images/tlf.png) no-repeat; position:relative}
#random-testimonial .tc .text { width:270px; margin:auto; line-height:1.2em; color:#9f0f0f}
#random-testimonial .tf .client { width:270px; margin: 0 auto; text-align:left !important; color:#666; float:left; padding:0 0 0 50px; }
#random-testimonial .tf .client a {color:#666;}
#random-testimonial p { margin-top:-30px; position:relative;font-size:13px; font-weight:bold; text-align:left}
.more-testimonials { position:absolute; top:10px; right:-100px; font-size:17px;}
.more-testimonials a { color:#000;}