/*
Theme Name: Reseskaparna
Description: A custom theme for Reseskaparna
Version: 1.0
Author: Muthuswamy K
Author URI: http://www.muthuswamy.in/
*/

/* DEFAULT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit; /*vertical-align: baseline;*/ }
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{font-weight: normal;}

/* REGULAR CODING */
body{background:#f47024; font-family: Arial, Helvetica, sans-serif; line-height:1.4; color:#333; font-size:12px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#container{background:#fff url(images/container.png) repeat-x top;}
#header{background:url(images/header.jpg) no-repeat center top; height:128px;}
#nav-main{height:69px; position:relative;}
#content-box{padding:30px 0; background:#fff;}
#left-panel{float:left; width:200px; margin-right:30px;}
#main-panel{float:right; width:540px;}
#right-panel{float:right; width:200px; margin-left:30px;}
#footer{background:#f47024; text-align:center; color:#fff; padding:5px 0;}
.holder{width:1000px; margin:0px auto;}
	
/* HEADER */
#logo a{display:block; width:370px; height:120px;}
#logo a span, #sub-logo{display:none;}

/* NAVIGATION */
#nav-main ul li{line-height:32px; float:left; font-size:16px; padding:0 5px;}
#nav-main ul li a{float:left; padding:0 20px; color:#fff; font-weight:bold;}
#nav-main ul li a:hover,#nav-main ul li.current_page_item a, #nav-main ul li.current_page_parent a, #nav-main ul li:hover a{background:url(images/nav_hov.png) repeat-x top; color:#e0651b; text-decoration:none;}

#nav-main ul li.current_page_parent li.current_page_item a{background:none; color:#666; text-decoration:none;}

#nav-main ul li.current_page_item ul, #nav-main ul li.current_page_parent ul, #nav-main ul li.current_page_ancestor ul{display:block;}
#nav-main ul li ul{display:none; line-height:20px; height:37px; padding:10px; position:absolute; top:25px;}
#nav-main ul li li{float:none; padding:0; font-size:12px; display:inline;}
#nav-main ul li li a, #nav-main ul li.current_page_item li a, #nav-main ul li:hover li a{float:none; padding:0; color:#666; font-weight:normal; background:none; border-right:#666 1px solid; padding:0 10px 0 5px;}
#nav-main ul li li:last-child a{border:0;}
#nav-main ul li li a:hover{background:none; text-decoration:underline; color:#666;}
#nav-main ul ul ul{display:none!important;}

/* CONTENT */
a{color:#06c; font-weight:bold;}
h2.pagetitle{text-align:right; font-size:14px; margin-bottom:15px; font-weight:bold; color:#999; border-bottom:#eee 1px solid;}
.ext-desc p{padding:0 10px 10px 10px; font-size:14px; font-weight:bold;}
.post-imgage{margin-bottom:10px;}

	/* LEFT SIDEBAR */
	#left-panel .left-panel-holder{background:#fdeed1 url(images/left_panel.png) no-repeat right bottom; padding-bottom:80px;}
	#left-panel .left-panel-holder .box{background:url(images/left_panel.png) no-repeat left top;}
	#left-panel h3{line-height:33px; color:#fff; padding: 0 10px; font-size:18px;}
	#left-panel ul{padding:8px;}
	#left-panel ul li{border-bottom:#e2c999 1px solid;}
	#left-panel ul li a{display:block; padding:3px 5px 3px 15px; background:url(images/bullet.gif) no-repeat 2px 8px; color:#333;}
	#left-panel ul li a:hover{color:#ff6603; background:#fef8ed url(images/bullet.gif) no-repeat 2px 8px; text-decoration:none;}
	
	#left-panel ul ul{padding:0; padding-left:20px;}
	#left-panel ul li li{border:0;}
	
	a.boka-resa{background:url(images/boka_resa.png) no-repeat left top; width:168px; height:42px; display:block; margin:10px auto;}
	a.boka-resa:hover {background:url(images/boka_resa.png) no-repeat right top;}
	a.boka-resa span{display:none;}

	/* RIGHT SIDEBAR */
	.box{background:#fdeed1 url(images/box.png) no-repeat right bottom; padding-bottom:25px; margin-bottom:20px;}
	.box .box-hold{background:url(images/box.png) no-repeat left top; padding:0 10px 8px 10px;}
	.box h3{color:#fff; font-size:18px; line-height:35px; margin-bottom:10px;}
	.box h3 a{color:#fff; font-weight:normal;}
	.box p{padding-bottom:8px;}
	.box img{padding:4px; background:#fff; border:#e2c999 1px solid;}
	.box a{color:#06c; font-weight:bold;}	
	.box b, .box strong{font-weight:bold;}
	.box i, .box em{font-style:italic;}
	
	.box #searchform label{color:#fff; font-size:18px; line-height:35px; margin-bottom:10px;}
	.box #searchform p{padding:10px 0 0 0;}
	.box #searchform #s{width:175px;}
	.box #searchform #searchsubmit{margin-top:5px;}
	
		.post-gal li{margin-bottom:10px;}
		.post-gal li p{padding:5px 0;}
		.post-gal li img{max-width:170px;}
	
	/* POST */
	.post{background:#fef5e3 url(images/main_panel.png) no-repeat right bottom; margin-bottom:15px; padding-bottom:10px;}
	.post .post-hold{background:url(images/main_panel.png) no-repeat left top;}
	.post h1.post-title{line-height:34px; font-size:18px; color:#fff; padding:0 10px;}
	.post h1.post-title a{color:#fff;}
	.post h1.post-title a:hover{text-decoration:none; color:#eee;}
	.post .post-content{padding:10px 10px 0 10px;}
	.post .post-content p{padding:0 0 15px 0;}
	.post .post-content a{color:#06c; font-weight:bold;}
	.post .post-content ul{list-style-type:disc; margin:10px 0 10px 20px;}
	.post .post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	.post .post-content blockquote{margin:10px 20px; background:#e5ddcc; padding:10px;}
	.post .post-content blockquote p{padding:0;}
	.post .post-content h1{font-size:18px;}
	.post .post-content h2{font-size:16px;}
	.post .post-content h3{font-size:14px;}
	.post .post-content img{padding:4px; background:#fff; border:#e2c999 1px solid;}
	.post .post-content b, .post .post-content strong{font-weight:bold;}
	.post .post-content i, .post .post-content em{font-style:italic;}
	
	.hotel-info-toggle{float:left; background:#e5ddcc; padding:0 10px; margin-right:5px;}
	.hotel-info-toggle:hover{cursor:pointer;}
	.al-right .hotel-info-toggle{float:none; padding:0;}
	.hotel-info-toggle:focus{outline:none;}
	#hotel-info-box{clear:left; display:none; background:#e5ddcc; padding:10px 10px 0 10px;}
	.clear-hotel{clear:left; margin-bottom:10px;}
	
		/* Wordpress Classes */
		.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
		.alignleft{float: left; margin:0 10px 0 0;}
		.alignright{float: right; margin:0 0 0 10px;}
		.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
		.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

	/* COMMENT */
	#comments, #respond{font-size:2px;}
	#commentform p{padding:8px 0;}
	#commentform label{width:100px; float:left; text-align:right; margin:0 10px 0 0; line-height:25px;}
	#commentform .req{color:#f00;}
	#author, #email, #url{width:240px; height:20px; padding:5px 5px 0 5px;}
	#comment{width:400px;}
	#submit{background:#f34c1b; border:#e2161c 1px solid; color:#fff; height:30px; margin-left:110px;}	
	#submit:hover{background:#a3191c; border:#c00000 1px solid; cursor:pointer;}
	
	ol.commentlist{list-style-type:none!important; margin:0!important;}
	ol.commentlist li{padding:5px 5px 0px 5px; background:#fef5e3; border-bottom:#eee 1px dotted; margin-bottom:10px;}
	ol.commentlist li li{padding:0; border:0; margin:0;}
	ol.commentlist  a{color:#39c;}	
	ol.commentlist  p{padding:0 0 4px 0;}	
	ol.commentlist  ul{list-style-type:disc; margin:0 0 6px 20px;}
	ol.commentlist  ol{list-style-type:decimal; margin:0 0 6px 25px;}
	ol.commentlist  blockquote{margin:8px 12px; padding:10px;}
	ol.commentlist  blockquote p{padding:0; font-style:italic;}
	ol.commentlist  h1{font-size:18px;}
	ol.commentlist  h2{font-size:16px;}
	ol.commentlist  h3{font-size:14px;}
	ol.commentlist  img{padding:4px; background:#fff; border:#e2c999 1px solid;}
	ol.commentlist  b, ol.commentlist  strong{font-weight:bold;}
	ol.commentlist  i, ol.commentlist  em{font-style:italic;}
	ol.commentlist small{font-size:11px;}
	ol.commentlist b.auth a{font-weight:bold; color:#06c;}
	ol.commentlist .commentmetadata{float:right;}

	
	.comment-area-toggle{float:left; background:#e5d6b8; padding:0 10px;}
	.comment-area-toggle:hover{cursor:pointer;}
	.al-right .comment-area-toggle{float:none; padding:0;}
	#comment-area-holder{clear:left; display:none; background:#e5d6b8; padding:10px;}
	
/* FOOTER */
#footer a{color:#fff;}

/* OTHER */
.clear{clear:both}
.al-right{text-align:right;}