/*  

Theme Name: Ala Moana

Theme URI: http://jimmitchell.org/projects/themes/ala_moana

Description: jimmitchell.org theme for Wordpress

Version: 1.6.2

Author: Jim Mitchell

Author URI: http://jimmitchell.org/



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/



/* html selectors --------------------------------- */



html, body {

	font-style: normal;

        font-family: "lucida grande", verdana, helvetica, sans-serif;

        font-size: 12px;

	margin: 0;

	padding: 0;

	background: #eee;

	color: #121212;

}



h1, h2, h3, h4, h5, h6 {

	font-family: verdana, helvetica, sans-serif;

	font-weight: normal;

	margin: 0;

	padding: 0;

}



a:link, a:visited {

	color: #92494C;

	text-decoration: none;

}



a:hover {

	color: #CC666A;

	text-decoration: underline;

}



a:active {

	color: #698754;

	text-decoration: underline;

}



blockquote {

	border-left: 3px solid #ddd;

	padding: 0;

	margin: 10px;

	padding-left: 10px;

	margin-bottom: 20px;

	line-height: 180%;

	font-style: italic;

}



code {

	font: 1em "Lucida Console", "Courier New", "Courier", monospace;

}



/* -- UTILITY : This id preloads theme images without the need for JavaScript -- */



#preloadImages {

	width: 0;

	height: 0;

	display: inline;

	background-image: url(images/back.png);

	background-image: url(images/bg_blog.png);

	background-image: url(images/bg_wide.png);

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

	background-image: url(images/comment.png);

	background-image: url(images/delicious.png);

	background-image: url(images/doc.png);

	background-image: url(images/external-link.png);

	background-image: url(images/folder.png);

	background-image: url(images/nav_bg.png);

	background-image: url(images/next.png);

	background-image: url(images/trackback.png);

	background-image: url();

}



/* page margins ---------------------------------- */



#blog, #page {

	width: 850px;

	padding: 0 6px;

	margin: 0 auto;

	background: #fff ;

}
/* url(images/bg_blog.png) repeat-y */


#page {

	background: #fff ;

}
/* url(images/bg_wide.png) repeat-y */


/* banner --------------------------------- */



#banner {

	width: 850px;

	height: 130px;

	padding: 0;

	margin: 0;

	background: #698754 url(images/banner.gif);

}



#banner h1 {

	padding: 20px 0 0 25px;

	font-size: 2.46em;

	color: #E0C452;

}


#banner h3 {

	padding: 20px 0 0 25px;

	font-size: 1.12em;

	font-weight: normal;

	color: #C7D6BD;

}



/* navigation --------------------------------- */



#nav {

	width: 850px;

	background: #333 url(images/nav_bg.png) repeat-x;

	border-top: 1px solid #555;

	border-bottom: 1px solid #333;

	padding: 0;

	margin: 0;

	float: left;

}



#nav ul {

	width: 100%;

	padding: 0;

	margin: 0;

	list-style-type: none;

	float: left;

}



#nav li {

	padding: 0;

	margin: 0;

	display: inline;

}



#nav a {

	width: auto;

	padding: 7px 25px 7px 25px;

	margin: 0;

	font-size: .86em;

	text-decoration: none;

	color: #C7D6BD;

	display: block;

	float: left;

}



#nav a:hover {

	background: #454545;

	color: #E2F7D4;

}



.current_page_item a {

	color: #E0C452;

}



/* main content --------------------------------- */



#main {

	width: 590px;

	padding: 10px 30px;

	float: left;

}



#wide {

	width: 650px;

	padding: 10px 50px;

	float: left;

}



#main p, #wide p {

	line-height: 140%;

}


#main header2 {

	font-size: 13px;

	font-style: normal;

	font-weight: bold;

	font-color: #003366;

}

#main style6 {

	font-weight: bold;

}



#main h2, #wide h2 {

	margin: 15px 0 3px 0;

	font-size: 1.46em;

	color: #3F5C75;

}



#main h2 a, #wide h2 a {

	color: #3F5C75;

}



#main h3, #wide h3 {

	font-size: 1em;

	font-weight: normal;

	color: #3F5C75;

}



a.extlink, a.extlink {

	padding-right: 10px;

	background: #fff url(images/external-link.png) no-repeat right center;

}



#main ul, #main ol {

	line-height: 180%;

}



#main h2.pagetitle, #wide h2.pagetitle {

	font-size: 1.36em;

	margin: 15px 0 3px 0;

	color: #92494C;

}



.img_border {

	padding: 3px;

	margin: 3px;

	border: solid 1px #ddd;

}



.img_left {

	float: left;

	margin-right: 4px;

	margin-bottom: 2px;

}



.img_right {

	float: right;

	margin-left: 4px;

	margin-bottom: 2px;

}



.meta {

	font-size: .8em;

	color: #bbb;

	border-top: 1px solid #ccc;

	margin: 15px 0 30px 0;

	padding-top: 5px;

}



.meta a:link, .meta a:visited {

	color: #bbb;

}



.meta a:hover {

	color: #CC666A;

}



.meta a:active {

	color: #698754;

}



.meta span {

	padding-left: 14px;

	background: #fff url(images/doc.png) no-repeat left center;

}



.meta span.tags {

	background-image: url(images/folder.png);

}



.meta span.comments {

	background-image: url(images/comment.png);

}



.meta span.trackback {

	background-image: url(images/trackback.png);

}



.meta span.delicious {

	background-image: url(images/delicious.png);

}



.postnav {

	width: 100%;

	float: left;

	font-size: .8em;

	list-style: none;

	margin: 0;

	padding: 0;

}



.postnav li.left {

	display: block;

	float: left;

}



.postnav li.right {

	display: block;

	float: right;

}



.left a {

	padding-left: 16px;

	background: #fff url(images/back.png) no-repeat left center;

	color: #bbb;

}



.right a {

	padding-right: 16px;

	background: #fff url(images/next.png) no-repeat right center;

	color: #bbb;

}



.left a:hover, .right a:hover {

	color: #CC666A;

}



.left a:active, .right a:active {

	color: #698754;

}



#mo_archive, #cat_archive {

	width: 325px;

	margin-bottom: 30px;

	float: left;

}



#mo_archive ul, #cat_archive ul {

list-style: none;

}



/* images --------------------------------- */



#main p img, #wide p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */

	

.img_border {

	padding: 3px;

	margin: 3px;

	border: solid 1px #5D6772;

	max-width: 100%;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

	

img.alignright, .img_right {

	margin-left: 6px;

	margin-bottom: 2px;

	padding-top: 6px;

	display: inline;

	}



img.alignleft, .img_right {

	margin-right: 6px;

	margin-bottom: 2px;

	padding-top: 6px;

	display: inline;

	}



.alignright, .img_right {

	float: right;

	}

	

.alignleft, .img_left {

	float: left

	}

/* End Images */



/* comments & trackbacks --------------------------------- */



.comment_area, .trackback_area {

	border: 1px solid #C7D6BD;

	padding: 0 15px;

	margin-bottom: 30px;

	background: #E2F7D4;

}



.comment_area ol {

	list-style: none;

	margin: 0;

	padding: 0;

}



.comment_area li {

	margin-bottom: 25px;

}



.comment_area form li {

	margin-bottom: 0;

}



.comment_area p {

	padding: 0;

	margin-bottom: 0;

}



.commenter {

	border-bottom: 1px solid #C7D6BD;

	font-weight: bold;

	color: #698754;

	padding-left: 0;

	margin-left: 0;

}



.comment_info {

	font-size: .8em;

	font-weight: normal;

	color: #3F5C75;

	margin-left: 25px;

}



.comment_number {

	font-family: georgia, times, serif;

	font-size: 2.46em;

	color: #C7D6BD;

	margin-left: 0;

	margin-right: 5px;

}



.submit {

	font-weight: bold;

	color: #698754;

	padding-left: 0;

}



.comment_area textarea {

	width: 100%;

}



.trackback_area ol {

	list-style: none;

	padding: 5px;

	padding-left: 15px;

}



.trackback_area li {

	line-height: 180%;

}



/* sidebar --------------------------------- */



#side {

		width: 169px;

		float: left;

		padding: 15px;

}



#side h2 {

	font-size: 1.1em;

	padding-top: 10px;

	margin-bottom: 5px;

	color: #92494C;

}



#side p {

	font-size: 10px;

}



#side ul {

	list-style: none;

	font-size: 10px;

	width: auto;

	margin: 0;

	padding: 0;

	padding-bottom: 15px;

	border-top: 1px solid #ccc;

}



#side ul.sidelist {

	padding-bottom: 15px;

}



#side ul a {

	padding: 5px 0;

	width: 94%;

	padding-left: 6%;

	display: block;

	text-decoration: none;

	border-bottom: 1px solid #ccc;

	color: #444;

}



#side ul ul {

	border: none;

}



#side ul ul a {

	width: 90%;

	padding-left: 10%;

}



#side ul ul ul a {

	width: 85%;

	padding-left: 15%;

}



#side ul ul ul ul a {

	width: 80%;

	padding-left: 20%;

}



#side ul a:hover {

	background: #EFF0A9;

}

/* sidebar2 --------------------------------- */



#side2 {

		width: 169px;

		float: left;

		padding: 15px;

}



#side2 h2 {

	font-size: 1.1em;

	padding-top: 10px;

	margin-bottom: 5px;

	color: #92494C;

}



#side2 p {

	font-size: 10px;

}



#side2 ul {

	list-style: none;

	font-size: 10px;

	width: auto;

	margin: 0;

	padding: 0;

	padding-bottom: 15px;

	border-top: 1px solid #ccc;

}



#side2 ul.sidelist {

	padding-bottom: 15px;

}



#side2 ul a {

	padding: 5px 0;

	width: 94%;

	padding-left: 6%;

	display: block;

	text-decoration: none;

	border-bottom: 1px solid #ccc;

	color: #444;

}



#side2 ul ul {

	border: none;

}



#side2 ul ul a {

	width: 90%;

	padding-left: 10%;

}



#side2 ul ul ul a {

	width: 85%;

	padding-left: 15%;

}



#side2 ul ul ul ul a {

	width: 80%;

	padding-left: 20%;

}



#side2 ul a:hover {

	background: #EFF0A9;

}




/* footer --------------------------------- */



#foot {

	width: 750px;

	background: #333 url(images/nav_bg.png) repeat-x;

	padding: 0;

	margin: 0;

	clear: both;

}



#foot p {

	padding: 7px 0;

	font-size: .8em;

	color: #C7D6BD;

	margin: 0;

	text-align: center;

}



#foot p a:link, #foot p a:visited {

	color: #E0C452;

	text-decoration: none;

}



#foot p a:hover, #foot p a:active {

	text-decoration: underline;

}

	



/* misc stuff --------------------------------- */



ul.linklist, ul.linklist ul {

	list-style: none; 

	margin: 0;

	padding: 0;

}



ul.linklist {

	padding-left: 25px;

	padding-bottom: 25px;

}



ul.linklist h2 {

	font-size: 1.18em;

	margin: 15px 10px 10px 10px;

	color: #3F5C75;

}



ul.linklist a {

	padding: 0.2em 0;

	padding-left: 3%;

	line-height: 180%;

}



#searchform fieldset {

	padding: 0;

	margin: 0;

	border: 0px solid #fff;

}



#searchform fieldset input {

	width: 94%;

	margin-left: 3%;

}



#searchform legend, #searchform label {

	display: none;

}



#side ul.cloud {

	list-style: none; 

	padding: 0;

	margin: 0;

	margin-bottom: 15px;

	border: none;

}



#side ul.cloud a {

	border-bottom: none;

	padding: 0;

	margin: 0;

	display: inline;

}



#side ul.cloud a:hover {

	background: #fff;

}



.cloud img {

	border: solid 1px #bbb;

	margin: 2px;

	margin-top: 0;

}



.flickr {

	color: #06c;

}



.flickr span {

	color: #c00;

}



.contactform {

	padding: 0 10px;

	margin: 0 20px;

	background: #E2F7D4;

	border: 1px solid #C7D6BD;

}