/*
Wesleyan University
Cosby at Wesleyan - Benefit for the Green Street Arts Center
Modified: 2010-08-24
Author: Adrian Cooke
*/


/* Global site elements
----------------------------------------------------------------- */
* {margin:0; padding:0;}
body {background:#f5f5f5 url('#') no-repeat center -77px; color:#333; font-family:Helvetica,Arial,Sans-Serif; font-size:62.5%;}
#navbar_wrapper {background-color:#000; height:103px; margin:0 auto; width:100%;}


/* Main site elements
----------------------------------------------------------------- */
* {margin:0; padding:0;}
#content * {color:#333; font-family:inherit; font-variant:inherit; line-height:1.7;}
#content abbr {border:0 none; cursor:help;}
#header h1 {color:#333; font:normal 2.5em/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif; text-align:left;}
#header h2 {color:#000; font:normal 1.2em "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; text-align:center; text-transform:uppercase;}
#content del {text-decoration:line-through;}
#content h2 {color:#333; font:normal 1.6em "Helvetica Neue",Helvetica,Arial,sans-serif; margin:1em 0;}
#content h3 {margin:1.5em 0 1em; font:italic normal 1.5em;}
#content h4 {margin:1.5em 0 1em; font:normal 1.25em;}
#content h5 {margin:1.5em 0 1em; font:bold 1.1em;}
#content hr {border:0 none; border-bottom:3px solid #EEE; height:1px; margin:2.25em 0;}
#content ins {border-bottom:1px dotted #666; text-decoration:none;}
#content ins strong {background-color:#fff; color:#000; font-weight:bold; padding:3px 4px; text-transform:uppercase;}
#content p {margin:0 0 .5em; font-size:13px;}
#content p small,
#content td small {font-size:.95em; line-height:1.5;}
#content sup {line-height:1;}
#content small {color:#666;}

/* Lists */
#content dl {margin:0 0 1em;} 
#content dt {margin-top:1em;}
#content dd {margin-left:1em;}
#content li {margin:0 0 .5em; padding:0; font-size:13px; list-style:none;}
#content ol {margin:0 0 1em;}
#content ul {margin:0;}


/* Links
----------------------------------------------------------------- */
#content a:visited {background-color:#FFF;}
#content a:link,
#content a:visited,
#content a:active {background:transparent; color:#900; font-weight:bold; text-decoration:underline;}
#content a:hover {color:#000; text-decoration:underline;}
#footer p a {margin:5px;}
#footer p a:active, 
#footer p a:link {background-color:#f5f5f5; color:#666; font-weight:normal; padding-bottom:1px; text-decoration:none;}
#footer p a:visited {background-color:#f5f5f5; color:#666; font-weight:normal; padding-bottom:1px; text-decoration:none;}
#footer p a:hover {background-color:#f5f5f5; color:#900; text-decoration:underline;}
#footer p img {margin:0; padding-bottom:.1em; vertical-align:middle;}


/* Main divisions
----------------------------------------------------------------- */
#header {position:relative; background:transparent; height:380px; width:720px;}
#header h1 {height:190px; position:absolute; right:65px; top:45px; width:240px;}
#header h1 a {display:block; height:190px; width:240px;}
#header h2 {text-shadow:#fff 1px 1px 1px;}
#header #tickets {height:80px; position:absolute; right:-4px; top:250px; width:80px;}
#header #tickets a {display:block; height:80px; width:80px;}
#header a:link, #header a:visited, #header a:active, #header a:hover {background-color:transparent;}
#main {background:#2c4629 url('http://www.wesleyan.edu/newsrel/media/cosby/assets/images/bill_cosby_poster_bg.jpg') no-repeat 50% -10px; box-shadow:4px 4px 2px rgba(0,0,0,0.2); color:#333; margin:20px auto; overflow:auto; padding:20px; width:720px; -moz-box-shadow:4px 4px 2px rgba(0,0,0,0.2); -webkit-box-shadow:4px 4px 2px rgba(0,0,0,0.2);}
#content {background-color:rgba(255, 255, 255, 0.75); border:1px solid #fff; border-radius:5px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5); color:#000; float:right; margin:0; min-height:450px; overflow:auto; padding:15px; width:330px; -moz-border-radius:5px; -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5); -webkit-border-radius:5px; -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);}
#links {background-color:transparent; clear:none; color:#FFF; float:left; margin:0; padding:0 10px; text-align:center; width:330px;}
#footer {background-color:#f5f5f5; clear:both; color:#BA0000; margin:0 0 30px; text-align:center;}


/* Related links
----------------------------------------------------------------- */
#links a {font-size:15px; text-decoration:none;}
#links strong {font-weight:bold;}
#links li {line-height:1.5; margin-left:0; padding:0;}
#links ul {list-style-type:none;}
#links ul a:link, #links ul a:visited, #links ul a:active {background-color:rgba(255, 255, 255, 0.75); border:1px solid #fff; border-radius:5px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5); color:#000; display:block; font-weight:normal; margin:0 auto 1em; padding:15px; text-decoration:none; width:250px; -moz-border-radius:5px; -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5); -webkit-border-radius:5px; -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);}
#links ul a:hover {background-color:#fff; color:#900; text-decoration:underline;}
#links ul ul {margin:0 0 6px;}
#links ul ul li {background-color:#fff; text-indent:16px;}
#links ul li a.setapart {margin-top:25px;}
#links ul li a.offsite {font-variant:small-caps; text-transform:lowercase;}
#links .facebook {background:url(http://www.wesleyan.edu/newsrel/media/cosby/assets/images/facebook.png) no-repeat 0 center;}
#links .flickr {background:url(http://www.wesleyan.edu/newsrel/media/cosby/assets/images/flickr.png) no-repeat 0 center;}


/* Image gallery
-----------------------------------------------------------------*/
#content .image_gallery {float:left; list-style:none; margin:2em 0 1.75em; overflow:auto; padding:0; width:500px;}
#content .image_gallery li {float:left; list-style-type:none; margin:0; padding:0;}
#content .image_gallery li a {border:0 none; height:150px; padding:0; width:150px;}
#content .image_gallery li a img {border:2px solid #ccc; border-radius:4px; float:left; height:150px; margin:0 8px 4px 0; padding:2px; width:150px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#content .image_gallery li a:hover img {border-color:#000;}


/* Tables
----------------------------------------------------------------- */
#content table {background-color:#fff; margin:0 0 1.75em; border-collapse:collapse; width:100%;}
#content caption {font-size:13px; font-weight:bold; background-color:#ffc; border-top:1px solid #fc9; margin:1em 0 3px; padding:12px; text-align:left;}
#content table th {border-bottom:2px solid #fff; font-size:13px; font-style:normal; font-weight:normal; color:#666; padding:12px; text-align:left; vertical-align:top;}
#content table th[colspan="2"] {color:#000; font-size:18px; padding:24px 18px 6px 16px;}
#content table th[scope="row"] {background-color:#eee; color:#000; font-size:14px; text-align:center;}
#content table td {border-bottom:1px solid #fff; font-size:13px; vertical-align:top; padding:12px;}
#content table td ul li {font-size:12px;}
#content table tr td:first-child {font-size:11px; font-weight:bold; min-width:80px; padding-top:16px;}


/* Tooltips
----------------------------------------------------------------- */
#tooltip{
  background:#000;
  border:1px solid #FFF;
  border-radius:4px;
  color:#FFF;
  display:none;
  font-size:larger;
  margin-top:1.5em;
  max-width:200px;
  padding:2px 5px;
  position:absolute;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}


/* Miscellaneous tags and classes
----------------------------------------------------------------- */
img {border:none;}
#skip, #event_title, #event_date, #event_slogan, .hide {display:none;}
#add_this {margin-top:1.75em !important;}
#content .eyebrow {display:block; font-size:1.1em; font-style:normal; font-variant:small-caps; margin:.5em 0 .25em; text-transform:lowercase;}
#content .italics {font-family:Garamond,Georgia,serif; font-style:italic;}
#content .theme {display:block; font:italic 12px Georgia,"Times New Roman",serif; padding-top:12px; text-transform:capitalize;}
#content table sup abbr {color:#999; border:0 none;}
#invitation {background:#fff; border:1px solid #ccc; box-shadow:1px 1px 3px rgba(0,0,0,0.15); color:#494949; float:right; line-height:1; -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.15); filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#a9a9a9'); /* IE6,IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#a9a9a9)"; /* IE8 */margin-left:1em; margin-right:0; margin-top:5px; margin-bottom:.25em; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:0}
#invitation em {display:block; text-align:center;}
#photo_credit {color:#fff; margin-top:310px; text-align:left; text-shadow:#000 0 0 3px;}
.aligncenter {text-align:center;}
.alignleft {float:left; margin:0 10px 5px 0;}
.alignright {float:right; margin:0 0 5px 10px;}
.clear {clear:both;}
.hide {height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px;}
.image_border {border:1px solid #DDD;}
.important {background-color:#900 !important; border-radius:4px; color:#FFF !important; font-size:12px; padding:7px 11px !important; text-decoration:none !important; -moz-border-radius:4px; -webkit-border-radius:4px;}
.important:hover {background-color:#000 !important; color:#FFF !important;}
.larger {font-size:18px;}
.note {background-color:#F9F9F9; border:1px solid #CCC; border-radius:4px; margin:1em 2em 2em !important; padding:7px 11px; -moz-border-radius:4px; -webkit-border-radius:4px;}


/* Kludges for style conflicts
----------------------------------------------------------------- */
html #content a:link sup,
html #content a:visited sup,
html #content a:active sup {color:#900;}
html #content a:hover sup {color:#000;}
html #content a:link strong,
html #content a:visited strong,
html #content a:active strong {color:#900;}
html #content a:hover strong {color:#000;}
html #content ul li {font-size:1.2em;}