/* MaryLiz Bender's Super-Clean and Absolutely Fantastical CSS

Please feel free to get some ideas from my code.  I'd appreciate 
if you didn't copy it competely, but you're welcome to use it as 
a source of reference for your own stylesheet. <3 MaryLiz  */

/*######################################
  =Element Styles
######################################*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0}
fieldset,img {border:0}
h2, h3, h4 {margin:15px 0}
h2 {font-size:28px; font-weight:normal}
h3 {font-size:24px; color:#69ee67; font-weight:normal}
h4 {font-size:18px; color:#69ee67}
a {outline:none; color:#68e2e7}
	a:hover {text-decoration:none}

/*######################################
  =General Layout Styles 
######################################*/

body {font-size:14px; font-family:Helvetica, Arial, sans-serif; color:#fff; background:#092330 url(../images/body_bg.jpg) left top repeat-x}

#wrapper {background:url(../images/subpage_content_top.jpg) 50% 109px no-repeat}

#header {margin:0 auto; padding:0 20px; width:920px}
	h1 {float:left; margin-top:15px}
		h1 a {display:block; width:221px; height:68px; text-indent:-999em; background:url(../images/maryliz_logo.png) left 50% no-repeat}
	#navigation {float:right; list-style-type:none; font-size:18px}
		#navigation li {float:left}
			#navigation li a {display:block; padding:50px 0 0 0; width:124px; height:59px; text-align:center; text-decoration:none}
			/* Hover and Active states */
			#navigation li a:hover,
			#portfolio_page #portfolio_link a,
			#blog_page #blog_link a,
			#about_page #about_link a,
			#contact_page #contact_link a, #thanks_page #contact_link a {color:#fff; background:url(../images/nav_hover.jpg) left top no-repeat}
			
#content {clear:both; overflow:hidden; margin:0 auto; padding:10px 20px 235px 20px; width:920px; background:url(../images/content_bg.jpg) 50% bottom no-repeat}
	#content p, #content ul, #content ol, #content dl {margin:15px 0; line-height:1.5em; text-align:justify}
	#content img {float:right; margin-left:15px}
	
#footer {width:100%; padding:20px 0; font-size:12px; background:#031119 url(../images/footer_bg.jpg) left top repeat-x}
	#footer ul {overflow:hidden; width:930px; padding:0 15px; margin:0 auto}
		#footer ul li {float:left; display:inline; margin-right:5px}
		#footer ul #copyright, #footer ul #top {margin-top:3px}
		#footer ul #top {margin-right:275px; padding-left:5px; border-left:1px solid #fff}		
		#footer ul #twitter, #footer ul #flickr, #footer ul #lastfm {display:block; margin-left:45px}
			#footer ul #twitter a, #footer ul #flickr a, #footer ul #lastfm a {display:block; height:17px; text-indent:-999em}
			#footer ul #twitter a {width:74px; background:url(../images/twitter_logo.jpg) left top no-repeat}
			#footer ul #flickr a {width:55px; background:url(../images/flickr_logo.jpg) left top no-repeat}
			#footer ul #lastfm a {width:54px;background:url(../images/lastfm_logo.jpg) left top no-repeat}		
		
/*######################################
  =Homepage Layout Styles 
######################################*/

#homepage #wrapper {background:none}
	#homepage_feature {clear:both; margin:0 auto; padding-top:40px; width:1263px; height:378px; text-align:center; background:url(../images/homepage_hero_bg.jpg) 50% top no-repeat}
	.bio {float:left; display:inline; margin-right:20px; width:293px}
		#content .last {margin:0}
		
/*######################################
	=Portfolio Layout Styles 
######################################*/

.porfolio_work {clear:both; float:left}
	.portfolio_details {clear:both; float:left; display:inline; margin-right:15px; width:430px}
		.portfolio_details em {font-size:.9em; color:#929da3}
		.screenshot_link {padding-left:30px; background:url(../images/camera_icon.jpg) left 30% no-repeat}	
	#content .screenshot {float:right}
		#content .screenshot img {margin:0}
	.gallery {display:none;}
			
/*######################################
	=Contact Layout Styles 
######################################*/

form {float:left; width:430px}
	form label {font-weight:bold; color:#69ee67}
	input, textarea {width:450px; padding:5px; font-size:14px; line-height:1.5em; font-family:Helvetica, Arial, Verdana, sans-serif}
	#submit {width:120px; height:30px; font-weight:bold}
	form .hidden {display:none}
#map {float:right; width:430px}
	#map iframe {width:425px; height:238px}
	
/* Remove content background image from the pages with little content */
#blog_page #content, #thanks_page #content, #exception_page {background:none}


/*######################################
	=Spain Trip Styles 
######################################*/

#spain_trip {padding:50px; text-align:center; color:#000; background:#fff}
	#spain_trip p {margin-bottom:30px}
	#spain_trip a {color:#2200CC}