/*   
Theme Name:SL Motor Home
Theme URI:http://hellobeat.com
Description:Design by hellobeat
Author:Erik Chen
Author URI:http://hellobeat.com
Version:1.0
Tags:two-columns, fixed-width, theme-options, custom-colors, blue, green, dark
*/

/*       ###############################
         BASIC TAGS
         ############################### */
html {
	background: #f8f9f9;
}         
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#666;
	background:url(img/background.jpg) repeat-x #f8f9f9;
}
h1,h2,h3,h4,h5,h6 {
	margin:10px 0 0;
}
a {
	outline:none;
	text-decoration:none;
	color:#CF4C44;
}
/*       ###############################
         BASIC LAYOUT
         ############################### */
                  
.shop-list {
	margin:0 20px;
}         
.shop-list li {
	float:left;
	width:19.9%;
	line-height:180%;
	list-style:square;
}
.shop-list a:hover {
	color:#333;
}
#first-content {
	padding-bottom:25px;
	margin-bottom:0;
	background:#fff;
	padding: 0 30px 20px 30px;
}
#first-content h4 {
	border-bottom:3px solid #333;
	padding-bottom:5px;
	color:#333;
	margin:0 0 15px 0;
	font-size:130%;
	line-height: 160%;
}         
#blog-line {
	height:120px;
}  
#font-resize {
	text-align:right;
	margin-right:10px;
}      
.logo {
	float:left;
	width:64.5%;
	padding-top:10px;
}
.head-nav {
	float:left;
	width:35%;
	text-align: right;
}
.top-nav {
	padding:20px 0 10px 0;
}
.top-nav a {
	color:#4D4D4F;
}
.top-nav a:hover {
	color:#CF4C44;
}
.logo-nav {
	margin-top: 20px;
}
.top-nav li, .logo-nav li {
	display: inline;
}
.top-nav li {
	padding:0 10px;
}
div#outline
{
	width:960px;
	margin:0 auto;
}

div#nav {
	position:relative;
	z-index:2;
	width:960px;
	height:38px;
	background:url(img/nav.png);
}
div#content {
	clear:both;
	z-index:1;
	background:#fff;
	width:910px;
	padding:10px 25px 30px 25px;
	position:relative;
}
div#left {
	margin:0;
	padding:25px 5px 10px 0;
	margin-left:10px;
}
div#right{
	width:225px;
	margin:0;
	padding:10px 0;
	position:absolute;
	top:2px;
	right:0;
}
#right a {
	color:#888;
}
p#toggle-all{
	float:right;
	width:100px;
	margin:0;
	padding:0;
}
div.headline{
	margin:15px 0 15px 0px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
div.preview{
	float:right;
	background:url(img/preview2.png) no-repeat;
	margin:15px 0 0;
}
div.preview2{
	float:right;
	background:url(img/preview2.png) no-repeat 0 -20px;
	margin:15px 0 0;
}
div.preview a{
	display:block;
	width:20px;
	height:20px;
	color:#ccc !important;
	font:normal 14px Verdana, serif;
}
.excerpt p {
	font-size:100%;
	line-height:165%;
	margin:3px 0 17px 0;
}
div.date{
	position:absolute;
	width:60px;
	height:60px;
	background:#ddd;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	font:normal 14px Georgia;
	text-align:center;
	color:#666;
	margin:0 0 0 -80px;
	padding:10px 0;
}

div.single_content{
	clear:both;
	font-size:120%;
	margin:0 0 50px;
}
.single_content_box {
	padding-bottom:25px;
}
.single_content_box p {
	line-height:170%;
	margin:5px 0 16px 0;
}
div.bookmarks{
	text-align:right;
	float:right;
}
div#appendix{
	clear:both;
	background:#fff;
	width:930px;
	margin:0 0 50px;
	padding:0px 30px 15px 0;
}
div.app_widget{
	float:left;
	width:280px;
	padding:0 0 0 30px;
}
div#appendix div.widget{
	padding:20px 0 0;
}

/*       ###############################
         NAVIGATION
         ############################### */
div#nav ul{
	float:left;
	list-style:none;
}
div#nav li a{
	display:block;
	color:#f5f5f5;
	text-decoration:none;
	font:bold 12px Helvetica, sans-serif;
	border-left:1px solid #222;
	margin:0;
	padding:11px 16px 10px;
}
div#nav li a:hover{
	background:#111;
	color:#215c97;
}

ul#mail_rss a{
	text-decoration:underline !important;
}
.single_content ul {
	margin:15px 25px 15px 25px;
}
.single_content li {
	line-height:180%;
	list-style: square;
}
#left .single_content h2 {
	margin:20px 0;
}
#sl_div .sl_header {
	display:none;
}
#sl_div #map_sidebar, #cm_mapTR {
	display:none;
}
/*       ###############################
         WIDGETS
         ############################### */
.widget {
	border:1px solid #ddd;
	-moz-border-radius:3px;
	margin:10px 0;
	padding:17px 15px !important;
}
div.widget h4{
	border-bottom:1px dotted #ccc;
	font:bold 120% Helvetica, sans-serif;
	font-size:130%;
	margin:0;
	padding:0 0 3px;
}
div#right ul,div#appendix ul{
	list-style:none;
	padding:0;
}
div.widget a{
	display:block;
	font-size:100%;
	color:#777;
	padding:5px 0;
}
div.widget a:hover{
	color:#333;
	text-decoration:underline;
}
div.widget li{
	border-bottom:1px dotted #ccc;
	margin:0;
	padding:0 0 0 5px;
}
div.widget li li{
	background:none;
	border-top:none;
	border-bottom:none;
	margin:0;
	padding:0 0 0 20px;
}
div#tag_cloud a{
	display:inline;
}
.textwidget,.textwidget a{
	font:italic 120% Georgia, serif !important;
}
/*calendar*/
table#wp-calendar{
	border-collapse:collapse;
	text-align:center;
	font-size:14px;
	margin:0 0 10px;
}
table#wp-calendar a{
	font:normal 14px Verdana;
}
table#wp-calendar caption{
	padding:0 0 5px;
}
table#wp-calendar th{
	font:bold 14px Verdana;
}
table#wp-calendar th,td{
	width:30px;
	height:30px;
}

/*       ###############################
         TEXT
         ############################### */
#blog-line h1 {
	color:#CA2D35;
	letter-spacing:5px;
	margin:0;
	padding:0;
}
#blog-line h1 a {
}
.logo p {
	padding:3px;
	font-size:14px;
}
div#left a:hover {
	color:#ccc;
	text-decoration:underline;
}
div#left h1 {
	float:left;
	font:bold 26px Helvetica, sans-serif;
	width:450px;
	letter-spacing:-1px;
	margin:10px 0 20px 0;
}
div#left h1.page_headline {
	float:none;
	width:100%;
	padding-left:25px;
	border-left:3px solid #ccc;
}
div#left h1.page_headline {
	font:bold 26px Helvetica, sans-serif;
	color:#215c97;
	margin:10px 0;
}
div#left h1 a{
	color:#666;
	display:block;
}
div#left h1 a:hover{
	color:#215c97;
	text-decoration:none;
}
div#left h2{
	font:bold 150% simhei, sans-serif;
	margin:0 0 10px;
}
div#left h2.archive-title{
	font:bold 26px Helvetica, sans-serif;
	color:#215c97;
	margin:10px 0 0 20px;
}
div#left h3{
	font:italic 120% Georgia, serif;
	margin:0 0 5px;
}
p#font-resize a{
	display:inline;
	font:18px bold Verdana, sans-serif;
	padding:0 5px;
}
p#toggle-all a{
	display:block;
	width:80px;
	height:20px;
	font:12px bold Verdana, sans-serif;
	padding:0 0 0 30px !important;
}
a.show-all{
	background:url(img/toggle.png) no-repeat;
}
a.hide-all{
	background:url(img/toggle.png) 0 -20px no-repeat;
}
p.previous-posts{
	float:left;
	font:normal 130% Verdana;
	margin:50px 0 0;
}
p.next-posts
{
	float:right;
	font:normal 130% Verdana;
	margin:50px 0 0;
}

p.date-month
{
	color:#999;
	font:normal 32px Georgia;
	margin:2px 0 15px;
}

p.post_info
{
	font-size:100%;
}

p.tag_info
{
	font-size:100%;
	margin:0;
}

p.offset
{
	margin:5px 0;
}

p.wp-bookmark
{
	margin:0;
}

div#credits
{
	height:46px;
	border:1px solid #ccc;
	-moz-border-radius:10px;
	font:120% normal Georgia, serif;
	margin:0 0 0 65px;
	padding:5px 10px;
}

a#totop
{
	float:right;
	font:bold 120% Verdana, sans-serif;
}

.category-link
{
	background:url(img/page.png) no-repeat;
}

.comment-link
{
	background:url(img/comments.png) no-repeat;
}

.tag-link
{
	background:url(img/tag-blue.png) no-repeat;
}

.hide-link
{
	float:right;
	padding:5px 0 0;
}

.user-name
{
	background:url(img/user-green.png) no-repeat;
}

.user-mail
{
	background:url(img/email.png) no-repeat;
}

.user-url
{
	background:url(img/world-edit.png) no-repeat;
}

.user-comment
{
	background:url(img/comment-add.png) no-repeat;
}

.info-icon
{
	background-position:0 4px;
	margin:0;
	padding:3px 0 3px 20px;
}

.clear
{
	clear:both;
}

code
{
	font:normal 120% Courier, serif;
}

/*      ##################################
           COMMENTS
        ################################## */
#comments-box {
	background:#f4f4f4;
	padding:30px;
}
div.comment {
	border-bottom:1px dotted #ccc;
	margin:10px 0;
	padding:10px 0;
}
p.comment-details {
	font-size:12px;
}
.avatar{
	float:left;
	border:3px solid #ccc;
	margin:0 20px 0 0;
}
.comment {
	line-height:150%;
}
div.comment-text{
	margin:15px 0 0;
}
textarea#message {
	margin-top:15px;
}
#commentform p {
	padding:5px 0;
}
h2#comment-header{
	border-bottom:3px solid #333;
	margin:10px 0 10px !important;
	padding:0 0 5px;
	color:#333;
}
h2#respond{
	margin:40px 0 10px !important;
}
h3#no-comments{
	font:italic bold 110% Georgia, serif !important;
	color:#666 !important;
}
/*        ##################################
           FORMS
        ################################## */
label
{
	display:block;
	margin:0 0 5px;
}

.text
{
	width:70%;
	background:url(img/bg-form-text.gif) repeat-x left top #fff;
	border:1px solid #ccc;
	margin:0 0 10px;
	padding:5px;
}

textarea
{
	width:450px;
	height:150px;
	background:url(img/bg-form-text.gif) repeat-x left top #fff;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	margin:0;
	padding:5px;
}

.submit
{
	width:auto;
	color:#fff;
	background:#333;
	border:1px solid #333;
	-moz-border-radius:5px;
	margin:5px 0;
	padding:5px 20px;
}

input
{
	-moz-border-radius:5px;
	margin:0 5px 0 0;
}

/*        ##################################
           SEARCHFORM
        ################################## */
input#search
{
	width:150px;
	background:url(img/bg-form-text.gif) repeat-x left top;
	border:1px solid #ccc;
	padding:5px;
}

#search-submit
{
	width:30px;
	color:#fff;
	background:#333;
	border:none;
	padding:5px;
}

.alignright
{
	float:right;
}

.wp-caption
{
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:10px;
}

.wp-caption img
{
	border:0 none;
	margin:0;
	padding:0;
}

.wp-caption p.wp-caption-text
{
	font-size:110%;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*        ##################################
           SUPERFISH
        ################################## 
** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *
{
	list-style:none;
	margin:0;
	padding:0;
}

.sf-menu
{
	line-height:1.0;
}

.sf-menu ul
{
	position:absolute;
	top:-999em;
	width:10em;
}

.sf-menu ul li
{
	width:100%;
	margin:0 !important;
}

.sf-menu ul ul li
{
	margin:0 !important;
}

.sf-menu li:hover
{
	visibility:inherit;
}

.sf-menu li
{
	float:left;
	position:relative;
}

.sf-menu a
{
	display:block;
	position:relative;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul
{
	left:0;
	top:38px;
	z-index:1000;
}

/*** CUSTOM STYLES ***/
.sf-menu li ul
{
	background:#222;
	border:1px solid #000;
	border-top:none;
	opacity:0.9px;
	-moz-opacity:0.9px;
	filter:alpha(opacity=90);
}

.sf-menu li li ul,.sf-menu li li li ul
{
	background:#222;
	border:1px solid #000;
	border-top:none;
	opacity:1px;
	-moz-opacity:1px;
	filter:alpha(opacity=100);
}

/*       ###############################
         CLEARFIX
         ############################### */
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {
	display:inline-block;
}

html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}

/*###############################
Style
############################### */
div#nav li,.wp-logo,.alignleft {
	float:left;
}

div#tag_cloud,div#archives
{
	min-height:130px;
}

img.alignright,a img.alignright
{
	float:right;
	margin:0 0 30px 30px;
}

img.alignleft,a img.alignleft
{
	float:left;
	margin:0 50px 30px 0;
}

img.aligncenter,a img.aligncenter,.aligncenter,div.aligncenter
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul
{
	top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul
{
	left:10em;
	top:0;
}