/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 15px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #686868;
    background: #fff;
    text-align: left;
}

a img { border: 0; }
a { color: #21bdc2; text-decoration: none; }
a:hover { color: #eecd4d; text-decoration: none; }

h2 {
	font-size: 24px;
	line-height: 22px;
	font-weight: normal;
	color: #21bdc2;
	padding-bottom: 15px;
}
h2.pink {
    color: #f0439a;
}
h2.pink p {
    padding: 0;
}
h2 span { margin-top: -5px; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
/*----- End "Main definitions" -----*/

.shell { width: 979px; margin: 0 auto; }

#header,
#header .shell { height: 106px; position: relative; }
#header-left { position: absolute; top: 0; left: 0; height: 106px; width: 50%; background: #343434; font-size: 0; line-height: 0; text-indent: -4000px; }
#header { background: #2d2d2b; }
#header .shell { background: #242424 url(/images/portal/header-bg.gif) no-repeat right 0; }

h1#logo { height: 106px; width: 606px; font-size: 0; line-height: 0; }
h1#logo a { display: block; height: 106px; width: 606px; text-indent: -4000px; background: url(/images/portal/logo.gif); }

#login-nav { float: right; display: inline; width: 370px; padding-top: 10px; }
#login-nav ul li {float: right; display: inline; list-style-type: none; font-weight: bold; padding: 0 0 0 10px; background: url(/images/portal/nav-sep.gif) repeat-y 0 0; font-size: 16px;}

#main { margin: 15px 0px; background: url(/images/portal/main-bg.gif) repeat-y 0 0; }
#main-top { background: url(/images/portal/main-top.gif) no-repeat 0 0; }
#main-bot { background: url(/images/portal/main-bot.gif) no-repeat 0 bottom; }
#main-cnt { padding: 65px 0; }

#whiteblock { width: 773px; margin: 0 auto; background: url(/images/portal/whiteblock-cnt.gif) repeat-y 0 0; }
#whiteblock-top { background: url(/images/portal/whiteblock-top.gif) no-repeat 0 0; }
#whiteblock-bot { background: url(/images/portal/whiteblock-bot.gif) no-repeat 0 bottom; }
#whiteblock-cnt { padding: 19px 23px 27px 19px; }

#video-tour-link { display: block; width: 272px; height: 299px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(/images/portal/video-tour.jpg); }
#screenshot { width: 276px; height: 301px; background: url(/images/portal/screenshot.jpg); }
#screenshot-tour-link { display: block; width: 272px; height: 299px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(/images/portal/screenshot-tour.jpg); }
#screenshot-tour-screenshots a { display: none; }

#footer { height: 12px; padding: 14px 15px 14px 8px; background: url(/images/portal/footer-bg.gif) no-repeat 0 0; font-size: 11px; line-height: 12px; }
#footer .copy { float: right; display: inline; color: #fff; }
#footer .nav li { float: left; display: inline; font-weight: bold; padding: 0 12px; background: url(/images/portal/nav-sep.gif) repeat-y right 0; }
#footer .nav img.twitter { margin: -5px 0 0 6px; }
#footer .nav li.last { background: none; }
#footer .nav img.substantial { margin: 0px 0 0 6px; }
#footer .divider { float: left; margin-top: -14px; margin-left: 23px; margin-right: 25px; background: url(/images/portal/footer_break.png); height: 40px; width: 1px; }
#footer .uc { float: left; margin-top: -14px; color: #FFF; }
#footer .uc .call { float: left; margin-right: 5px; margin-top: 14px; font-weight: bold}
#footer .uc img { width: 93px; height: 40px; }

#main-nav { height: 31px; margin-bottom: 35px; }
#main-nav ul li { float: left; display: inline; height: 31px; margin-right: 5px; font-size: 0; line-height: 0; }
#main-nav ul li a { float: left; display: inline; height: 31px; text-indent: -4000px; }
#main-nav ul li a { background-image: url(/images/portal/main-nav.gif); background-repeat: no-repeat; }
#main-nav ul li#b-separator { background: url(/images/portal/main-nav.gif) no-repeat -418px 0; width: 195px; }
#main-nav ul li#b-dash a { background-position: 0 0; width: 190px; }
#main-nav ul li#b-dash a:hover, #main-nav ul li#b-dash a.active { background-position: 0 bottom; }
#main-nav ul li#b-who a { background-position: -190px 0; width: 120px; }
#main-nav ul li#b-who a:hover, #main-nav ul li#b-who a.active { background-position: -190px bottom; }
#main-nav ul li#b-blog { margin-right: 0; }
#main-nav ul li#b-blog a { background-position: -646px 0; width: 60px; }
#main-nav ul li#b-blog a:hover, #main-nav ul li#b-blog a.active { background-position: -646px bottom; }
#main-nav ul li#b-contact a { background-position: -310px 0; width: 84px; }
#main-nav ul li#b-contact a:hover, #main-nav ul li#b-contact a.active { background-position: -310px bottom; }
#main-nav ul li#b-breaking-news a { background-position: -394px 0; width: 139px; }
#main-nav ul li#b-breaking-news a:hover, #main-nav ul li#b-breaking-news a.active { background-position: -394px bottom; }
#main-nav ul li#b-tweet-stream a { background-position: -533px 0; width: 113px; }
#main-nav ul li#b-tweet-stream a:hover, #main-nav ul li#b-tweet-stream a.active { background-position: -533px bottom; }

.page-content { width: 731px; position: relative; background: url(/images/portal/column-sep.gif) repeat-y 440px 0; }
.page-content p { padding-bottom: 15px; }
.page-content .left-column { float: left; display: inline; }
.page-content .right-column { float: right; display: inline; margin-top: -5px; position: relative; }

#p-dash .left-column { width: 428px; }
#p-dash .right-column { width: 272px; }

#p-who { background-position: 362px 0; }
#p-who .left-column { width: 322px; }
#p-who .right-column { width: 330px; }

#p-contact { background-position: 362px 0; }
#p-contact .left-column { width: 300px; }
#p-contact .right-column { width: 300px; }
#p-contact .contact-info { padding-top: 91px; }
#p-contact .contact-info h2 { font-size: 26px; line-height: 26px; }

#p-tweet-stream { background-position: 564px 0; }
#p-tweet-stream .left-column { width: 564px; }
#p-tweet-stream .twitter-feed { height: 390px; padding-left: 15px;}
#p-tweet-stream .user-image { float: left; }
#p-tweet-stream .user-image img { width: 48px; height: 48px; }
#p-tweet-stream .tweet { float: left; width: 438px; padding-left: 10px; }
#p-tweet-stream .tweet a { font-size: 14.4px; font-family: 'Lucida Grande',sans-serif; color: #0A7A89; }
#p-tweet-stream .tweet .text { font-size: 14.4px; font-family: 'Lucida Grande',sans-serif; color: #333333; }
#p-tweet-stream .tweet .timestamp { font-size: 11px; font-family: 'Lucida Grande',sans-serif; color: #999999; }
#p-tweet-stream .divider { width: 500px; height: 1px; background: url(/images/portal/dots-horizontal.gif) repeat-x; margin-top: 10px; margin-bottom: 10px; margin-left: 10px;}
#p-tweet-stream .sidebar { padding-right: 10px; }
#p-tweet-stream .sidebar div { text-align: right; }
#p-tweet-stream .sidebar .twitter { vertical-align: -1px; }
#p-tweet-stream .sidebar .logo { padding-top: 5px; }
#p-tweet-stream .sidebar .title { color: #0199ab; font-size: 20px; line-height: 20px; }
#p-tweet-stream .sidebar .subtitle { color: #a0a0a0; font-size: 12px; }

#p-blog { background-position: 564px 0; }
#p-blog .left-column { width: 564px; }
#p-blog .right-column { width: 150px; }
#p-blog .right-column .description { text-align: right; font-size: 10px; color: #686868; line-height: 13px; margin-top: 15px; }
#p-blog .search .field { background: #f2feff; border: solid 1px #e3e9ef; border-top-color: #abadb3; font-family: Georgia, Arial, Helvetica, Sans-Serif; font-size: 20px; }
#p-blog .search .field { padding: 5px 2px; width: 143px; margin-bottom: 10px; }
#p-blog .search .button { width: 63px; height: 30px; font-size: 0; line-height: 0; text-indent: -4000px; border: 0; background: url(/images/portal/button-search.gif); }
#p-blog .search .button { float: right; }

#p-login { width: 776px; margin: 0 auto; }
#p-login .adblock { float: left; display: inline; width: 444px; height: 419px; background: url(/images/portal/login-adbox.gif) no-repeat 0 0; padding: 8px 0 0 10px; }
#p-login .form-column { float: left; display: inline; width: 322px; height: 378px; background: url(/images/portal/login-form.gif) no-repeat 0 0; margin-top: 23px; }
#p-login .account_form { padding-top: 80px; padding-left: 15px; width: 279px; }
#p-login .account_form label { display: block; line-height: 35px; font-size: 14px; font-weight: bold; color: #505050; }
#p-login .account_form .field { font-size: 38px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, Sans-Serif; width: 272px; padding: 8px 2px; color: #505050; }
#p-login .account_form .field { border: solid 1px #cacaca; border-top-width: 2px; border-left-width: 2px; }
#p-login .account_form .button-login, #p-login .account_form .button-submit { width: 79px; height: 35px; font-size: 0; line-height: 0; text-indent: -4000px; }
#p-login .account_form .button-login, #p-login .account_form .button-submit { border: 0; cursor: pointer; float: right; display: inline; }
#p-login .account_form .button-login { background: url(/images/portal/button-login.gif); }
#p-login .account_form .button-submit { background: url(/images/portal/button-submit.gif); }
#p-login #lostPasswordForm .button-place { margin-top: 40px; }

#p-login .account_form .button-place a { line-height: 35px; font-size: 13px; font-weight: bold; float: left; }
#uc_login { padding-left: 563px }
#uc_login img { width: 159px; height: 75px }

#loginForm #rememberMe { margin-right: 4px; }

.rss-button, 
.archive-button { float: right; display: inline; width: 37px; height: 21px; font-size: 0; line-height: 0; text-indent: -4000px; margin-left: 7px; }
.rss-button { background: url(/images/portal/button-rss.gif); }
.archive-button { background: url(/images/portal/button-archive.gif); width: 60px; }
.rss-button:hover, 
.archive-button:hover { background-position: 0 bottom; }

ol.tumblr_posts { list-style-type: none; height: 390px; line-height: 17px; color: #686868; }
ol.tumblr_posts a { text-decoration: underline; }
ol.tumblr_posts a:hover { text-decoration: none; }
.tumblr_post { margin-bottom: 15px; padding-bottom: 12px; background: url(/images/portal/post-sep.gif) repeat-x 0 bottom; }
.tumblr_title { font-size: 20px; line-height: 20px; color: #21bdc2; font-weight: bold; padding-bottom: 15px; }
.tumblr_body { padding-bottom: 5px; }
.tumblr_photo_post { text-align: center; }
.tumblr_caption { font-size:12px; font-weight:bold; color:#999; margin-top:10px; text-align:center; padding:0 20px; }
.tumblr_caption a { color:#999; }
.tumblr_video { width:400px; margin:auto; }
.tumblr_audio_player { width: 207px; margin: auto; background: #000; }
.tumblr_label { font-weight: bold; }
.tumblr_link_post .tumblr_link { font-size: 20px; color:#EECD4D; font-weight: bold; }
.tumblr_link_post .tumblr_description { font-size: 13px; color: #444444; letter-spacing: -1px; }
.tumblr_link_post .tumblr_description p { padding: 0; margin: 13px 0; }
.tumblr_chat_post ul { border-left: solid 5px #bbb; list-style-type: none; margin: 0; padding: 0 0 0 1px; }
.tumblr_chat_post ul li { color: #444; font-size: 12px; margin-bottom: 1px; padding: 4px 10px 4px 8px; }
.tumblr_chat_post ul li.odd { background: #E8E8E8; }
.tumblr_quote_post .tumblr_quote { border-left: 3px solid #21BDC2; color: #777; font-family: Georgia,Arial,Helvetica,sans-serif; padding-left: 10px; }
.tumblr_quote_post .tumblr_quote { font-size: 20px; font-style: italic; letter-spacing: -1px; font-weight: normal; line-height: 24px; }
.tumblr_quote_post .tumblr_source { margin-top: 5px; }
.tumblr_quote_post .tumblr_source:before  { content: '— '; font-weight: bold; font-size: 16px; color: #555; }
.tumblr_quote_post .tumblr_source a { color: #999; font-weight: bold; font-size: 12px; }

#loginFailedError, #loginSuspendedError, #passwordResetNotice, #passwordResetFailNotice {
    float: right;
    margin-right: 125px;
    padding-top: 10px;
}

#passwordResetNotice, #passwordResetFailNotice {
    width: 289px;
}


.loginErrorHead {
  color: red;
  font-weight: bold;
    font-size: 14px;
}

.loginErrorDetail {
  font-size: 13px;
  font-weight: normal;
  color: #363636;
}

ul.contact {
    padding-left: 20px;
}

.substantialLink {
  display: block;
  float: right;
  color: #686868;
  width: 175px;
  margin: 10px 17px;
}

.substantialLink:hover {
  color: #686868;
}

.substantialLink div {
  float:left;
}

.substantialLink img {
  float:right;
  margin-top: 2px;
}