/*-----TITLE: Main screen styles | AUTHOR: Emily P. Lewis | UPDATED: 04/08/10-----*/
/*---RESET---*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, cite, img, dl, dt, dd, ol, ul, li {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
/*---STRUCTURE/LAYOUT---*/
body{font:small Arial, Helvetica, sans-serif;line-height: 1;color: #000;background: #aaccff url(../images/pageBG.png) no-repeat 50% 0;margin-top:30px;}
header, footer, nav, article, section, aside {display:block;}
#wrap {position:relative;width:957px;margin:0 auto;}
/*---GLOBAL---*/
.clearL {clear:left;}
.clearR {clear:right;}
.clearB {clear:both;}

.embedded {margin-bottom:20px;}
.photo {border:1px solid #000;padding:5px;float:right;margin:10px 0 20px 20px;}


h2, h3, h4, h5, h6 {font-weight:bold;}
h2 {text-transform:uppercase;}
h4 {font-size:125%;margin-bottom:5px;}


abbr {border-bottom:1px dotted #ccc;cursor:help;}
#related abbr, #tumblelog abbr {border-color:#b3d1ff;}
.vevent abbr, .vcard abbr {border:0;}
code {text-transform:lowercase;}

p, ul, dl, ol {margin-bottom:20px;}
ul ul {margin-bottom:0;}
#related ul, #tumblelog ul, dd ul {margin-bottom:0;}
/*p + ul, ul + p {margin-top:-15px;}*/
p, li, dt, dd {line-height:133%;font-size:110%;}
dd p, ul li ul li {font-size:100%;}
#related p, #related li, #tumblelog p, #tumblelog li {font-size:102%;}

li {padding-bottom:5px;}
dd {padding-bottom:10px;}
dd li {font-size:100%;padding-bottom:0;}
dd li:last-child {padding-top:10px;}
.plain dd li:last-child {padding-top:0;}
ul li {padding-left:15px; background:url(../images/blackBullet.png) no-repeat 0 6px;}
#related li, #tumblelog li {background-image:url(../images/whiteBullet.png);}

.sponsors {margin:0 0 30px;}
.sponsors li {padding:0;background:none;display:inline;margin: 0 20px 0 0;line-height:80px;}
.sponsors li img {vertical-align:middle;}

ul.adr li {padding-left:0;background:none;}

li.vevent .dtstart, li strong {font-weight:bold;text-transform:uppercase;}

div.vcard {margin-bottom:20px;clear:right;}
#related div.vcard {margin-bottom:0;}
div.vcard p {line-height:133%;}

#about li.vcard {width:43%;float:left;}
#about li.vcard .photo {float:left;margin:0 10px 10px 0;}
#about li.vcard h4 {font-size:100%;float:left;}

dt {font-weight:bold;text-transform:uppercase;padding-left:15px; background:url(../images/blackBullet.png) no-repeat 0 6px;}
dd {padding-left:15px;}

#related dl {float:left;margin-bottom:0;}
#related dt {float:left;margin:0 20px 50px 0;clear:left;width:14%;background:none;padding:0;}
#related dd {float:left;width:80%;padding:0;}

dl.plain dt, ul.plain li {background:none;padding-left:0;}

ol {list-style:decimal;margin-left:20px;}
ol li {padding:0;}

a, a:link, a:visited {text-decoration:none;color:#0082d6;}
a:hover, a:focus, a:active {text-decoration:underline;}

.contain {border:1px solid #fff;padding:20px;}

.alert, .note {color:#900;background:#ffccff;padding:3px;margin-bottom:20px;}
.alert p, .note p{border:1px solid #900;padding:10px;margin:0;}
.alert a, .alert a:link, .alert a:visited, .alert a:hover, .alert a:focus, .alert a:active {color:#900;text-decoration:underline;}

.note {color:#0082d6;background:#acf;}
.note p {border-color:#0082d6;}

#related span.alert {background:none;color:yellow;}

.action {text-transform:uppercase;font-size:110%;}
.action a, .action a:link, .action a:visited {text-decoration:none;}
.add a:before {content: "+ ";}
.forward a:after {content:" >";}

.action a:hover, .action a:focus, .action a:active {}

blockquote {font-style:italic;line-height:1.5;border-left:3px solid #a8cbff;padding-left:20px;margin-left:3px;}
cite {font-style:italic;}
/*---HEADER---*/
header {position:relative;padding-bottom:154px;z-index:10;}
h1 {color:#0082d6;text-indent:-5000px;background:url(../images/webuquerque.png) no-repeat 0 0;width:782px; height:154px;position:absolute;top:0;right:0;}
header h2 {text-indent:-5000px;background:url(../images/tagline.png) no-repeat 0 0;width:643px;height:33px;position:absolute;top:73px;right:0;}
.logo {position:absolute;top:-17px;left:0;}

/*---NAV---*/
nav {position:absolute; top:180px;left:20px;}
nav li {margin-bottom:7px;padding:0;background:none;}

nav li a {display:block;text-indent:-5000px; background:url(../images/nav.png) no-repeat 0 -912px;width:39px;height:100px;}
nav li a:hover {background-position: 0 -761px;}


#home nav li.home {text-indent:-5000px; background:url(../images/nav.png) no-repeat 0 -59px;width:39px;height:100px;}
nav li.home a {background-position:0 -210px;}
nav li.home a:hover {background-position: 0 -59px;}

#events nav li.events {text-indent:-5000px; background:url(../images/nav.png) no-repeat 0 -382px;width:39px;height:100px;}
nav li.events a {background-position:0 -572px;}
nav li.events a:hover, #eventDetail nav li.events a {background-position: 0 -382px;}

#news nav li.news {text-indent:-5000px; background:url(../images/nav.png) no-repeat 0 -1113px;width:39px;height:100px;}
nav li.news a {background-position:0 -1264px;}
nav li.news a:hover, #newsDetail nav li.news a {background-position: 0 -1113px;}

#about nav li.about {text-indent:-5000px; background:url(../images/nav.png) no-repeat 0 -761px;width:39px;height:100px;}

/*---MAIN CONTENT---*/
#mainContent {border:1px solid #000;background:#fff url(../images/mainContentBG.png) no-repeat 2px 0;padding:20px;width:557px;float:left;margin-left:59px;position:relative;margin-bottom:30px;min-height:450px;}
#mainContent h2 {text-transform:none;font-size:225%;padding:22px 150px 10px 0;background:url(../images/calendar.png) no-repeat 100% 0;border-bottom:1px solid #b3d1ff;margin-bottom:20px;margin-top:5px;}
#mainContent h2.withTagline {border:0;margin-bottom:10px;padding-bottom:5px;}
#news #mainContent h2, #newsDetail #mainContent h2, #mainContent h2.news {background-image: url(../images/news.png);}
#mainContent h2 a, #mainContent h2 a:link, #mainContent h2 a:visited {color:#000;}
#mainContent h2 a:hover, #mainContent h2 a:focus, #mainContent h2 a:active {color:#0082d6;text-decoration:none;}
#mainContent h2 span {text-transform:uppercase;color:#900}
#mainContent h3 {font-style:italic;border-bottom:1px solid #b3d1ff;font-size:160%;padding-bottom:5px;margin-bottom:10px;}
#mainContent h3#lead {position:absolute;top:20px;left:20px;text-transform:uppercase;color:#0082d6;font-size:130%;border:0;font-style:normal;}
#mainContent h3#lead a, #mainContent h3#lead a:link, #mainContent h3#lead a:visited, #mainContent h3#lead a:hover, #mainContent h3#lead a:focus, #mainContent h3#lead a:active { margin-left:50px;}
#mainContent li.vevent, #mainContent li.alt {margin-bottom:20px;font-size:110%;}


/*--Home--*/
#mainContent .excerpt {position:relative;margin-bottom:40px;border-bottom:1px dotted #ccc;padding-bottom:20px;}
#mainContent .excerpt:last-child {border:0;padding:0;}
#mainContent .excerpt h3#lead {top:-5px;left:0;}
/*---RELATED---*/
#related {float:left; margin-left:20px;}
#related section {background:#000;color:#fff;padding:3px;margin-bottom:20px;width:271px;}
#related h2 {font-size:115%;background:url(../images/whiteBullet.png) repeat-x 0 50%;margin-bottom:5px;}
#related h2 span {background:#000;padding-right:5px;}
#related a, #related a:link, #related a:visited {color:#fff;text-decoration:underline;}
#related a:hover, #related a:focus, #related a:active {color:#0082d6;text-decoration:none;}

#related .action a, #related .action a:link, #related .action a:visited {text-decoration:none;color:#0082d6;}
#related .action a:hover, #related .action a:focus, #related .action a:active {color:#fff;}

#related h2 span a, #related h2 span a:link, #related h2 span a:visited, #related h2 span a:hover, #related h2 span a:focus, #related h2 span a:active  {text-decoration:none;}


#related #about ul {margin-bottom:20px;}
#about p:last-child {margin-bottom:0;}

#whenWhere ul {margin-left:20px;}
#whenWhere li {padding-left:0;background:none;}
#whenWhere ul li:last-child {padding-bottom:0;}


#schedule ul {margin:10px 0;}
#schedule li {padding-bottom: 15px;}
#schedule li strong {text-transform:uppercase;}
#schedule p:last-child {margin-bottom:0;}

/*---TUMBLELOG---*/
#tumblelog {background:url(../images/tumblelogShadow.png) repeat-x 0 0;clear:left;position:relative;padding-top:19px;}
.inner {background:#000;width:100%;}
#tumblelog aside {color:#fff;width:957px;padding:60px 20px 20px;margin:0 auto;}
#tumblelog h2 {text-indent:-5000px; background:url(../images/webuquerqueElsewhere.png) no-repeat 0 0; height:76px;position:absolute;width:681px;top:-17px;margin-left:-10px;}
#tumblelog h3 {font-size:130%;text-transform:uppercase;}
#tumblelog section {width:660px;float:left;}
#tumblelog a, #tumblelog a:link, #tumblelog a:visited {color:#fff;text-decoration:underline;}
#tumblelog a:hover, #tumblelog a:focus, #tumblelog a:active {color:#0082d6;text-decoration:none;}

#tumblelog h3 a, #tumblelog h3 a:link, #tumblelog h3 a:visited {color:#fff;text-decoration:none;}
#tumblelog h3 a:hover, #tumblelog h3 a:focus, #tumblelog h3 a:active {color:#0082d6}

#tumblelog #socialNetworks {background:#fff;padding:3px;width:271px;margin-right:20px;color:#000;margin-bottom:50px;}
#tumblelog #socialNetworks a, #tumblelog #socialNetworks a:link, #tumblelog #socialNetworks a:visited {color:#000;}
#tumblelog #socialNetworks a:hover, #tumblelog #socialNetworks a:focus, #tumblelog #socialNetworks a:active {color:#0082d6;}
#tumblelog .contain {border-color:#000;}
#tumblelog #socialNetworks h3 {background:url(../images/blackBullet.png) repeat-x 0 50%;color:#000;margin-bottom:5px;}
#tumblelog #socialNetworks h3 span {background:#fff;}
#tumblelog #socialNetworks ul {margin:-10px 0 0 0;}

#tumblelog #socialNetworks ul li {padding:0 0 15px 0;line-height:normal;background:none;}
#tumblelog #socialNetworks ul li:last-child {padding-bottom:0;}

#tumblelog #socialNetworks ul li a {display:block;padding-left:25px;background:url(../images/socialNetworkIcons.png) no-repeat 0 -20px;}
#tumblelog #socialNetworks ul li.dcf a {background-position:0 -73px;}
#tumblelog #socialNetworks ul li.fb a {background-position:0 -137px;}
#tumblelog #socialNetworks ul li.upcoming a {background-position:0 -201px;}
#tumblelog #socialNetworks ul li.flickr a {background-position:0 -269px;}
#tumblelog #socialNetworks ul li.slideshare a {background-position:0 -329px;}
#tumblelog #socialNetworks ul li.viddler a {background-position:0 -393px;}
#tumblelog #socialNetworks ul li.aug a {background-position:0 -457px;}
#tumblelog #socialNetworks ul li.eventbrite a {background-position:0 -513px;}
#tumblelog #socialNetworks ul li.vimeo a {background-position:0 -565px;}


#tumblelog #tweetstream h3, #tumblelog #photostream h3 {padding:8px 0 10px 42px;background:url(../images/twitterFlickrIcons.png) no-repeat 0 -39px;margin-bottom:1px;}
#tumblelog #tweetstream ul, #tumblelog #photostream ul {margin-left:42px;}
#tumblelog #photostream ul {margin-left:60px;}

#tumblelog #tweetstream li {padding-bottom:20px;}

#tumblelog #photostream {margin-bottom:50px;margin-top:20px;}
#tumblelog #photostream h3 {background-position: 0 -127px;}
.flickr_badge_image {float:left;margin:0 0 0 15px;background:#fff;padding:2px 2px 0 2px;}
.flickr_badge_image img {padding:4px; border:1px solid #000;}
#flickr_badge_image1 {margin-left:45px;}

footer {clear:left;border-top:1px solid #fff;padding-top:20px;}
.copyright {float:left;width:50%;}
.contact {float:right;width:50%;text-align:right;}