@charset "utf-8";
/* CSS Document */

/************************************************
	LAYOUT RESET
************************************************/

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; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
/***********************************************
	GLOBAL STYLES
***********************************************/
html { padding: 0; margin: 0; list-style: none; background:#ffffff; height:100%; min-height: 100%; }
body { margin: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center; color:#000000; }
#wrapper { margin-left: auto; margin-right: auto; padding: 0; width: 1024px; height: 2009px; text-align: left; background-color: #FFFFFF; background-image: url(../img/fridge-full-fade-out.jpg); background-repeat: no-repeat; background-position: center top; }
#header { top: 0; width: 100%; height:50px; }
#header .inline img { display: inline; }
#wrapper #content { padding: 0 0 0 10px; margin: 0 320px 0px 136px; }
#wrapper #left_col { float: left; width:135px; }
#wrapper #right_col { float: right; width: 320px; margin: 129px 0 0 0; }
#wrapper #content #paper { background-image:url(../img/paper-slice.png); background-repeat: repeat-y; background-position: left top; width: 548px; height: auto; padding: 0 10px 10px 0; }
#wrapper #content #paper p { font-size:.8em; text-indent:25px; margin: 6px 10px 0 6px; }
#wrapper #content #paper h2 { margin-top: 60px; margin-right: 16px; font-weight:bold; }
#wrapper #content #paper ul { padding: 4px 12px 4px 4px; font-weight: normal; font-style: normal; }
#wrapper #content #paper ul li { font-size: .8em; list-style: circle; margin: 5px 25px 5px 85px; font-weight: normal; font-style: normal; }
#wrapper #content #paper ul ul li { margin: 5px 25px 5px 105px; }
#wrapper #content #paper ol { font-size: .8em; list-style:decimal; padding: 0; margin: 0 0 5px 5px; }
#wrapper #content #paperFooter { width: 100%; height:25px; background-image:url(../img/paper-slice-footer.png); background-repeat:no-repeat; }
.leftContent { width:360px; float:left; }
.rightContent { width:200px; float:right; }
.anyFloatRight { float: right; padding: 4px; font-size: .7em; margin-right: 14px; }
.imgNcaption { display: block; float: right; padding: 4px; font-size: .6em; margin: 0 24px 5px 5px; width: 220px; color:#666; text-align: left; }
.anyFloatLeft { float: left; padding: 4px 4px 4px 23px; }
.textTrap { padding-top: 1em; margin: 1em 0em 0em 7em; border-top: 1px solid #000; text-indent:-50px; }
.headerTrap { padding: .5em; margin: 1.7em 0 .5em 1em; font-size: 1.2em; float: right; width: 10em; text-align: right; background: #999999; color:#000000; text-transform: uppercase; border: 1.25px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#wrapper #footer { width: 100%; position:relative; margin: -7.5em auto 0 auto; }
.comments_show { margin-left: 8px; }
/** START sticky note **/
#stickynoteYellow { display:block; background:url("../img/stickynote.png") no-repeat; background-position:top; padding:5px 5px 5px 0px; width:210px; height:235px; float:left; }
#stickynoteYellow h1 { font-size: 1em; color: #8AAFBA; margin: 18px 22px 4px 24px; }
#wrapper #content #paper #stickynoteYellow h2 { font-size: .9em; color: #8AAFBA; margin: 28px 28px 4px 24px; font-weight:normal; }
#stickynoteYellow p { padding: 5px 9px 5px 19px; font-size:.7em; text-align: left; text-indent:0px; }
#stickynoteYellow ul { padding: 4px; font-weight: normal; font-style: normal; }
#stickynoteYellow ul li { font-size: .7em; list-style: circle; margin: 5px 15px 5px 45px; font-weight: normal; font-style: normal; }
#wrapper #right_col #stickynote { display:block; background:url("../img/stickynote_blue.png") no-repeat; background-position:top; padding:20px 0 0 0; width:100%; height:300px; float:right; font-size: .7em; }
#wrapper #right_col #stickynote p { font-size: 1em; padding: 2px 50px 0 0; text-align: right; margin-top: 1px; }
/** END sticky note **/

/*** START Fonts - Text ***/
.red { color: #FF0000; }
.smallcaps { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1em; font-weight: bold; font-variant: small-caps; color: #999999; }
h1 { font-size: 1.4em; color: #8AAFBA; margin: 2px 8px 2px 20px; }
h2 { font-size: 1.2em; color: #8AAFBA; margin: 2px 8px 4px 20px; }
h3 { font-size: 1.1em; color: #8AAFBA; margin: 2px 8px 4px 20px; padding: 6px; }
h4 { font-size: 1.0em; color: #8AAFBA; margin: 2px 8px 4px 20px; font-weight:bold; }
h5 { padding: .5em; margin: -.5em 0 .5em 1em; font-size: 1.3em; float: right; width: 10em; text-align:right; background: #636363; color: #000000; text-transform: capitalize; border:1.25px solid #000; }
h6 { color:#FF0000; font-size: 1em; font-weight: bold; margin: 4px 8px 2px 7px; font-variant: small-caps; font-weight:bold; }
p { padding: 1px 18px 1px 20px; }
a:link { color: #4FC11E; text-decoration: underline; }
a:visited { color: #e65540; text-decoration: underline; }
a:hover { color: #d44354; text-decoration: underline; background-color: #F2F2F2; }
strong { font-weight:bold; }
dl { padding:5px 5px 5px 20px; } /* DEFINITION LIST */
dt { font-weight:bold; } /* DEFINITION TERM */
dd { padding:0 0 7px 0; } /*DEFINITION DESCRIPTION */
textarea { margin:2px 2px 2px 34px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: .9em; }
input { font-size: 1em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
.clear { clear:both; height:0; font-size: 1px; line-height: 0px; }
.margin20 { margin:0 20px; z-index:1; }
/*** END Fonts - Text ***/

/*** NAVIGATION START opaque ***/
#opaque { position: relative; top:0; right:0; width:200px; height:auto; background:#fff; margin: 20px 0 5px 0; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.7; border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; }
#wrapper #right_col #opaque { width: 90%; padding: 10px 15px 10px 0; }
#wrapper #right_col #opaque ul { padding: 4px; }
#wrapper #right_col #opaque ul li { font-size: .7em; margin: 0 0 5px 39px; list-style-type: circle; }
#wrapper #right_col #opaque ul ul li { margin: 0 0 5px 69px; }
#wrapper #right_col #opaque p { font-size: .8em; }
#wrapper #right_col #opaque h1 { font-size: 1em; color: #8AAFBA; margin-right: 2px; }
/*** END opaque ***/

/*** START overlay 1.0.1 ***/ 
div.overlay { /* growing background image */ background-image:url(../img/white_overlay.png); /* dimensions after the growing animation finishes  */ width:600px; height:768px; /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely  */ padding:55px; }
div.overlay p { font-size: .7em; margin-top: 12px; }
div.overlay h2 { padding-top:30px; }
div.overlay ul { padding: 4px; }
div.overlay ul li { font-size: .7em; margin: 0 0 5px 39px; font-weight: normal; font-style: normal; list-style-type: circle; }
/* default close button positioned on upper right corner */ 
div.overlay div.close { background-image:url(../img/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }
/*** END overlay 1.0.1 ***/


/*** START polaroid ***/
#wrapper #polaroid { position:relative; text-align: center; display: block; width: 850px; margin-left:136px; margin-top: 40px; }
#wrapper #polaroid .polaroid { width:268px; height:286px; background-image: url(../img/polaroid-bg.png); position:absolute; }
#wrapper #polaroid .polaroid img { width:241px; height:197px; margin:33px 0 0 0px; }
#wrapper #polaroid .polaroid p { text-align:center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; color:#2d2Ed2d; margin-top:8px; }
/*** END polaroid ***/

/*START TABLE 'STANDARD' look and feel (blue-grey) */
#wrapper #content #paper table.standard { margin:10px 0 5px 25px; font-size: .8em; text-align: left; vertical-align: middle; width: 90%; border-spacing:1px; }
#wrapper #content #paper table.standard th { background-color: #8AAFBA; padding: 4px; border: 0px; }
#wrapper #content #paper table.standard td { background-color: #F2F2F2; padding: 4px; border: 0px; }
#wrapper #content #paper table.standard tr.darker td { background-color: #DADADA; padding: 4px; border: 0px; }
/*END TABLE 'STANDARD' look and feel (blue-grey) */

/*** START image opaque NAV HOVER ***/
#nav img { border:0; }
#nav { width:134px; height:auto; }
#nav a:visited, #nav a { text-decoration:none; color:#d00; }
#nav a:visited img, #nav a img { filter: alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40; opacity:0.4; }
#nav a:hover { background-color:transparent; color:#06a; }
#nav a span { display:none; }
#nav a:hover span { display:block; position:relative; font-size: .8em; font-weight:normal; color:#a40; }
#nav a:hover img { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00; opacity:1; }
/*** END IMAGE opaque NAV HOVER ***/

form { margin: 0; padding: 0; }

/** START Comments response **/
#response { position: relative; width:300px; height:auto; background:#fff; margin-top:0; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.7; border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal;  padding:12px; text-align:center; }
.right { float:right; padding: 0 0 3px 3px; }
/** END Comments response **/