html * { margin: 0; padding: 0; font-family: Arial, Trebuchet, sans-serif; font-size: 1.0em; color: #fff; line-height: 1.5; }
body { font-size: 0.8em; background: url(/images/bg_body.png) repeat-x #002e5f; }
a { color: #fff; outline: 0; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { color: #6ccff6; font-size: 1.7em; margin: 0; padding: 0 0 10px 0; }
h1 a { color: #6ccff6; }
h1.tag { text-transform: capitalize; }
h2 { font-size: 1.1em; margin: 0; padding: 0 0 5px 0; }
h3 { font-size: 1.1em; }
hr { clear: both; margin: 10px 0 20px 0; padding: 0; color: #144981; background: #144981; height: 1px; border: 0; }
p { padding: 0 0 10px 0; }
ul, ol { padding: 0 0 10px 30px; }
img { border: 0; display: block; }
object, embed { display: block; }

.img-lft { float: left; padding: 0 25px 15px 0; }
.img-rgt { float: right; padding: 0 0 15px 25px; }

.error, .mark-as-featured a { color: #ff0000; }

#flashMessage { margin: 0 0 15px 0; padding: 10px; background: #00203f; }
.tags a { text-transform: lowercase; }

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

#social { width: 100%; padding: 11px 0; background: #001c3a; border-bottom: 1px solid #00376f; }
#social div { width: 960px; font-size: 0.85em; margin: 0 auto; text-align: right; }
#social a { color: #fff; margin-left: 25px; padding: 2px 0 2px 27px; }
#social a.twitter { background: url(/images/bg_twitter.png) no-repeat left; }
#social a.facebook { background: url(/images/bg_facebook.png) no-repeat left; }
#social a.rss { background: url(/images/bg_rss.png) no-repeat left; }


#wrapper { background: url(/images/bg_wrapper.png) no-repeat center top; }
#wrapper .inner { width: 960px; margin: 0 auto; }
#header-img { height: 136px; padding: 24px 0 0 417px; }
#wrapper #nav { text-transform: uppercase; background: url(/images/bg_nav.png) repeat-x top #000102; border: 1px solid #000; }
#wrapper #nav ul { margin: 0; padding: 0; list-style: none; }
#wrapper #nav ul li { margin: 0; padding: 0; display: inline; }
#wrapper #nav ul li a { float: left; color: #fff; font-size: 1.2em; font-weight: bold; margin: 0; padding: 8px 19px; display: block; border-right: 1px solid #000; text-decoration: none; }
#wrapper #nav ul li.hi a, #wrapper #nav ul li a:hover { background: url(/images/bg_nav_hi.png) repeat-x top #1e5288; }

#wrapper #blog-feed { background: url(/images/bg_blog_feed.png) repeat-x top #8da8b5; }
#wrapper #blog-feed div { margin-left: 8px; padding: 15px 40px 15px 184px; background: url(/images/bg_from_the_blog.png) no-repeat left; }
#wrapper #blog-feed * { color: #333; }

#wrapper #container { min-height: 700px; padding: 20px; }
#wrapper #container #lft { float: left; width: 681px; min-height: 100px; }
#wrapper #container #rgt { float: right; width: 220px; }
#wrapper #container #content { padding-bottom: 15px; }

#wrapper #footer { font-size: 0.8em; padding: 15px 8px; border-top: 2px solid #10346f; }




/* left column */

#wrapper #container #lft #static-content { min-height: 400px; margin-bottom: 12px; padding: 0 20px 20px 20px; background: url(/images/bg_featured_video.png) no-repeat bottom; }
#wrapper #container #lft #static-content .box { font-size: 1.1em; }
#wrapper #container #lft #static-content .box .video { float: left; width: 400px; }
#wrapper #container #lft #static-content .box .txt { float: right; width: 220px; border: 1px solid red; }
#wrapper #container #lft #static-content .box .txt .content { min-height: 239px; height: auto !important; height: 200px; }
#wrapper #container #lft #static-content .box .txt .more-videos { padding: 18px 0; background: url(/images/bg_more_videos_border.png) no-repeat top left; }
#wrapper #container #lft #static-content .box .txt .more-videos a { padding-left: 40px; background: url(/images/bg_browse_videos.png) no-repeat left; text-decoration: underline; }

#wrapper #container #lft #featured-video { margin-bottom: 12px; padding: 0 20px 20px 20px; background: url(/images/bg_featured_video.png) no-repeat bottom; }
#wrapper #container #lft #featured-video h2 { margin: 0; padding: 10px 0; height: 22px; background: url(/images/titles/featured_video.png) no-repeat; }
#wrapper #container #lft #featured-video h2 span { display: none; }
#wrapper #container #lft #featured-video .box { font-size: 1.1em; }
#wrapper #container #lft #featured-video .box .video { float: left; width: 400px; }
#wrapper #container #lft #featured-video .box .txt { float: right; width: 220px; }
#wrapper #container #lft #featured-video .box .txt .content { min-height: 239px; height: auto !important; height: 200px; }
#wrapper #container #lft #featured-video .box .txt .more-videos { padding: 18px 0; background: url(/images/bg_more_videos_border.png) no-repeat top left; }
#wrapper #container #lft #featured-video .box .txt .more-videos a { padding-left: 40px; background: url(/images/bg_browse_videos.png) no-repeat left; text-decoration: underline; }

#wrapper #container #lft #latest-forum-topics { margin-bottom: 20px; }
#wrapper #container #lft #latest-forum-topics h2 { margin: 0; padding: 0; height: 40px; background: url(/images/titles/latest_forum_topics.png) no-repeat; border-bottom: 1px solid #5e6f77; }
#wrapper #container #lft #latest-forum-topics h2 span { display: none; }
#wrapper #container #lft #latest-forum-topics .browse-forum { position: absolute; width: 662px; font-size: 1.1em; margin-top: -30px; text-align: right; text-decoration: underline; }
#wrapper #container #lft #latest-forum-topics .topic { clear: both; padding: 18px 20px 20px 20px; background: url(/images/bg_latest_forum_topics.png) repeat-x bottom #d7e6f1; }
#wrapper #container #lft #latest-forum-topics .topic .img { float: left; width: 47px; margin-top: 2px; background: #999; }
#wrapper #container #lft #latest-forum-topics .topic .img img { max-width: 47px; border: 1px solid #fff; }
#wrapper #container #lft #latest-forum-topics .topic .txt { float: right; width: 580px; }
#wrapper #container #lft #latest-forum-topics .topic .txt em { color: #333; }
#wrapper #container #lft #latest-forum-topics .topic .txt a { color: #25468A; text-decoration: underline; }
#wrapper #container #lft #latest-forum-topics .topic .txt h3 a { font-size: 1.2em; text-decoration: none; }

#wrapper #container #lft #recent-jobs { margin-bottom: 20px; }
#wrapper #container #lft #recent-jobs h2 { margin: 0; padding: 0; height: 40px; background: url(/images/titles/recent_jobs.png) no-repeat; }
#wrapper #container #lft #recent-jobs h2 span { display: none; }
#wrapper #container #lft #recent-jobs .view-all-jobs { position: absolute; width: 662px; font-size: 1.1em; margin-top: -30px; text-align: right; text-decoration: underline; }
#wrapper #container #lft #recent-jobs .box { padding-top: 1px; background: url(/images/bg_recent_jobs.png) repeat-x top; }
#wrapper #container #lft #recent-jobs .box .job { float: left; width: 206px; padding: 17px 0 18px 20px; border-right: 1px solid #00356c; }
#wrapper #container #lft #recent-jobs .box .job-last { border: 0; }
#wrapper #container #lft #recent-jobs .box .job a { font-size: 0.85em; color: #6dcff6; text-transform: uppercase; text-decoration: underline; }

#wrapper #container #lft .listing { border-top: 1px solid #144981; border-bottom: 1px solid #14181a; }
#wrapper #container #lft .listing .img { float: left; width: 110px; padding: 20px 0; }
#wrapper #container #lft .listing .img img { max-width: 90px; }
#wrapper #container #lft .listing .txt { float: left; width: 530px; padding: 15px 0; }
#wrapper #container #lft .listing .text { width: 640px; padding: 15px 0; }
#wrapper #container #lft .listing .txt p a { text-decoration: underline; }
#wrapper #container #lft .listing h2 { font-size: 1.4em; margin: 0; padding: 0 0 10px 0; }
#wrapper #container #lft .listing a,
#wrapper #container #lft .listing-add a { color: #6dcff6; }
#wrapper #container #lft .listing-add { font-size: 1.3em; font-weight: bold; padding: 20px 0 10px 0; }

table.twitters { width: 100%; margin: 0 0 30px 0; border-top: 1px solid #144981; border-right: 1px solid #144981; border-left: 1px solid #144981; }
table.twitters th { padding: 5px; text-align: left; background: #00203f; border-bottom: 1px solid #144981; }
table.twitters td { padding: 5px; border-bottom: 1px solid #144981; }
table.twitters tr.odd td { background: #00213f; }
table.twitters a { color: #6dcff6; }

/* right column */

#wrapper #container #rgt #forum-login { margin-bottom: 20px; }
#wrapper #container #rgt #forum-login h2 { margin: 0; padding: 0; height: 40px; background: url(/images/titles/forum_login.png) no-repeat; }
#wrapper #container #rgt #forum-login h2 span { display: none; }
#wrapper #container #rgt #forum-login a { color: #6dcff6; text-decoration: underline; }
#wrapper #container #rgt #forum-login .box { padding: 10px 20px 10px 20px; background: #00274f; }
#wrapper #container #rgt #forum-login .login-row { padding-bottom: 5px; }
#wrapper #container #rgt #forum-login .login-submit { padding-top: 5px; }
#wrapper #container #rgt #forum-login .login-row input { color: #333; padding: 3px; border: 2px solid #666; }
#wrapper #container #rgt #forum-login .login-submit input { color: #333; }

#wrapper #container #rgt #featured-photo { margin-bottom: 20px; }
#wrapper #container #rgt #featured-photo h2 { margin: 0; padding: 0; height: 40px; background: url(/images/titles/featured_photo.png) no-repeat; }
#wrapper #container #rgt #featured-photo h2 span { display: none; }
#wrapper #container #rgt #featured-photo .box { padding: 20px; background: url(/images/bg_featured_photo.png) repeat-x top #00142a; }
#wrapper #container #rgt #featured-photo .box .img { margin-bottom: 15px; text-align: center; }
#wrapper #container #rgt #featured-photo .box .img img { max-width: 178px; margin: 0 auto; display: block; border: 1px solid #fff; }
#wrapper #container #rgt #featured-photo .box a.browse { padding-left: 40px; background: url(/images/bg_browse_photos.png) no-repeat left; }

#wrapper #container #rgt #twitter-feed { margin-bottom: 20px; }
#wrapper #container #rgt #twitter-feed h2 { margin: 0; padding: 0; height: 40px; background: url(/images/titles/twitter_feed.png) no-repeat; }
#wrapper #container #rgt #twitter-feed h2 span { display: none; }
#wrapper #container #rgt #twitter-feed .box { font-size: 0.85em; padding: 20px 20px 10px 20px; background: #258dc8; }
#wrapper #container #rgt #twitter-feed .box * { color: #333; }
#wrapper #container #rgt #twitter-feed .box .top { margin-bottom: 5px; padding-top: 5px; background: url(/images/bg_twitter_box_top.png) no-repeat top; }
#wrapper #container #rgt #twitter-feed .box .btm { padding-bottom: 4px; background: url(/images/bg_twitter_box_btm.png) no-repeat bottom; }
#wrapper #container #rgt #twitter-feed .box .mdl { padding: 0 8px; background: url(/images/bg_twitter_box_mdl.png) no-repeat bottom left #f0f4f5; }
#wrapper #container #rgt #twitter-feed a.follow { padding: 6px 20px 8px 20px; text-align: right; display: block; background: #286da9; border-top: 1px solid #155a98; text-decoration: underline; }

#wrapper #container #rgt #new-members { margin-bottom: 20px; }
#wrapper #container #rgt #new-members h2 { margin: 0; padding: 0; height: 40px; background: url(/images/titles/new_members.png) no-repeat; }
#wrapper #container #rgt #new-members h2 span { display: none; }
#wrapper #container #rgt #new-members .box { padding: 0 20px 20px 20px; background: #00274f; }
#wrapper #container #rgt #new-members .box .member { clear: both; padding-top: 20px; }
#wrapper #container #rgt #new-members .box .member .img { float: left; width: 70px; }
#wrapper #container #rgt #new-members .box .member .img img { max-width: 70px; margin: 0 auto; display: block; border: 1px solid #fff; }
#wrapper #container #rgt #new-members .box .member .txt { float: right; width: 90px; }
#wrapper #container #rgt #new-members .box .member .txt a { font-size: 0.85em; color: #6dcff6; text-transform: uppercase; text-decoration: underline; }




form { margin: 0 0 15px 0; }
form .input { clear: both; margin: 0 0 6px 0; }
form .input label { float: left; width: 150px; padding-top: 3px; margin: 0; display: block; }
form .input input, form .input textarea { width: 266px; padding: 3px; }
form .checkbox input { width: auto; padding: 0; margin: 6px 0 0 0; }
form .input select { width: 276px; padding: 3px; }
form .input textarea { height: 120px; }
form .input input, form .input textarea, form .input select { color: #333; border: 2px solid #666; }
form .input select option { color: #333; }
form .submit input { color: #333; margin-left: 149px; padding: 2px; }
.validation-failed { border: 2px solid #ff0000 !important; }

form.search .input, form.search .submit { float: left; }
form.search .input label { float: left; width: auto; padding-right: 5px; display: none; }
form.search .input input { float: left; width: auto; }
form.search .submit input { float: left; margin-left: 5px; }



.rating { cursor: pointer; margin-bottom: 15px; clear: both; display: block; }
.rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; }
.cancel, .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.star-left, .star-right { width: 8px; }
.cancel, .cancel a { background: url(/images/rating_delete.png) no-repeat 0 -16px; }
.star, .star a { background: url(/images/rating_star.png) no-repeat 0 0px; }
.star-left, .star-left a { background: url(/images/rating_star_left.png) no-repeat 0 0px; }
.star-right, .star-right a { background: url(/images/rating_star_right.png) no-repeat 0 0px; }
.cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0px; }
div.rating div.on a { background-position: 0 -16px; }
div.rating div.hover a, div.rating div a:hover { background-position: 0 -32px; }

.instantPaymentNotifications { min-height: 700px; padding: 20px; }
.instantPaymentNotifications table { width: 100%; margin: 15px 0; }
.paging div { float: left; padding-left: 20px; }
.actions { clear: both; margin: 15px 0; }

dt { float: left; }
dt, dd { padding: 5px 10px; border-bottom: 1px solid #001225; }
dt.altrow, dd.altrow { background: #001225; }

.uploadifyQueueItem * { color: #333; }
.uploadifyQueueItem { width: 266px; font-size: 0.85em; margin: 15px 0 15px 150px; padding: 5px; background: #fff; }
.uploadifyError { background: #fff; border: 1px solid #ccc; }
.uploadifyQueueItem .cancel { float: right; }
.uploadifyProgress { width: 100%; margin-top: 10px; background: #fff; }
.uploadifyProgressBar { width: 1px; height: 3px; background: #0d72b9; }