/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}

/* GLOBAL */
em, i {
	font-style: italic;
}
b, strong {
	font-weight: bold;
}
sub {
    font-size: 70%;
}
sup {
    font-size: 70%;
    vertical-align: top;
}
body {
	font-family: Arial, Helvetica,sans-serif;
	background-color: #e6e6e6;
	background-image: url('../images/bg.jpg');
	background-position: center;
	background-repeat: repeat-y;
}
blockquote div {
    background: url("../images/bbquote_bg_close.gif") no-repeat scroll right bottom transparent;
    font: italic 12px Arial,sans-serif;
    padding: 5px 30px;
}
blockquote {
    background: url("../images/bbquote_bg_open.gif") no-repeat scroll left top transparent;
    clear: both;
    margin: 10px;
}
.white {
    color: #fff;
}
.moblogo {
    display: none;
}
#switch_to_mobile, #compo_bar, #intro_bar {
    background-color: #F88D2F;
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    padding: 3px;
    text-align: center;
}
#compo_bar {
    width: 1120px;
    float: left;
}
#close_compo_bar {
    background-color: #F88D2F;
    padding: 2px;
    height: 18px;
    width: 20px;
    display: block;
    color: #ffffff;
    float: left;
    font-weight: bold;
}
#cookie_bar {
    background-color: #676767;
    font-size: 13px;
    color: #fff;
    padding: 2px;
    text-align: center;
}
#intro_bar {
    background-color: #61A0BF;
}
#compo_bar a, #intro_bar a, #cookie_bar a {
    color: #ffffff;
}
#compo_bar:hover, #close_compo_bar:hover {
    text-decoration: underline;
}
#compo_bar a:hover, #intro_bar a:hover, #cookie_bar a:hover {
    text-decoration: underline;
}
#close_switch_to_mobile {
    position: absolute;
}
#switch_to_mobile:hover {
    text-decoration: underline;
}
tr, th {
    vertical-align: top;
}
a {
	text-decoration: none;
	color: #000000;
}
div.clear {
	clear: both;
}
#article h1, #article h2, #article h1 a, #article h2 a {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
h1.title, h2.title, h1.title a, h2.title a {
    color: #ff8f35;
}
#article h1, #article h2 {
    color: #ff8f35;
}
#article h2, #article h2 a {
    font-size: 22px;
}

.article a.comments {
    background-image: url("../images/comment_bubble.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #FD6F1B;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 17px;
}

#top, #bottomlinks {
	width: 100%;
	height: 24px;
	background-image: url('../images/top_bg.jpg');
    background-repeat: repeat-x; /* iesux */
}
#topcentre {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
}
#topcentre .separator, #bottomlinks div.separator {
	background-image: url('../images/top_separator.jpg');
	width: 2px;
	height: 24px;
	float: left;
}
#bottomlinks {
    font-size: 12px;
}
#toplinks a, #bottomlinks a {
	padding-top: 7px;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
#feedback {
    background-color: Green !important;
    border: 2px solid #FD6F1B !important;
    margin-left: 85px !important;
    padding-bottom: 3px !important;
    padding-top: 5px !important;
}
#feedback span {
    border: 1px solid #FFFFFF;
    padding: 1px 1px 0 2px;
}
#middle {
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#topad {
	float: right;
	margin-top: 12px;
}
#topicons {
	float: right;
	margin-top: 10px;
    margin-right: 8px;
    display: inline; /*iesux*/
}
#topicons img {
	padding-top: 0px;
    
}
#topicons a {
	display: block;
	padding-left: 5px;
    margin-top: 2px;
    font-size: 0px;
}


#logo_container {
	float: left;
}
#nav {
	width: 1134px;
	height: 30px;
	background-color: #676767;
	clear: both;
	margin-left: 8px;
    overflow: hidden;
}
#filterdiv {
	width: 100%;
	height: 30px;
	background-color: #676767;
	clear: both;
}
#filterdiv.home {
    width: 780px !important; 
}
#nav a:hover, #nav a.current, #filterdiv a:hover, #filterdiv a.current {
    background-color: #F88D2F;
}
#nav div.separator, #filterdiv div.separator, #header_bar div.separator {
	float: left;
	background-color: #ffffff;
	width: 1px;
	height: 30px;
}
div.separator2 {
    float: right !important;
    margin-right: 5px;
}
#filterdiv a, #nav a, .breadnav a {
	float: left;
	color: #ffffff;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 8px;
	font-weight: bold;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #filterdiv a, #nav a {
        padding-top: 9px;
        padding-bottom: 9px;
    }
}
@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    #left_tabs {
        display: none;
    }
}

.nav2 a{
	padding-left: 5px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 8px;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 10px;
    margin-top: 3px;
	_width: 0px;
    text-transform: uppercase;
}

.nav2 {
    float: left;
    height: 25px;
    clear: both;
    background-color: #61a0bf;
    width: 780px;
    margin-left: 0px;
    padding-left: 4px;
    display: inline; /* iesux */
    /*overflow:hidden; /* iesux */
    position: relative;
}
.navtop2 {
    margin-left: 8px;
}
.nav2 img {
    cursor: pointer;
    float: right;
    margin-right: 5px;
    margin-top: 4px;
}
.nav2.home {
    width: 776px !important;
}
.nav2 span {
    display: block;
    height: 14px;
}
.nav2 a:hover, .nav2 a.current {
    background-image: url('../images/subnav_over.gif');
    background-repeat: no-repeat;
    display: inline-block;
    color: #000000;
    padding-right: 0px;
}
.nav2 a:hover span, .nav2 a.current span {
    background-image: url('../images/subnav_over.gif');
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-top: 3px;
    margin-top: -3px
}

.expand_cats {
    display: none;
    background-color: #61A0BF;
    position: absolute;
    right: 0;
    top: 30px;
    width: 170px;
    z-index: 3;
}
.nav2 .expand_cats a {
    /*clear: left;*/
}
.expand_cats a:hover, .expand_cats a.current {
    background-image: none !important;
    background-color: #e1e1e1;
    padding: 5px;
    margin: 0 0 0 0px;
}
.expand_cats a:hover span, .expand_cats a.current span {
    background-image: none !important;
    background-color: #e1e1e1;
    padding: 5px;
    margin: 0 0 0 0px;
}
.expand_cats a {
    display: block !important;
    float: none;
    padding: 5px;
    margin: 0 0 0 0px;
}
.expand_cats a span {
    padding: 5px;
    margin: 0 0 0 0px;
}


#breadcrumbs {
    float: left;
	width: 784px;
	height: 21px;
	background-color: #e1e1e1;
	font-size: 11px;
    letter-spacing: 0.2px;
    border-bottom-right-radius: 3px;
    
}
#breadcrumbs p {
	padding-top: 4px;
	padding-left: 11px;
}
#breadcrumbs a {
	color: #000000;
}
#left {
	/*clear: both;*/
	float: left;
	width: 784px;
	margin-left: 8px;
	display: inline; /* ie sux double margin bug */
}
#right {
	width: 340px;
	float: left;
	margin-left: 10px;
    min-height: 540px;
}
div.subnav, a.subnav  {
	height: 30px;
    background-color: #61a0bf;
	
}
div.subnav {
    width: 100%;
}

.subnav h4.subnav, .subnav h2.subnav {
	color: #ffffff !important;
	margin-top: 0px;
	font-size: 15px;
	font-weight: bold;
	padding-left: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#events div.subnav ul {
	padding-top: 5px;
    margin-bottom: 5px;
}
#events {
	font-size: 12px;
}
#events div.subnav p.subnav {
    margin-top: 0px !important;
}
#events p a {
    font-weight: bold;
    float: right;
    padding: 3px;
}
#events li {
	padding-top: 3px;
    padding-left: 3px;
}
#events li.first {
    padding-top: 4px;
}

#events li strong {
	color: #005178;
}

#copy {
	margin-top: 25px;
	font-size: 11px;
	margin-bottom: 10px;
}
div#searchform {
    text-align: right;
    display: block;
    float: right;	
    width: 360px;
}
#searchform a {
    margin-right: 6px;
    margin-top: -5px;
}
#nav #search {
    border: medium none;
    color: #676767;
    display: block;
    float: right;
    font-size: 18px;
    height: 24px;
    margin-top: 2px;
    width: 240px;
    padding: 1px;
}



#toplogin {
	float: right;
	/*padding-left: 415px;*/
	padding-top: 7px;
}
#toplogin a {
	color: #ffffff;
}


.todays {
	font-size: 12px;
	color: #ffffff;
	margin-top: 9px;
	margin-bottom: 10px;
}
.todaysheader {
    width: 338px;
    height: 30px;
    background-color: #61a0bf;
    /*background-image: url("../img/subnav_orange_right.png");*/
    background-position: right center;
    background-repeat: no-repeat;
}
#rememberwhencontent span.year {
    background-color: #353535;
    color: #ffffff;
    font-family: "Courier New", monospace, Arial;
    font-weight: bold;
    font-size: 22px;
    float: left;
    padding: 3px;
    margin-right: 10px;
}
.todaysheader div.separator {
    background-color: #FFFFFF;
    float: left;
    height: 30px;
    width: 1px;
}
.todaysactive {
	background-color: #FF8F35;
    background-position: bottom;
}

#mostcommented {
	height: 30px;
	float: left;
	width: 169px;
}
#mostviewed, #latest, #rememberwhen {
	height: 30px;
	float: left;
}
#mostcommented h4 {
	font-weight: bold;
}
#mostcommented h4, #mostviewed h4, #latest h4, #rememberwhen h4 {
	 font-size: 15px;
     font-weight: bold;
	 padding-left: 9px;
	 padding-top: 8px;
     padding-right: 7px;
}
#mostcommentedcontent {
	display: none;
}
.mostviewedcontent {
    
}
.mostviewedcontent li img {
    width: 66px;
    height: 43px;
}
a.most_rank {
    background-color: #d7d7d7;
    color: #000000;
    float: left;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    padding: 12px 0 13px;
    text-align: center;
    width: 43px;

}
.todays ul {
    margin-top: 2px;
}
.mostviewedcontent a.comments {
    background-color: #F88D2F;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    padding: 15px 0 14px;
    text-align: center;
    width: 43px;
}
.mostviewedcontent a.article_link:hover {
    text-decoration: underline;
}
.mostviewedcontent .article_link {
    width: 242px;
}
.mostviewedcontent .article_link, #press_releases .article_link {
    display: block;
    float: left;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px;
}
#press_releases .article_link {
    width: 280px;
}

.mostviewedcontent .ago {
    font-size: 11px;
    font-style: italic;
}
.mostviewedcontent .article_image {
    float: left;
}
.mostviewedcontent li {
    width: 338px;
}

#rememberwhencontent  {
    height: 90px;
}
#rememberwhencontent {
    padding-left: 10px;
}
#rememberwhencontent h4 {
    font-size: 14px;
    font-weight: bold;
    width: 254px;
    float: left;
}
#rememberwhencontent h2 a:hover {
    text-decoration: underline;
    background-color: transparent;
}

.todays li {
    padding-top: 2px;
}

.newslettersubnav {
    margin-top: 5px;
}

.todaysheader div:hover {
    cursor: pointer;
}
#twitterwrapper {
    background-image: url("../images/twitterheader.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    float: left;
    margin-left: 5px;
    margin-top: -5px;
    width: 168px;
}
#twittercontent {
	font-size: 12px;
	margin-top: 17px;
	padding-top: 47px;
    
}
#twittercontent p {
	padding-bottom: 5px;
}
.twittersubnav {
    margin-top: 5px;
}

#rightad1 {
	float: right;
    margin-top: 6px;
    margin-left: 2px;
}
#rightad2, #rightadhome {
	margin-top: 6px;
	margin-bottom: 10px;
    height: 250px;
    width: 300px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}


#rightad3 {
	margin-top: 10px;
	float: left;
	margin-left: 9px;
}
#events {
	float: left;
	width: 170px;
    overflow: hidden;
    position: relative;
}

#events_back {
    margin-top: 5px;
    background-color: #676767;
    height: 261px;
}
#pollandevents {
    float: left;
    margin-top: 10px;
    width: 168px;
}




#poll {
	float: left;
	width: 170px;
}
.poll img {
	background: none repeat scroll 0 0 #FF6600;
}
#latest_poll p strong {
	color: #005178;
	font-size: 14px;
}
#latest_poll p {
	padding-top: 5px;
	padding-bottom: 10px;
    text-align: center;
    
}
#lastest_poll td.pollanswer {
    vertical-align: middle;
}
#latest_poll {
    padding: 5px;
    line-height: 13px;
    font-size: 13px;
    line-height: 1.2;
    background-color: #676767;
    color: #ffffff;
    margin-top: 5px;
    height: 251px;
    position: relative;
}
#latest_poll h2{
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1; 
    padding-left: 5px;
    padding-top: 5px;

    margin-bottom: 5px;
    border-bottom: 1px solid #353535;
}
#poll a {
    font-weight: bold;
}
#poll_results {
    margin-left: 5px;
}

#twittercontent p a {
    font-weight: bold;
}

p.comments a:hover  {
    background-color: #f0f0f0;
}

#events p a:hover, #myhexus p a:hover {
    text-decoration: underline;
}
#myhexus {
    float: left;
    width: 130px;
    margin-top: 6px;
    height: 200px;
    position: relative; 
}
#myhexus div.myhexus{
    background: none repeat scroll 0 0 #676767;
    color: #FFFFFF;
    font-size: 12px;
    margin-top: 5px;
    padding-left: 5px;
    padding-top: 5px;
    height: 160px;
    position: relative;
    line-height: normal;
}
#myhexus a{
    font-weight: bold;
    color: #fff;
}
#myhexus a.hexus_button {
    letter-spacing: 0px;
}
#myhexus a:hover{
    text-decoration: underline;
}
#myhexus a.login_button {
    position: absolute;
    bottom: -1px;
    left: -1px;
    height: 15px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
    padding-bottom: 3px;
}
#myhexus a:hover {
    text-decoration: none;
}
#myhexus a.register_button {
    position: absolute;
    bottom: -1px;
    right: -1px;
    height: 15px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
    padding-bottom: 3px;
}
#compo {
    margin-top: 3px;
}
#compo h2.subnav {
    background-color: green;
    padding-left: 0px;
}
#compo {
    background-color: green;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-top: 0;
}
#compo:hover {
    text-decoration: underline;
}

input.bginput {
    width: 130px;
    margin-left: 5px;
}
a.eventlink {
    color: #FF6600 !important;
}

.errorlist {
    color: red;
}


label {
    font-size: 12px;
}


#article {
    font-size: 14px;
    line-height: normal;
    margin-top: 6px;
}

#articlecontent a {
    color: #61a0bf;
    font-weight: bold;
}
#articlecontent a:hover {
    text-decoration: underline;
}
a.cboxElement {
    border-bottom: none !important;
}

table.stripe {
    border: 1px solid #000000;
}

.alignCenter {
    text-align: center;
}

#filter {
	font-size: 13px;
	margin-bottom: 7px;
	margin-left: 7px;
	margin-top: 8px;
	float: left;
}
#filter a {
	background-image: url("../images/todays_bg.jpg");
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-bottom: 5px;
	padding: 4px;
}
div.contentheader {
	float: left;
	
}
#hxsPlayer {
    text-align: center;
}

#mostcommentedcontent a.comment_bubble {
    position: absolute;
    right: 4px;
    display: block;
}

#newsletter_email {
    width: 228px;
    height: 23px;
    display: block;
    float: left;
}


/* BUTTONS */
.hexus_button {
    background-color: #F88D2F;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    letter-spacing: 0.05em;
    vertical-align: middle;
    margin-right: 0px;
    text-transform: uppercase;
    -webkit-appearance: none;
}
.hexus_button:hover {
    background-color: #ff9538;
}
#nav button {
    float: right;
    margin-left: 3px;
    margin-top: -1px;
    margin-right: 0px;
    height: 32px;
}
#nav button img {
    vertical-align: middle;
}
.events_button {
    position: absolute;
    bottom: -1px;
    right: -1px;
}
.poll_button {
    bottom: -1px;
    float: right;
    margin-bottom: 0;
    position: absolute;
    right: -1px;
    margin-right: 0px;
}
#filter_button {
    
}
#nav input.search_button {
    float: right;
}
.send_button {
    bottom: -1px;
    position: absolute;
    right: -1px;
    margin-right: 0px;
}
#newsletter_submit {
    display: block;
    float: right;
    width: 100px;
}




#newsletter_form {
    margin-top: 5px;
}
#left_tabs {
    position: fixed;
    top: 0px;
    width: 26px;
    height: 100px;
    left: -3px;
    top: 138px;
}

#go_to_myhexus {
    font-size: 13px;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 7px;
}

span.highlighted {
    background-color: lightYellow;
    color: #000000 !important;
}
.search_result_link {
    font-weight: bold;
}

.grid_view_icon, .list_view_icon, .time_view_icon {
    float: right;
    margin-right: 5px;
    margin-top: 8px;
    cursor: pointer;
    font-size: 15px;
    color: #ffffff;
}

#twitter {
    padding: 5px;
}
#twitter p {
    font-size: 13px;
    margin-top: 5px;
}
#twitter p a {
    color: #F77720;
}
#twitter img {
    float: left;
    margin-right: 10px;
}
#twitter h2 {
    font-size: 15px;
}
#twitter h3 {
    font-size: 17px;
    font-weight: bold;
}   

footer {
    background-color: #676767;
    color: #ffffff;
    line-spacing: normal;
    width: 1150px;
    padding-top: 10px;
}
footer table {
    margin-left: 20px;
}
footer table td {
    width: 268px;
}
footer p {
    line-height: 17px;
}
footer h4 {
    font-size: 20px;
    margin-bottom: 5px;
}
#footerlinks {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
footer a{
	color: #ffffff;
}
footer p {
    font-size: 12px;
}
footer a:hover {
    text-decoration: underline;
}
#footer_bottom {
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 13px;
    width: 100%;
}


#older, .older {
    margin-bottom: 5px;
    margin-top: 10px;
    width: 200px;
    display: block;
}

#footer_left {
    float: left;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
}
#footer_right {
    float: right;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
}
#social_icons {
    bottom: 0;
    position: absolute;
    right: 0;
}
#twtr-widget-1 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.twtr-doc {
    border-radius: 0px !important;
}

#press_releases {
    font-size: 12px;
    font-weight: bold;
    margin-top: 4px;
}
#press_releases li {
    margin-top: 2px;
}
#press_releases a {
    display: block;
}
#press_releases a.article_link:hover {
    text-decoration: underline;
}



#pollandevents.home {
    width: 340px;
    overflow: hidden;
}
#pollandevents.home>div.clear {
    display: none;
    clear: none;
}
#pollandevents.home>br {
    display: none;
    clear: none;
}
#pollandevents.home #poll {
    width: 162px;
    margin-left: 8px;
}


#arm_read {
    background-image: url('../images/0a2bde9f-698f-4173-9edd-af139e3683e1.jpg');
    width: 340px;
    height: 54px;
    display: block;
    margin-top: 8px;
    margin-bottom: 10px;
}

#apugpu {
    background-image: url('../images/bf6ea9b3-7116-49e4-b790-01b8d330590a.jpg');
    width: 340px;
    height: 71px;
}
#apulink {
    display: block;
    width: 115px;
    height: 71px;
    float: left;
}
#gpulink {
    display: block;
    width: 150px;
    height: 71px;
    float: left;
    margin-left: 75px;
}

.skimwords, .skimwords-link { color: #050 ! important; border-bottom: 1px solid #050 !important; text-decoration: underline !important; }