/*  
Theme Name: GrandHotel
Theme URI: http://demowordpress.templatesquare.com/grandhotel/
Description: Grand hotel is a wordpress theme designed for hotel, resort and hostel websites. 
Version: 1.3
Author: templatesquare
Author URI: http://www.templatesquare.com/
Template: klasik
License: GNU General Public License
License URI: license.txt
Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, editor-style, theme-options, translation-ready
*/


/* =Global Elements
-------------------------------------------------------------- */

.container{ padding: 0px 5px; max-width: 1215px;}


/* Main global 'theme' and typographic styles */
body {
	font-family: 'Droid Sans', sans-serif;
	font-size:13px;
	line-height:20px;
}

p{ font-size:13px;}

a:hover{ text-decoration:none;}

/* heading */
h1, h2, h3{margin-bottom:20px;}
h4, h5, h6{margin-bottom:10px;}
h1	{font-size:24px;}
h2	{font-size:18px;}
h3	{font-size:13px;}
h4	{font-size:11px;}
h5	{font-size:10px;}
h6	{font-size:10px;}
h1, h2, h3, h4, h5, h6{ line-height:normal; text-transform:uppercase;}

.pagetitle{font-size:24px; padding-top:40px; margin-bottom:0px; text-transform:uppercase; }
.pagedesc { line-height:18px; font-size:11px;}

ul li, ol li {
    padding-bottom: 0px;
}

/* CONTAINER
-------------------------------------------------------------- */
#bodychild{
	width:100%;
	margin:0;
}
#outercontainer{
	width:100%;
	margin:0;
	padding:0;
}

#outerheader, #outerslider, #outerbeforecontent, #outermain,  #outerfootersidebar, #outerfooter{width:100%; margin:0 auto}


/* HEADER & MENU
-------------------------------------------------------------- */

#headercontainer .container{ padding:0px; max-width:1230px;}

#top{ }
#logo{float:left; margin-bottom:0px; padding:6px 0px 5px;}
#logoimg a, #logoimg img{display:block;}
#logo h1{line-height:100%; margin-bottom:10px; font-size:34px; float:left;}
#logo h1 a{line-height:100%;}
#logo h1 a:hover{ text-decoration:none;}
.desc{ float:left; padding:13px 0 0 10px;}

/* Menu */
#navigation{position:relative; z-index:215; margin:0; float:right; margin-top:7px; margin-right:0px;}

/* Nav Menu */
#topnav{
	margin:0;
	list-style-type:none;
	overflow:visible;
	position:relative;
	padding:0px;
	float:right;
	margin-top:0px;	
}

.sf-menu a {
	text-decoration:none;
	display:		block;
	position:		relative;
	text-align:center;
}

.sf-menu > li {
    position: relative;
    z-index: 10;
	padding: 		34px 0 0 0px;
	margin-left:30px;
}
.sf-menu > li span{ display:block; font-size:11px; text-transform:none; font-weight:normal; padding-top:6px;}
.sf-menu > li:hover, .sf-menu > li.current-menu-item , .sf-menu > li.current_page_item, .sf-menu > li.current-menu-ancestor, .sf-menu > li.current-menu-parent, .sf-menu > li.current_page_ancestor, .sf-menu  > li.current_page_parent{ padding-top:34px; color:#BE1E2D;}


/* Drop down menu */
.sf-menu ul a:hover {}
.sf-menu li li {
	text-align:center;
	margin:0;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}
.sf-menu {
	line-height:100%;
	position:absolute;
	right:0;
	bottom:0;
	float:left;
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;

}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-20px;
	top:			7.2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			-1px;
	margin-left:	0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			-1px;
	
}
.sf-menu ul li a{
	padding:11px 0px 3px;
	font-size:16px;
	font-weight:normal;
	text-transform:none
}

.sf-menu li ul {
	padding:0px 0px;	
}
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}



.sf-menu ul{border:0px;}
.sf-menu li li {}
.sf-menu > li li:before{
	content: "";
	display: block;
}

.sf-menu > li li:first-child:before{ border:0;}

/* dropdown mobile */
#menu-icon, .tinynav {
	display: none; /* hide menu icon initially */
}


/* SLIDER
-------------------------------------------------------------- */
#outerslider{ margin-bottom:-198px; position:relative; z-index:5;}
#slidercontainer{ padding:4px; margin:5px 0 5px 0}
#slider{position:relative;}

/* Caption styles */
#slider .nivoSlider{ overflow:inherit}
#slider .nivo-caption {
	position:absolute;
	left:0px;
	bottom:-130px;
	background:transparent;
	color:#454545;
	width:100%;
	z-index:8;
	padding: 16px 10px 19px 10px;
	font-size:14px;
	text-align:center;
	overflow: hidden;
	display: none;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	opacity: 1;
}

#slider .slider-title{ font-size:30px; margin-bottom:5px;}
#slider .nivo-controlNav{ z-index:10;}

/* Control nav styles (e.g. 1,2,3...) */
#slider .nivo-controlNav {
	text-align:center;
	position:absolute;
	bottom:-146px;
	width:100%;
}
.nivo-controlNav a {
	cursor:pointer;
	font-size:0px;
	width: 9px; height: 9px; 
	display: inline-block; 
	border:0px; 
	margin:0px 4px;  
	cursor: pointer; 
	text-indent: -9999px; 
}
.nivo-controlNav a:hover{
	border:0px;
}
.nivo-controlNav a.active {
	border:0px;
}

/* AFTERHEADER
-------------------------------------------------------------- */
#afterheader{position:relative; margin-bottom:0px;}
.home #outerafterheader .container{ min-height:559px;}
#outerafterheader .container{ min-height:277px;}


/* BEFORECONTENT
-------------------------------------------------------------- */
.contenttop-container, .contentbottom-container, .maintop-container, .mainbottom-container{margin-bottom:0px;}
.widget-contenttop, .widget-contentbottom, .widget-maintop, .widget-mainbottom{margin-bottom:40px;}

.widget-contenttop .widget-title, .widget-contentbottom .widget-title{ font-size:13px; text-transform:none;  margin-bottom:22px;}






/* CONTENT
-------------------------------------------------------------- */
#outermain{ margin-top:-191px;}
.home #outermain{ margin-top:-362px;}

#maincontent{ padding-top:20px; }
#maincontainer .container{ margin-bottom:10px;}

#content{float:left;}
#content .main{}
#content.positionright{float:right;}
#content.positionleft{ float:left;}


.indentleft{overflow:hidden;}
.center{text-align:center;}
.nomargin{margin-right:0px!important;}
.displayblock{display:block;}
.MarginBottomMiddle{ margin-bottom:22px}

.content_highlight{ padding-bottom:14px}
.content_highlight h2{ font-size:24px; text-align:center; font-style:italic; font-weight:normal;}


.page.hentry{
    padding: 20px 20px 20px;
}
#singlepost article {
    padding: 20px 20px 20px;
}

#singlepage{ margin-bottom:40px;}

/* Blockquote */
blockquote{ padding: 0px; quotes:none;}
blockquote, blockquote p{ font-size:18px; line-height:24px; font-style:normal; font-weight:bold;}


/* List */
ul.client{list-style-type:none; margin:0 0 20px 0; padding:0;float:left}
ul.client li{display:inline-block; float:left; padding:0; margin:0;}
ul.client li img{display:block;}
ul.client li:first-child{border:0 !important;}

.listarrow{margin:0 0 20px 0; padding:0; list-style-type:none; overflow:hidden}
.listarrow li:before { content:"\00bb"; padding-right:7px; }
.listarrow li{padding:0px 0px 0px 0px;}

.list{margin:0 0 20px 0; padding:0; list-style-type:none; overflow:hidden}
.list li:before { content:"\2022"; padding-right:7px; color:black;font-size:16px; }
.list li{padding:0px 0px 7px 0px;}

ul.line{ margin:0px; padding:0px; list-style-type:none}
ul.line li{ display:inline-block; margin-right:20px; height:30px; vertical-align:middle}
ul.line li .button{margin:0px; vertical-align:bottom}

ul.listborder{ list-style-type:none; margin:0px 0 40px 0; padding:0px; float:left;}
ul.listborder li:before { content:"\2022"; padding-right:7px; }
ul.listborder li{ padding:5px 0; width:30%; margin-right:20px; float:left;}



/* Images */
img {
	max-width: 100%;
	height: auto;
}
.imgopacity:hover{opacity:0.5;}
img[class*="wp-image-"], img[class*="attachment-"]{
	max-width:100%;
	height:auto;
}
.frame{ padding:4px; display:block;}

img.alignnone,
img.alignleft, 
img.alignright, 
img.aligncenter
{
	margin-bottom: 12px;
}

.gallery img {
    margin: 0 auto;
}
.gallery-icon{ padding:10px 0px 10px;}

#content .gallery{ margin-bottom:-40px; float:left; width:100%}

/* form & button */
form{margin:0; padding:0;}

input[type=text], input[type=email], textarea, input[type=password], select{
	
}

textarea{width:90%;}

textarea:focus{outline:0;}

.button, .button:visited, input[type=submit], input[type=reset], input[type=button], button, .more, .more-link{
	border:0px;
	padding:9px 15px 9px 15px;
	cursor:pointer;
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
}
.button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .more:hover, .more-link:hover{
	text-decoration:none;
}

.button:active, button:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
	
}

.button.mini{font-size:12px; padding:6px 15px 7px 15px;}
.button.small{font-size:12px;}
.button.large{font-size:15px; line-height:15px; padding:9px 25px 10px 25px;}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/* Separator */
.spacer{
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	width:100%;
	clear:both;
}
.separator {
	display:block;
	height:26px;
	padding:0 0;
	margin-bottom:43px;
	text-align:center;
	width:100%;
	clear:both;
}

/* Featured Pages */
.klasik-feature .klasik-title{margin:0px 0px 14px 0px;}
.klasik-feature .klasik-list{margin-bottom:26px;}


.featured-container .img-container{float:left; margin:2px 17px 13px 0px; }
.featured-container .title h3{font-size:13px;  margin-bottom:10px; line-height:100%;}
.featured-container .feature-text{clear:none; overflow:hidden; margin-bottom:22px;}


/* Portfolio
---------------------------------------------------------------*/

.filterlist{ border:0px; padding-bottom:0px; margin:7px 0 36px 0; clear:both}
#filter li{ padding:0 5px;}
#filter li a, #filter li a:visited{ font-weight:normal; font-size:11px; padding:8px 11px;}
#filter li.current a, #filter li a:hover{ text-decoration:none;}

.klasik-pf-text{ padding:0 13px;}
.klasik-pf-text .pftitle{ margin:0px 0 14px; text-transform:none;}
.klasik-pf-text .pftitle a, .klasik-pf-text .pftitle a:visited{
	text-decoration:none; font-size:16px; 	
}


.klasik-pf-text a.more-link{ display:inline-block; margin-bottom:15px; margin-top: 4px;}

.klasik-portfolio .klasik-pf-img{ padding-top:10px;}
.klasik-portfolio .klasik-pf-img img{ width:auto;}
.klasik-portfolio .item{ margin-bottom:5px;}
.klasik-portfolio .item.alpha{ clear:both}
.klasik-portfolio{ padding-bottom:10px; float:left; width:100%;}



/* BLOG STYLE
-------------------------------------------------------------- */
.sticky{}

.postimg{padding-top:10px;}
.postimg img{display:block;}
.entry-content img{}

.entry-content .loopexcerpt p{margin-bottom:9px;}
.more, .more-link{font-size:12px; }
a.more:hover, a.more-link:hover{text-decoration:none;}
.post .button{margin:10px 0 ; display:inline-block; float:left}

.post{ margin-bottom:40px;}
.articlecontainer{ padding-bottom:36px;}

.post, #searchresult .page, #searchresult .hentry{clear:both;}


.posttitle{padding:27px 20px 0px 20px; margin-bottom:4px; word-wrap:break-word;}
.posttitle, .posttitle a{font-size:18px; text-transform:none}
.posttitle a:hover{text-decoration:none;}



.entry-utility{
	font-size:11px;
	margin:0px 20px 14px 20px; 
	padding:3px 0px 13px;
	
}
.entry-utility div{
	display:inline-block;
	line-height:100%;
}
.entry-utility .user, .entry-utility .tag, .entry-utility .like{
	margin-left:6px;
	padding-left:8px;
	border-style:solid;
	border-width:0px 0px 0px 1px;
}

.entry-utility .date{}



.last .entry-content{ margin-bottom:15px;}
.entry-content{ margin:0px 20px 0 20px; padding:0 0 0px 0; word-wrap:break-word;}

#postattachment .entry-utility{width:100%; float:none; padding:0}
.entry-attachment{margin-bottom:20px;}


/* Single Post */
.single .entry-content{ border:0px; margin:0px; padding:0px;}
.single .entry-content.hasmeta{ border:0px; margin:0px 0 30px 0; padding:0px 0 20px 0;}
#singlepost .post{ padding-bottom:21px;}
#singlepost .entry-utility{ margin-left:0px; }


#singleslider{ padding-top:10px;}
#singlepost .flexslider {
    border: 0px;
    border-radius:0;
    box-shadow: none;
    margin: 0 0 0px;
    position: relative;
}

#singlepost .flex-direction-nav a {width: 38px; height: 38px;}
#singlepost .flexslider:hover .flex-next {opacity: 0.8; right: 20px;}
#singlepost .flexslider:hover .flex-prev {opacity: 0.8; left: 20px;}

.price{ font-size:24px; font-weight:bold; padding-top:5px; }
.price span{ font-size:14px;}


/* Tags */
.entry-tag{ margin-bottom:20px;}
.tag-items {
    display: inline;
}
.tag-items span {
    display: inline-block;
    padding: 0 3px;
}
.tag-items a{padding:3px 15px; font-size:12px !important; display:inline-block; margin-bottom:5px;}
.tag-items a:hover{ text-decoration:none;}



/* author */

#entry-author-info {
	clear: both;
	margin:40px 0px;
	position:relative;
	padding:30px 20px 36px 20px;

}
#entry-author-info h2{ margin-bottom:24px;}
#entry-author-info #author-avatar {
	margin: 0 0 0 0;
	position:absolute;
	top:73px;
	left:20px;
	
}

.archive #entry-author-info #author-avatar { top:30px;}
#entry-author-info #author-avatar img{ width:77px; height:77px;}

.avatar{display:block; 
-webkit-border-radius: 77px;
-moz-border-radius: 77px;
border-radius: 77px;
width:77px;
}
#entry-author-info #author-description {
	margin: 0px 0px 10px 100px; vertical-align:top; line-height:18px;
}
#entry-author-info #author-description  h2{font-size:14px; margin-bottom:5px;}
#entry-author-info #author-description h3{ margin-bottom:5px;}
#author-description span.author{display:block; }

/* attachment pages wordpress */
.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}

.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin:0 0 20px 0;
	padding:0;
	max-width:100%;
	display:block;
}
.wp-caption img {
	margin: 0;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 12px;
	font-style:italic
}
.wp-caption .wp-caption-text {
	margin-bottom:0;
	padding: 8px 0 0 0;
	position: relative;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
.tag-links{padding:10px 0; display:block}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* navigation  */
.navigation {
	line-height: 20px;
}
.navigation a:link,
.navigation a:visited {
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
}
.nav-previous {
	float: left;
}
.nav-next {
	float: right;
	text-align: right;
}
.nav-previous a, .nav-next a{
	font-size:12px;
	padding:8px 0;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	padding:0; font-size:12px; margin:0px 0 25px 0; clear:both; 
	
}
.wp-pagenavi{margin-bottom:40px;}


/* Comments */
#comments{
	clear: both;
	padding:30px 20px 20px;
	margin-bottom:40px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title{
	padding:0px 0px;
	margin:0 0 20px 0;
	font-size:18px;
}

h3#reply-title {
	line-height:24px;
	font-size:20px;
	margin: 36px 0px 20px 0px;
}
.commentlist {
	list-style: none;
	margin: 0;
	margin-bottom:0px;
}
.commentlist li.comment {
	margin: 0 0 0px 0px;
	padding: 0 0 0px 0px;
	position: relative !important;
}
.commentlist li.comment ul.children{margin:0 0 0 0; margin-left:11%; padding:0px 0 0 0;}
.commentlist li.comment ul.children li{border-bottom:0 !important; margin:0; padding:0}
#comments .comment-body ul,#comments .comment-body ol {
	margin-bottom: 0;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	
}
.comment-body cite {
	font-size:14px;
	line-height:14px;
	font-style:normal;
}

.comment-body cite  a, .comment-body cite  a:visited{}
.comment-body cite  a:hover{text-decoration:none}
.comment-author .says {	font-style: normal;}
.comment-meta {	font-size: 11px;	margin: 0 0 18px 0;}
.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	
}
.commentlist .even {}
.commentlist .bypostauthor {}

.reply a.comment-reply-link{ }

.edit-link{float:none; clear:both; width:100%; display:block; padding:10px 0 0 0}
a.comment-edit-link {
	
}
a.comment-edit-link:hover {
	text-decoration:none
}
.commentlist .children {
	list-style: none;
}
.commentlist .children li {}
.nopassword, .nocomments {display: none;}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	display: block;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
}
.con-comment{padding:0 0 0 0;margin-bottom:30px;}
.commentlist .comment-author{ float:left; margin-top:0px; padding:3px;}
.commentlist .comment-body{width:auto; margin-bottom:0px !important; margin-left:100px; padding:0px;}
.commenttext{margin:0 0 0 0; padding:2px 0 0 0;}
.commentlist .comment-body p{margin-bottom:10px !important}
.commentlist ul.children .comment-author{}
.commentlist ul.children .comment-body{}
*+html .commentlist .comment-body{margin-top:0}

.comment-body .fn{ font-size:13px;  word-spacing:2px}
.comment-body .time{font-size:11px; padding:0 5px 0 0; font-style:italic;}
.commentlist .comment-body .reply{font-size:11px;}
.comment-body .boldtext{font-weight:normal; font-size:22px}
.vcard{
	padding-bottom:6px;
}


/* Comments form */
#commentform{padding:0; }
#commentform label{margin-top:0px; padding:5px 0; display:inline-block;}
#commentform .required{}
#commentform code{padding:0; margin:10px 0; border:0}

#commentform input[type=text]{ 
	margin-bottom:3px;
	padding:8px 5px;
	vertical-align:middle;
	width:50%;
	font-size:12px;
	display:block;
	page-break-after:always
	
	}

#commentform textarea{ 
	width:95%;
	margin-bottom:12px;
	padding:8px 5px;
	vertical-align:top;
	font-size:12px;
	display:block;
	}
	
#respond .comment-reply{
	font-size: 20px;
	line-height:24px;
	padding:0px 0px;
	margin:0 0 10px 0;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 0px 0 0;
}
.cancel-comment-reply{font-size:12px;}

#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
	padding:0;
}
#cancel-comment-reply-link {
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
}
#respond label {
}
#respond input {
}
#respond textarea {
}
#respond .form-allowed-tags {
}
#respond .form-allowed-tags code {
}
#respond .form-submit {
	margin: 12px 0;
	clear:both;
}
#respond .form-submit input {
}

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment{}
.comment-form-comment{ width:100%;}
.form-submit{ clear:both;}

/* Calendar */
.widget_calendar #wp-calendar {
	width: 100%;
	text-align:left;
	border: 0px !important;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
	padding:3px;
	font-size:11px;
	border:0px;
}
#footersidebar .widget_calendar thead th{border-top:0px solid;}
#footersidebar .widget_calendar thead th:first-child{border-left:0px solid;}



.widget_calendar #wp-calendar tr{}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	text-align:right;
	padding: 3px 0 3px 0 !important;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	font-weight: bold;
	padding:3px;
	
}
.widget_calendar #wp-calendar tfoot tr{}
.widget_calendar #wp-calendar td#prev{text-align:left; padding-left:5px;}
.widget_calendar #wp-calendar td#next{text-align:right; padding-right:5px}
#today{font-weight:bold}




/* SIDEBAR 
-----------------------------------------------------------------------------*/

#sidebar.positionleft{float:right;}
#sidebar.positionright{float:left;}

#sidebar div.widget-area{}


.widget-title{
	font-size:14px;
	padding:0;
	margin-bottom:12px;
}

#sidebar ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

#sidebar ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	clear:both;
}
#sidebar .widget-container{margin-bottom:40px; padding:20px 30px;}

#sidebar li.widget-container > ul{
	padding-top:5px;
}

#sidebar li li{
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0 0 5px 0px;

}

#sidebar li li a{}
#sidebar li li a:hover, #sidebar li li a.active{text-decoration:none;}

#sidebar .textwidget p{ margin-bottom:20px;}

#sidebar ul.sub-menu, #sidebar ul.children, #sidebar ul ul ul{margin:0 0 0 10px; }
#sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{margin-bottom:0; padding-bottom:0;}


/* Recent post widget */
.klasik-recentpost-widget .alpha{clear:both;}
.klasik-recentpost-widget .recent-item{margin-bottom:20px;}
.klasik-recentpost-widget .recent-thumb{float:left; width:123px; height:70px; margin:0 20px 0px 0;}
.klasik-recentpost-widget .recent-thumb img{width:113px; height:60px;}
.klasik-recentpost-widget .recent-title{ font-size:14px; margin-bottom:3px;  line-height:20px;  overflow:hidden; text-transform:none}
.klasik-recentpost-widget .recent-title a{}
.klasik-recentpost-widget .recent-title a:hover{ text-decoration:none}
.klasik-recentpost-widget .smalldate{margin-bottom:5px; margin-top:0px; display:block; font-style:normal; font-size:11px; overflow:hidden;}
.klasik-recentpost-widget .recent-text{clear:both;}
.klasik-recentpost-widget .recent-link{clear:both; margin-top:7px;}

/* Testimonial post widget */
.klasik-testimonial-widget .testi-item{ padding:23px 20px 20px 44px; margin-bottom:10px}
.klasik-testimonial-widget .testi-title{ font-size:11px; padding-top:3px; position:relative  }
.klasik-testimonial-widget .testi-title a{ padding-left:8px; }
.klasik-testimonial-widget .testi-title span{ position:absolute; top:7px; left:0px }
.klasik-testimonial-widget .testi-title span:before { content:"\203E";  }


/* Featured Post Widgets */
.klasik-features{ margin-bottom:0px;}
.klasik-features .item-container{margin-bottom:20px; padding:17px 20px 0px;  position:relative}
.klasik-features .item-container .feature-link{ margin-bottom:27px;}
.klasik-features .feature-title{font-size:13px; margin-bottom:10px;}
.klasik-features .feature-text{clear:none; overflow:hidden;  margin-bottom:20px;}
.klasik-features .alpha{clear:both;}

#sidebar .klasik-features .item-container{ padding:0px;}

/* recent comment sidebar */
#sidebar .klasik-recent-comment-widget li{padding-bottom:4px; margin-bottom:10px; clear:both; background:transparent; border-bottom:0px;}
#sidebar .klasik-recent-comment-widget a{background:transparent !important; padding:0 !important;  display:inherit}


/* search widget */
#searchform input{background:transparent; border:0}
#searchform{position:relative}
#searchform .searcharea{
	-moz-box-shadow: 0 0 2px 0 #ebebeb;
	-webkit-box-shadow: 0 0 2px 0 #ebebeb;
	box-shadow: 0 0 2px 0 #ebebeb;
}
#searchform #s{width:79%; padding:14px 50px 13px 20px !important; height:14px !important; border:0}
.searchbutton {
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
	text-indent:-9999px;
}

/* flickr */
#sidebar  li.widget-container.Simple_Flickr_Photos{ float:left;}
#sidebar #flickr {text-align:left !important; padding:0}
#sidebar div#flickr div{ float:left;}
#sidebar div#flickr div.flickr_badge_image:nth-child(4) img, #flickr div.flickr_badge_image:nth-child(8) img{ margin-right:0px!important;}
#sidebar div#flickr img{margin:0 10px 10px 0; display:block; float:left; width:70px; height:70px; padding:0px!important;}
#sidebar #flickr img{ border:0px !important;}


/* Tag */
.tagcloud{}
.tagcloud a{padding:3px 15px; font-size:12px !important; display:inline-block; margin-bottom:5px;}
.tagcloud a:hover{text-decoration:none}


/*==== Tables ====*/
table {border-collapse:separate;border-spacing:0;width:100%; margin-bottom:10px;}
table,td,th { text-align:center;}
th{padding:10px;text-transform:uppercase;}
td{padding:10px;}
tfoot td{border:0px;}
th,tr:hover{}
table {
	text-align: left;
	width: 100%;
}
tr th,
thead th {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
tr td {
	padding: 6px 24px;
}
tr.odd td {}


/* Contact Form  */

.wpcf7-form{margin-top:15px;}
.wpcf7 p{margin-bottom:10px;}
.wpcf7 label{display:block;}
.wpcf7 input[type=text], .wpcf7 input[type=email]{
	margin-bottom:0px;
	margin-top:5px;
	font-size:11px;
	width:45%
}
.wpcf7 textarea{
	margin-bottom:7px;
	margin-top:5px;
	padding:8px 5px;
	font-size:11px;
	width:95%
}
input.wpcf7-submit{margin:0; padding: 5px 15px 8px; font-size:12px;  text-transform:none}

/* Bottom
-----------------------------------------------------------------------------------------------*/
#bottomcontainer ul { margin:0px; padding:0px; list-style-type:none;}
#bottomcontainer li.widget-container{list-style-type:none; margin:0 0 0px 0; padding:0px 14px 20px 0px;}
#bottomcontainer .widget-title{
	font-size:18px;
	margin-bottom:26px;
}





/* FOOTER SIDEBAR 
-----------------------------------------------------------------------------------------------*/
#wrapper {
    width: 100%;    
    max-width: 980px;
    margin: auto;
} 


#footer {
    background-color: blue;
    width: 100%;
    float:left;
} 

.footerFloat {
    width: 25%;
    float: left;
    min-width:215px;

}
#footersidebar li a:hover{ text-decoration:none;}

/* Recent post widget */
#footersidebar .klasik-recentpost-widget .recent-thumb{float:none; width:181px; height:70px; margin:0 20px 10px 0;}
#footersidebar .klasik-recentpost-widget .recent-thumb img{width:165px; height:60px;}


#flickr {text-align:left !important; padding:7px 0 0}
div#flickr div.flickr_badge_image:nth-child(4) img, #flickr div.flickr_badge_image:nth-child(8) img{ margin-right:0px!important;}
div#flickr img{margin:0 10px 10px 0; display:block; float:left; width:52px; height:52px; padding:0px!important;}
#flickr img{ border:0px !important;}

#copyright img{ margin-top:0px;}
.copyrighttext{ font-size:12px; margin-bottom:0px;margin-top:0px;}