/*
Theme name: Seriously Outdoors
Theme URI:http://vividesigning.com/so
Description: Adventure site of seriously outdoors.
Version:1.0
Author: Seriously Outdoors
Author URI:http://vividesigning.com/so
License:GPL v3
License URI:http://gnu.org
*/



/* Header Styles -----------------------------------------------------------------------------------------------------*/
/* Header Navigation -------------------------------------------------------------------------------------------------*/
body{
    background: #399a2f url('img/background.jpg') repeat;
    margin: 0;
    padding: 0;
}

body #main-section {
    font-family:'verdana',Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#head-section .header{
    height: 350px;
    min-height: 350px;
    height: auto !important;
    background: #ffffff;
    border-radius: 20px;
    position: relative;
    margin-top: 10px;
    box-shadow: 0 0 7px #2c2c2c;
} 

#head-section .header .main-image{
    position: absolute;
    width: 98%;
    
}
#head-section .header .bottom{
    position: absolute;
    bottom: -56px;
    left: 15px;
}
#head-section .header #logo{
    position: absolute;
    left: 4%;
    bottom:50px;
    z-index: 100;
}

#head-section .header .nav-wrapper{
    position: absolute;
    bottom: 10px;
    right: 2%;
}
#head-section .header .nav-wrapper ul li{
    display: inline-block;
    background: url('img/divider.png') center right no-repeat;
}

#head-section .header .nav-wrapper ul li:last-child{
    background:none;
}

#head-section .header .nav-wrapper ul li a{
     -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #7AC142;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    color: #000000;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    padding: 15px 20px;
}
#head-section .header .nav-wrapper ul li a:hover{
    color:#7ac142; 
}



/* Slider ------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	Main section Styles
/*-----------------------------------------------------------------------------------*/


#main-section .letter{
    margin-left: 7%;
    margin-top: 15%;
}
#main-section .letter a{
   border-radius: 5px 5px 0 0;
   display: block;   background-color: #1D75BB !important;	padding: 5px !important;	color: white !important;
}#main-section .letter a p{	font-weight:bold !important;	font-size:12px !important;	color:white !important;	}#main-section .letter a h5{	font-weight:bold !important; 	font-size:18px !important;	color:white !important;	}
#main-section .letter a img{
    width: 100%;
}
#main-section .letter p{	font-weight:bold !important;	font-size:6px !important;	color:white !important;
    margin-bottom: 0;
}


#main-section .content{
    background: #e0f0df;
    border-radius: 15px;
    margin-top: 30px;
    margin-bottom: 20px;
}

#main-section .content h1{
    color:#368402;
    font-size:20px;
}

#main-section .content h2 {
    color: #368402;
    font-size: 16px;
}
#main-section .content .posts h2{
    font-size: 14px;
    line-height: 18px;
    background: -webkit-linear-gradient(top, #79c041, #629e34);
    background: -moz-linear-gradient(top, #79c041, #629e34);
    background: -o-linear-gradient(top, #79c041, #629e34);
    color: #ffffff;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    margin-right: 7%;
    padding-left: 3%;
}

#main-section .right-sidebar{
    margin-top: 3%;
}


#main-section .rightsidebar ul{
    margin: 0;
    margin-right:10px;
    background:#BCDC9B
}
#main-section .rightsidebar ul li{
    list-style: none;
}
#main-section .rightsidebar h3{
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 200;
}

#main-section .col3.rightsidebar h3{
	font-size:16px;
	color:#368402;
	margin-bottom:10px;
	 
}

#main-section .rightsidebar ul li{
border-top:1px solid #59770E;

}
#main-section .rightsidebar ul li a{
color:#222;
background:url("img/tags.gif") no-repeat scroll left center transparent;
padding-left:20px;
}

#main-section .rightsidebar .widget:last-child{margin-top:20px;}
#main-section .menu-xml-feed-container #menu-xml-feed{background:none;}
#main-section .menu-xml-feed-container #menu-xml-feed li a{background:none; padding-left:5px;}

#main-section .content .posts ul{
    margin-left: 0;
     background:#bcdc9b;
     margin-right: 7%;
     padding-bottom: 1px;
}
#main-section .content .posts ul li{
    list-style: none;
    margin-bottom: 10px;
    padding: 10px 0;
    margin: 0 6px 10px 6px; 
    border-bottom: 1px solid #ffffff;
}

#main-section .content .posts ul li p{
    line-height: 12px;
    padding-left: 5%;
    margin-bottom: 0;
    font-size: 11px;
}

#main-section .content .posts ul li strong.title a{
    color: #368402;
}
#main-section .content .posts ul li span.date{
    font-size: 10px;
    color: #666666;
}
#main-section .content .posts ul li p.post-content{
    font-size: 12px;
}


#main-section .content .hunting ul li{
     list-style: none;
    margin:0 0 0 10px;
    border: none;
    padding: 0;

}
#main-section .content .hunting ul li a{
    color: #222222;
    background:url('img/bullet.gif') left center no-repeat;
    padding-left: 5%;
}




#main-section .content .fresh ul li{
     list-style: none;
    margin:0 0 0 10px;
    border: none;
    padding: 0;

}
#main-section .content .fresh ul li a{
    color: #222222;
    background:url('img/bullet.gif') left center no-repeat;
    padding-left: 5%;
}



#main-section .content .salt ul li{
     list-style: none;
    margin:0 0 0 10px;
    border: none;
    padding: 0;

}
#main-section .content .salt ul li a{
    color: #222222;
    background:url('img/bullet.gif') left center no-repeat;
    padding-left: 5%;
}


#main-section .content .out ul li{
     list-style: none;
    margin:0 0 0 10px;
    border: none;
    padding: 0;

}
#main-section .content .out ul li a{
    color: #222222;
    background:url('img/bullet.gif') left center no-repeat;
    padding-left: 5%;
}

#main-section .links {
    margin-left: 7%;
}
#main-section .links ul{
    margin-left: 0;
}

#main-section .links li{
    list-style: none;
    padding: 5px 5px;
    background:#bcdc9b;
    margin: 2px 0;
}
#main-section .links li:hover{
    background:#6cb95c;
}
#main-section .links li a{
    color: #368402;
    display: block;
}

#main-section .links li:last-child a{
    background: url('img/rss.png') 0 3px no-repeat;
    padding-left: 20px;
}

#main-section .links li a:hover{
    color: #000000;
    text-decoration: none;
}
#main-section .main-content p img{
    width: 100%;
}

#main-section .page p img{
	 width:auto;
}
#main-section .main-content .form p{
    margin: 0;
}
#main-section .main-content .form p .input-medium,  #main-section .left-sidebar p .input-medium{
    padding: 1px 4px;
    border-radius: 0;
    box-shadow: none;
}
#main-section .main-content .form input[type="submit"], #main-section .main-content .form .btn-r{
    text-indent: -9999px;
    display: inline-block;
    width: 56px;
    height: 20px;
    border-radius:0;
    border: none;
}
#main-section .main-content .form input[type="submit"]{
 background: url('img/send.png') no-repeat;
}
 #main-section .left-sidebar input[type="submit"]{
 background: url('img/sub.png') no-repeat;
  text-indent: -9999px;
    display: inline-block;
    width: 75px;
    height: 20px;
    border-radius:0;
    border: none;
}

#main-section .left-sidebar .join{
    background: #00b6de;
    margin-left: 6%;
    padding: 20px 0 4px 0;
}

#main-section .left-sidebar p .input-medium{
    width: 85%;
    margin-left: 4%;
    height: 15px;
}
#main-section .join p {
    margin-bottom: 0;
}
#main-section .left-sidebar p.our{
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}
#main-section .left-sidebar p.sub-btn{
    text-align: right;
    margin-right: 3%;
}
#main-section .left-sidebar span{
    font-size: 10px;
    text-align: center;
    display: block;
}



#main-section .main-content .form .btn-r{
 background: url('img/reset.png') no-repeat;
}
#main-section .main-content .post{
    margin-top: 30px;
    background: #ffffff;
    padding: 10px 15px;
}

#main-section .main-content .post strong.title{
     border-bottom: 1px dotted #cccccc;
     display: inline-block;
     width: 90%;
     padding-bottom: 5px;
     margin-left:3px;
}
#main-section .main-content .post strong.title a{
    font-size: 18px;
    font-weight: lighter;
    color: #59770e;
}

#main-section .main-content .post .post-date{
    position: relative;
    display: inline-block;
    background: url('img/date-bg.gif') no-repeat;
    width: 44px;
    height: 49px;
    text-align: center;
    float: left;
}
#main-section .main-content .post .post-date .month{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    position: absolute;
    left: 22%;
    top:-3px;
}

#main-section .main-content .post .post-date .year{
    color: #666666;
    position:relative;
    font-size: 16px;
    top:20px;
   
}

#main-section .main-content .post .tags{
    display: inline-block;
    background: url('img/tags.gif') left no-repeat;
    padding: 5px 0 5px 20px;
}
#main-section .main-content .post p{
    margin-bottom: 0;
}
#main-section .main-content .post a{
    color: #FF6600;
    font-weight: lighter;
}


#main-section .main-content .post .tags a{
    color: #FF6600;
    font-weight: lighter;
}

#main-section .rightsidebar h3{
    font-size: 12px;
}
#main-section .main-content .note{
    text-transform: uppercase;
}

#main-section #comments-template h2{
    font-size: 16px;
    font-weight: 200;
    color: #758d38;
}

#searchform{margin-top:30px;}
#searchform #s{ width:83px; padding:1px; border: 1px solid  #758d38; height:20px;}
#searchform .screen-reader-text{ color: #758d38; font-size:15px;}
#searchform #searchsubmit{
background:#758d38; 
box-shadow:0 0 2px #cccccc; 
border:none; 
padding:5px 3px;
color:#ffffff;
border-radius:5px;
position:relative;
top:-5px;
}

#main-section .content-nav h3, #main-section .comments h3{font-size:15px; font-weight:200; color:#BCDC9B;}
/*-----------------------------------------------------------------------------------*/
/*  heading-portion Styles
/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/
/*  Footer section Styles
/*-----------------------------------------------------------------------------------*/
hr{
    border: 1px solid #cccccc;
    width: 96%;
    margin:  10px auto;
}
.footer .nav ul li{
    display: inline-block;
}
.footer .nav ul li a{
    color: #999999;
    text-transform: uppercase;
}
.footer .span12 .nav, .footer .span12 .nav ul{
    text-align: center;
    margin-bottom: 0;
}

.footer .span12 .nav ul li:after{
    content: '|';
    margin: 0 10px;
    color: #999999;
}
.footer .span12 p, .footer .span12 p a{
    text-align: center;
    font-size: 12px;
    color: #999999;
}
/*----------------------------------------------------------------------------------*/

@media(max-width:767px){
	#main-section .letter a img{ width:50%; margin: 10px auto 10px auto;}
	#main-content {text-align: center;}
	#main-section .links, #main-section .left-sidebar .join, .main-content{margin: 10px 30px;}
    .menu-sub-menu-container ul ul {
        left: 0;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        visibility: hidden;
        z-index: 598;
}

}

@media(max-width:640px){
	#main-section .letter a img{ width:60%; margin: 10px 30px;}	
	.main-content p, .main-content h1{ margin:5px 20px;}
}

.alignright {
    float: right;
    margin-bottom: 15px;
    margin-left: 15px;
}
.aligncenter {
    text-align: center;
    width: 100%;
}
.alignnone, .alignleft {
    float: left;
}
.facebook {
    background-color: #c3dcfa;
    margin-left: 6%;
    margin-top: 10px;
    text-align: center;
}

/*----------------------------------------CSS for submenu------------------------------------*/
#menu-sub-menu {
    position: relative;
}
.menu-sub-menu-container ul ul {
    left: 0;
    position: absolute;
    visibility: hidden;
    width: 100%;
    z-index: 598;
}
.menu-sub-menu-container ul li:hover ul {
    visibility: visible;
}
.menu-sub-menu-container .sub-menu a {
    background: none !important;
}
.menu-sub-menu-container ul ul {
    left: 100%;
    margin-top: -27px;
}
.menu-sub-menu-container ul ul {
    width: 200px;
} 

.home a.footlink {
    cursor: pointer;
    pointer-events: visible;
}

a.footlink {
	pointer-events: none;
	cursor: text;
}