/*
Little Blue World Photography - MAIN CSS (main.css)
COPYRIGHT 2009 Little Blue World Photography. All Rights Reserved.
Design & Code by Red Crown Studio - http://www.redcrownstudio.com/
Author: Chris King
*/


/* COLOR PALLETTE
============================================================================
					
	Color - #000
	
	Text - #000
	Links - #000			
===========================================================================*/


/* GLOBAL 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, sup, 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;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/* GENERAL SELCTORS
---------------------------------------------------------------------------*/

body {font: 14px arial, helvetica, sans-serif; color: #808285; background: #c0d9e9;}
p {margin: 0 0 15px 0; line-height: 1.5em;}
/* HEADINGS */
	h1 {margin: 0 0 20px 0; font-size: 26px; font-family: Georgia, Times, serif; font-weight: normal; color: #57b7df;}
		h2 {margin: 20px 0 10px 0; font-size: 18px; font-family: Georgia, Times, serif; font-weight: normal; color: #000;}
			h3 {margin: 0 0 5px 0; font-size: 14px; font-family: Georgia, Times, serif; font-weight: bold; color: #000;}
				h4 {margin: 0 0 0 10px; font-size: 14px; font-family: Georgia, Times, serif; font-weight: bold; color: #000;}
				
	/* LINKS */
	a:link {color: #2299d5; text-decoration: none;}
	a:visited {color: #2299d5; text-decoration: none;}
	a:hover {color: #2299d5; text-decoration: underline;}
	a:active {color: #2299d5; text-decoration: none;}


/* LAYOUT
---------------------------------------------------------------------------*/

/* CONTAINER */
#container {}

	/* HEADER */
	#header {margin: 0 auto; padding: 20px 20px 10px 20px; width: 660px;}
	
		/* LOGO */
		#logo {float: left; width: 220px; height: 34px;}
			#logo a {float: left; width: 220px; height: 34px; background: url(../images/logo.png) 0 0 no-repeat;}
		
		/* MAIN NAV */
		#mainNav { float: right; margin: 20px 0 0; list-style-type: none; }
			#mainNav li {float: left; display: inline;}
				#mainNav li a { display: block; text-decoration: none; padding: 0 0 0 15px; font-family: Georgia, Times, serif; font-size: 14px; color: #808285; text-transform: uppercase; }
				#mainNav li a:hover { color: #000; padding-left: 15px; }
		
		/* CONTENT */
		#content {margin: 0 auto; padding: 20px; width: 660px; background-color: #fff; -webkit-box-shadow: 0 2px 5px #999; -moz-box-shadow: #999 0 2px 5px;}
		
			/* CONTACT FORM */
			/* BASIC FORM */
			#basicForm {width: 540px;}
				#basicForm fieldset {margin: 10px 0 20px 0;}
					#basicForm legend {display: none;}
						#basicForm label {clear: left; float: left; margin: 15px 10px 0 0; width: 140px; font-family: Georgia, Times, serif; font-size: 14px; font-weight: bold; color: #657780; text-align: right;}
						#basicForm input {float: left; margin: 10px 0 0 0; padding: 7px 5px 7px 5px; width: 378px; border: 1px solid #999; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #808285; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
						#basicForm textarea {float: left;  margin: 10px 0 0 0; padding: 5px; width: 378px; border: 1px solid #999; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #808285; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
						#basicForm input.submit {padding: 5px 10px; margin: 10px 0 0 150px; border: none; width: 100px; background-color: #57b7df; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff;}
						#basicForm input.submit:hover {background-color: #333; border: none;}
						#basicForm input:hover, #basicForm textarea:hover {border: 1px solid #333;}
		
			/* SLIDESHOW */
			#slideShow {width: 660px; height: 513px; background: url(../images/slideshow.png) 0 0 no-repeat;}

/* GENERIC CLASSES
---------------------------------------------------------------------------*/

.hide {display: none;}
.clear {clear: both;}

.box10Pad {margin: 0 0 20px 0; padding: 10px; border: 1px solid #666;}
.box20Pad {margin: 0 0 20px 0; padding: 20px; border: 1px solid #666;}

.thumbWrap {margin-bottom: 20px; text-align: center;}	
	.thumb {margin-bottom: 5px; border: 1px solid #666;}
#content2 {margin: 0 auto; padding: 20px; width: 604px; background-color: #fff;}
#contentindex {margin: 0 auto; padding: 20px 20px 0; width: 660px; background-color: #fff; -webkit-box-shadow: 0 2px 5px #999; -moz-box-shadow: #999 0 2px 5px;}
h5 { margin: 2px 0 3px; font-size: 12px; font-family: Georgia, Times, serif; color: #999; font-weight: bold; }
h6 { margin: 2px 0 3px; font-size: 12px; font-family: Georgia, Times, serif; color: #999; font-weight: normal; font-style: normal; }
#centered {margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; height: 650px;}