/* @group BACKGROUND IMAGES */
body {background:#000 url('https://s3.amazonaws.com/dayspring/bg.jpg') repeat-x fixed;}
#header {width:800px; height:135px; background:url('https://s3.amazonaws.com/dayspring/headbar4.png');}
#headlogo {float: left;background:url('https://s3.amazonaws.com/dayspring/header-logo.png'); width:302px; height:134px;}
#wrapshad-left {position:fixed; left:50%; width:25px; height:100%; margin-left:-425px; background:url('https://s3.amazonaws.com/dayspring/wrapshad_left.jpg') no-repeat;}
#wrapshad-right {position:fixed; left:50%; width:25px; height:100%; margin-left:400px; background:url('https://s3.amazonaws.com/dayspring/wrapshad_right.jpg') no-repeat; }
#updatesbox { }
#latest_teaching {background:url('http://dayspringfellowship.org/images/latest_teaching.png') no-repeat;}
#latest_blog {background:url('http://dayspringfellowship.org/images/latest_blog.png') no-repeat;}
#eventslist {background:url('http://dayspringfellowship.org/images/weekly_events.png') no-repeat;}
#copyright {background:#ddd url('http://dayspringfellowship.org/images/footer_bg.jpg') repeat-x; }
#onthego {background:url('http://dayspringfellowship.org/images/iphone_whitebg.png') no-repeat; background-position:2px 6px; }
/* @end */

/* @group FONTS */
@font-face {
	font-family: 'Delicious';
	src: url('../fonts/Delicious-Heavy.otf') format('opentype');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'DanielBold';
	src: url('../fonts/danielbd-webfont.eot');
	src: local('☺'), url('../fonts/danielbd-webfont.woff') format('woff'), url('../fonts/danielbd-webfont.ttf') format('truetype'), url('../fonts/danielbd-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;}
/* @end */

/* @group BASE STYLES */
body {min-height:100%; height:100%; font-size: 62.5%; /* Resets 1em to 10px */ margin:0px;}

#wrap {position:absolute; left:50%; margin-left:-400px; width:800px;  background-color:#fff; min-height:780px; border-bottom:10px solid #000; }

h2 {font-family:Helvetica,sans-serif; font-weight:bold;font-size:1.9em;padding-top:15px; color:#333;}
/* @end */


/* @group NAVIGATION */
#headnav {float:right;margin-top:76px; margin-right:4px; font: 21px/23px 'Delicious', Calibri, Trebuchet MS, sans-serif;letter-spacing: 0px;}
#headnav a {text-align: left; display:block; white-space:nowrap;}
#headnav ul {display:inline; margin: 0; padding: 0; list-style: none; overflow:hidden;}
#headnav li {float: left; display: inline; margin-right: 0px;}
#headnav li a {
display: block;
height: 44px;
padding: 0px 4px;
background: url("http://dayspringfellowship.org/images/menu.png") -0px -4px no-repeat;
overflow: hidden; 
text-indent: -999em;
}

#headnav li.home a {width:52px;background-position:-4px -4px;}
#headnav li.home a:hover {background-position:-4px -55px;}
#headnav li.teachings a {width:90px;background-position:-68px -4px;}
#headnav li.teachings a:hover {background-position:-68px -55px;}
#headnav li.blog a {width:42px;background-position:-169px -4px;}
#headnav li.blog a:hover {background-position:-169px -55px;}
#headnav li.calendar a {width:82px;background-position:-220px -4px;}
#headnav li.calendar a:hover {background-position:-220px -55px;}
#headnav li.contact a {width:70px;background-position:-313px -4px;}
#headnav li.contact a:hover {background-position:-313px -55px;}

.current a {}
.current a:hover {}
/* @end */

/* @group EVENT ALERT */

#banner {font-family: Arial, sans-serif; background-color: rgba(230,230,230,0.5); border:1px solid #ddd; padding: 5px;position:absolute; top:10px; left:358px; font-size:13px; margin-left:20px; width:400px;}
#banner img {float: right;}
#banner:hover {background-color: rgba(230,230,230,1);border:1px solid #ccc;}

#event_alert {font-family: Helvetica, sans-serif; font-size:  12px; width:260px; background:rgba(255,255,255,0.0); padding:6px 10px 6px 10px; position: absolute; top:10px; left:50%; margin-left:110px; margin-right:20px; border:1px dashed #bbb; 
        box-shadow:inset -1px -1px 20px rgba(50,50,100,0.1);
        -moz-box-shadow:inset -1px -1px 20px rgba(50,50,100,0.1);
        -webkit-box-shadow:inset -1px -1px 20px rgba(50,50,100,0.1);}
#event_alert h2 {padding-top:0px; font-size:15px; color:#a12f20; margin-top:0px !important; margin-bottom:0px; font-family:Helvetica, sans-serif;}
#event_alert h3 {font-size:13px; color:#333; margin-top:0px; margin-bottom:0px; font-family:Helvetica, sans-serif;}
#event_alert a {text-decoration:none; color:#0c346a;}
#event_alert a:hover {border-bottom:1px dotted #777;}
/* @end */

/* @group CONTENT */
a img {border:0px;}
a:hover img {border:0px;}


#content {background:#fff; width:800px; min-height:600px;}
#content iframe {margin-bottom:30px;}

#homewindow {width:760px; height:450px; background:#fff; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:25px; padding-bottom:5px; border-bottom:0px #eee solid; overflow:hidden; }

#homeleft {width:350px; float:left; margin-left:15px; margin-top:30px;}
#slideshow {width:350px; height:150px; border: 8px solid #fff; overflow:hidden;
box-shadow:1px 1px 3px rgba(150,150,150,0.5);
-webkit-box-shadow:1px 1px 3px rgba(150,150,150,0.5);
-moz-box-shadow:1px 1px 3px rgba(150,150,150,0.5);}
#welcome {color: #333; margin-top:10px; font-size:14px; font-family:Georgia, serif;}
#welcome a, #welcome a:visited {text-decoration:none; color:#0c346a; border-bottom:1px solid #ddd;}
#welcome a:hover {background:#eee;}

#updatesbox {position: relative;margin-left:30px; padding-top:30px; float:left; width:360px; overflow:hidden; height:450px; overflow:hidden; }
.update {position: relative;height:100px; width:300px; border:1px solid #ddd; border-bottom:1px solid #999; border-right:1px solid #bbb;margin:0px 0px 0px 30px; padding:6px 10px; font-family:Georgia, serif; font-size:12px;background: #fff url('http://dl.dropbox.com/u/1615956/grain.png');}
.update:hover {border:1px solid #999; border-bottom:1px solid #777;}
.update-foot {margin:0px 0px 0px 30px;  padding:0px 10px; width: 300px; height: 10px; background:url('http://dayspringfellowship.org/images/updatefoot.png') no-repeat 0px -14px;}
.updatetag-teachings { position: absolute; top: 20px; left: -26px; display: block; overflow: hidden;
 width:25px; height:35px; background:url('http://dayspringfellowship.org/images/update-icons.png') no-repeat 0px 0px; float:left;}
.updatetag-blog { position: absolute; top: 20px; left: -26px; display: block; overflow: hidden;
 width:25px; height:35px; background:url('http://dayspringfellowship.org/images/update-icons.png') no-repeat 0px -40px; float:left;}
.updatetag-calendar { position: absolute; top: 20px; left: -26px; display: block; overflow: hidden;
  width:25px; height:35px; background:url('http://dayspringfellowship.org/images/update-icons.png') no-repeat 0px -82px; float:left;}

.update:hover .updatetag-teachings {background-position: -34px 0px;}
.update:hover .updatetag-blog {background-position: -34px -40px;}
.update:hover .updatetag-calendar {background-position: -34px -82px;}

#latest_teaching {height:100px; width:300px; }
#latest_teaching h2 {padding:2px 0px 0px 0px;  font-size:14px; color:#333; margin:0px 2px 0px 0px;}
#latest_teaching:hover {}
#latest_teaching .cmd-avatar {float:right;
        border: 0px #000 solid;
        margin: 4px;}

.updatecontent {padding:0px 0px 0px 10px;}
.updatecontent:hover {}
.updatecontent table b {font-family:Helvetica, sans-serif; color:#111;}

#latest_blog {height:100px; width:300px;}
#latest_blog h2 {padding:2px 0px 0px 0px; font-size:14px; color:#333; margin:0px 2px 0px 0px;}
#latest_blog:hover {}
#latest_blog .entry_author_image img {float:right; width:60px; height:60px; margin:4px;}

#eventslist {height:100px; width:300px;}
#eventslist:hover {}
#events {}

.latestheadline {height:14px; color:#222; font-size:1.2em; font-family:Helvetica, sans-serif; padding:3px 0px 1px 0px; border-bottom:1px solid #777;}
/* @end */

/* @group MID-PAGE LINKS */
#midlinks {width:634px; height:100px; border-top:1px solid #ccc; margin-left:auto; margin-right:auto; }

#onthego {float:left; font-family:Arial, sans-serif; width:200px; height: 100px; padding:2px 5px 2px 5px; margin:0px 0px 10px 0px; border-left:1px solid #ddd; border-right:1px solid #ddd;
box-shadow:inset 0px 10px 10px rgba(150,150,150,0.1);
-webkit-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.1);
-moz-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.1);}
#onthego:hover {background-color: rgba(150,150,150,0.05);
box-shadow:inset 0px 10px 10px rgba(150,150,150,0.12);
-webkit-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.12);
-moz-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.12);}
#onthego h2 {text-shadow: 2px 2px 1px #fff, 0px 0px #000;font-family:Helvetica, sans-serif; font-weight:bold;font-size:2.1em; color:#444; margin-left:50px;}
#onthego img {float:left;}
#onthego .text {margin-left:50px; }

#getinvolved {float:left; font-family:Helvetica, sans-serif; width:200px; height: 100px; padding:2px 5px 2px 5px; margin:0px 0px 10px 0px; border-right:1px solid #ddd;box-shadow:inset 0px 10px 10px rgba(150,150,150,0.1);
-webkit-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.1);
-moz-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.1);}
#getinvolved:hover {background-color: rgba(150,150,150,0.05);
box-shadow:inset 0px 10px 10px rgba(150,150,150,0.12);
-webkit-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.12);
-moz-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.12);}
#getinvolved h2 {text-shadow: 2px 2px 1px #fff, 0px 0px #000;font-family:Helvetica, sans-serif; font-weight:bold;font-size:2.1em; color:#444;}

#contact_us {float:left; font-family:Helvetica, sans-serif; width:200px; height: 100px; padding:2px 5px 2px 5px; margin:0px 0px 10px 0px; border-right:1px solid #ddd;box-shadow:inset 0px 10px 10px rgba(150,150,150,0.1);
-webkit-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.1);
-moz-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.1);}
#contact_us:hover {background-color: rgba(150,150,150,0.05);
box-shadow:inset 0px 10px 10px rgba(150,150,150,0.12);
-webkit-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.12);
-moz-box-shadow:inset 0px 10px 10px rgba(150,150,150,0.12);}
#contact_us h2 {text-shadow: 2px 2px 1px #fff, 0px 0px #000;font-family:Helvetica, sans-serif; font-weight:bold;font-size:2.1em; color:#444;}

#contactbox {margin-top:10px; padding:40px 5px 5px 5px; background:url('http://dayspringfellowship.org/images/mail2.jpg') no-repeat;}
#contactbox:hover {border:#000 1px solid; padding:39px 4px 4px 4px;}
/* @end */

/* @group FOOTER */
#footer {width:800px; margin-right:auto; margin-left:auto;}


#social {color:#555;font-size:1.6em; font-family:Helvetica,sans-serif; margin-left:500px; margin-top:0px; margin-bottom:15px;}
#social img {position:relative; top:15px;}

#copyright {padding-top:10px; padding-bottom:10px; font-size:1em; font-family:Helvetica; width:800px; text-align:center; color:#777; margin-top: 20px; margin-right:auto; margin-left:auto;}
/* @end */


/* @group FORMS */
.emailsub {width:300px; padding:4px 4px 4px 6px; border:1px #ccc solid; background-color:#f2f2f2; border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow:0px 1px 0px #bbb; -webkit-box-shadow:0px 1px 0px #bbb; -moz-box-shadow:0px 1px 0px #bbb; }

.emailform {text-align:left; width:500px; padding:4px 4px 4px 8px; border:1px #ccc solid; background-color:#f2f2f2; border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow:0px 1px 0px #bbb; -webkit-box-shadow:0px 1px 0px #bbb; -moz-box-shadow:0px 1px 0px #bbb; margin-bottom:5px;}
/* @end */

/* @group PAGE STYLES */

/* --- CONTACT PAGE ----------------------*/
#contact {font-size:1.2em; font-family:Arial,sans-serif; background:url('http://dayspringfellowship.org/images/mail2.jpg') no-repeat; text-align:left; margin-left:70px; padding-left:65px;}
#contact h2 {font: 21px/23px 'DanielBold', Helvetica, sans-serif;letter-spacing: 0px;}

/*---GET INVOLVED PAGE --------------*/
#get_involved {margin-top:20px;font-size:1.4em; font-family:Arial, sans-serif; text-align: justify; /*text-justify: newspaper; */color:#111; width:600px; margin-left:70px; }
#get_involved h3 {font-family:Helvetica, sans-serif; margin:0px;}
.demo-show2 {margin-top:15px; margin-bottom:15px; border-bottom:1px #aaa solid; padding-bottom:15px;}
.hover {cursor:pointer; margin:0px;}
.task_description {font-family:Georgia, serif; padding:4px 6px 4px 6px; margin-bottom:2px; border:1px #ccc solid; background-color:#f2f2f2; border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

/* @end */


 .fullcalendar, .fullcalendar:visited {padding: 4px;font-size: 12px; text-decoration:none; color:#222; font-family:Arial, sans-serif;}
 .fullcalendar:hover {background:#eee;}