/* reset all default values */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, hr,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

body { height: 100%; width: 100%; font-family: Verdana, Helvitica, Arial, sans-serif; font-size: 0.80em; color: #eee; background: url(/images/x-o-bg.gif) top left repeat; }

input, select, textarea { font-size: 1.00em; font-family: Verdana, Helvitica, Arial, sans-serif; color: #000; background-color: #888; border: 1px solid #aaa; }
input:focus, select:focus, textarea:focus { background-color: #aaa; border: 1px solid #444; }
input.input { width: 250px; }
input.inputTiny { width: 90px; }
input.inputSmall { width: 150px; }
input.inputLarge { width: 100%; }
input.radio, input.checkbox { margin: 0 2px 0 2px; }
input.searchinput { width: 230px; color: #777; background-color: #333; border: 1px solid #444; }
input.button, input.searchbutton { padding: 4px 10px; font-weight: bold; color: #eee; border: 1px solid #aaa; background-color: #888; cursor: pointer; }
input.searchbutton { padding: 0 8px; margin-left: 2px; text-transform: uppercase; color: #aaa; background-color: #555; border: 1px solid #666; }
select.select { width: 250px; }
textarea.textarea { width: 250px; height: 80px; }
textarea.textareaLarge { width: 100%; height: 60px; }

a:link, a:visited { color: #fb97c3; font-size: 1.00em; font-weight: normal; text-decoration: none; }
a:hover { color: #ffb7e3; font-size: 1.00em; font-weight: normal; text-decoration: underline; }

p, li, h1, h2, h3, h4, h5 { padding-bottom: 8px; line-height: 120%; }
p { line-height: 135%; }
h1 { font-size: 1.20em; font-style: italic; font-weight: bold; color: #f9c1d9; text-transform: uppercase; }
h2 { font-size: 1.15em; color: #f9c1d9; }
h3 { font-size: 1.10em; color: #f9c1d9; }
h4 { font-size: 1.05em; color: #f9c1d9; }
h5 { font-size: 1.00em; color: #f9c1d9; }
sup { font-size: 0.80em; line-height: 100%; }
.success { padding: 4px 2px 4px 2px; font-weight: bold; color: #00CC00; }
.error { padding: 4px 2px 4px 2px; font-weight: bold; color: #f44; }
.validationError { color: #f44; }

div.pinkline { width: 100%; height: 6px; background: url(/images/pink-line-bg.gif) top left repeat-x; }

#wrapper { overflow: hidden; position: relative; margin: 5% 0; width: 100%; height: 100%; min-height: 500px; background-color: #262626; }

#container { width: 100%; min-height: 578px; height: auto; }

#contentContainer { position: relative; display: none; margin: 0 auto; width: 1020px; min-height: 500px; height: inherit; }

#header { margin-bottom: 7px; width: 100%; height: 115px; background: url(/images/header-bg.gif) top center repeat-x; }
#headerBanner { margin: 0 auto; width: 1010px; height: 115px; background: url(/images/header.gif) top left no-repeat; }

#fullscreenContainer { padding: 29px 17px 20px 47px; width: 946px; height: inherit; }

#leftColumn { float: left; padding: 29px 17px 0 47px; width: 304px; height: inherit; }
#twitterFeed { margin-top: 8px; padding-top: 52px; width: 287px; background: url(/images/latest-tweets.gif) top left no-repeat; }
#socialNetworking { height: 30px; margin-top: 17px; padding: 4px 0 0 210px; background: url(/images/follow-me.gif) top left no-repeat; }
#socialNetworking div { float: left; padding-left: 2px; width: 34px; height: 34px; }
#addThis { float: right; margin-right: 26px; }
#facebookLike { float: left; width: 132px; height: 30px; }
#siteSearch { float: left; margin-bottom: 4px; padding: 10px 0; width: 287px; border-top: 1px dotted #444; border-bottom: 1px dotted #444; }

#rightColumn { float: left; padding-bottom: 20px; width: 642px; height: inherit; }

#logoRegion { margin-bottom: 16px; width: 613px; height: 99px; }
#logoRegion img { float: right; width: 292px; height: 99px; }

#randomImage { margin-bottom: 20px; width: 287px; height: 411px; }
#randomImage img { width: 287px; height: 411px; }

#bodyContent { padding: 17px 50px 17px 22px; height: inherit; }

#footer { width: 100%; height: 100px; background: url(/images/footer-bg.gif) bottom center repeat-x; }
#footerBanner { margin: 0 auto; padding: 0 65px 0 70px; width: 875px; height: 100px; background: url(/images/footer.gif) bottom left no-repeat; }
#copyright { float: left; font-size: 0.70em; color: #555; }
#footerNavigation { float: right; }
#footerNavigation ul { list-style: none; }
#footerNavigation li { float: left; padding: 0 16px 0 4px; font-size: 0.70em; color: #aaa; line-height: 100%; }
#footerNavigation li.separator { padding: 0; color: #888; }
#footerNavigation a:link, #footerNavigation a:visited { color: #aaa; text-decoration: none; text-transform: lowercase; }
#footerNavigation a:hover { color: #aaa; text-decoration: underline; }
#footerNavigation li.credits { padding-left: 10px; color: #555; }
#footerNavigation li.credits a { color: #555; }
#footerNavigation li.credits a:hover { color: #aaa; }

#searchResults { min-height: 254px; margin-bottom: 25px; }
#searchResults ul { list-style: none; padding-top: 8px; border-top: 1px dotted #6a6a6a; }
#searchResults li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #6a6a6a; }

div.mediaReleaseItem { float: left; margin: 5px 12px 5px 5px; padding: 2px; width: 168px; min-height: 320px; background-color: #444; }
div.mediaReleaseItem img { margin: auto; padding: 14px; background-color: #555; }
div.mediaReleaseItem h1 { padding: 3px 7px 0 7px; font-size: 1.00em; font-weight: bold; color: #eee; }
div.mediaReleaseItem h2 { padding: 3px 7px 0 7px; font-size: 1.00em; font-weight: bold; color: #eee; }
div.mediaReleaseItem p { padding: 4px 8px 0 8px; font-size: 1.00em; }

div.sponsor { float: left; margin: 5px; padding: 2px; }
div.sponsorsContainer { padding-left: 290px;}

/* Twitter feed */
.tweet { }
.tweet .tweet_list { -webkit-border-radius: .5em; list-style-type: none; }
.tweet .tweet_list .awesome, .tweet .tweet_list .epic { text-transform: uppercase; }
.tweet .tweet_list li { margin-bottom: 12px; padding-bottom: 12px; overflow-y: auto; overflow-x: hidden; font-size: 0.90em; border-bottom: 1px dotted #444; }
.tweet .tweet_list li a { color: #eee; text-decoration: none; }
.tweet .tweet_list li a:hover { color: #fff; text-decoration: underline; }
.tweet .tweet_list .tweet_odd { }
.tweet .tweet_list .tweet_even { }
.tweet .tweet_list .tweet_avatar { padding-right: 5px; float: left; }
.tweet .tweet_list .tweet_avatar img { vertical-align: middle; }
.tweet .tweet_list li div { text-align: right; font-size: 0.80em; }