﻿/* ====
 * CEEDAY
 * Master Screen Style Sheet
 * Blue	2E7E9F
 * Tan	f3ecdb
 * Orange	f78f27
 * ====
 */

/* ==== 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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,select,textarea,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;text-decoration:none;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}em,i{font-style:italic;}strong,b{font-weight:bold;}label{cursor:pointer;}hr{display:none;}img{display:block;}

/* ==== Typography ==== */

/* General */
body { font-size: 75%;}
html>body { font-size: 12px; }

/* Font Families*/
.sans-serif { font-family: Helvetica, Helvetica Neue, Arial, "Lucida Grande", Verdana, sans-serif; }
.serif { font-family: "Times New Roman", Times, Georgia, serif; }
.monospace { font-family: Monaco, "Andale Mono", Courier, "Courier New", monospace; }

/* Headlines */
h1 { font-size:30px; line-height:40px; margin: 20px 0; }
h2 { font-size:24px; line-height:30px; margin: 30px 0 10px 0; color:#f78f27; font-family: Helvetica, Arial, sans-serif; }
h3 { font-size:18px; line-height:20px; margin: 30px 0 10px 0; color:#f78f27; font-family: Helvetica, Arial, sans-serif; }
h4 { font-size:14px; line-height:20px; margin: 20px 0 10px 0; }
h5 { font-size:12px; line-height:15px; margin: 20px 0; }
h6 { font-size:12px; line-height:15px; margin: 20px 0; }

/* Paragraphs and Body Copy */
p,span,q,blockquote { color: #333; font-size:13px; line-height:20px; }
p,q,blockquote { margin: 10px 0 20px 0; overflow:hidden; clear:both; }

small, .small { font-size:0.8333em; line-height: 2em; }
big { } /* Note: Any size above 1.666em currently creates 1px increase in line height. Bug? */
.footnote { margin: .25em 0; font-size: .833em; line-height: 1.66em; }

hr { display: block; color:#DDD; height: 1px; border: none; margin: -1px 0 0 0; clear:both; overflow:hidden; }

/* Links */
a { color: #2E7E9F; }
a:hover { color: #3FAFDD; }

/* Quotations and Cites */
blockquote { margin:20px; color:#777; }
blockquote cite { display: block; margin: 0.833em 0 0 0; }
cite { font-style: italic; }

/* Lists */
ul,ol,dl { color: #555; font-size:12px; line-height:20px; margin: 20px 0; }
ul ul, ul ol, ol ul, ol ol { margin:0; }
ul { list-style:disc; }
ul.none { list-style:none; }
ol { list-style: decimal; }
ol li, ul li, dd { margin: 0 0 0 1.666em; }
dd,dt { color: #555; font-size: 1em; line-height: 1.666em; margin:0; }

/* Monospaced */
code, pre { margin: 1.666em 0; font-size: 1em; line-height: 1.666em; color: #222; font-family: Monaco, "Andale Mono", Courier, "Courier New", monospace; }
code { background: #eee; }
pre { background: #eee; }

/* Accronyms and Abbreviations */
abbr, acronym { cursor: help; text-transform: lowercase; font-variant: small-caps; font-size: 1.166em; font-style: italic; line-height: 1em; }
/* Deletions and Insertions */
del { color: #999; text-decoration: line-through; }
ins { color: #222; }
del, ins { cursor: help; }
/* Subscript and Superscript */
sub { position: relative; top: 0.5em; font-size: 0.8333em; }
sup { position: relative; bottom: 0.5em; font-size: 0.8333em; }

/* Forms*/
form { clear:both; display:block; overflow:hidden; position:relative; margin: 0 0 20px 0; border: 1px solid #c2cee0; padding:0; line-height:16px; background:#fefefe; color:#ccc; }
fieldset { padding: 15px 5px 5px 15px; }
legend { display: none; }
form p { margin: 5px 0; }
form dl { margin: 0; padding: 0; }
form dt, form dd { display:block; float:none; overflow:hidden; margin:0 0 10px 0; padding:0; }
form dt { margin:0; }
label { padding: 0 1.666em 0 0; display: block; width: 12em; float: left; font-size:1em; line-height:20px; color:#000; }
label span.req { color: #D23A3A; }
label.error { width: 280px; display: block; clear:both; background: #D23A3A; font-size: 0.8333em; line-height: 2em; padding: 0 10px 0 10px; color: #FFB9B9; }

input[type='text'], textarea, select { border:1px solid #ccc; background:#fff; color: #333; }
input, textarea { font-family: Monaco, "Andale Mono", Courier, "Courier New", monospace; }
input:focus, textarea:focus { background: #eee; color: #333;}
input[type='text'] { display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #c2cee0; padding:3px; min-height:15px;  color:#2E7E9F; font-size:12px; line-height: 1.666em; }
input[disabled] { border: 1px solid #ddd; background:none; }

select { height: 1.666em; }
select:focus option.message { display: none; }

textarea { -moz-border-radius:5px; -webkit-border-radius:5px; height: 6.666em; line-height: 1.666em; width: 300px; }

.radio-option { display:block; float:left; margin:0 10px 10px 0; padding:0; width:180px; }
.radio-option label { position:relative; display:block; -moz-border-radius:4px; -webkit-border-radius:4px; border: 1px solid #ddd; padding: 10px 10px 10px 30px; width:133px; height:auto; line-height:14px; background:#efefef; }
.radio-option label.disabled { border: 1px solid #ddd; background:none; color:#ccc; }
.radio-option label.selected { border: 1px solid #c2cee0; background:#e3e8f1; }
.radio-option input { position:absolute; left:10px; top:11px; display:block; float:left; margin:0; padding:0; width:auto; height:auto; }
.radio-option em { display:block; }

/* Buttons and Submit Inputs */
button, .button, .submit, .register {
	margin: 0 0 15px 0; width:auto; height:23px; line-height:23px;
	-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
	border-width: 1px;
	border-style: solid;
	border-color: #0f8faf;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0.0)));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.0)); 
	background-color: #00a1cd;
	color:#fff; 
	-moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.2); -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.2); text-shadow: 0 -1px 0 rgba(0,0,0,0.2); 	
	text-align: center; display:block; clear:both; font-size:11px; text-align:center; cursor:pointer; font-family: Arial, Helvetica, "Lucida Grande", Verdana, sans-serif;
}
a.button:hover, button:hover, .submit:hover, .register:hover { color: #FFF; }
.submit { }
.submit:hover {
	background-color:#0f92b3; border-color: #0f92b3; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0.0)));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.0)); 
}
.register { background-color:#e67b1a; border-color: #e67b1a; }
.register:hover { background-color:#d86905; border-color: #d86905;}
a.button,
a.submit,
a.register { float:right; display:block; margin: 15px 0; padding: 0px 12px; }

/* ==== Global Classes ==== */

.hidden { display: none; }
.clear { clear:both; }
.float-left { float: left; }
	p .float-left { display:block; clear:both; margin: 0 20px 5px 0 ; }
.float-right { float: right; }
	p .float-right { display:block; clear:both; margin: 0 0 5px 20px; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

/* ==== General Layout and Typography ==== */

body { background: #f3ecdb; }

#header {
	overflow:hidden; height:40px;
	background-color: #111;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)); 
	}
#header_inner { overflow:hidden; margin: 0 auto; width:760px; }
#ceeday_logo { display:block; float:left; padding: 15px 0 10px 0; width:300px; line-height:20px; background: url(/public/themes/simple/logo-bg.png) no-repeat 0 0; text-indent:-3000px; }
#nav { display:block; float:right; margin:0; padding:0; width:440px; list-style:none; }
#nav li { display:block; float:left; margin:0; padding:0; list-style:none; }
#nav a { display:block; margin:0; padding: 15px 12px 10px 10px; font-size:13px; line-height:20px; font-family: Helvetica, Helvetica Neue, Arial, "Lucida Grande", Verdana, sans-serif; color:#eee; }
#nav a:hover {
	background-color: #222;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(0,0,0,0.2)));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0.2)); 
	color:#fff;
	}

#banner {
	margin:0; padding:0; background:none; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(218,209,186,0.2)), to(rgba(255,255,255,0.1)));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0.0)); 
	}
#banner_inner { overflow:hidden; margin: 0 auto; padding: 20px 0 40px 0; width:800px; min-height:200px; background:url(/public/themes/simple/banner-bg.gif) no-repeat -40px bottom; }
#banner h1,
#banner strong { margin: 20px 0px 10px 340px; font-size:24px; color:#f78f27; font-family: Helvetica, Arial, sans-serif; font-weight:normal; }
#banner p { margin: 0 0 40px 340px; line-height:30px; font-size:24px; font-family: Times, Georgia, Palatino, serif; font-weight:normal; }
#banner h3 { margin: 20px 0px 10px 340px; padding:0; }
#banner ul { margin: 0 0 0 360px; padding:0; font-size:12px; }
#banner ul li { margin: 5px 20px; font-size:16px; line-height:1.2; }
#wrapper.about h1,
#wrapper.beeday h1 { display:none; }

#wrapper.support #banner { background: url(/public/CEE-2156-lighter-web.jpg) no-repeat center top; }
#wrapper.support #banner_inner { background:none; }
#wrapper.support #banner h1,
#wrapper.support #banner strong,
#wrapper.support #banner h3,
#wrapper.support #banner p,
#wrapper.support #banner ul { margin: 0 0 0 400px; padding: 10px 20px; }
#wrapper.support #banner h1 { padding-top: 20px; }
#wrapper.support #banner ul { padding-bottom: 20px; }
#wrapper.support #banner_inner * { background:#f3ecdb; }

#content { overflow:hidden; 
	display:block; clear:both; margin: 0 auto; border: 1px solid #ded1b2; width:840px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.0)), to(rgba(238,228,203,0.2)));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.0), rgba(238,228,203,0.2));
	background-color:#fff;
	-moz-box-shadow: 3px 5px 10px rgba(238,228,203,0.9); -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.2); 
	}
#content_inner { overflow:hidden; margin: 0 auto; padding: 20px 0 30px 0; width:760px; }

.post_body,
.post_sidebar { display:block; float:left; margin: 0 40px 0 0; width:500px; }
.post_sidebar { margin: 20px 0; width:220px; }
.post_sidebar p { font-size:11px; line-height:15px; }
.post_sidebar img { }

#footer { overflow:hidden; padding: 40px 0 60px 0; color:#ded1b2; }
#footer_inner { overflow:hidden; margin: 0 auto; width:760px; }
#footer_inner p { margin: 20px 0 0 0; border-top: 1px solid #ded1b2; padding: 20px 0; color:#d8caaa; text-align:center; }
#footer_inner span { color:#d8caaa; }
#footer_inner a { color:#bda66e; }
#footer_ceeday_logo,
#footer_beeday_logo { float:left; display:block; margin: 0 0 0 50px; padding: 0 0 20px 0; width:340px; height:30px; background: url(/public/themes/simple/footer_logos.png) no-repeat 0 0; text-indent:-30000px; }
#footer_beeday_logo { margin:0; background-position: -400px 0; }


/*---- Content Area ----*/

.block {
	border: 1px solid #ede4cd; padding: 10px 10px 05px 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(238,228,203,0.2)), to(rgba(238,228,203,0.4)));
	background-image: -moz-linear-gradient(top, rgba(238,228,203,0.2), rgba(238,228,203,0.4));
	background-color:#fff;
	}
.block-blue {
	border: 1px solid #85c6cd;
	background-image: -moz-linear-gradient(top, rgba(238,228,203,0.2), rgba(133,198,205,0.2));
	background-color:#e8fafc; 
	}
.block img { margin: 0 0 10px 0; }
.block a.button { margin-bottom: 5px; }

.block strong { font-size:18px; line-height:20px; margin: 0 0 10px 0; color:#f78f27; font-family: Helvetica, Arial, sans-serif; }

.profile { position:relative; margin: 20px 0; border-top: 1px solid #ded1b2; padding: 20px 0 0 120px; min-height:100px; }
	body p.profile:first-of-type { border:0; padding-top:0; }
.profile .portrait_photo { position:absolute; left:0; top:20px; display:block; width:100px; background:#ccc; }
.profile strong,
.profile em { display:block; margin:0; padding:0; }
.profile em { color:#beaf8a; }
.profile br { display:none; }

.list_item { position:relative; margin: 20px 0; border-top: 1px solid #ded1b2; padding: 20px 0 0 0; }

.post-meta { font-size:9px; color:#b8a591; font-family: Helvetica, Helvetica Neue, Arial, "Lucida Grande", Verdana, sans-serif; }
.post-meta span { color:#b8a591; }

/*== Slimbox ==*/
#lbOverlay {
	position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; background: #f3ecdb; cursor: pointer;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(218,209,186,1)));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(218,209,186,1)); 
	}
#lbCenter, #lbBottomContainer { position: absolute; overflow: hidden; z-index: 9999; background:none; }
.lbLoading { background: #fff url(loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 0px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { border: 0px solid #fff; border-top-style: none; line-height: 1.4em; font-size: 10px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #666; text-align: left; }
#lbCloseLink { display: block; float: right; margin: 5px 0; width:60px; height:20px; background: url(/public/system/slimbox2/close.png) no-repeat right top; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { line-height:30px; font-size:14px; font-weight: bold; color:#000; }




.gallery_photos { margin: 20px 0; }
.gallery_photos img { display:block; float:left; margin: 0 10px 10px 0; border: 1px solid #ded1b2; }

.img-left { float:left; margin: 10px 10px 0 0; }
.img-right { float:right; margin: 0 0 10px 10px; }

