/************************************************************************

	Site:		MegganDesign.com
	Author:		Meggan		[www.meggandesign.com]  
	
	Listing Order:
	==============

	1 - Global styles
	2 - Structure/Layout
		a - Container backgrounds
		b - Navigation
		c - Home/About
		d - Resume
		e - Portfolio
		f - Contact 
		g - Footer
		h - Miscellaneous

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background-color: #cef;
	background-image: url('images/bg.jpg');
	background-repeat: repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 67.5%; /* Resets 1em to 10px */
	line-height: 1.2em;
	color: #333;
}

abbr, acronym {
	cursor: help;
}


a:link, a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #b3e6ff;
	background-color: #f3faff;
}
a:hover, a:active {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #333;
	background-color: #f3faff;
}

h2 {
	font-size: 110%;
	margin: 25px 0 3px 0;
}
h3 {
	font-size: 105%;
	margin: 0 0 5px 0;
}

/* CONTAINER BACKGROUNDS ****************************************/

#container, #containerport, #containercontact, #containerresume {
	width: 600px;
	min-height: 540px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
#container {
	background-image: url('images/contentbg.jpg');
}
#containerport {
	background-image: url('images/portfoliobg.jpg');
}
#containercontact {
	background-image: url('images/contactbg.jpg');
}
#containerresume {
	background-image: url('images/resumebg.jpg');
}

/* NAVIGATION ***************************************************/

#nav {
	height: 53px;
}

#nav a {
	border: 0;
}

#nav ul {
	list-style-type: none;
	width: 420px;
	margin: 0 0 0 55px;
	text-align: center;
	}
#nav ul li {
	display: inline;	
	text-align: center;
}
#nav ul li img {
	vertical-align: bottom;
	margin: 15px 13px 0px 15px;
}

/* HOME/ABOUT ***********************************************/

#about, #projectabout {
	height: 175px;
	width: 420px;
	text-align: left;
	margin: 0 auto;
}

#about h1 {
	margin-top: 22px;
}

#about p {
	width: 300px;
}

#floatbox {
	width: 450px;
	margin: 0 auto;
}

#featured {
	height: 215px;
	width: 200px;
	float: left;
}
#featured p {
	font-size: 95%;
	margin-top: 5px;
}

#featured .featuredproject {
	border: 2px solid #b3e6ff;
	text-decoration: none;
}

#featured a:hover img, #featured a:active img {
	text-decoration: none;
	border: 2px solid #333;
}

#recent {
	height: 215px;
	width: 220px;
	float: right;
	margin-right: 5px;
	text-align: left;
}

#recent h1 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#recent h2 {
	font-size: 90%;
	margin-bottom: 3px;
}
#recent p {
	margin-top: 3px;
}

/* RESUME ***************************************************/

#rrresume, #portfolio {
	width: 430px;
	text-align: left;
	margin: 0 auto;
}
#rrresume {
	width: 420px;
	padding-top: 5px;
}
.moveinline {
	display: inline;
}
#rrresume h1 { margin: 10px 0 7px 0; }
#rrresume h2 { margin: 5px 0 0 0; }
#rrresume h3 { margin: 0 0 -5px 0; }
#rrresume p { margin-bottom: 2px; }

.pdf {
	float: right;
	margin: 6px 2px 7px 7px;
}

.pdf small { display: none; }

/*#resumefirstbox { margin-bottom: 20px; }*/

#resumefooter {
	width: 480px !important;
	background: url(images/footerbg.png) no-repeat center;
}


#experience, #therest {
	margin: 5px 0 0 -30px;
	background: url('images/boxrepeat.png') repeat-y;
	background-position: 12px;
	width: 450px;
	padding: 0 20px;
}
.boxtop {
	background: url('images/boxtop.png') no-repeat center;
	width: 480px;
	height: 27px;
	margin: 18px 0 -7px -30px;
}

#qualifications {
	margin-top: 7px;
}

#therest h2, #experience h2 {
	padding-left: 17px;
	margin-bottom: 3px;
}

.addpadding { padding: 0 16px; }

ul .addpadding { padding-left: 25px; }

#therest .addpadding { padding: 0 20px; }

#therest ul, #experience ul { margin: 4px 0 12px 35px; }

.boxbottom {
	background: url('images/boxbottom.png') no-repeat bottom;
	width: 457px;
	height: 27px;
	margin: -15px 0 0 -18px;
	/*padding: 20px 0;*/
}

#rrresume em {
	display: block;
}
.date { display: block; font-variant: small-caps; float: right;}

#therest h3, #experience h3 {
	margin: 5px 0 -10px 0;
}

/* PORTFOLIO **************************************************/

#sidebar {
	width: 100px;
	float: right;
	margin: -40px 20px 0 -25px;
}

#sidebar ul {
	list-style-type: none;
	margin: 60px 0 0 0;
}
#sidebar ul li {
	margin-bottom: 4px;
}
#sidebar ul li a:link img, #sidebar ul li a:visited img {
	border: 2px solid #b3e6ff;
}

#sidebar ul li a:hover img, #sidebar ul li a:active img {
	border: 2px solid #333;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	border-bottom: none;
	text-decoration: none;
}

#sidebar ul li a:hover, #sidebar ul li a:active {
	border-bottom: none;
	text-decoration: none;
}

#plocontent {
	width: 300px;
	float: left;
}

#projectabout, #description {
	width: 300px;
}

#description {
	height: 196px;
}

.screen {
	float: right;
	margin: -20px 5px 5px 5px;
	border: 2px solid #b3e6ff;
}

/* CONTACT *************************************************/

#contact {
	width: 450px;
	margin: 23px auto 0 auto;
	text-align: left;
	height: 390px;
}

#contactbox {
	width: 255px;
	float: left;
	margin: 7px;
}

#contactsidebar {
	width: 160px;
	float: right;
	margin: -35px 7px 0 2px;
	line-height: 1.5em;
}

#contactsidebar p {
	width: 135px;
	margin: 20px auto 0 auto;
}

fieldset {
	border: 0;
}

#contact input, #contact select, #contact textarea {
	border: 2px solid #b3e6ff;
	background-color: #fff;
	background-image: url(images/boxgradient.gif);
	background-repeat: repeat-x;
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	width: 140px;
}

#contact textarea {
	font-size: 100%;
	width: 200px;
}

#contact textarea:focus, #contact input:focus {
	background-image: url(images/minibunny.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border: 2px solid #bbb;
}

/* FOOTER ****************************************************/

#footer, #resumefooter {
	height: 63px;
	width: 430px;
	clear: both;
	text-align: center;
	margin: 0 auto;
}

#footer p, #resumefooter p {
	padding-top: 15px;
	font-size: 95%;
}

/* MISCELLANEOUS **********************************************/

.alignright {
	float: right;
	margin: 0 2px 7px 7px;
}
.bunnyalign {
	vertical-align: bottom;
	margin: 55px 0 3px 25px;
}