s/*  
Site Name: Megan Brigham Art
Site Designer/Developer: Collective Core
Version: 2.0

Built using Coda on a Mac.

This site was designed by the Collective Core,
you can visit us at http://www.CollectiveCore.com.

The below code is W3C valid CSS 2.

NOTES: Coding is an artform. Please respect our art by not reproducing it without written consent. We make our code
easily readable for learning purposes. Feel free to view our code as a tutorial, but please don't copy it verbadum.
Please contact the Collective Core at http://www.CollectiveCore.com/contact/ with any questions, comments, concerns,
or suggestions.

CSS Reset: Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

*/

/*----------------------------------------------------------------------------
 RESET CSS
-----------------------------------------------------------------------------*/

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;
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/*----------------------------------------------------------------------------
 GENERAL CSS
-----------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.4;
	color: #545454;
	background: #e8eef5 url(../images/bg.jpg) repeat 65%  0%;
}

a, a:link, a:active, a:visited {
	font-weight: 700;
	color: #545454;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

p {
	margin: 10px 0;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

h1 {
	font-size: 26px;
	margin: 10px 0 10px 0;
	text-transform: lowercase;
	padding-bottom: 10px;
}

h2 {
	font-size: 20px;
	margin: 20px 0 10px 0;
	text-transform: lowercase;
	padding-bottom: 10px;
	background: transparent url('../images/divider.gif') no-repeat scroll bottom center;
}

h2 a:link, h2 a:active, h2 a:visited {
	font-size: 20px;
	margin: 20px 0 10px 0;
	text-transform: lowercase;
}

h2 a:hover {
	text-decoration: underline;
}

h3 a, h3 a:link, h3 a:active, h3 a:visited {
	font-size: 20px;
	text-decoration: none;
	margin: 15px 0 0 0;
	float: right;
	width: 100px;
	text-transform: lowercase;
}

h3 a:hover {
	text-decoration: underline;
	text-transform: lowercase;
}

.hr {
	background: transparent url('/images/divider.gif') no-repeat scroll top center;
	border: 0;
	margin: 10px 0;
	clear: both;
	height: 1px;
	width: 100%;
	font-size:0;
}

#noScript {
	background: #FFCCCC;
	border-top: 3px solid #FF0000;
	border-bottom: 3px solid #FF0000;
	text-align: center;
	font-size: 12px;
	color: #FF0000;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#noScript img {
	border: 0;
}

#noScript p {
	margin: 5px 10px;
	padding: 0;
}

#securityQuestion {
	font-size: 16px;
	margin: 10px 0
}

#successNotify {
	background: #D6FFD8;
	border: 1px solid #A0D997;
	font-size: 14px;
	color: #436213;
	padding: 10px;
	margin: 20px 0 20px 0;
	height: 16px;
}

#errorNotify {
	background: #F7E5E5;
	border: 1px solid #F0C7C7;
	font-size: 14px;
	color: #852B3B;
	padding: 10px;
	margin: 20px 0 20px 0;
	overflow: hidden;
}

.processing {
	text-align: center;
	margin-top: 20px;
}

.facebook {
	float: right;
	margin: 50px 0;
	width: 125px;
	overflow: hidden;
}

/* ========== */
/* = Header = */
/* ========== */

#header {
	margin: 15px 180px 0 0;
	height: 61px;
	float: right;
	width: 710px;
	text-align: left;
}


/*----------------------------------------------------------------------------
 NAVIGATION CSS
-----------------------------------------------------------------------------*/

#navigation {
	float: left;
	width: 175px;
	margin-right: 5px;
	margin-top: 90px;
}

ul#navList {
	font-size: 20px;
	text-align: right;
	list-style-type: none;
	padding-left: 20px;
}

li#ccakesLink {
	margin-top: 50px;
}

.navLink {

}

.navLink a:link, .navLink a:active, .navLink a:visited {
	font-weight: 400;
}

.navSelected {
}

.navSelected a:link, .navSelected a:active, .navSelected a:visited {
}

.navSelected a:hover {
	text-decoration: none;
}

/*----------------------------------------------------------------------------
 BODY STRUCTURE CSS
-----------------------------------------------------------------------------*/

#pageContainer {
	margin-left: auto;
	margin-right: auto;
	width: 1080px;
}

#content {
	background: #ffffff;
	overflow: hidden;
	margin: 0 180px 0 0;
	width: 704px;
	float: right;
	border: #e9ecf3 5px solid;
}

#contentContainer {
	margin: 0 20px 20px 20px;
	overflow: hidden;
}

/*----------------------------------------------------------------------------
 FOOTER CSS
-----------------------------------------------------------------------------*/

#footer {
	margin: 15px 180px 0 0;
	height: 61px;
	float: right;
	width: 710px;
	text-align: left;
}

#copyright {
	float: left;
	margin-left: 10px;
}

#credit {
	float: right;
	margin-right: 10px;
}

/*----------------------------------------------------------------------------
 HOMEPAGE CSS
-----------------------------------------------------------------------------*/

#slideshowContainer {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}

#slideshow {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height:400px;
    width: 600px;
}

#slideshow A {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    filter:alpha(opacity=0); /* for IE */
}

#slideshow A.active {
    z-index:10;
    opacity:1.0;
    filter:alpha(opacity=100); /* for IE */
}

#slideshow A.last-active {
    z-index:9;
}

#thankYou {
	float: right;
	margin: 0 20px 0 10px;
}

/*----------------------------------------------------------------------------
 PORTFOLIO & Couture Cakes CSS
-----------------------------------------------------------------------------*/

#itemDetailsVertical h1, #itemDetailsHorizontal h1 {
	text-transform: none;
}

#breadcrumbs {
	margin: 5px 0;
	float: left;
}

#prevNext {
	margin: 5px 0;
	float: right;
}

.portfolioThumb {
	float: left;
	margin: 8px;
	text-align: center;
	font-size: 11px;
}

#itemImageHorizontal {
	float: left;
	margin: 15px 0 10px 0;
}

#itemDetailsHorizontal {
	float: left;
	margin: 20px 0 0 10px;
	width: 225px;
}

#itemImageHorizontalStrict {
	float: left;
	margin: 30px 0 10px 0;
}

#itemImageVertical {
	float: left;
	margin: 15px 0 10px 0;
}

#itemDetailsVertical {
	float: left;
	margin: 20px 0 0 10px;
}

#itemPrev {
	margin-top: 25px;
	float: left;
}

#itemPrev a, #itemPrev a:link, #itemPrev a:active, #itemPrev a:visited, #itemPrev a:hover {
	float: left;

}

a.itemPrev, a.itemPrev:link, a.itemPrev:active, a.itemPrev:visited {
	font-size: 20px;
	text-decoration: none;
	margin: 25px 0 0 10px;
	float: left;
}

a.itemPrev:hover {
	text-decoration: underline;
}

#itemNext {
	margin-top: 25px;
	float: right;
}

#itemNext a, #itemNext a:link, #itemNext a:active, #itemNext a:visited, #itemNext a:hover {
	float: right;

}

a.itemNext, a.itemNext:link, a.itemNext:active, a.itemNext:visited {
	font-size: 20px;
	text-decoration: none;
	margin: 25px 10px 0 0;
	float: right;
}

a.itemNext:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------------------------
 ABOUT CSS
-----------------------------------------------------------------------------*/

#aboutImage {
	text-align: center;
	margin-top: 20px;
}

.aboutParagraph p {
	text-indent: 15px;
	margin-left: 10px;
}

#links {
	margin-left: 10px;
}

#resumeDownload {
	font-size: 14px;
}

#resumeDownload a:link, #resumeDownload a:visited, #resumeDownload a:active, #resumeDownload a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.resumeContainer {
	margin-left: 20px;
	overflow: hidden;
	margin: 20px 0 0 10px;
}

.resumeContainer ul {
	list-style: disc;
}

.resumeContainer ul li {
	margin: 0 0 0 15px;
}

.resumeHeader {
	font-weight: 700;
	height: 100%;
	margin: 0 0 10px 0;
	font-size: 16px;
}

.resumeSectionL {
	float: left;
	width: 100px;
}

.resumeSectionR {
	float: left;
	width: 550px;
}

.resumeSection ul, .resumeSection li {
	margin: 0;
}

ul.resumeSectionHalf li {
	float: left;
	width: 300px;
}

/*----------------------------------------------------------------------------
 GENERAL FORM CSS
-----------------------------------------------------------------------------*/

.formField {
	margin: 20px 10px;
}

label.field {
	float: left;
	width: 150px;
	height: 35px;
}

.field input {
	padding: 3px;
}

.field input, .field textarea, .field select {
	border: 1px solid #d9d8d8;
}

.field textarea {
	padding: 3px;
	width: 325px;
	height: 150px;
}

input.error, textarea.error, select.error {
	border: 2px solid #F0C7C7;
}

form.contentForm {
	text-align: center;
	clear: both; 
	overflow: hidden;
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
}

div.contentField {
	float: left;
	margin: 0 0 20px 0;
}

div.contentField label {
	margin: 0 10px 0 0;
}

div.contentField input {
	border: 1px solid #d9d8d8;
	padding: 3px;
	width: 200px;
}

textarea.contentField {
	border: 1px solid #d9d8d8;
	padding: 3px;
	width: 650px;
	height: 200px;
}

input.contentSubmit {
	float: right;
	margin: 20px 0 0 0;
}

/*----------------------------------------------------------------------------
 COUTURE CAKES CSS
-----------------------------------------------------------------------------*/

#galleryDetails {
	float: left;
	width: 350px;
}

#galleryMap {
	float: right;
}