/*   

Theme Name: Likoma Island Design

Theme URI: http://www.likomaisland.com/design

Description: Based on Josh Lyman's Travelogue

Author: Bradley Charbonneau

Author URI: http://www.likomaisland.com

Version: 1.0



*/



/* Color Schemes

   -------------

	Orange Dark: #AA3511

	Orange Light: #E0D3CD

	

	GreenBlue Dark: #618788

	Green Light: #D4DBD3

	Blue Light: #B6CAD1         */



body {

	background-image: url('images/background.jpg');

	background-repeat: repeat-x;

	background-color: #FFFFFF; 

	margin: 0;

	font-family: "Times New Roman", Times, serif;

}



#polaroid {

	position:absolute;

	left:0px;

	top:0px;

	width:279px;

	height:330px;

	background: url('images/mc-006a-279x316.jpg') no-repeat;

}



#header-img {

	position:absolute;

	left:279px;

	top:0px;

	width:486px;

	height:184px;

}



#subheader {

	position:absolute;

	left:279px;

	top:184px;

	width:60%;

	height:101px;

	margin: 3px 5px 0 35px;

}

	

		#subheader #search {

			float: left;

			width: 45%;

		}

		

		#subheader #cats {

			float: right;

			width: 45%;

		}



#sidebar {

	position:absolute;

	left:0px;

	top:330px;

	width:279px;

	margin: 10px 0 5px 3px;

	padding-left: 40px;

}



#content {

	right:0;

	margin: 195px 20px 10px 300px;

	padding:0 20% 0 0;

	z-index:0;

}



#footer {

	text-align: center;

	font-size:.7em;

	border: 0px solid #D4DBD3;

	width:100%;

	height:100%;

}



.post { margin-top: 5px; padding: 2px 3px 1px 4px; }



.post a { font-weight: bold; text-decoration: none; }



.post a:link { font-weight: bold; text-decoration: none; }



.post a:visited { font-weight: bold; text-decoration: none; }



.post a:hover {

	color: #666666;

	text-decoration: none;

	border-bottom: 1px dotted #e0d3cd;

}



.comments {

	margin: 0 0 5px 5%;

	padding-left: 8px;

	/*border-left: 3px #618788 solid;

	border-bottom: 1px #618788 solid; */

}
/* Text Styles */
h1, h2, h3 {

	font-weight: bold;

	color: #333333;

}

.headpost { color: black; font-size: 16px; font-weight: bold; font-style: normal; }

.commentlink { color: silver; font-size: 14px; font-style: italic; }


.post_head { margin-top:-5px; }



p {

	font-size: 1em;

}



a:link {

	color: #333333;

	text-decoration: none;

}



a:visited { color: #333333; text-decoration: none !important; }



a:hover {

	color: #666666;

	text-decoration: none;

	border-bottom: 1px #E0D3CD dashed;

}



.pagetitle {

	text-align:center;

	text-decoration:underline;

}


.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
	
.aligncenter { text-align: center; }
/* End Typography & Colors */



/* Calendar Styles */



#wp-calendar {

	border: 2px solid #333333;

	text-align: center;

	margin: 0 auto;

	padding: 0;

	font-size: smaller;

}



#wp-calendar caption {

	font: bold 1.2em 'Century Gothic', Verdana, Arial, Sans-Serif;

	text-align: center;

	background-color: #618788;

	color:#FFFFFF;

	border: 2px solid #333333;

	border-bottom: none;

	margin: 0 auto;

}



#wp-calendar tbody, #wp-calendar tfoot {

	background-color: #B6CAD1;

	padding: 0;

	margin: 0;

}



#wp-calendar th {

	padding: 0;

}



/* End Calendar Styles */



/* Postit Date */



.post .post_cal {

	border: 1px solid #A6A6A6;

	text-align: center;

	width: 50px;

	float: left;

	margin: 0 10px 5px 0;

}



	.post_cal .dayname {

		background-color: #AA3511;

		border-bottom: 1px solid #A6A6A6;

		color: #FFFFFF;

		font-size: smaller;

		font-weight: bolder;

		width: 100%;

	}

	

	.post_cal .daynum {

		border-bottom: 1px solid #A6A6A6;

		font-size: xx-large;

		font-weight: bold;

		width: 100%;

	}

	

	.post_cal .month, .post_cal .year {

		font-size: smaller;

		width: 100%;

	}

	

.postmetadata {

}



/* End Postit Date */



/* Sidebar Styles 

#sidebar h3 {

	font-size: medium;

}



#sidebar ul, #sidebar ul ol {

	margin: 0 10px 10px 5px;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	font-size: smaller;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}

/* End Sidebar Styles */

/*

#sidebar ul {

	list-style-type: none;

	margin: 0 5px 10px;

	font-size: small;

}



#sidebar ul li h3 {

	font-size: 1.35em;

}



#sidebar ul li ul li {

	list-style-type: square;

}

*/

/* Seriously hacked out code for cool boxes */



.sidebox {

	margin: 0 auto; /* center for now */

	width: 17.5em; /* ems so it will grow */

	background: url('images/sbbody-r.gif') no-repeat bottom right;

	font-size: 100%;

}



.boxhead {

	background: url('images/sbhead-r.gif') no-repeat top right;

	margin: 0;

	padding: 0;

	text-align: left;

}



.boxhead h3 {

	background: url('images/mc-008a-27x30.jpg') no-repeat top left;

	margin: 0;

	padding: 8px 30px 8px 5px;

	font-weight: bold; 

	font-size: 1.2em; 

	line-height: .8em;

}



.boxbody {

	background: url('images/sbbody-l.gif') no-repeat bottom left;

	margin: 0;

	padding: 5px 5px 10px 2px;

}

/* ------------------------------ Sidebars from coffee cup-----------------------------------*/

#sidebar {

 float: left;

 width: 185px;

 margin: 0 0 0 10px;

 font-family: Arial, Verdana, Helvetica, sans-serif;

 font-size: 1.0em;

 text-align: left; /* IE hack Part 2 */

 display: inline;

}

#sidebar ul {

 position: relative;

}

#sidebar ul li {

 list-style-type: none;

 list-style-image: none;

 color: #4f4331;

}

#sidebar ul, #sidebar ul li {

 margin: 0;

 padding: 0;

}

#sidebar ul li ul{

 background: #bfb39b;

 border-top: 1px solid #fff4df;

 margin: 0 5px 2px 0px;

 padding: 1px 0 1px 5px;

 color: #4f4331;

}



#sidebar h2 {

 background: #7f7157;

 color: #fff4df;

 margin: 10px 5px 3px 0px;

 padding:  1px 0 1px 5px;

}

#sidebar a {

 display: block;

 padding: 2px;

 width: 160px;

 padding-left: 22px;

 border-bottom: 1px solid #fff4df;

 background-image: url(images/icon1.gif); 

 background-repeat: no-repeat;

 background-position: 0 55%;

 color: #4f4331;

 text-decoration: none;

}

#sidebar a:hover {

 display: block;

 padding: 2px;

 width: 160px;

 padding-left: 22px;

 border-bottom: 1px solid #fff4df;

 background-image: url(images/icon2.gif); 

 background-repeat: no-repeat;

 background-position: 0 55%;

 background-color: #cfc2a8; 

 color: #4f4331;

 text-decoration: none;

}

.navigation { font-weight: bold; display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }

/*

The following is the fix

for 3-pixel-jog bug in IE 

*/

/* Hide from IE5-mac. Only IE-win sees this. \*/ 

* html #content {

 /*margin-right: 7px;*/

}

* html #sidebar {

 height: 1%;

}

/* End hide from IE5/mac */