/*   
Theme Name: Guiden
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 14px 'Open Sans', sans-serif; background:#eae9e6;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #F6841E;text-decoration:none;}
a:hover {color: #F6841E;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
.left{float:left;}
.right{float:right;}

/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/


#wrapper {
    border-left: 1px solid #D9D7D9;
    border-right: 1px solid #D9D7D9;
    margin: 0 auto;
    width: 1022px;
}
#header {
    background-color: #131B2E;
    margin: 0 auto;
    position: relative;
    width: 1022px;
}
#header #logo {
    padding: 30px 20px;
}
#logo a {
    color: #FFFFFF;
    font-size: 25px;
    font-weight: 100;
}

#nav{background: #fd9e49; /* Old browsers */
background: -moz-linear-gradient(top,  #fd9e49 0%, #f79239 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd9e49), color-stop(100%,#f79239)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fd9e49 0%,#f79239 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fd9e49 0%,#f79239 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fd9e49 0%,#f79239 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fd9e49 0%,#f79239 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9e49', endColorstr='#f79239',GradientType=0 ); /* IE6-9 */
position:relative;
}


#nav li {
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-right: 1px solid #EC872E;
display: block;
z-index: 9999;
float: left;
}
#nav li:first-child {
border-left: 0;
}
#nav li:last-child {
border-right: 0 none;
}

#nav .first {
    border-left: 0 none;
}


#nav a {
color: #FFFFFF !important;
display: inline-block;
font-size: 12px;
font-weight: 700;
padding: 10px 15px;
text-transform: uppercase;
}
#nav .sub-menu a {
text-transform: initial;
font-weight: 600 !important;
}
#nav li:first-child{border-left:0;}

#nav .menu-item-has-children{position:relative;}

#nav .menu-item-has-children .sub-menu, #nav .menu-item-has-children .sub-menu .sub-menu {
	position: absolute;
	display: none;
	background: #FD9E49;
	min-width: 100%;
	width:200px;
}
#nav .menu-item-has-children:hover .sub-menu .sub-menu {display:none;}
#nav .menu-item-has-children:hover .sub-menu {display:block;}
#nav .menu-item-has-children li {
	width: 100%;
	display: block;
	border: 0;
}
#nav .menu-item-has-children a{display:block;}
#nav .menu-item-has-children .sub-menu li:hover .sub-menu{display:block;position:absolute;width:200px;left:200px;top:0;}
#nav .menu-item-has-children .sub-menu .sub-menu li {
border-left: 1px solid #EC872E;
}
#nav li:hover{background:#FD9E49;}
#nav a:hover{background:#FD9E49;}

#nav .sub-menu li{border-bottom:1px solid #EC872E;}
#nav .sub-menu li:last-child{border:0;}
#nav .sub-menu .sub-menu li:first-child{border-left:0;}
#nav .menu-item-has-children a:after {
    content: url("img/arrow.png");
    position: relative;
    right: -8px;
    top: -1px;
}
.menu-item-has-children {
    padding: 0 4px 0 0;
}
#nav .sub-menu a:after, #nav .sub-menu .menu-item-has-children .sub-menu li:after {
    content: none;
}

.children-widget li a {
width: 100%;
font-size: 18px;
padding: 40px 20px;
text-align: center;
text-transform: uppercase;
color: #fff !important;
font-weight: 700 !important;
}
.children-widget li{margin:0 0 20px;}

.children-widget li a:hover{color:#fff !important;}

.children-widget li:first-child {
background: #131B2E;
}
.children-widget li:last-child {
background: #131B2E;
}
.children-widget li:hover{background:#fd9e49;}
#contact-form {
background: #f4f4f4;
padding: 20px;
border: 1px solid #DCDCDC;
}
#contact-form input {
width: 100%;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #ddd;
}
#contact-form textarea {
width: 100%;
padding: 10px;
height: 140px;
border: 1px solid #ddd;
}
#contact-form button {
width: 100%;
padding: 10px;
background: #000;
border-radius: 3px;
color: #fff;
font-size: 15px;
border: 0;
font-weight: 600;
}
#contact-form p {
font-size: 12px;
}
#form-title {
border-top: 1px solid #DCDCDC;
padding-top: 20px;
}
#contact-form .mandatory{}
#contact-form .required{}
#contact-form .input-required{border:2px solid #ff0000;}
#contact-form .success{}
#contact-form .error{color:#ff0000;}
#contact-form .spam-warning{color:#ff0000;}
/*

#nav .sub-menu{display:none;}
#nav .menu-item-has-children:hover .sub-menu{display:block;}

#nav .menu-item-has-children .sub-menu {
    background: none repeat scroll 0 0 #FD9E49;
    position: absolute;
    width: 200px;
    z-index: 99999;
}
#nav .menu-item-has-children li {float:none;border:0;}
#nav .menu-item-has-children .sub-menu a:hover {background:#FFAE59;display:block;}
#nav li:hover{background:#FD9E49;}

#nav .menu-item-has-children a:after {
    content: url("img/arrow.png");
    position: relative;
    right: -8px;
    top: -1px;
}
.menu-item-has-children {
    padding: 0 4px 0 0;
}

#nav .sub-menu a:after {
    content: none;
}
#nav .sub-menu > .sub-menu{}
*/

#breadcrumbs {
    color: #6E6E6E;
    font-size: 12px;
    font-weight: 100;
    margin: 0 0 10px;
}

#breadcrumbs a{color: #6E6E6E;}

#slider {
    margin: 0 0 20px;
    position: relative;
}
.imgcaption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #FFFFFF;
    padding: 10px;
    position: absolute;
    width: 100%;
}

li{list-style:none;}
#sidebar, #footerwidget {
    font-size: 12px;
}

#sidebar a, #footerwidget a {
    color: #F6841E;
    display: block;
    font-weight: 600;
}

#sidebar a:hover, #footerwidget a:hover {
    color: #FF942E;
}
#sidebar .widget{margin: 0 0 20px;}
#main {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 20px 20px 50px;
}
#main-content {
    width: 680px;
}

#content {
    margin: 0 20px;
    width: 480px;
}

.sidebarleft {
    width: 160px;
}
#sidebar .widget_nav_menu, #sidebar .friendpage {
    background: none repeat scroll 0 0 #F4F4F4;
    padding: 10px;
}
.sidebarleft ul li {
padding: 3px 0;
}
.friendpage ul li {
border-bottom: 1px solid #D9D7D9;
}
.friendpage ul li:last-child {
border-bottom: 0 none;
}

.widget_nav_menu li, .recentcomments, .widget_pages li{
    border-bottom: 1px solid #D9D7D9;
    padding: 2px 0;
}
.widget_nav_menu li:last-child{border:0;}

.sub-menu li {border:0;}
.sub-menu a {
    color: #3A3E43 !important;
    font-weight: normal !important;
	padding:0 0 0 10px;
}
.sidebarright {
    width: 300px;
}
.sidebarright1, .sidebarright2 {
    width: 145px;
}

#sidebar h3, #footerwidget h3 {
    border-bottom: 1px solid #D9D7D9;
    font: 100 14px/20px open sans;
    padding: 0 0 2px;
}

.post p {
    color: #3A3E43;
    line-height: 23px;
    margin: 0 0 20px;
    text-align: justify;
}
.post h1 {
    font: 30px/37px Georgia,"Times New Roman",Times,serif;
    margin: 0 0 15px;
}
.post h2{
    font: 20px/27px Georgia,"Times New Roman",Times,serif;
    margin: 0 0 15px;
}
.post strong{font-weight:normal;}

#footer {
    background: none repeat scroll 0 0 #F1F1F1;
    border-top: 1px solid #DCDCDC;
    padding: 30px 20px;
}
#footerwidget {
    margin: 0 20px 0 0;
    width: 230px;
}
#footerwidget:last-child{margin:0;}


#footercredit {
    background-color: #131B2E;
    color: #FFFFFF;
    font-size: 8px;
    margin: 0 auto;
    padding: 5px 20px;
    text-transform: uppercase;
}
#commentform input, #commentform textarea {
    background: none repeat scroll 0 0 #EAE9E6;
    border: 1px solid #D9D7D9;
    margin: 0 0 9px;
    padding: 5px 10px;
    width: 100%;
}

#commentform input:hover, #commentform textarea:hover {
    background: none repeat scroll 0 0 #DAF1D1;
    border: 1px solid #C1D5B9;
}
#commentform label{
    font-size: 12px;
    font-weight: bold;
}
#submit{}
#respond {
    border-bottom: 1px solid #D9D7D9;
    border-top: 1px solid #D9D7D9;
    margin: 0 0 20px;
    padding: 20px 0;
}
.avatar {
    clear: both;
    float: left;
    margin: 0 20px 0 0;
}
.commentdata {
    background: none repeat scroll 0 0 #DAF1D1;
}
.commentdata .children{
    border-top: 1px solid #C1D5B9;
    margin: 20px 0 0;
    padding: 20px 0 0;
}



.comment {
    background: none repeat scroll 0 0 #DAF1D1;
    border: 1px solid #C1D5B9;
	padding:20px;
	margin:0 0 20px;
}

.comment-author {}


.temp {
    background: none repeat scroll 0 0 #EAE9E6;
    border: 1px solid #ECECEC;
    font-size: 10px;
    width: 100%;
}
.month {
    background: none repeat scroll 0 0 #FBAB18;
    font-size: 10px;
    font-weight: bold;
}

.temp td {
    padding: 2px 5px;
}
.one {
    background: none repeat scroll 0 0 #FFFFFF;
}
.two {
    background: none repeat scroll 0 0 #EAE9E6;
}

.offer {
    float: left;
    margin: 0 0 20px 10px;
    width: 145px;
	height: 250px;
	position: relative;
}
.offer-group {
	clear: both;
	overflow: hidden;
	margin-left: -10px;
}
.offercontent {
    margin: 5px 0;
}
.offerimage {
    margin: 0 0 5px;
    background-size: cover;
    width: 100%;
    height: 100px;
    background-position: center;
}
.offerbottom {
	position: absolute;
	bottom: 0;
}
.cofferprice{}
.offerprice span {
    color: #F6841E;
    font-weight: bold;
}
.company {
    font-style: italic;
    margin: 5px 0 0;
    opacity: 0.5;
}

.offer:hover{background:#ffffcb;}



#related {
    background: none repeat scroll 0 0 #FDFDDD;
    border: 1px solid #DEDEDE;
    float: left;
    margin: 0 10px 0 0;
    width: 150px;
}
#related h2 {
    color: #F6841E;
    font: 10px/15px 'Open Sans',sans-serif;
    margin: 0;
    padding: 5px 10px;
}
#related .secondary {
    margin: 0;
}

#related .secondary li {
    border-top: 1px solid #DEDEDE;
    font-size: 10px;
    line-height: 13px;
    list-style: none outside none;
    margin: 0;
}

#related a {
    color: #3A3E43;
    display: block;
    padding: 5px 10px;
}

.ad {
    border: 1px dashed #FFB44E;
    font-family: Arial;
    margin: 0 0 20px;
    padding: 10px;
}

.adtitle {
    color: #F6841E;
    font-size: 19px;
    margin: 0 0 4px;
}
.adtitle a:hover{text-decoration:underline;}
.adurl {
    color: #F6841E;
    font-size: 12px;
    margin: 0 0 4px;
}

.adscontent {
    font-size: 12px;
}

.wpgeo_recent_locations_widget{clear:both;}
#fb {
    position: absolute;
    right: 20px;
    top: 38px;
}
.banner{margin:0 0 10px;}

.edit-this {
background: none repeat scroll 0 0 #000;
bottom: 0;
color: #fff;
font-size: 15px;
font-weight: 600;
opacity: 0.9;
padding: 10px;
position: fixed;
right: 0;
text-align: center;
}
.wpgeo_recent_locations_widget{max-height:250px;}
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}