/*  
Theme Name: Chiang Mai
Description: A Thailand-inspired design
Author: Laura Veprek
Created: April 2009
*/

/* -----Core Structure -------*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background: #000;
	padding:0;
	margin:0;
	color: #333;
	line-height:1.8em;
}
	
#wrapper {
	text-align: left;
	margin: 0 auto 1.8em auto;
	width: 100.4em; /* 1004px/10px = 100.4em */
	max-width: 100.4em; 
	background: url(images/banner1.jpg) no-repeat top center;
	}

#header {
	width: 96%;
	margin: 1.8em 2em;
	color:#fff;
	}

#menu {
	float: right;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.1em;
	}
		
#content {
	float:left;
	font-size: 1.2em;
	width: 96%;
	margin:0;
	padding: 0 1.99%;
	background-color:#fff;
	display:block;
	}
	
#single, #sidebar {width: 14.94%;}
#double, #intro-col {width: 31.95%;}
#triple, #blog {width: 48.96%;}
#quad {width:65.98%;
	margin:0 1.07%;
	padding: 0 .8%;
	}
#cinq {width: 82.99%;}

#single {float:left;}
#sidebar {
	float:right;
	margin:0;
	}
	
#intro-col {
	float:left;
	margin: 0;
	}

#blog {
	float:left;
	margin:0 1.07%;
	padding: 0 .8%;
	border-right: 1px dashed #f3bbc4;
	border-left: 1px dashed #f3bbc4;
	}
	
#featured, #about, #links, #delicious {
	margin: 0 0 2em;
	}

#footer { 
	clear: both;
	width: 96%;
	color:#8ed64f;
	padding: 1.8em 0;
	margin: 0 2em;
	}

h1 {float: left; padding: 0;}

#menu ul {
	float:left;
	display:inline;
	}

#menu li {
	display:inline;
	padding: .5em 1em;
	float:left;
	}	
	
/* --------Header Styles---------- */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gill Sans', Arial, Sans-Serif;
	font-weight: normal;
	color: #d13857; 
	}

h1, h2, h3 {text-transform: uppercase;}

/* -----Basic Styles-------*/

	/* paragraph styles */
	p {margin: .5em 0; padding: 0;}
	#featured p {}
	#footer p {margin:0; padding:0; text-align: center;}	

	/* list styles */
	ul,ol {margin:0;padding:0;}
	li {list-style:square;list-style-position: inside;}
	#single li {list-style-type: none;}

img {border:0;}
	.post img {float: right; margin: 0 0 1.8em 1.8em;}
	#alex .post img {float: left; margin:0 .5em 0 0;}
small {font-size: .83em; text-transform: uppercase;color:#666;}
	
.right {float:right;}
.left {float:left;}
.thumbnail {float:right; padding: 5px; background-color:#eee; border:1px solid #867C71;}

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {display:inline-table;}
/* backslash hack hides from IE Mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end backslash hack */

/* -------- Link Styles ------------*/

a:link, a:visited {color: #80a139;text-decoration: none;}
a:hover {}
a img {border: 0;}

	#menu a, #menu a:visited {
		float:left;
		display:block;
		margin: 0 1px 0 0;
		padding: 4px 8px;
		color:#8ed64f;
		text-decoration: none;
		border: none;
		}
	#menu a:hover{color: #fff;}
	#menu a:hover {	border: none;}

	h2.delicious-banner a {color:#d13857;}
	#blog h3 a {color: #f8688c;}
	#footer a:link, #footer a:visited {color:#fff;}
	#footer a:hover {border-bottom: 1px dotted #fff;}

/* Begin Entry Styles

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry img {border:1px solid #333; padding:0; margin-bottom: 5px; }

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {	margin: 7px 0 8px 10px;	}

.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020";	}
.entry ol {	padding: 0 0 0 35px;	margin: 0;	}
.entry ol li {	margin: 0;	padding: 0;	}

p.postmetadata {clear: both; display: block;}
p.alt { background-color: #DAECF2; border-top: 1px dotted #3399B9;border-bottom: 1px dotted #3399B9;} 
.postmetadata small { text-transform: none;}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center; }
/* End Entry Lists */

/* Begin Form Elements */
select {width: 130px;}

#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 0;float: right;}

#form {width: 90%; background-color:#ffdfdf; margin: 0 auto;}
div.contactform {margin: 10px;}
.contactform p {text-align: left;}
#contactsubmit {float:right;}
/* End Form Elements */

/* Begin Comments */
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
/* End Comments */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */


/* Begin Various Tags & Classes */

acronym, abbr {
	border-bottom: 1px dashed #999;
	}
a acronym, a abbr {
	border: none;
	}
acronym, abbr, span.caps
	{
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07em;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
.center {
	text-align: center;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
	
/* Portfolio Styles */
ul#portfolio {margin:0;}
ul#portfolio li {margin-right:0; list-style-type:none; float:left;}
ul#portfolio li img {border: 2px solid #000;}

/* end Portfolio Styles */

/* Gallery Styles */

h2#photopage {text-transform:none; letter-spacing:0;margin-left:.5em;}

.ngg-album {margin: 0 0 1.8em;}
.ngg-thumbnail {float: right;padding-left:1em;}
#album a,#album a:visited, #album a:hover, #album a:active {border:0;}
.ngg-description p {margin:0;padding:0;}

.ngg-imagebrowser h3, .ngg-albumtitle h3 {}
.ngg-imagebrowser img {border: 5px solid #333;}

.ngg-imagebrowser-nav {float:right;}
.ngg-imagebrowser-nav div.counter {clear:both;padding: 1em 0 1.8em;}
.ngg-imagebrowser-nav a, .ngg-imagebrowser a {border:0;}

.ngg-galleryoverview {margin-left:1em;}
.ngg-gallery-thumbnail-box {float:left;}
.ngg-gallery-thumbnail-box a, .ngg-gallery-thumbnail-box a:visited, .ngg-gallery-thumbnail-box a:hover {border:0;}

.ngg-imagebrowser {}
.ngg-imagebrowser .counter {margin: 1em 0 0; float: right;color:#a2a2a2;}
.ngg-imagebrowser-desc {clear:both;}
.ngg-imagebrowser-desc p {margin:0 0 1.8em;}
div.album-link {margin-bottom:1em;}

/* contact form */
div.contactleft {clear: both; float: left; margin: 1em 0;}
div.contactright {float:right;}
div.contactform input, div.contactform textarea {border: 1px solid #FFBFD5;}
input#contactsubmit {border: 2px solid #FFBFD5; border-bottom: 2px solid #FF7FC1; border-right: 2px solid #FF7FC1; margin: 1em 0; background-color: #fff;}

table#entities {
	border: 1px solid #ddd;
	margin: 0 auto 2em;
	}
table#entities caption {
	font-variant: small-caps;
	margin: 2em 0 .5em;
	}
table#entities tr.alt {
	background-color: #eeeceb;
	}
table#entities td, table#entities th {
	padding: .5em 1em;
	}
table#entities th {
	border-bottom: 1px solid #80766a;
	background-color: #a9a19a;
}

/* Alex */

.memo {font-family: "american typewriter", "courier new", courier, serif;}
	.memo img {margin: 0 auto;}
#alex #single li {border-bottom:1px solid #ccc; padding: .5em 0;}