/* Reset
---------------------------- */
body,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Default
---------------------------- */
body { background: #fff; }
body, td { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #666; }
p { margin: 0 0 20px 0; line-height: 1.4em; }
a { color: #073d64; text-decoration: none; }
a:hover { text-decoration: underline; }
label { font-weight: bold; cursor: pointer; }
h1, h2, h3, h4, h5, h6 { color: #073d64; }
h1 { font-size: 22px; margin: 0 0 20px 0; }
h2 { font-size: 16px; margin: 0 0 15px 0; color: #700803; }
h3 { font-size: 13px; margin: 0 0 5px 0; }
h4, h5, h6 { font-size: 12px; margin: 0 0 5px 0; }
h5, h6 { color: #666; }
hr { border: none; border-top: 1px solid #bdc8d1; height: 1px; padding: 0; margin: 0 0 20px 0; }
ul, ol { list-style: square; margin: 0 0 20px 30px; padding: 0; }
ol { list-style: decimal; margin: 0 0 30px 45px; padding: 0; }
li { margin: 0 0 2px 0; }
embed, object { margin: 0 0 15px 0; }

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

/* Common Classes
---------------------------- */
.rounded { width: 100%; display: block; margin: 0 0 6px 0; padding: 0; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #700803; position: relative; }
.rounded span { display: block;  border: 1px solid #dab3b3; padding: 4px 5px; margin: 0; }
.rounded span em a { float: right; font-size: 11px; text-transform: capitalize; font-style: normal; font-weight: normal; color: #073d64; padding-top: 1px; }
.rounded .tl,
.rounded .tr,
.rounded .bl,
.rounded .br { position: absolute; background: url(corners_bg.gif) no-repeat 0 0; width: 4px; height: 4px; }
.rounded .tl { top: 0; left: 0; background-position: 0 0; }
.rounded .tr { top: 0; right: 0px; background-position: -4px 0; }
.rounded .bl { bottom: 0; left: 0; background-position: 0 -4px; }
.rounded .br { bottom: 0; right: 0px; background-position: -4px -4px; }

.box { padding: 5px 6px 15px 6px; margin: 0; }
.box h3 { font-size: 13px; color: #700803; margin: 0 0 5px 0; }
.box ul { list-style: none; margin: 0 0 15px 0; padding: 0; }
.box p { margin: 0 0 10px 0; }
.box .thumb { margin: 0 0 7px 0; }


/* Layout
---------------------------- */
#container { width: 980px; margin: 0 auto; padding-top: 127px; }
#adbanner { position: absolute; top: 0; height: 98px; width: 980px; background: #ddd; overflow: hidden; text-align: center; margin: 0 auto; padding: 7px 0 0 0; }
#venues { position: absolute; top: 105px; height: 12px; width: 980px; background: #A3A3A3; color: #fff; font-size: 11px; padding: 4px 0 6px 0; text-align: center; }
#venues ul { margin: 0; padding: 0; list-style: none; }
#venues li { display: inline;  padding: 0; }
#venues li a { color: #fff; margin: 0 5px 0 7px; padding: 0; text-decoration: none; }
#venues li a:hover { color: #700803; }
#header { height: 114px; position: absolute; top: 127px; width: 980px; }
#header h2 { margin: 0; padding: 0; }
#header h2 a { display: block; width: 280px; height: 52px; position: absolute; top: 56px; left: 5px; text-indent: -9999px; overflow: hidden; }
#header ul { position: absolute; top: 10px; right: 14px; list-style: none; margin: 0; padding: 0; }
#header li { float: left; display: inline; padding: 0 6px 0 0; color: #073d64; font-weight: bold; }
#header li.last,
#header li.last a { padding: 0; }
#header li a { color: #073d64;  padding: 0 5px 0 0; text-decoration: none;  font-size: 11px;}
#header li a:hover { color: #700803; }

#blog-content { border-top: 0; padding: 10px 0 20px 0; margin: 0; }
#footer { background: #A3A3A3; padding: 4px 10px; font-size: 11px; color: #fff; }
#footer ul { list-style: none; margin: 0; padding: 0; }
#footer li { float: left; display: inline; padding: 0 8px 0 0; }
#footer li a { color: #fff;  padding: 0 9px 0 0; text-decoration: none; }
#footer li a:hover { color: #700803; }
#footer li.copyright { float: right; padding: 0; color: #fff; }
#cols-1 { float: left; width: 667px; }
#cols-2 { float: right; width: 300px; margin: 0 0 0 13px; }
#cols-1-1 { float: left; width: 180px; }
#cols-1-2 { float: right; width: 460px; }
#ad300x250,
#ad300x250-2 { margin: 0 0 15px 0; }
#ad300x250 embed,
#ad300x250-2 embed,
#ad300x250 object,
#ad300x250-2 object { margin: 0; }

#view-bar { border-bottom: 1px solid #a2b8c7; padding: 0 0 3px 0; margin: 0 0 15px 0; }

#blog-view { list-style: none; margin: 0; padding: 5px 7px; text-align: right; background: #a2b8c7; font-size: 11px; }
#blog-view li { display: inline; margin: 0; padding: 0 3px 0 0; }
#blog-view li a { padding: 0 8px 0 0; text-decoration: none; }
#blog-view li a:hover { color: #fff; }
#blog-view li.current a { color: #fff; cursor: text; font-weight: bold;  }
#blog-view li a:active, #blog-view li a:focus { outline: none; }

#expanded-view,
#summary-view { margin: 0 0 15px 0; } 

.post-options ul { list-style: none; margin: 0; padding: 0; }
.post-options li { display: inline; padding: 0 0 0 3px; }
.post-options li a { padding: 0 0 0 5px; font-size: 11px; font-weight: bold; }
.post-options li.first,
.post-options li.first a { padding: 0; }
.post-options li .commentCounterExpanded { display: inline; }
.post-options li img { margin: 0 0 -4px 0; }

.post { padding: 0 0 25px 0; margin: 0 0 25px 0; border-bottom: 1px solid #8ba6b8; }
.post h2 { margin: 0 0 2px 0; font-size: 19px; }
.post h3 { margin: 0; font-size: 12px; color: #585858; }

#expanded-view .post,
#summary-view .post { border-bottom: 1px solid #8ba6b8; } 

.entry a { text-decoration: underline; }
.entry a:hover { text-decoration: none; }

.entry .read-more-ext { display: block; margin-bottom: 20px; width: 75px; }

#expanded-view .post-info { margin: 10px 0; padding: 3px 0 0 0; font-size: 11px; }
#expanded-view .post-info .avatar { float: left; width: 46px; height: 46px; margin: 0 10px 0 0; }
#expanded-view .post-info br { display: block; margin: 0 0 2px 0; }

#summary-view .post-info { margin: 10px 0; font-size: 11px; }
#summary-view .post-info br { display: block; margin: 0 0 2px 0; }

.post .post-info { margin: 15px 0 12px 0; }
.post .post-info br { display: block; margin: 0 0 3px 0; }
.post .post-info .avatar { width: 46px; float: left; margin-right: 10px; }

p.tags { font-size: 11px; }
p.tags a { font-weight: bold; }

.blog-pagination { margin: 0 0 20px 0; font-size: 11px; }
.blog-pagination span { display: block; float: left; }
.blog-pagination ul { list-style: none; margin: 0; padding: 0; float: right; width: 65%; text-align: right; }
.blog-pagination li { display: inline; margin: 0; padding: 0 0 0 3px; }
.blog-pagination li a { text-decoration: underline; }
.blog-pagination li a:hover { text-decoration: none; }

ul.rss { list-style: none; margin: 7px 0 17px 0; padding: 0; color: #fff; }
ul.rss li { display: block; margin: 0 0 6px 0; padding: 0 3px 0 0; }
ul.rss li a { padding: 0 5px 0 19px; text-decoration: none; font-weight: bold; background: url(rss-icon.gif) no-repeat 0 0; }
ul.rss li a:hover { text-decoration: underline; }

.search { margin: 0 0 20px 0; }
.search label { display: block; margin: 0 0 3px 0; }
.search input { vertical-align: middle; margin: 0; padding: 0; }
.search .search-form { width: 135px; margin: 0 1px 0 0; }

.bio { background: #eee; padding: 15px; margin: 0 0 20px 0; }
.bio p { margin: 0 0 10px 0; }
.contributor { margin: 0 0 10px 0; padding: 3px 0 0 0; font-size: 11px; }
.contributor .avatar {float: left; width: 46px; height: 46px; margin: 0 10px 0 0; }
.contributor h2 { margin: 0; }
.contributor h3 { color: #666; }

.read-more { margin: 0 0 5px 0; }
.read-more a { font-size: 12px; font-weight: bold;  }

.recent-posts { padding: 5px 6px 15px 6px; margin: 0; }
.recent-posts br { display: block; margin: 0 0 3px 0; }


/* User Comments
---------------------------- */
.userComments { }
.userComments h2.rounded { font-size: 13px; }
.userComments h2.rounded .add,
.userComments h2.rounded .clear { background: url(add-comment_icon.gif) no-repeat right 2px; padding-right: 12px; }
.userComments h2.rounded .clear { background-position: right -18px; }
.userComments h2.rounded .add:hover,
.userComments h2.rounded .clear:hover { text-decoration: underline; }
.userComments .comments-container { padding: 5px 6px; overflow: hidden;}
.userComments .comments-view { margin: 0 0 17px 0; font-size: 11px; }
.userComments .comments-view .showing { display: block; float: left; }
.userComments .comments-view ul.pagination { list-style: none; margin: 0; padding: 0; float: right; }
.userComments .comments-view ul.pagination li { display: inline; }
.userComments .comment-box { border-bottom: 1px solid #8ba6b8; margin: 0 0 5px 0; }
.userComments .user { display: block; margin: 0 0 3px 0; font-size: 11px; }
.userComments .comment { margin: 0 0 20px 0; position: relative; }
.userComments .user strong { color: #073d64; }
.userComments .comment p { margin: 0; font-size: 12px; }
.userComments .comment .flag { position: absolute; top: 0; right: 0;  width: 50px; text-align: right; font-size: 11px; }

.userComments .comment-form { margin: 0 0 15px 0; background: #eee; padding: 10px 10px 5px 10px; }

.userComments .comment-form label,
.userComments .comment-form input,
.userComments .comment-form textarea { display: block; }

.userComments .comment-form label { margin: 0 0 3px 0; }
.userComments .comment-form input,
.userComments .comment-form textarea { margin: 0 0 7px 0; }
.userComments .comment-form div { padding-left: 250px;}
.userComments .comment-form div input { display: inline; }

.userComments .status-msg { background: #eee; padding: 7px; margin: 0 0 15px 0; }

#ue_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999998; background: #000; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
#ue_popup { background: url(popup-shadow-left.gif) no-repeat left top; padding: 0 0 0 3px; position: fixed; width: 350px; z-index: 9999999; }
#ue_popup #ue_popup_box { position: relative; border: 1px solid #666; background: #fff; padding: 3px; }
#ue_popup #ue_popup_bottom { background: url(popup-shadow-bottom.gif) no-repeat right bottom; height: 3px; }
#popup_questionContainer { border: 1px solid #8ba6b8; padding: 25px 20px 35px 20px; background: #fff url(alert.gif) no-repeat 15px 12px; }
#popup_questionContainer p { margin: 0 0 10px 0; padding: 0 0 0 90px; }
#popup_flagYes { display: inline; padding-right: 10px; text-transform: uppercase; padding: 0 7px 0 90px; }
#popup_flagNo { display: inline; text-transform: uppercase; }
#ue_popup_responseElm div { border: 1px solid #8ba6b8; padding: 25px 20px 30px 20px; }
/*#ue_popup a#close_popup { position: absolute;  top: 3px; right: 7px; font-weight: bold; font-size: 11px; } */

p.no-data { font-size: 12px; margin: 0 0 20px 0; font-weight: normal; }

.tagCloud { margin: 0 0 15px 0; font-size: 100%; line-height: 21px; font-weight:bold; width:300px }
.tagCloud ul { padding: 5px 6px 0 6px; margin: 0; }
.tagCloud li { display: inline; }
.tagCloud li a { margin: 0 10px 0px 0; }
.tagCloud p.no-data { margin: 0 0 10px 0; }

.latestFanCom { margin: 0 0 5px 0; overflow: hidden; }
.latestFanCom ul { list-style: none; margin: 0; padding: 5px 6px 0 6px; }
.latestFanCom li { margin: 0; padding: 0; }
.latestFanCom h3 { font-size: 12px; margin: 0 0 1px 0; }
.latestFanCom p strong { font-weight: normal; font-size: 12px; }


.blogArchives { margin: 0 0 20px 0; overflow: hidden; }
.blogArchives ul { list-style: none; margin: 0; padding: 5px 6px 0 6px;  }
.blogArchives li { float: left; width: 40%; margin: 0 7px 3px 0; padding: 0; }

/* google search results */
#cse-search-results { width: 450px; }
#cse-search-results iframe { width: 450px !important; }

#ad300x250 { margin-bottom: 7px; }
#msg-bottom-adbanner { height: 90px; text-align: center; padding: 10px 0; }

#lightbox { position: absolute; display: none; top: 15%; left: 34%; width: 440px; z-index: 9999999; margin: 0; /*background: #fff;*/ text-align:left; }
#lightbox[id] { position: fixed; }
#overlay { display:none; position:; top:0; left:0; width:100%; height:100%; z-index: 999999; background-color: #000; -moz-opacity: .60; opacity:.60; filter: alpha(opacity=60); }
#overlay[id]{ position:fixed; }
#lightbox.done #lbLoadMessage{ display:none; }
#lightbox.done #lbContent{ display:block;  }
#lightbox.loading #lbContent{ display:none; }
#lightbox.loading #lbLoadMessage{ padding: 20px 20px 20px 40px; background: url(/events/media/events/loading.gif) 16px 50% no-repeat; display: none; border: 1px solid #235688; }
#lightbox #lbLoadMessage p { padding: 0; margin: 0; }
#lightbox #lbLoadMessage {display:none;}
#lb-close { text-align: right; }

#lightbox.done #lbContent { border: 2px solid #0f3750; }
#lightbox.done .promotion-box h2 { position: relative; margin-bottom: 0; padding: 7px 10px 12px 10px; background: url(/media/global/lb-header-bg.gif) repeat-x; color: #fff; height: 17px; } 
#lightbox.done .promotion-box h2 span { position: absolute; right: 10px; top: 9px; /* float: right; margin-top: -22px; */ }
#lightbox.done .promotion-box h2 span a { text-indent: -9999px; display: block; background: url(/media/global/lb-close-button.gif) no-repeat; width: 19px; height: 18px; }
#lightbox.done .promotion-box #promo-games { background: #c6c6c6 url('/events/media/events/promo-gradient-bg.gif') repeat-x; clear: both;  padding: 20px 30px 2px;  }
#lightbox.done .promotion-box div.custom-html { margin: 0 20px 10px ; }
#lightbox.done .promotion-box dl { position: relative; padding: 0 50px 25px 0; height: 80px; }
#lightbox.done .promotion-box dt { position: absolute; left: 0;}
#lightbox.done .promotion-box dd { padding-left: 120px;}
#lightbox.done .promotion-box dd.opponent { color:#700803; font-size:16px; font-weight:bold;}
#lightbox.done .promotion-box dd.gametime { color:#073D64; font-weight:bold; font-size: 14px; }
#lightbox.done .promotion-box dd.moreinfo a { color:#073D64; text-decoration:none;}