/* CSS reset from serenedestiny.com who took most of it from eric meyer's css 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.01%; 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; }
blockquote, q { quotes: none; }

/* Safari doesn't support the quotes attribute, so we do this instead. */
blockquote:before, blockquote:after, q:before, q:after
{ /* CSS 2; used to remove quotes in case "none" fails below. */
content: "";
/* CSS 2.1; will remove quotes if supported, and override the above. User-agents that don't understand "none" should ignore it, andkeep the above value. This is here for future compatibility,though I'm not 100% convinced that it's a good idea... */
content: none; }

textarea { overflow: auto; }
input { border: 0px solid white; margin: 0;  padding: 0; }
/* That's the end of the css reset*/

/* Beginning of the actual css */
body { background-color: #424242; font-weight:100; }
h1 { font-family:garamond, "apple garamond", "times new roman", serif; font-size: 1.8em; font-weight:100; color:#eee; width:300px; z-index:9995; text-indent:-9999px; background: url(bronwenmarshall-logo.png) no-repeat;position:fixed;top:10px;left:50%;margin-left:-150px;height:85px; }
h2,h3 { padding:20px 0px 10px 0px; font-family:garamond, "apple garamond", "times new roman", serif; font-size:1.3em; font-weight:100;z-index:9995;}
#links { font-family: helvetica, sans-serif; color: #eee;}

#left { position:absolute; width:40px; top:5px; left:10px; height:95%; padding-right:5px; z-index:9999; opacity:0.5; }
#left:hover { opacity:1; }
#right { position:fixed; width:20px; top:5px;height:95%; padding-left:5px; opacity:0.5;right:25px; }
	#left .section { float:left; width: 15px; margin-top: 5px; padding-right:5px; padding-bottom: 50px; }
	#left .numbers li { width:15px;margin: 0px; height: 0.85em; float:left; }
	#right .section { float:right; width: 15px; margin-top: 5px; padding-left:5px; padding-bottom: 60px; }
	#right .numbers li { margin: 0px; height: 0.85em; float:left; }
	#right a:hover { background-color:transparent; }
	#right:hover { opacity:1; }

.group { width:40px; clear:both; /*height:135px;*/ padding-bottom: 30px; }
.numbers { width:40px; /*height: 135px;*/ display: block; }

a:link, a:visited { color: #bbb; text-decoration:none; margin:0px; padding: 0px 5px;  font-family: helvetica, sans-serif; font-weight: lighter; font-size: 0.7em; }
a:hover, a:active, #right a:hover, #right a:active { color: #424242; text-decoration:line-through; margin:0px; padding: 0px 5px; background-color:#bbb; font-family: helvetica, sans-serif; font-weight: lighter; font-size: 0.7em; }

#credits { position:fixed; top:170px; left:50%; margin-left:-250px; width:500px;  z-index:9999; color: #bbb; /*font-size:1.1em;*/ font-weight:lighter; font-family: helvetica,arial, sans-serif; text-align:center; line-height:1.3em;}
#credits h1 { font-family:garamond, "apple garamond", "times new roman", serif; font-size: 1.8em; font-weight:100; color:#eee;}
#infoheader { text-align:left;position:relative; }
#credits a:link, #credits a:visited { color: #bbb; text-decoration:none; margin:0px; padding: 0px 5px; font-family: helvetica, sans-serif; font-weight:lighter; font-size:0.9em;}
#credits a:hover, #credits a:active { color: #424242; text-decoration:line-through; margin:0px; padding: 0px 5px; background-color:#bbb; font-family:helvetica, sans-serif; font-weight:lighter; font-size:0.9em;}

/*#contactimg a:hover, #creditsimg a:hover{background:transparent;}*/
#wipvideo{position:absolute;left:220px; top:80px;}
#heartshirtvideo{position:absolute; left:110px; top:80px;}
#ss12video{position:absolute; left:110px; top:80px; }

#contact { position:fixed; top:80px; left:50%; margin-left:-300px; width:600px;  z-index:9999; color: #bbb; /*font-size:1.1em;*/ font-weight:lighter; font-family: helvetica,arial, sans-serif; line-height:1.3em; }
#contact h2 { text-align:center; }

/* Form style */

form { text-align:left; }
label { display: inline-block; float: left; height:25px;  width: 150px; text-align:left;  }
input, textarea, select { margin:0; color:#bbb; height:25px; width:300px; background:#323232; margin:0; border:1px solid #bbb; text-align:left; }   
textarea { height:100px; }
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #323232; color:#bbb; }
input.submit { cursor: pointer; border: 1px solid #bbb; background:#323232; color:#bbb; width:50px; margin-right:140px; float:right; padding-left:5px; }
input.submit:hover { background:#424242; }
legend { color:#bbb; }

span.required{ font-size: 13px; color: #9c1600; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#success_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:fixed; bottom:0; left:50%; margin-left:-350px; z-index:2000; overflow:visible;}
#cboxOverlay{position:fixed; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:fixed; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxContent{background:transparent;position:fixed;top:120px;left:50%; margin-left:-350px;}
	#cboxPhoto{border:1px solid #eee; text-align:center;}
        #cboxLoadedContent{margin-bottom:28px; color:#424242;}
        #cboxTitle{position:absolute; bottom:0; left:0; text-align:center; width:100%; color:#949494; font-family: helvetica, arial, sans-serif; font-size:0.8em;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#424242;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#424242;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{color:#424242;}
        #cboxNext{position:absolute; bottom:0; left:27px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{color:#424242;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
       /* #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}*/