@import url('css/reset.css');
@import url('css/text.css');
@import url('css/960.css');
@import url('css/nivo-slider.css');
@import url('css/tipTip.css');
/*  
Theme Name: Yuleehong
Version: 3.3.1
Description: Designed by Groaw.
Author: Kenneth
Author URI: http://groaw.com

-----------------------------------------------
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Header
-2.3 Navigation
-2.4 Introduction
-2.5 Content
-2.6 Sidebar
-2.7 Footer
-2.8 Buttons
3. WIDGETS
4. POSTS
-4.1 Typographic Elements
-4.2 Images
-4.3 PageNavi
5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form
6. GENERAL STYLES
/*-----------------------------
 1. SETUP 
-----------------------------
 1.1 Defaults */
body { background:#f4f4ed url(images/noise-tile.gif); border-top:1px solid #FFF; color:#333 }
pre { background-color:#f9f9f9; color:#000; margin:0; padding:10px }
fieldset { border:1px solid #999; padding:10px }
/*-----------------------------
 6. GENERAL STYLES 
-----------------------------*/
table { color:#666; width:100%; background: white; }
th, td { border:1px solid #CCC; border-collapse:collapse; padding:.5em; vertical-align:top }
th { background:#666; color:#FFF; font-weight:400; text-align:center }
ul, li { list-style:none; margin:0; padding:0 }
/* 1.2 Hyperlinks */
a img { border:none }
a { color:#333; text-decoration:none }
a:focus { outline:none }
a:link, a:visited { color:#6fbe0b; text-decoration:none }
a:hover {
-webkit-transition:color .8s ease-out; color:#0f4716 }
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { color:#333; text-decoration:none }
object { margin:10px 10px 10px 0 }
/* 1.3 Table */
.spec-table { width: 100%; }
.spec-model { width: 80px; }
.spec-parameter{width:auto !important;}.spec-model{width:80px;}.spec-model-2{width:170px;}.spec-model-3{width:265px;}.spec-header-hide{visibility:hidden;}
.node-inner table{background:#FFF;width:100%;font:normal 11px;color:#666;}.node-inner table p{padding:0;margin:0;}.node-inner th,.node-inner td{padding:.5em;vertical-align:top;border:1px solid #CCC;border-collapse:collapse;}.node-inner th{background:#666;color:#FFF;font-weight:normal;text-align:center;}.node-inner tr{border:1px solid #CCC;border-collapse:collapse;}.node-inner tr.segment{background:#E7E5E6;font-weight:bold;color:#000;}.text-center{text-align:center;}
/*-----------------------------
 2. SITE STRUCTURE & APPEARANCE 
-----------------------------
 2.1 Containers */
#slider { position:relative; min-height:418px; width:940px; margin:0px 0px 43px 0px; background:#000 url(images/loading.gif) no-repeat 50% 50%; -moz-box-shadow:0px 10px 15px #888; -webkit-box-shadow:0px 10px 15px #888; box-shadow:0px 10px 15px #888; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider a { border:0; display:block; }
.nivo-controlNav { position:absolute; left:47%; bottom:-30px; }
.nivo-controlNav a { display:block; width:10px; height:10px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav a.active { background-position:-10px 0; }
.nivo-directionNav a { display:block; width:30px; height:30px; background:url(images/arrows.png) no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-30px 0; right:15px; }
a.nivo-prevNav { left:15px; }
.blog-content { margin-bottom:50px; }
.blog-map { background: url(images/noise-earth.gif); border-top: 1px solid white; padding: 4px; border-bottom: 2px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* 2.2 Header */
#header { padding-bottom:18px }
#header h2 { display:none }
#header_title { height:132px; padding-bottom:15px }
#header_title h1 { background-image:url(images/blog_header.png); background-repeat:no-repeat; float:left; height:133px; text-indent:-9999px; width:540px }
#header_title img.header_car_image { position:relative; right:-100px; top:-20px }
#logo { display:inline; float:left; height:52px; margin:40px 0 0; width:238px }
#logo a {
-o-transition:opacity .2s ease;
-webkit-transition:opacity .2s ease; background:url(images/logo.png) no-repeat -2px; display:block; height:100%; overflow:hidden; text-indent:-3000px; transition:opacity .2s ease;
width:288px }
#logo a:hover { opacity:.6 }
#top-ad { background:#e4e4e4; border-bottom:1px solid #fff; border-top:1px solid #CCC; float:left; height:60px; margin-bottom:20px; width:468px }
.ad { color:#7a7a7a; float:right; font-size:9px; height:16px; letter-spacing:-0.05em; overflow:hidden; padding-top:2px; text-align:center; width:72px }
.side_advert_here { float:right; font-size:9px; margin:-5px 15px 10px 10px; position:relative; right:0 }
a.side_advert_here { color:#7A7A7A; letter-spacing:-0.05em }
.extra1 { background:url(images/bg_top2.gif) repeat-x; display:block; float:right; height:54px; margin:0 0 -54px; width:50% }
/* nav */
.the_menu { border:1px solid #1c1c1c; display:none; position:absolute; width:120px; z-index:99 }
.the_menu li { background-color:#0C0C0C }
.the_menu li a { color:#FFF; display:block; padding:10px; text-decoration:none }
.the_menu li a:hover { font-weight:700; padding:10px }
/* 2.3 Navigation */
#submenu li a { border-style:none none dotted; display:block; font-weight:700; padding-bottom:5px }
#submenu .current_page_item a, .submenu .current_page_item a:hover { color:#0f4716; font-weight:700 }
#submenu li { margin-bottom:2px }
#submenu ul li ul { margin-left:20px }
#submenu ul li ul li { list-style:disc }
.breadcrumb { padding-bottom:18px; position:relative }
#main_menu { float:right; margin: 29px 0px 0px 0px; height: 84px; display: inline; }
#testdrive img { padding-top:40px; }
#main_menu li { float: left; margin: 0; padding: 27px 0 0 3px; list-style: none; }
#main_menu a:link, #main_menu a:visited, #main_menu a:hover, #main_menu a:active { display: block; height: 34px; float: left; }
#main_menu span { height: 100%; display: block; position: relative; top: 0; left: 0; overflow: hidden; float: left; width: 100%; cursor: pointer; }
#main_menu span span { height: 102px; width: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; text-indent: -3000px; overflow: hidden; }
#main_menu span span:hover { top: -34px; text-decoration:underline; }
#main_menu .current_page_item span span { top: -68px; }
/* Main menu buttons */
.button span span em { background: transparent; text-indent: 0; width: auto; }
#main_menu a:link, #main_menu a:visited, #main_menu a:hover, #main_menu a:active { height: 29px; line-height: 29px; overflow: hidden; color: #000; font-size: 14px; font-weight:bold; text-transform:uppercase; font: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; background: url(images/mm_left.gif) no-repeat 0 -29px; width: auto; padding: 0 0 0 9px; }
#main_menu .current_page_item:link, #main_menu .current_page_item:visited, #main_menu .current_page_item:hover, #main_menu .current_page_item:active { background-position: 0 0; text-decoration: none; }
#main_menu span { background:url(images/mm_right.gif) no-repeat right -29px; padding: 0 9px 0 0; width: auto; }
#main_menu .current_page_item span, #main_menu a { background-position: right 0; }
#main_menu span span { background:url(images/mm_middle.gif) repeat-x 0 -29px; position: relative; float: left; top: 0 !important; left: 0; width: auto; height: auto; text-indent: 0; padding: 0; }
 #main_menu .current_page_item span span, {
 background-position: 0 0;
}
#main_menu .current_page_item a:link, #main_menu .current_page_item a:visited, #main_menu .current_page_item a:hover, #main_menu .current_page_item a:active { background-position: 0 0; }
/* 4.1 Typographic Elements */
h1.title { padding-bottom:20px; text-transform:capitalize }
h1 a:hover { background:#EEE; text-decoration:none }
blockquote { background:#FFF url(images/q_left.png) no-repeat 1% 15%; border-bottom:1px solid #DFDFDF; border-top:1px solid #DFDFDF; clear:both; color:#414141; display:block; font-family:'Myriad Pro', Verdana, sans-serif; font-size:18px; font-style:italic; line-height:23px; margin:30px 0; width:100% }
blockquote p { background:transparent url(images/q_right.png) no-repeat 99% 85%; margin-bottom:0; padding:20px 30px }
.texte blockquote cite { color:#999; display:block; font:normal .57em Arial, sans-serif; margin:10px 0 0 }
.entry ol li { list-style-type:lower-alpha }
.image img { padding: 4px 30px 10px 0px; height:auto; max-width:600px;width:expression(this.width > 600 ? 600: true; )
}
.entry h3 { padding-top:20px }
.entry a { text-decoration:underline }
/* 2.4 Introduction */
#introduction { padding:0 0 30px; text-shadow:none }
/*-----------------------------
 5. COMMENTSAREA 
-----------------------------*/
#about { background:#4D4D4D url(images/about.jpg) repeat-x top left; padding:17px 0 17px 20px; position:relative }
#about p { color:#fff; line-height:20px }
#about img { border:5px solid #919191; float:left; margin:0 20px 10px 0 }
#about .fold { background:url(images/about_fold.png) no-repeat left top; bottom:-15px; height:15px; left:0; position:absolute; width:20px }
#connect ul li { height:64px }
#connect ul li a { color:#4d4d4d; cursor:pointer; display:block; font-size:14px; font-weight:700; height:34px; line-height:16px }
#connect ul li a img { float:left; margin:0 15px }
#connect ul li a span { color:#3f312e; display:block; font-size:12px; font-style:italic; font-weight:400 }
/* 2.5 Content */
.tweetmeme_btn { float:left; height:24px; padding-top:3px }
.press li { display:inline; padding-right:20px }
/* 2.6 sidebar */
.post_count { color:#000; float:left; font-size:30px; font-weight:700; margin:0 15px; padding-bottom:20px }
.post_count em { color:#6E6E6E; display:block; font-size:10px; font-style:normal; font-weight:400; line-height:10px; padding-bottom:6px }
.footer_column .recent li { line-height:1.25em; padding-bottom:10px }
.footer_column .recent .title { text-transform:capitalize }
.footer_column .recent li time { clear:both; display:block; font-size:9px }
a.more:after { content:' »' }
.grid_6.highlight { display:block; font-size:13px }
#info { clear:both; font-size:10px }
#social { margin-bottom:18px }
#social li { display:inline; margin-right:13px }
input { -moz-border-radius:3px; -webkit-border-radius:3px; background:#fff; border:1px solid grey; border-radius:3px; margin-right:4px; padding:4px; vertical-align:middle }
input, textarea { -moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 8px; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 8px; background:#fff url(images/input_bg.png) repeat-x; box-shadow:rgba(0, 0, 0, 0.1) 0 0 8px }
input:focus, textarea:focus { background-color:#fff }
.button:hover { background-color:rgba(155, 151, 109, .25) }
#button li { cursor:pointer; padding-bottom:20px }
a.more-btn { background:rgba(155, 151, 109, .15) url(images/icon-nextarr.gif) no-repeat 100% 50%; border:1px solid rgba(155, 151, 109, .2); border-radius:10px; color:#6FBE0B; font-weight:400 !important; padding:6px 23px 6px 10px; text-shadow:0 1px 1px rgba(255, 255, 255, .75) }
a.more-btn:hover { background-color:rgba(155, 151, 109, .25); color:#000 }
.widget { margin:0 0 20px 10px }
.widget h3 { font-size:17px; position:relative }
.widget_recent_entries li, .widget_recent_comments li { color:#626262; list-style-type:disc; margin-left:18px }
.widget_recent_comments li a { background:none !important; border:none !important; display:inline; line-height:18px; padding:0 }
.sidebar_community_list { height:25px; width:255px }
.sidebar_community_list .updates { font-size:18px; font-weight:700; padding-right:10px; position:relative; top:-8px }
#searchform #s { border:1px solid #898989; padding:3px 0 3px 5px; width:180px }
#searchform .submit { background-color:#d0d0d0; border:1px solid #575757; color:#575757; padding:2px 0; text-transform:uppercase }
#twitter a { background-image:none; display:inline; line-height:18px; padding:0 }
#searchform { margin:15px 0 0 }
#flickr .flickr_badge_image { float:left; margin:4px 6px; width:75px }
#twitter li { margin:10px 0 }
.fl { float:left }
.fr { float:right }
 # ads {
float:left;
left:0;
margin-bottom:19px;
position:relative
}
#ads a img { padding:0 10px 5px 0; position:relative }
/*-----------------------------
 4. POSTS 
-----------------------------*/
.post { background-color:#FFF; border:1px solid #DDD; margin:0 0 20px; padding:17px 30px; position:relative;min-height: 250px;}
.sticky { background:#fdffd4; border-bottom:1px solid #949494 }
.meta { color:#616161; font-style:italic; margin:0; padding-bottom:14px }
.meta .comments { padding:0 19px 0 0 }
.categories { text-shadow:none }
.categories a { display:inline; font-style:italic }
.post .tags { clear:both; margin:0 0 20px }
.post_single { background-color:#FFF; border:1px solid #DDD; border-bottom:none; margin:0; padding:17px 20px }
.post_footer { background:#F9F9F9; border:1px solid #CFCFCF; margin:0 0 28px; padding:20px; position:relative }
.more-link { padding-top:10px; text-decoration:none !important }
.pic { display:block; height:46px; left:0; position:absolute; top:5px; width:35px }
.enjoyed_post { margin-right:20px; width:230px }
.post-author { padding-left:70px; width:230px; position:relative; }
/* 4.2 Images */
.tumb { -moz-border-radius:5px; -webkit-border-radius:5px; background:url(images/noise-earth.gif); border:1px solid #ddd; border-radius:5px; border-top:1px solid #fff !important; margin:0 10px 10px 0; padding:4px }
img.wp-smiley { border:none; padding:0 }
.alignleft { float:left; margin:0 15px 10px 0 }
.alignright { float:right; margin:10px 0 10px 15px }
.aligncenter { text-align:center }
/* 4.3 Page Navi */
.pagenavi { padding:10px 0 20px }
div.nav { height:25px }
.Nav a:link, .Nav a:visited { padding: 2px 5px; }
.Nav strong.on { color: #fff; background-color: #4d4d4d; border-bottom-left-radius: 5px 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-top-right-radius: 5px 5px; padding: 3px 8px 3px 8px; text-shadow:none; }
#about h2 { color:#fff }
/* 2.6 sidebar */
#sidebar a { color:#4d4d4d }
/*-----------------------------
 4. POSTS 
-----------------------------*/

.wp-caption { background-color: #F4F4F4; border: 1px solid #DDD; font-size: 11px; font-style: italic; margin-bottom: 30px; overflow: hidden; padding-bottom: 15px; padding-bottom: 15px; padding: 20px 20px 15px; text-align: center; }
.wp-caption img { background-color: #F4F4F4; border: 1px solid #898989; margin: auto; }
.post .meta .comments { background:url(images/ico-comments.png) no-repeat right 1px }
/* 5.1 Comments */
#comments h3 { font-size:20px; font-weight:400; padding:10px 0 20px }
ol.commentlist li { border-bottom:1px solid #dcd6d5; list-style-type:none; padding:10px 0 }
ol.commentlist li .avatar img { border:3px solid #dcd6d5; float:right }
ol.commentlist li .user-meta span { display:block }
ol.commentlist li .user-meta span.name { font-weight:700 }
ol.commentlist li .user-meta span.date { color:#565656; font-size:11px }
ol.commentlist li .comment-head .user-meta span.perma { font-size:10px; text-transform:uppercase }
div.reply a { font-size:11px; font-weight:700; text-decoration:none; text-transform:uppercase }
#comments ul.children { background:url(images/comment_reply.png) no-repeat left 11px; margin:10px 0 0; padding:0 0 0 22px }
#comments ul.children li { border-bottom:0; padding-bottom:0 }
#comments .navigation a { background:#9F9F9F; color:#fff; display:block; font-family:Georgia; font-weight:700; margin-left:4px; padding:5px 9px }
#comments .commentlist #respond #form_wrap { border:0; margin:0; padding:0 0 25px; width:auto }
/* 5.2 Comments Form */
#respond { margin:20px 0 }
#commentform { margin:20px 0 0 }
/* 5.2 Comments Form */
#commentform input.txt { background:#F7FCFF url(images/input_bg.png); border:1px solid #898989; margin:0 10px 0 0; padding:3px 0 3px 5px; width:207px }
#commentform label { font-size:11px; text-transform:uppercase }
#commentform textarea { width:100% }
#commentform #submit { padding:2px 0; text-transform:uppercase }
#comments .navigation a:hover { background:#888 }
table p { margin:0; padding:0 }
tr { border:1px solid #CCC; border-collapse:collapse }
tr.segment { background:#E7E5E6; color:#000; font-weight:700 }
/* start showroom */
#showroom_list { padding-bottom:30px }
#showroom_list li { background:url(images/thumb_li.png) no-repeat; list-style:none; overflow:hidden; padding-bottom:30px; position:relative }
#showroom_list a { color:#fff; display:block; font-family:'Trebuchet Ms'; font-size:14px; font-weight:700; padding:0 0 0 4px; text-decoration:none }
#showroom_nav { height:60px; padding-bottom:30px }
#showroom_nav img { float:left; padding:3px 20px 0 0 }
#showroom_nav p { -webkit-transition:all 0.25s ease-out; cursor:pointer; height:60px; opacity:1px; padding:10px 5px 0 10px }
#showroom_nav p:hover { opacity:0.5px }
.thumb { -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#FFF; background-repeat:no-repeat; border:1px solid #DDD; border-radius:5px; clear:both; float:left; left:0; overflow:hidden; padding:3px; position:relative; top:0; width:282px }
.thumb img { border:0; cursor:pointer; display:block }
.thumb img:hover { -webkit-transition:all 0.25s ease-out; opacity:0.5px }
.thumb_title { background:#0c0c0c url(images/thumb_title_middle.png) repeat-x; display:block; float:left; height:27px; left:0; line-height:27px; margin:0 34px 0 0; padding:0 0 0 6px; position:relative; top:0; white-space:nowrap }
.thumb_txt { display:block; float:left; text-shadow:none }
.tmb_extra { background:url(images/thumb_tile_right.png) no-repeat; height:27px; overflow:hidden; position:absolute; right:-34px; top:0; width:34px }
.ad:hover, .side_advert_here:hover, .post_count a { color:#000 }
 #main_menu .current_page_item span span,, #main_menu .current_page_item a:link, #main_menu .current_page_item a:visited, #main_menu .current_page_item a:hover, #main_menu .current_page_item a:active {
background-position:0 0
}
.entry ul, .entry ol { margin:0 0 20px; padding:0 0 0 20px }
.entry ul ul, .entry ol ol { margin:0; padding:0 0 0 15px }
.entry ul li, .entry ul li ul li, .blog li { list-style-type:disc }
#connect ul li a:hover, .post .categories a:hover { text-decoration:none }
#foooter, #content h1 { padding-bottom:20px }
select, textarea { -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid grey; border-radius:3px }
.sidebar, #comments .navigation .alignright, #comments .navigation .alignleft, #respond h2 { margin:0 }
.sidebar_community_list li { display:inline }
.register ul li { display:inline }
#flickr h3, #comments .cancel-comment-reply { margin-bottom:10px }
#comments ol.commentlist li .comment-head, #comments ol.commentlist li .comment-entry p { margin:0 0 10px }