/*
Theme Name: SDC
Theme URI: http://wordpress.org/
Description: Custom theme for the Student Duke Club of James Madison University.
Version: 1.0
Author: Ben Carr
Author URI: http://www.bencarr.net/
Tags: purple, gold, grunge, fixed width
*/


@import "css/reset.css";

/* -------------------------------------------------- */
/* GENERAL
/* -------------------------------------------------- */
body { font: normal 14px 'Georgia', Times, Times New Roman, serif; background: #231529 url('images/bg.jpg') fixed no-repeat top; color: #333; }
#bclink { display: block; float: right; background: url(images/bclogo.png); width: 100px; height: 30px; overflow: hidden; text-indent: -999px; }

/* -------------------------------------------------- */
/* TYPOGRAPHY
/* -------------------------------------------------- */
.clear { clear: both; }
h1 { font-size: 36px; color: #000; margin: 0 0 10px; font-weight: bold; }
h2 { font-size: 22px; color: #555; font-style: italic; margin: 0 0 5px; }
h3 { font-size: 17px; color: #35203d; margin: 5px 0; font-weight: bold; }
h4 { color: #555; font-style: italic; font-size: 13px; margin: 0; }
hr { clear: both; border: 0; border-bottom: 1px dashed #916c2a; padding: 20px 0 0; margin: 0 0 20px; }
p { line-height: 150%; margin: 15px 0; }
ul { list-style: disc; padding: 0 0 15px 40px; }
ol { list-style: decimal; padding: 0 0 15px 40px; }
.cufon { letter-spacing: -1px; }
.sansserif { font-family: Arial, Tahoma, sans-serif; }
a, a:visited { color: #916c2a; }
a:hover { color: #503300; }
.blocklink { display: inline-block; background: #231529 url('images/blocklinkbg.jpg') no-repeat 0 0; color: #FFF; font-size: 24px; font-weight: bold; text-align: center; text-decoration: none; padding: 5px 30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.blocklink:hover { background-position: 0 -40px; color: #222; }
.sidebarhead { text-transform: lowercase; font-size: 27px; color: #000; display: block; font-weight: bold; border-bottom: 2px solid #000; }
.posttitle { color: #35203d; font-weight: bold; font-size: 24px; }
.postdate { display: block; font-size: 15px; color: #555; font-style: italic; }
.officer { float: left; width: 230px; border: 1px solid #AAA; padding: 5px; height: 150px; margin: 5px; }
.officer_name { font-size: 16px; color: #000; text-decoration: none; margin-bottom: 5px; }
.officer_email { display: block; margin-bottom: 10px; font-size: 14px; }
a.officer_bio_link { color: #888; text-decoration: none; font-size: 12px; }
a.officer_bio_link:hover { color: #000; text-decoration: underline; }

/* -------------------------------------------------- */
/* STRUCTURE
/* -------------------------------------------------- */
#shadow-top { height: 15px; margin: 10px auto 0; width: 830px; background: url('images/shadow-top.png') no-repeat bottom; }
#container { width: 830px; margin: 0 auto; background: url('images/shadow-middle.png') repeat-y center; }
#header { position: relative; width: 800px; margin: 0 auto; background: #d1c7b5 url('images/logoheader.jpg') no-repeat top; height: 80px; border-bottom: 5px solid #131313; }
#header a#homelink { display: block; position: absolute; top: 20px; left: 15px; width: 345px; height: 50px; text-decoration: none; }
#slideshow { width: 780px; background: #131313; margin: 0 auto; padding: 7px 10px 10px; }
#welcome-video { float: left; width: 425px; }
#welcome-text { margin-left: 565px; margin-right: 15px; font-size: 18px; color: #AAA; }
#welcome-text h1 { color: #FFF; }
#content { overflow: hidden; width: 760px; padding: 10px 20px; margin: 0 auto; background: #f3f3f3 url('images/contentbg.jpg') no-repeat top; }
#footer { background: url('images/shadow-bottom.png') no-repeat top; padding: 10px 15px 20px; width: 800px; margin: 0 auto; color: #555; font-size: 12px; }

/* -------------------------------------------------- */
/* LAYOUT EXTRAS
/* -------------------------------------------------- */
.twocol { padding: 0 !important; width: 800px !important; }
.twocolbg { background: url('images/twocolbg.png') repeat-y top right; padding: 10px 0; }
#left { float: left; width: 500px; margin-left: 15px; }
#right { margin-left: 530px; margin-right: 10px; }
.boxright { float: right; width: 180px; padding: 0 0 0 10px; margin: 0 0 20px 10px; background: url('images/verticaldivider.png') no-repeat bottom left; }
.boxleft { float: left; width: 180px; padding: 0 10px 0 0; margin: 0 10px 20px 0; background: url('images/verticaldivider.png') no-repeat bottom right; }
.alpha { margin-left: 0 !important; }
.omega { margin-right: 0 !important; }

/* -------------------------------------------------- */
/* MENU
/* -------------------------------------------------- */
#menu { float: right; list-style: none; margin: 50px 10px 0 0; padding: 0; }
#menu li { display: inline; }
#menu a { color: #444; font-size: 18px; text-transform: lowercase; margin: 0 10px 0; text-decoration: none; border-bottom: 0px solid #000; }
#menu a:hover { color: #000; }

/* -------------------------------------------------- */
/* IMAGES
/* -------------------------------------------------- */
img { padding: 0; max-width: 100%; line-height: 0; height: auto; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { margin: 0 0 7px 7px; display: inline; }
.alignleft { margin: 0 7px 7px 0; display: inline; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* -------------------------------------------------- */
/* UPCOMING EVENTS AND NEWS HEADLINES
/* -------------------------------------------------- */
#upcomingevents ul { list-style: disc; margin: 10px 0 0; padding: 0 0 0 20px; }
#upcomingevents li { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dashed #988d7a; }
#upcomingevents .vs { color: #333; font-weight: normal; }
#upcomingevents .eventtitle { font-size: 13px; color: #35203d; font-weight: bold; }

#headlines { width: 780px; margin: 0 auto; padding: 4px 10px; background: #9a8d73 url('images/grunge.png') no-repeat center left; border-bottom: 1px solid #5e5648; }
.headlineshead { color: #35203d; margin-right: 10px; border-right: 1px solid #35203d; font-weight: bold; font-size: 16px; float: left; width: 130px; }
.headlines { float: left; width: 600px; }
.headlines div { width: auto; }
.headline { display: block;  color: #FFF !important;  text-transform: capitalize; text-decoration: none; }
.headline:hover { color: #FFF; text-decoration: underline; }
.headlinecategory { color: #000; font-style: italic; }
.headlines a { position: absolute; }

/* -------------------------------------------------- */
/* PAGE: Index
/* -------------------------------------------------- */
#finduson { display: block; height: 40px; margin: 0 0 10px; }
.findusontitle { float: left; width: 120px; display: block; height: 30px; padding: 10px 0 0; color: #410057; font-size: 22px; }
.findusonlink { display: block; position: relative; float: left; width: 40px; height: 40px; background: url('images/finduson.png') no-repeat top left; margin-right: 5px; text-decoration: none; }
.findusonlink:hover { top: -2px; }
#twitter { background-position: -40px 0; }
#youtube { background-position: -80px 0; }
#sponsors { overflow: hidden; text-align: center; font-size: 10px; font-family: Arial, Verdana, sans-serif; letter-spacing: 3px; color: #5e5648; text-transform: uppercase;  padding: 0 0 15px; height: 150px; margin: 20px 0; }

/* -------------------------------------------------- */
/* PAGE: Contact
/* -------------------------------------------------- */
#contact { width: 560px; float: left; }
.field { padding-bottom: 5px; }
input, textarea { font: 12px 'Georgia', Times, serif; border: 1px solid #AAA; width: 98%; padding: 1%; }
textarea { height: 150px; }
input:hover, input:focus, textarea:hover, textarea:focus { border-color: #222; outline: 0; }
label { color: #410057; display: block; font-size: 12px; }
label.error { float: none; background: #990000; color: #FFF; width: auto; text-align: center; margin: 10px 0; font-size: 12px; padding: 3px 0; }
input.error, textarea.error { background: #996666; color: #FFF; }
button { font-size: 14px !important; font-weight: normal; color: #FFF; border: 0; cursor: pointer; }