/*
	AIDS2031 <aids2031.org>
*/



/* Structure
------------------------------------------------*/
*												{ margin: 0; padding: 0; }

html											{ height: 100%; background: #fff; padding-right: 1px; margin-bottom: 1px; }
body											{ height: 100%; color: #333; background: #242424 url('/template2/footer-bg.gif') repeat-y center top; font: 12px/18px arial, helvetica, sans-serif; }

div#container									{ height: 100%; }
div.page										{ width: 900px; margin: 0 auto; }

div#header										{ background: #b2b2b2 url('/template2/body-bg.gif') repeat-y center top; }
div#nav											{ color: #fff; background: #8e8e8e url('/template2/nav-bg.gif') repeat-y center top; }
div#content										{ background: #b2b2b2 url('/template2/body-bg.gif') repeat-y center top; }
div#sub-content									{ color: #fff; background: #005f6b url('/template2/sub-content-bg.gif') repeat-y center top; }
div#footer										{ color: #fff; background: #242424 url('/template2/footer-bg.gif') repeat-y center top; }

div#content div.x-mdark-s						{ background: url('/template2/content-x-mdark-s-bg.gif') repeat-y left top; }
div#content div.x-m-s							{ background: url('/template2/content-x-m-s-bg.gif') repeat-y left top; }
div#content div.xm-s							{ background: url('/template2/content-xm-s-bg.gif') repeat-y left top; }
div#content div.x-ms							{ background: url('/template2/content-x-ms-bg.gif') repeat-y left top; }
div#sub-content div.xm-s						{ background: url('/template2/sub-content-xm-s-bg.gif') repeat-y left top; }
div#sub-content div.xm-s div.sub-container		{ float: left; background: url('/template2/sub-content-xm-s-top.gif') no-repeat left top; }

div#footer p.left								{ float: left; }
div#footer p.right								{ float: right; text-align: right; }

div.minheight									{ float: right; width: 1px; height: 600px; }
div.minheightclear								{ clear: both; overflow: hidden; height: 1px; }



/* Navigation
------------------------------------------------*/
div#nav ul										{ z-index: 999; width: 900px; margin: 0; list-style: none; }
div#nav ul li									{ z-index: 999; float: left; margin: 0; }
div#nav ul li a.top								{ z-index: 999; display: block; padding: 5px 12px; color: #666666; font-size: 12px; text-decoration: none; border-right: solid 1px #bbb; }
div#nav ul li a.current							{ background: #f3f3f3; font-weight: bold; color: #333333; }
div#nav ul li a:hover							{ background: #f3f3f3; color: #333333; }
div#nav ul li#nav-login a { border-right: none; border-left: solid 1px #bbb; }

div#nav ul li ul								{ display: none; position: absolute; z-index: 999; width: 200px; margin: -1px 0 0 -1px; border: solid 1px #bbb; }
div#nav ul li:hover ul							{ display: block; z-index: 999; }
div#nav ul li ul li								{ z-index: 999; float: none; }
div#nav ul li ul li a							{ display: block; z-index: 999; padding: 5px 15px; border-top: solid 1px #fff; border-bottom: solid 1px #e0e0e0; color: #666; background: #eee; text-decoration: none; }
div#nav ul li ul li a:hover,
div#nav ul li ul li a.current					{ color: #333333; background: #f9f9f9; }
div#nav ul li ul li a.last						{ border: none; border-top: solid 1px #fff; }
div#nav ul li ul li a.current					{ font-weight: bold; }

#news_tabs										{ margin-bottom: 15px; border-bottom: 1px solid #cccccc; }
#news_tabs .news_tab							{ border: 1px solid #cccccc; background-color: #dddddd; float: left; margin-right: 0px; padding-left: 9px; padding-right: 9px; padding-top: 2px; padding-bottom: 3px; position: relative; top: 5px; }
#news_tabs .news_tab.selected					{ background-color: #f6f6f6; border-bottom: 1px solid #f6f6f6; padding-top: 6px; top: 1px; }
#news_tabs .news_tab a							{ text-decoration: none; color: #666666; }
#news_tabs .news_tab a.selected					{ font-weight: bold; font-color: #333333; }

/* Columns
------------------------------------------------*/
div.column										{ display: inline; float: left; margin: 15px 15px 5px; }

div.x											{ width: 190px; margin-top: 0px; border-top: 15px solid #f6f6f6; }
div.m											{ width: 400px; }
div.s											{ width: 219px; }
div.xm											{ width: 620px; }
div.xms											{ width: 870px; }
div.ms											{ width: 665px; margin-right: 0px; margin-left: 0px; margin-top: 0px; border-top: 15px solid #f6f6f6; }

div.clear										{ clear: both; }



/* Content
------------------------------------------------*/
div.items										{  }
div.items div.item								{ margin-bottom: 10px; border-bottom: solid 1px #ccc; }
div.items div.last								{ margin-bottom: 0; border-bottom: none; }

div.feature div.image							{ float: left; width: 180px; }
div.feature div.content							{ float: left; width: 210px; margin-left: 10px; }
div#feature										{ float: right; width: 205px; margin-left: 15px; margin-bottom: 15px; padding: 10px 15px 0; background: #eeeeee; line-height: 20px; }

ul.videos										{ margin: 0 0 10px 0; list-style: none; }
ul.videos li									{ margin: 0 0 5px 0; padding-left: 20px; background: url('/template2/icon-film.gif') no-repeat left center; }
ul.videos li a									{ text-decoration: none; font-weight: bold; }

#container .thumbnail							{ background-color: #eeeeee; margin-bottom: 1px; padding: 10px; border-bottom: 1px solid #e0e0e0; }
#container .thumbnail h4						{ margin-bottom: 4px; }
#container .thumbnail p							{ margin-bottom: 4px; }
#container .thumbnail:hover						{ background-color: #f6f6f6; cursor: pointer; }

/* Typography
------------------------------------------------*/
p												{ margin: 0 0 10px 0; }

ul, ol											{ margin: 0 0 0 30px; }
li												{ margin: 0 0 10px 0; }

h1, h2, h3, h4									{ margin: 0 0 10px 0; line-height: normal; }
h1												{ margin-top: 0px; }
h2												{ font-size: 18px; }
h3												{  }
h4												{ color: #089; font-size: 12px; line-height: 18px; }

hr												{ display: block; clear: left; color: #d5d5d5; height: 1px; border: 0px; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; background-color: #d5d5d5; overflow: hidden; padding: 0px; font-size: 1px; }

div#sub-content h4								{ color: #ffffff; font-size: 13px; font-weight: bold; }
div#footer p									{ font-size: 11px; }

ul#actions										{ margin: 0; padding-bottom: 10px; list-style: none; }
ul#actions li									{ width: 190px; height: 60px; margin-bottom: 10px; }
ul#actions li a									{ display: block; width: 190px; height: 60px; background: #fff none no-repeat left top; }
ul#actions li#act-signup a						{ background-image: url('/template2/action-signup.gif') }
ul#actions li#act-learn a						{ background-image: url('/template2/action-learn.gif') }
ul#actions li#act-watch a						{ background-image: url('/template2/action-watch.gif') }
ul#actions li#act-share a						{ background-image: url('/template2/action-share.gif') }
ul#actions li#act-links a						{ background-image: url('/template2/action-links.gif') }
ul#actions li#act-yls a							{ background-image: url('/template2/action-yls.gif') }
ul#actions li#act-signup a:hover,
ul#actions li#act-signup a.selected,
ul#actions li#act-learn a:hover,
ul#actions li#act-learn a.selected,
ul#actions li#act-watch a:hover,
ul#actions li#act-watch a.selected,
ul#actions li#act-share a:hover,
ul#actions li#act-share a.selected,
ul#actions li#act-links a:hover,
ul#actions li#act-links a.selected,
ul#actions li#act-yls a:hover,
ul#actions li#act-yls a.selected				{ background-position: left -60px; }

div#footer span									{ color: #999; }

div#header h1									{ float: left; background-color: #FF6600; width: 300px; height: 60px; margin: 10px 15px; background: url('/template2/logo.gif') no-repeat left top; text-indent: -9999px; }
div#header h1 a									{ display: block; width: 300px; height: 60px; }

p.meta											{  }
p.summary										{ color: #666; font-size: 14px; }

h3.subnav-header								{ margin: 0; padding: 5px 15px; background: #cccccc; color: #666666; font-size: 12px; }
ul#subnav										{ margin: 0 0 15px 0; list-style: none; }
ul#subnav li									{ margin: 0; }
ul#subnav li a:link,
ul#subnav li a:visited							{ display: block; color: #666666; background: #eeeeee; padding: 3px 15px; text-decoration: none; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #ffffff; }
ul#subnav li a.current							{ background-color: #f9f9f9; color: #333333; font-weight: bold; }
ul#subnav li a:hover							{ background-color: #f9f9f9; }

.logotext										{ font-family: "Courier New", Courier, monospace; font-weight: bold; }
.logoblue										{ font-family: "Courier New", Courier, monospace; color: #008c99; }

#breadcrumb										{ font-size: 10px; margin-bottom: 4px; margin-top: 4px; color: #666666; }
#breadcrumb a									{ text-decoration: none; color: #666666; }
#breadcrumb a:hover								{ color: #333333; }

#container .page_title							{ background-color: #008c99; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; background-image: url('/template2/h1bg.gif'); background-repeat: repeat-x; background-position: left top; }
#container .page_title h1						{ color: #ffffff; margin: 0px; padding: 0px; font-size: 18px; letter-spacing: 1px; font-weight: normal; line-height: normal; }

#container .submit_button 						{ font-weight: bold; background-color: #008c99; border: 1px solid #6dbdc6; color: #ffffff; padding-left: 7px; padding-right: 7px; padding-top: 4px; padding-bottom: 4px; text-decoration: none; width: auto; overflow: visible; }
#container .submit_button:visited				{ color: #ffffff; text-decoration: none; }
#container .submit_button:hover					{ background-color: #6dbdc6; cursor: pointer; }

/* Linkage
------------------------------------------------*/
a												{ outline: none; }
a img											{ border: none; text-decoration: none; }

a:link											{ color: #089; }
a:visited										{ color: #777; }
a:hover											{ color: #000; }

div#footer a:link,
div#footer a:visited,
div#footer a:hover								{ color: #fff; font-weight: bold; }

div#content a.arrow:link						{ padding-right: 10px; background: url('/template2/arrow.gif') no-repeat right 3px; }
div#content a.arrow:visited						{ padding-right: 10px; background: url('/template2/arrow.gif') no-repeat right -35px; }
div#content a.arrow:hover						{ padding-right: 10px; background: url('/template2/arrow.gif') no-repeat right -16px; }

div#sub-content a:link							{ color: #6cc; }
div#sub-content a:visited						{ color: #6cc; }
div#sub-content a:hover,
div#sub-content a.current						{ color: #9ff; }

div#sub-content a.arrow:link					{ padding-right: 10px; background: url('/template2/arrow.gif') no-repeat right -54px; }
div#sub-content a.arrow:visited					{ padding-right: 10px; background: url('/template2/arrow.gif') no-repeat right -92px; }
div#sub-content a.arrow:hover,
div#sub-content a.arrow.current					{ padding-right: 10px; background: url('/template2/arrow.gif') no-repeat right -73px; }
h2 a											{ text-decoration: none; }



/* Replacement
------------------------------------------------*/
.r												{ text-indent: -9999px; background: transparent none no-repeat left top; }

h2#r-upcoming-events							{ width: 138px; height: 14px; background-image: url('/template2/r/h2-upcoming-events.gif'); }
h2#r-latest-news								{ width: 98px; height: 13px; background-image: url('/template2/r/h2-latest-news.gif'); }
h2#r-aids2031									{ width: 68px; height: 13px; background-image: url('/template2/r/h2-aids2031.gif'); }
h2#r-working-groups								{ width: 133px; height: 13px; background-image: url('/template2/r/h2-working-groups.gif'); }
h2#r-looking-back								{ width: 236px; height: 13px; background-image: url('/template2/r/h2-looking-back.gif'); }
h2#r-leadership-spotlight						{ width: 174px; height: 13px; background-image: url('/template2/r/h2-leadership-spotlight.gif'); }

h1#r-about-aids2031								{ width: 209px; height: 19px; background-image: url('/template2/r/h1-about-aids2031.gif'); }

div table#calendar								{ padding: 10px; border: none; min-height: 500px; width: 100%; border-collapse: collapse; padding: 0; margin: 0; font-size: 11px; line-height: 18px; }
table#calendar th								{ padding: 3px 5px; border: solid 1px #fff; background: #fff; font-size: 11px; text-align: center; color: #666; }
table#calendar td								{ padding: 3px 5px; border: solid 1px #fff; background: #ddd; vertical-align: top; height: 80px; width: 14%; }
table#calendar td.empty							{ background: #f6f6f6; }
table#calendar caption							{ padding: 2px 0 5px; margin-top: 10px; font-size: 13px; font-weight: bold; }
table#calendar td.calendar-event				{ padding: 0; }
table#calendar td.event							{ padding: 3px 5px; background: #dee; }

div table#calendar span.calendar-prev,
div table#calendar span.calendar-next 			{ color: #ddd; }

div.nav											{ margin-bottom: 10px; }
div.nav .navitem								{ padding-bottom: 5px; }
div.nav .navitem.month							{ padding-left: 15px; }
div.nav .navitem.post							{ padding: 0 0 5px 30px; line-height: 14px; }
div.nav .arrowlink								{ padding-left: 15px; background: url('/template2/larr.gif') no-repeat left center; }
div.nav .arrowlinkdown							{ padding-left: 15px; background: url('/template2/darr.gif') no-repeat left center; }

div#signup										{ float: left; background: #eee; padding: 15px; }
div#share										{ float: left; background: #eee; padding: 15px 5px 15px 15px; }

textarea										{ font: 12px/18px arial, helvetica, sans-serif; }
table											{ border-collapse: collapse; }
form table td									{ padding-right: 15px; }
input.text,
textarea.text									{ background: #fff; padding: 2px; border: solid 1px #ccc; font-size: 13px; width: 100%; }
select.text										{ background: #fff; padding: 2px; border: solid 1px #ccc; font-size: 13px; width: 100%; }

/* Clear fix!
------------------------------------------------*/
#container .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#container .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
#container .clearfix {display: block;}
/* End hide from IE-mac */

#container .mp3 { background: url('/template2/icons/sound.gif') no-repeat left top; padding-left: 20px; margin-right: 10px; }
#container .video { background: url('/template2/icons/video.gif') no-repeat left top; padding-left: 20px; margin-right: 10px; }


div.feedBlock									{ display: inline; float: left; width: 310px; margin: 0 15px 15px 0; background: #ddd; }
div#flickrFeed									{  }
div#videoFeed									{ margin: 0; }

p.meta { font-size: 13px; color: #999; }

#twitter_div			{ overflow: hidden; background: #fff; padding: 10px 10px 10px; font-size: 11px; }
#twitter_update_list	{ margin: 0; padding: 0; list-style: none; }
#twitter_update_list li { width: 170px; overflow: hidden; padding-bottom: 10px; border-bottom: solid 1px #ddd; }

div.articleContent img	{ margin: 10px; }