@charset "UTF-8";

/* HTML and Body styles */
/* @font-face {font-family:Geneva; src:url('geneva.ttf');} */
html, body {margin:0; font-family:Geneva, Helvetica, Arial, Tahoma, sans-serif;height:100%; width:100%}
#hug {min-height:100%; position:relative;}

/* Head */
#head {padding:0 10% 0 10%; line-height:6em; vertical-align:middle; width:80%; height:6em; background-color:#000;}

/* Logo */
#logo {width:auto;float:left;}
#logo h1 {font-size:1em; margin:0; padding:0; font-weight: lighter; color:#FFF;}
#logo h1:before {content:url("images/logo.png");margin:1em .5em 0 0; display:inline; float:left;}
.wcs {font-size: .9em;}

/* Top Menu */
#menu {float:right; font-size:.8em; width:auto;}
#menu ul, #menu li {margin:0; padding:0; width:auto;}
#menu li {list-style-type:none; display:inline; margin-left:1.5em; height:1.5em; color: #999;}
#menu a:link {text-decoration:none; color:#999;}
#menu a:visited {text-decoration:none; color:#999;}
#menu a:hover {color:#005DFF;}
#menu a:active {color:#005DFF;}
#home #head .menu_home a, #portfolio #head .menu_portfolio a, #contact #head .menu_contact a, #services #head .menu_services a, #blog #head .menu_blog a, #links #head .menu_links a, #donate #head .menu_donate a {position:relative; bottom:5px; color:#005DFF;}


/* Life */
#life {padding:0 10% 0 10%; background-color:#005DFF; width:80%; height:auto;}
#life #lcontent {padding:.8em 0 .8em 0; color:#FFF;}
#life h2 {color:#000}

/* Content */
#content {padding:1em 10% 3.5em 10%; background-color:#FFF;}

/* Content styles */
h3 {}
#home h4 {margin-bottom:0;}
#services h4 {margin-left:.4em; border-bottom:#005DFF solid; width:20em;}
h5 {}
h6 {}
acronym {border-bottom:.1px #000 dotted}
#content a:visited {color:#000}
#content .subsection a:visited:after {content:url("images/checkmark.png"); display:inline;}
#services #content p {margin-left:.8em;}
#content a:visited {color:#000}
img {box-shadow: 0.2em 0.2em #CCC; -moz-box-shadow: 0.2em 0.2em #CCC; -webkit-box-shadow: 0.2em 0.2em #CCC; margin-right:5px;}
a img {border:thin solid #000;}

/* Contact form */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }
div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

/* Blog feed */
.subsection1 {float:right; margin-top:-1.3em}
.subsection2 {}
.blogfeed {width:20em; margin-bottom:2em; padding:1em; background-color:#FFF; border: #005DFF solid; -moz-border-radius: 0em .8em .8em .8em;  -webkit-border-bottom-right-radius: .8em; -webkit-border-bottom-left-radius: .8em; -webkit-border-top-right-radius: .8em; border-radius: 0em .8em .8em .8em;}
.blogfeed ul {margin:-5px 0 0 -5px;}
.blogfeed li { list-style-image:url(images/post.gif);}
.blogfeed span.blog_description { font-size:.6em;}

/* Footer */
#footer {background-color:#000; height:2.5em; width:100%; line-height:2.5em; vertical-align:middle; position:absolute; bottom:0; color:#999;font-size:.8em;}
#footwrap {width:800px; margin:0 auto 0 auto;}
.copyhappy {float:left;}
#footer ul {float:right; margin:0; padding:0; }
#footer ul li {list-style-type:none; display:inline; margin-left:1.5em;}
#footer ul li a:link {text-decoration:none; color:#999;}
#footer ul li a:visited {text-decoration:none; color:#999;}
#footer ul li a:hover {color:#005DFF;}
#footer ul li a:active {color:#005DFF;}
#home #footer .menu_home a, #portfolio #footer .menu_portfolio a, #contact #footer .menu_contact a, #services #footer .menu_services a, #blog #footer .menu_blog a, #links #footer .menu_links a, #donate #footer .menu_donate a {color:#005DFF;}
#footer a:link {color:#999}
#footer a:visited {color:#999}


#themechooser {position:absolute; top:4.5em; left:40%;margin:0 auto 0 auto; width:300px;-moz-border-radius:10px 10px 0 0; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; background-color:white; height:1.5em;}
#themechooser span {margin:5px 0 0 0; padding:0; font-size:.8em; text-align:center; color:black}
#themechooser a:link {color:#005DFF}
#themechooser a:visited {color:#005DFF}
#themechooser span.tc2 {margin-left:10px}
#themechooser span.tc1 {margin-left:15px;}
#themechooser span.tc2 a:link, #themechooser span.tc2 a:visited {color:red; text-decoration:none;}
.hide {display: none}