/*  
Theme Name: CarCare
Theme URI: http://carcare-bg.net/
Description: Designed by <a href="mailto:vkeranov@gmail.com">BuKToP</a>.
Version: 1.0
Author: BuKToP
Author URI: http://hello.bg/
Tags: carcare, carwash, mobile,
*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
html { overflow-x: auto; overflow-y: scroll; }
body { background: #e1e1e1 url(images/bg.gif) repeat-x top left; font: normal 12px "Verdana", sans-serif; color:#7A7A7A; }
input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#7A7A7A; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal; }
table { width: 100%; border-spacing: 0; }
hr { display: none; }
img { border: none; }

a:link { text-decoration: none; color : #7acc29; border: 0px; -moz-outline-style: none; }
a:active { text-decoration: underline; color : #7acc29; border: 0px; -moz-outline-style: none; }
a:visited { text-decoration: none; color : #7acc29; border: 0px; -moz-outline-style: none; }
a:hover	{ text-decoration: underline; color : #62a321; border: 0px; -moz-outline-style: none; }
a:focus { outline: none;-moz-outline-style: none; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bgc { width: 100%; overflow: hidden; width: 100%; }
#bgc-all { width: 942px; margin: 0 auto; }

/* Header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { position: relative; width: 902px; padding: 0px 20px; height: 168px; }

/* Logo
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo { height: 120px; }
.logo a { display: block; width: 260px; height: 120px; background: transparent url(images/carcare.gif) no-repeat top left; }

/* Menu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.menu { position:relative; z-index:10; width: 902px; height: 50px; line-height: 48px; background: #ffffff url(images/menu-bg.gif) no-repeat top left; }
/**/ * html .menu { height:1%; } /* */

.menu ul { width: 902px; float: left; padding-left: 10px; }
.menu li { display: inline; position:relative; font: bold 14px/14px "Arial"; float: left; letter-spacing: -1px; }

.menu li a { padding: 18px 0 18px 14px; margin-right: 12px; color: #7A7A7A; background: url(images/arrow-gray.png) no-repeat left center; float: left; }
.menu li a:hover { background: url(images/arrow-green.png) no-repeat left center; color:#7acc29; text-decoration: none; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position: absolute; width:160px; height: 0; top: 40px; left: 0; padding: 0; border-top: 1px solid #CCCCCC;}
/* 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:140px; top:-1px; width:140px;}

/* 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 part 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 { display: block; height: auto; line-height: 32px; padding: 0 10px; margin: 0; width: 140px; background-image: url(images/dot.png); background-repeat: repeat; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:160px; w\idth:140px; }

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

.menu .current_page a { background: url(images/arrow-green.png) no-repeat left center; color:#7acc29; }
.menu .current_page a span, .menu .current_page a:visited span, .menu .current_page a:hover span { background: url(images/menu-right.png) no-repeat right bottom; color:#7acc29; }

.syn { position: absolute; top: 0; z-index: 100; right: 0; width: 320px; background: url(images/icon-rss.gif) no-repeat top left; padding: 18px 0; line-height: 48px; font: bold 14px/14px "Arial"; letter-spacing: -1px; }
.syn a { padding: 0 48px; color:#7acc29; }

/* Phone
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.phone { display: block; width: 320px; height: 80px; position: absolute; right: 20px; top: 20px; background: transparent url(images/phone.gif) no-repeat top left; }
.sec_title {width: 420px; margin:0 0 10px 4px; color: #082733;font: bold 11px Arial, sans-serif; }

/* Container
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container-bg { width: 942px; background: url(images/bkg_container.png) repeat-y center; overflow: hidden; }
.container { width: 902px; padding: 20px; *margin-top:20px; background: url(images/bkg_con.png) no-repeat top; overflow: hidden; }

/* Central Column
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { float: left; width: 560px;}

.title { font: bold 34px/34px 'Arial'; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ccc solid; color:#ff9900; }
.meta { font: bold 26px/24px 'Arial'; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ccc solid; color:#ff9900; }

/* Posts
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { overflow: hidden; }

.p-head { overflow: hidden; }
.p-head h1 { font: bold 22px/22px 'Arial'; letter-spacing: -1px; color:#ff9900; }
.p-head h1 a, .post h1 a:visited  { color: #ff9900; text-decoration: none; }
.p-head h1 a:hover { color: #ff6600; text-decoration: none; }

.p-head h2 { font: bold 22px/22px 'Arial'; letter-spacing: -1px; }
.p-head h2 a, .post h2 a:visited  { color: #ff9900; text-decoration: none; }
.p-head h2 a:hover { color: #ff6600; text-decoration: none; }

.p-head h3 { font: bold 18px/18px 'Arial'; letter-spacing: -1px; }
.p-head h3 a, .post h3 a:visited  { color: #ff9900; text-decoration: none; }
.p-head h3 a:hover { color: #ff6600; text-decoration: none;}

.p-date { font: bold 11px/11px Arial, Helvetica, sans-serif; color: #cc9966; border-bottom: solid 1px #d9d9d9; padding-bottom: 7px; margin-bottom: 7px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.p-con { padding: 10px 0px; overflow: hidden; }
.p-con p { font: normal 12px/18px "Verdana"; padding: 4px 0px; margin: 4px 0px; text-align: justify; }
.p-con ol { list-style: decimal inside; }
.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.p-con ol li { padding: 2px 0px 2px 0px; }
.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }
.p-con ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }
.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 20px; background: #fbf7d9; margin: 10px 0px; color:#993300; border: solid 1px #f6f3d3; }
.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#cc3300; }
.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px; }
.p-con a.gallery { display: block; float: left; clear: right; width: 160px; height: 120px; margin: 0 10px 10px 0; padding: 5px; background: #FCFCFC; border: 1px solid #CCCCCC; }
.p-con a.gallery:hover { border: 1px solid #7A7A7A; }

.p-det { text-align: left; border-top: solid 1px #d9d9d9; padding-top: 10px; }
.p-det li { display: inline; padding: 4px 0px 6px 22px; margin-right: 5px; font: bold 14px/14px "Arial", serif; letter-spacing: -1px; }
.p-det li.p-det-com { background: url("images/p-det-com-ico.png") left 3px no-repeat; }
.p-det li.p-det-cat { background: url("images/p-det-cat-ico.png") left 3px no-repeat; }
.p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; }

.wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }
.wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.p-con img { padding: 0; }
.p-con img.aligncenter { display: block; margin-left: auto; margin-right: auto; border: solid 6px #CCCCCC; }
.p-con img.alignright { margin: 5px 0 5px 10px; display: inline; border: solid 6px #CCCCCC; }
.p-con img.alignleft { margin: 5px 10px 5px 0; display: inline; border: solid 6px #CCCCCC; }
.p-con .alignright { float: right; }
.p-con .alignleft { float: left; }

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; position: relative; }
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 23px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 23px; }
.nav a, .nav a:visited { color:#000; cursor: hand; font: bold 14px/18px "Arial"; letter-spacing: -1px; }
.nav a:hover { color:#000; }

/* Comments
############################################################################################################## */
.comments-list { overflow: hidden; position: relative; background: #f2edde; padding: 8px 8px 0px 8px; }
.comments-list div.corner { position: absolute; top: 0px; left: 0px; height: 23px; width: 23px; background: url(images/comment-list-corner.png); }
.comments-list div.entry { margin-bottom: 8px; background: #fff; padding: 22px; }
.comments-list div.alt {}
.comments-list p.name { padding-top: 10px; font: normal 14px/14px "Arial"; color:#333; letter-spacing: -1px; }
.comments-list p.avt { padding: 0px; margin: 0px; float: right; }
.comments-list p.avt img { border: solid 1px #ccc; }
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px; border-bottom: solid 1px #ccc; padding-bottom: 10px;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999; }
.comments-list .con { font: normal 12px/17px "Verdana"; color:#333; }
.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 0px; background:#f1f1f1; padding: 5px 15px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }

/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { background: #fff; border: solid 8px #f2edde; padding: 22px; }
.comments-form h3 {color:#272d36; font: bold 15px/15px "Arial"; letter-spacing: -1px; padding-bottom: 10px; border-bottom: solid 1px #cfc7b1; margin-bottom: 5px; }
.comments-form p { padding: 7px 0px; color:#333; }
.comments-form .required { font-weight: normal; color:#ff0000; }
.comments-form input { padding: 5px; width: 250px; margin-right: 5px; }
.comments-form input.formid { border: 1px solid #cfc7b1; background: #f9f8f3; padding: 5px; color:#333; }
.comments-form input.formemail { border: 1px solid #cfc7b1; background: #f9f8f3; padding: 5px; color:#333; }
.comments-form input.formuri { border: 1px solid #cfc7b1; background: #f9f8f3; padding: 5px; color:#333; }
.comments-form textarea { border: 1px solid #cfc7b1; background: #f9f8f3; padding: 5px; width: 490px; color:#333; }
.comments-form .button { background: url(images/post-comment.png) no-repeat left top; text-indent: -50000px; width: 117px; height: 25px; border: none; display: block; }

/* Right Column
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR { position: relative; float: right; width: 320px; padding-top: 10px; color:#4e5a6b; }
.SR .adv { width: 300px; height: 150px; background: url(images/adv-banner.png) no-repeat; overflow: hidden; margin-bottom: 15px; }
.SR .note { font: bold 11px/11px Arial, Helvetica, sans-serif; color: #5391a6; border-bottom: solid 1px #cccccc; padding-bottom: 7px; margin-bottom: 7px; }
.SR h3 { font: bold 14px/14px 'Arial'; letter-spacing: -1px; color:#ff9900; line-height: 28px; margin-bottom: 7px; }

.SR li { padding: 2px 0px 2px 7px; background: url(images/sr-arrow.png) no-repeat left 8px; }
.SR p { color:#4e5a6b; font: normal 11px/14px 'Verdana'; }

.SR #ribbon { display: block; position: absolute; top: 0; left: -4px; width: 348px; height: 68px; background: #e1e1e1 url(images/ribbon.png) no-repeat top left; }

.SR .widget { margin-bottom: 15px; background: #e1e1e1 url(images/widget.gif) no-repeat top left; border-bottom: 1px solid #cccccc; padding: 15px; }
.SR .widget li { padding: 2px 0px 2px 7px; background: url(images/sr-arrow.png) no-repeat left 8px; }
.SR .widget li ul li { background: none; font-size: 12px; padding: 2px 0px 2px 0px; font-weight: normal; }

.SR .widget_tag_cloud { line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.SR .widget_calendar table { width: 100%; }
.SR .widget_calendar table td { text-align: center; padding: 3px; }

.SR .widget_calendar caption { background: #ceedf8; padding: 5px 0px; margin-bottom: 10px; }
.SR .widget_calendar #today { background: #ceedf8; }

.SR .widget_search #s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px; }

.SR .widget_flickrRSS { overflow: hidden; margin-bottom: 20px; background: #f3fcff; border: solid 1px #fff; padding: 15px 0px 10px 15px; }
/**/ *html .SR .widget_flickrRSS { height: 1%; } /**/
.SR .widget_flickrRSS h3 { width: 270px; margin-bottom: 10px;}
.SR .widget_flickrRSS ul { float: left;}
.SR .widget_flickrRSS li { background: none; display: inline; padding: 0px; float: left; margin: 0px 7px 7px 0px; }
.SR .widget_flickrRSS li a img, .SR .widget_flickrRSS li a:visited img { border: solid 1px #fff; width: 60px; height: 60px; }
.SR .widget_flickrRSS li a:hover img { border: solid 1px #336699; }

/* FAQ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#faq h2 { line-height: 28px; font-size: 12px; background: transparent url(images/h2-faq.gif) no-repeat top left; cursor: pointer; }
#faq h2:hover { color: #FF9900; }
#faq h2.active { color: #FF9900; background-position: bottom right; }
#faq p { display: none; padding: 0 10px; }

/* Table Styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tbl { margin: 20px 0; line-height: 32px; font-size: 11px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }
.tbl th { letter-spacing: -1px; color: #E1E1E1; background: #7A7A7A url(images/th-bg.gif) repeat-x top left; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.tbl td { padding: 0 6px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.tbl tr:hover td { background: #ebebeb; }
.tbl td span { display: block; line-height: 16px; margin-bottom: 10px; text-align: justify; font-size: 11px; font-style: italic; }

/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 862px;  margin: 0 20px 20px 20px; padding: 0 20px; background: #E1E1E1 url(images/footer.gif) no-repeat bottom; height: 48px; line-height: 48px; }
.footer p { display: block; float: left; color:#7a7a7a; font-size: 12px; }
.footer p a, .footer p a:visited, .footer p a:hover { color:#7a7a7a; margin: 0 20px; text-decoration: none; }
.footer p.copyright { width: 320px; text-align: center; }