/*
Theme Name: Collett's Mountain Holidays
Theme URI: http://templates.arcsin.se/
Description: Wordpress Version of the <a href="http://www.colletts.co.uk/">Collett's Mountain Holidays Website</a>
Author: Sam Chandler
Author URI: http://www.facebook.com/samchandler
Last updated: 2009-09-20
*/

/* 
   Reset
------------------------------------------------------------------- */

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, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; 
font-size: 100%; vertical-align: baseline; background: transparent; } body { 
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
block:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Elements */
body {
	background: #ffe385 url(img/fade.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:bottom;
	color: #222;
	font: normal 62.5% sans-serif;
	padding: 5px 5px;
}

a {color: #86712e;
text-decoration:none;}
a:hover {color: #4c5b3c;
text-decoration: underline;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #4b5c3b; padding: 8px 0 2px;}
h4 {color: #993333; padding: 3px 0 2px;}

h1 {font: normal 1.6em sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.4em sans-serif;}
h3 {font: bold 1.2em sans-serif;}
h4 {font: normal 1.4em sans-serif;}

blockquote {
	background: url('img/quote.png') no-repeat;
	display: block;
	font: normal 1.1em Verdana,sans-serif;
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px; text-align:justify; line-height:1.5em;}
small,.small {font: normal 0.9em sans-serif;}
ul,ol {padding: 0 2em 1.2em;}

/* simple gallery */
#simplegallery2 .navpanellayer{ 
display:none;
}

/* structure */
#wrapper {
	background: #ffe385 url(img/wrapper.gif) no-repeat left bottom;
	margin: 0 auto;
	width: 762px;
}
#container {
	border-top: 0px solid #332;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto; background: #ffe385;
	width: 750px;
}

/* header */
.title {
	background: #ffe385;
	border-top: 0px solid #996;
}
.title h1 {
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}

.title .rightblog {
width:530px;
color:#86712e;
text-align:right;
padding-top:8px;
padding-right:8px;
margin-bottom:0px;
font-size:11px;
float:right;
}

.title .leftblog {
vertical-align:middle;
margin-top:14px;
margin-bottom:auto;
margin-left:8px;
float:left;
}

img.linkholidaysimg {
margin-top:-15px;
padding-left:40px;
}

img.wp-post-thumb {border:0px; float:left; padding-right:8px;}

.title .walkingholidayssummer {
display:block;
text-decoration:none;
padding-left:5px;
width:443px;
margin-top:15px;
z-index:1;
text-align:right;
font-family:"Times New Roman", Times, serif;
color:#e5cd77;
font-size:3.5em;
font-style:italic;
font-weight:450;
letter-spacing:-1px;
line-height:33px;
text-transform:lowercase;
float:right;
}

.walking-holidays {
display:block;
text-decoration:none;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#e5cd77;
font-size:2em;
font-style:italic;
font-weight:450;
letter-spacing:-1px;
text-transform:lowercase;
text-align:center;
}

.title .linkholidays a{
color:#e5cd77;
text-decoration:none;
}

.title .linkholidays a:hover{
color:#e5cd77;
text-decoration:none;
}

.header {
	border-top: 8px solid #ffe385;
	margin-bottom:8px;
	background: #ffe385 url(img/walking-holidays-in-the-pyrenees.jpg) no-repeat left bottom;
	height: 220px;
}

p.center {
text-align:center;
}

/* navigation dropmenu */

/* navigation dropmenu */

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; height:30px; z-index:300; float:left;}
#dropmenu a {display:block; padding:7px 13px 3px 13px; color:#4b5c3b; border-right:0px solid #c8c8c8; text-decoration:none;}
#dropmenu a:hover { color:#86712e; text-decoration:underline; background:url(http://www.colletts.co.uk/img/menubg.png) repeat;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:0px solid #c8c8c8;}
/* drop Menu */
#dropmenu li ul {width:200px; background:url(http://www.colletts.co.uk/img/menutop.png) no-repeat; padding-top:8px;  margin-left:1px; }
/* dropdown Menu */
#dropmenu li ul a {width:190px; height:auto; float:left;  border-bottom:1px solid #ffe385; background:url(http://www.colletts.co.uk/img/menubg.png) repeat; padding:5px; letter-spacing:0px;}
#dropmenu li ul a:hover {background:url(http://www.colletts.co.uk/img/menubghover.png); font-weight:bold;}
/* drop Menu bottom */
#dropmenu .bott {width:200px; background:url(http://www.colletts.co.uk/img/menubottom.png) no-repeat; padding-top:8px}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/* navigation */

.menuleft {background: #ffe385 url(http://www.colletts.co.uk/newsletter_2009/index_files/menu_left.jpg) no-repeat left bottom;
	margin: 0 auto;
	width: 7px;
	height:34px;
	float:left;}
	
.menu {background: #ffe385 url(http://www.colletts.co.uk/newsletter_2009/index_files/menu_middle.jpg);
	margin: 0 auto;
	width: 100%;
	height:34px;
	float:left;
	display:block;}
	
.menuright {background: #ffe385 url(http://www.colletts.co.uk/newsletter_2009/index_files/menu_right.jpg) no-repeat left bottom;
	margin: 0 auto;
	width: 7px;
	height:34px;
	display:block;
	float:right;}
	
.navigation {
	background: #ffe385 url(img/nav.gif) repeat-x; height: 34px;
	border-top: 0px solid #ffe385;
	border-bottom: 0px solid #ffe385;
	width:736px;
	float:left;
	display:block;
}
.navigation ul {padding: 0; margin: 0;}
.navigation li {float: left; list-style: none;}
.navigation li a {
	background: #ffe385 url(img/nav.gif) repeat-x;
	border-right: 0px solid #e9cf77;
	color: #553;
	display: block;
	font: 0.9em Tahoma,sans-serif;
	line-height: 34px;
	padding: 0 14px;
	letter-spacing:1px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-position: left bottom;
	color: #221;
}
.navigation .current_page_item a {color: #331;}

/* main */
.main {background: #ffe385 url(img/main.gif) repeat-y;}

/* posts */
.post .descr {
	color: #630;
	font-size: 0.9em;
	margin: 2px 0 4px;
}
.post .info{
	border-top: 1px dashed #AAAA9A;
	color: #222;
	font-size: 0.9em;
	font-weight: bold;
	margin: 4px 0 8px;
	padding: 0px 0px 8px 0px;
}
.post img {border: 2px solid #ffe385; margin: 4px 0;}
.post a img {border: 2px solid #CCB;}
.post a:hover img {border-color: #AA9;}

/* bottom */
.bottom {
	background: #e9cf77 url(img/bottom.gif) no-repeat left bottom;
	border-top: 0px solid #AA8;
	color: #444;
	padding-right:20px;
	padding-left:20px;
	padding-top:0px;
}
.bottom .left,.bottom .right {width: 49%;}

.bottom .left p,.bottom .right p, block li {font:90% sans-serif;}

.bottomimage {background:#e9cf77 url(img/top.gif) no-repeat left top;
border-top:8px solid #ffe385;
color:#444;
margin-bottom:0px;
padding-top:9px;}

/* brochure request */
.form {
text-align:right;
padding: 2px 0px;
}

.central {
text-align:center;
padding-top:5px;}

/* footer */
.footer {
	background: #ffe385;
	color: #4b5c3b;
	padding: 8px 10px 8px 10px;
}
.footer .left {width: 45%;}
.footer .right {
	width: 45%;
	text-align: right;
}
.footer a {
	color: #4b5c3b;
	text-decoration: none;
}
.footer a:hover, .footer .right a:hover {
	color: #86712e;
	text-decoration: underline;
}
.footer .right, .footer .right a {color: #7D7D75;}

/* misc */
.content {padding: 3px 20px;}
.right .content {padding: 12px 10px; font-size:12px; letter-spacing:0px;}

.col2 div.left {width: 64%;}
.col2 div.right {width: 33%;}

/* div border top */
.topborder {border-top:1px solid #e9cf77; padding-top:8px; margin-top:8px;
}

/* block list */
ul.block, .block ul {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	color: #553;
	background: #ffe385;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #f4d97e;}

/* comments */
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}
#commentform {
	margin: 1em 0;
	width: 280px;
}

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #FCFCFC;
	border: 1px solid #C6C3C3;
	padding: 2px;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #C6C3C3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #666;}

/* calendar */
#wp-calendar {color: #cdbf75;
font-weight:bold;}

.col2 .right table caption {border-bottom-color:#000;}
.col2 .right table thead tr {
  border-bottom-color: #000;
  color: #A53512;
}
.col2 .right table th {border-bottom-color:#000;}
.col2 .right table td#today {
  border-color: #000;
  color: #A53512;
}
.col2 .right table td a {
  border-bottom-color: #000;
  background-color: #EDF3DE;
}

.col2 .right table tfoot {border-top-color: #000;}
.col2 .right table tfoot a {background: none;}

a.srollover {
display:block;
width:139px;
margin-top:19px;
margin-bottom:15px;
margin-right:53px;
height:128px;
float:right;
background:url("http://www.colletts.co.uk/img/walking_holidays_brochure.jpg") 0 0 no-repeat;
text-decoration:none;
}

a:hover.srollover {
background-position:-139px 0;
}



/* calendar
--------------------------------------------------*/
#wp-calendar {
  display: inline-table;
  border-collapse: collapse;
  width: 185px;
  margin: 0px 10px 0 10px;
  text-align: center;
}

.col2 .right table caption {
  margin: -5px 10px 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
}

.col2 .right table thead tr {border-bottom:1px solid;}

.col2 .right table th {border-bottom:1px solid;}

.col2 .right table td {
  width: 225px; /* maximaize width; honestly, I don't know much about tables... */
  padding: 1px;
  font-size: 0.9em;
}

.col2 .right table td#today {
  padding: 0;
  border: 1px solid;
  font-size: 1em;
  font-weight: bold;
}

.col2 .right table td a {
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 1.15em;
}

.col2 .right table tfoot {border-top:1px solid;}
.col2 .right table tfoot a {
  border: none;
  font-weight: bold;
}
.col2 .right table tfoot #prev a {text-align:left;}
.col2 .right table tfoot #next a {text-align:center;}

#searchform {padding:10px;}


/* 
   Alignment 
------------------------------------------------------------------- */

/* General */
.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Images */
img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #ffe385;
	border: 1px solid #DDD;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


/* Floats */ 
.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}


/* 
   Captions 
------------------------------------------------------------------- */

.wp-caption {
   border: 1px solid #e9cf77;
   text-align: center;
   background-color: #F9F9F9;
   padding-top: 4px;
   margin-top: 5px;
   margin-bottom: 5px;
   -moz-border-radius:4px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
   -moz-border-radius:4px;
}

.wp-caption p.wp-caption-text {
   font-size: 0.8em;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
   padding: 4px;
   margin: 0;
}