/*
Theme Name: GoddamnTheme
Theme URI: http://www.goddamncobras.com/
Description: GoddamnCobras Website
VersionL 1.0
Author: Angel Perez
*/

/* UNIVERSAL
------------------------------------- */
 
* { margin: 0; padding: 0; }
img { border: none; }
body { background: #99CCCC url(includes/images/backgrounds/background-sketch.jpg) no-repeat scroll 50% -12px; color: #000; font-family: Verdana, sans-serif; font-size: 11px; width: 100%; }
.sprite { background: transparent url(includes/images/sprites/goddamn-sprite.png) no-repeat left top; }
.float-left { float: left; }
.float-right { float: right; }
.clr { clear: both; }
.loading-content { width: 32px; height: 32px; margin: 100px auto; }
.error-message { width: 370px; 200px; margin: 30px auto; } 

/* TYPOGRAPHY
------------------------------------- */

@font-face { font-family: Delicious; src: url('includes/fonts/Delicious-Bold.otf'); } 
@font-face { font-family: Delicious-Roman; src: url('includes/fonts/Delicious-Roman.otf'); } 

h1, h2, h3, h4 { color: #fff; font-family: Delicious; font-weight: normal; text-transform: uppercase; }
a { color: #ED1C24; cursor: pointer; outline: none; text-decoration: none; font-weight: normal; }
a:visited { text-decoration: none; text-outline: none; }
ul, ol, li { list-style-type: none; }

/* LAYOUT 
------------------------------------- */

#wrapper { min-width: 960px; }
#main-content { background: #fff; padding: 15px; position: relative; margin: 0 auto; width: 963px; }
.frame { border: 1px dotted #58b7dd; }
.full-width-col { border: 1px dotted #58b7dd; position: relative; width: 100%; }
.content-left { border-right: 1px dotted #58b7dd; float: left; height: 100%; position: relative; width: 640px; }
.content-right { float: right; position: relative; width: 320px; }

/* FOOTER 
------------------------------------- */

#footer { margin: 15px auto 50px; position: relative; width: 975px; }
span.copyleft { background-position: -1167px 3px; width: 12px; height: 12px; padding-right: 8px; }
.mailto { color: #000; }
.mailto:hover { border-bottom: 1px dotted #000; color: #666; }
ul.social-media { position: relative; float: right; top: -15px; }
ul.social-media li { margin-left: 25px; float: left; }
ul.social-media li a { background: transparent url(includes/images/logos/social-media-links.png) no-repeat scroll left top; float: left; }
ul.social-media li a { display: block; }
ul.social-media a.twitter { background-position: 0 0; height: 35px; width: 136px; }
ul.social-media a.twitter:hover { background-position: 0 -45px; }
ul.social-media a.facebook { background-position: -160px 0; height: 35px; width: 148px; }
ul.social-media a.facebook:hover { background-position: -160px -45px; }
ul.social-media a.rss { background-position: -328px 0; height: 35px; width: 75px; }
ul.social-media a.rss:hover { background-position: -328px -45px; }

/* MAIN NAVIGATION 
------------------------------------- */

#header { margin: 0 auto; position: relative; height: 110px; width: 990px; }
.logo { left: 0; position: absolute; bottom: 0; }
.logo a { background: transparent url(includes/images/logos/GDC_logo.png) no-repeat scroll 0 0; display: block; height: 90px; width: 312px; text-indent: -9999px; }
.nav { position: absolute; right: 11px; bottom: 0; }
ul.menu-items { float: right; }
ul.menu-items li { background: transparent url(includes/images/navigation/GDC_nav.png) no-repeat scroll top left; float: left; margin-right: 11px; }
ul.menu-items li a { display: block; height: 35px; text-indent: -9999px; }
ul.menu-items li.last { margin: 0; }
ul.menu-items li.projects { background-position: top left; width: 143px; }
ul.menu-items li.projects:hover, ul.menu-items li.projects.current { background-position: bottom left; }
ul.menu-items li.blog { background-position: -151px 0; width: 96px; }
ul.menu-items li.blog:hover, ul.menu-items li.blog.current { background-position: -151px bottom; }
ul.menu-items li.events { background-position: -257px 0; width: 125px; }
ul.menu-items li.events:hover, ul.menu-items li.events.current { background-position: -257px bottom; }
ul.menu-items li.cobras { background-position: -390px 0; width: 114px; }
ul.menu-items li.cobras:hover, ul.menu-items li.cobras.current { background-position: -390px bottom; }
ul.menu-items li.contact { background-position: -512px 0; width: 115px; }
ul.menu-items li.contact:hover, ul.menu-items li.contact.current { background-position: -512px bottom; }

/* FILTER
------------------------------------- */
#filter-search { position: absolute; top: 0; right: 30px; text-transform: uppercase; width: 290px; }
#filter .filter { float: left; }
#filter-search a.filter-tab { background: #999; color: #fff; float: left; font-family: Delicious-Roman; font-size: 15px; line-height: 18px; padding: 9px 15px; width: 35px; height: 18px; } 
.filter-container { background: #333333; opacity: 0.9; position: absolute; padding: 15px; width: 260px; top: 35px; z-index: 100; display: none; }
.filter-container h3 { color: #fff; float: left; font-size: 16px; font-family: Delicious-Roman; font-weight: normal; border-bottom: 2px solid #CCCCCC;  padding-bottom: 10px; width: 100%; }
.category-list { float: left; margin-bottom: 15px; }
.filter-container ul { float: left; width: 120px; } 
.filter-container ul.right { margin-left: 20px; }
.filter-container ul li { border-bottom: 1px solid #CCCCCC; float: left; padding: 7px 0; width: 120px; }
.filter-container ul li a { color: #fff; font-family: Verdana; font-size: 10px; }
.filter-container ul li:hover a { color: #CCCC00; }
#filter-search input.search { background-color: #E6E6E6; border: none; color: #999; float: left; padding: 9px 15px; font-size: 15px; font-family: Delicious-Roman; text-transform: uppercase; height: 18px; width: 195px; }

/* BANNERS
------------------------------------- */
.banner { color: #fff; font-size: 22px; height: 40px; position: absolute; top: 15px; z-index: 15; }
.banner.right { right: -31px; }
.banner.left { left: -31px; }

.banner.small { width: 90px; }
.banner.medium { width: 295px; }
.banner.large { width: 625px; }
.banner.project-sort { width: 280px; }
.banner.blue { background: #00AEEF; }
.banner.magenta { background: #DA1C5C; }
.banner.green { background: #39B54A; }
.banner.orange { background: #F7941E; }
.banner.plum { background: #993366; }

.banner.right .shadow { border-bottom: 15px solid transparent; border-left: 15px solid #000; display: block; position: absolute; right: 0; bottom: -15px; }
.banner.left .shadow { border-bottom: 15px solid transparent; border-right: 15px solid #000; display: block; position: absolute; left: 0; bottom: -15px; } 

.banner p { cursor: default; }
.banner.right p { font-family: Delicious, sans-serif; line-height: 1.8em; margin-left: 30px; text-transform: uppercase; }
.banner.left p { font-family: Delicious, Verdana, sans-serif; line-height: 1.8em; float: left; margin-left: 50px; text-transform: uppercase; }

p.banner-right { font-family: Delicious, sans-serif; line-height: 1.8em; margin-left: 30px; text-transform: uppercase; }
p.banner-left { font-family: Delicious, Verdana, sans-serif; line-height: 1.8em; float: left; margin-left: 50px; text-transform: uppercase; }



.banner.right.blue .end { background-position: 0 0; width: 15px; height: 40px; position: absolute; left: -15px; }

.banner.right.orange .end { background-position: -275px 0; width: 15px; height: 40px; position: absolute; left: -15px; }

.banner.left.orange .end {  background-position: -1240px 0; width: 15px; height: 40px;  position: absolute; right: -15px; }
.banner.left.blue .end { background-position: -71px 0; width: 15px; height: 40px; position: absolute; right: -15px; }
.banner.left.green .end { background-position: -140px 0; width: 15px; height: 40px; position: absolute; right: -15px; }
.banner.left.magenta .end { background-position: -210px 0; width: 15px; height: 40px; position: absolute; right: -15px; }
.banner.left.plum .end { background-position: -1310px 0; width: 15px; height: 40px; position: absolute; right: -15px; }
.banner.left.project-sort .end { background-position: -1375px 0; width: 56px; height: 40px; position: absolute; right: -15px; }

.banner.left p.post-nav-links { float: right; }

/* FEATURE
------------------------------------- */
 
#featured { border-bottom: 1px dotted #58b7dd; height: 445px; }
#featured-main { border-right: 1px dotted #58b7bb; float: left; height: 415px; overflow: hidden; padding: 15px; position: relative; width: 610px; }
.featured-thumbnail { height: 285px; width: 610px; position: relative; overflow: hidden; }
.featured-summary { background: #FDBA63; padding: 17px 23px; height: 81px; width: 564px; position: relative; }
.featured-summary h1, .featured-summary a { color: #000; font-family: Delicious, sans-serif; font-size: 24px; margin-bottom: 5px; text-transform: uppercase; }
.view-project { background-position: -1630px 0; position: absolute; height: 30px; width: 120px; bottom: 15px; right: 42px; z-index: 50; }
.view-project.purple { background-position: -1801px 0; }
.view-project a { color: #fff; display: block; font-family: Delicious, sans-serif; font-size: 14px; margin: 7px 0 0 25px; }
#featured-main #featured-gallery { height: 415px; width: 625px; overflow: hidden; position: relative; }
#featured-main #featured-gallery .slide { margin-bottom: 15px; }ul.feature-nav { position: absolute; right: 0; top: 40px; z-index: 50; }
ul.feature-nav li a { background: #F7941E; color: #fff; font-family: Delicious-Roman, sans-serif; font-size: 20px; display: block; padding: 3px 5px 7px 5px; height: 20px; width: 20px; text-align: center; }
ul.feature-nav li a:hover, ul.feature-nav li.current a { background: #F15A29; }
ul.feature-nav.events li a { background: #CD6699; }
ul.feature-nav.events li a:hover, ul.feature-nav.events li.current a { background: #9E1F63; }
ul.feature-nav li span.shadow { background: transparent url(includes/images/banners/banner_shadow.png) no-repeat scroll -25px -25px; display: block; margin-left: 15px; height: 15px; width: 15px; }

/* LATEST NEWS 
------------------------------------- */
 
#latest-news { float: right; position: relative; padding: 35px 15px 0; width: 290px; }
.news-content { background: #e1f4fd; margin: 0 auto; padding-top: 20px; height: 375px; width: 290px; overflow: hidden; }
#news-menu { background: red; position: relative; top: 20px; } 
#news-menu li { background: green; border: 1px solid white; padding: 5px 30px; }
#latest-news.viewfinder { overflow: hidden; background: transparent; }
.Scrollbar-Handle { background: transparent url(includes/images/navigation/slider.png) no-repeat scroll 0 0; cursor: pointer; position: absolute; height: 62px; width: 30px; display: block; float: right; right: -1px; top: 0; }
ul.latest-news { position: relative; top: 0; }
.news-entry { border-bottom: 1px dotted #0099ff; margin: 0 auto; width: 227px; padding: 25px 0 0; } 
ul.latest-news .news-entry:last-child { border: none; margin-bottom: 25px;}
.news-entry p { line-height: 1.5em; margin-bottom: 25px; }
.news-entry p.entry-date { font-weight: bold; margin-bottom: 0; text-transform: uppercase; }
.news-entry a { color: #ed1c24; font-weight: bold; }

/* TWITTER FEED
------------------------------------- */

#twitter-feed { background: transparent url(includes/images/backgrounds/twitter_feed.png) no-repeat scroll  15px 12px; border-bottom: 1px dotted #58b7bb; height: 60px; position: relative; }
#twitter-feed p { position: absolute; left: 75px; top: 22px; }

#latest-tweets li { margin-bottom: 15px; }
#latest-tweets a { color: #00AEEF; font-weight: bold; }
#latest-tweets span.relative-time a { font-weight: normal; }

/* OUR WORK
------------------------------------- */

#our-work { position: relative; }
.gallery { border-bottom: 1px dotted #58b7bb; height: 200px; padding: 30px 15px 15px; position: relative; }
.latest-blog-post { border-right: 1px dotted #58b7bb; height: 200px; padding: 30px 15px 15px; position: relative; float: left; width: 610px; }
.latest-blog-post .blog-entry { border: none; height: 200px; padding-bottom: 15px; margin-bottom: 20px; }
.upcoming-event-thumbnail, .upcoming-event-thumbnail img { float: left; height: 200px; width: 290px; }
.gray-banner { background: #1a1a1a; position: absolute; bottom: 15px; left: 15px; height: 40px; width: 290px; }
.gray-banner a, .gray-banner span { color: #fff; font-size: 15px; line-height: 15px; font-family: Delicious; text-transform: uppercase; position: absolute; bottom: 13px; left: 15px; }

/* HORIZONTAL GALLERY 
------------------------------------- */

.viewfinder { background: #fff; height: 100%; width: 100%; overflow: hidden; }
.slider { background: #fff; height: 200px; width: 2067px; }
.slider-pane { float: left; margin-right: 31px; height: 200px; position: relative; width: 290px; overflow: hidden; }
.slider-caption { background: #1a1a1a; padding: 15px; position: absolute; top: 200px; height: 100px; width: 260px; z-index: 10; }
.slider-caption h1, .slider-caption a { color: #fff; font-family: Delicious, sans-serif; font-weight: normal; font-size: 16px; line-height: 16px; margin-bottom: 6px; text-transform: uppercase; }
.slider-caption a.more-link { color: #DA1C5C; font-size: 11px; font-family: Verdana, serif; text-transform: none; }
.slider-caption p { color: #fff; }
.caption-tab { color: #fff; font-family: Delicious-Roman; position: absolute; top: -15px; right: 50px; height: 15px; }
.caption-tab span.tab { color: #fff; display: block; float: left; height: 10px; padding: 2px 5px 3px; text-align: center; }
span.tab.green {background: #33cc33; }
span.tab.magenta {background: #cc3366; }
span.tab.orange {background: #ff9933; }
span.tab.blue {background: #0099ff; }
span.tab.gold {background: #cccc00; }
span.tab.plum {background: #993366; }
span.tab.small { width: 35px; }
span.tab.medium { width: 45px; }
span.tab.long { 65px; }

.tab-shadow { border-right: 15px solid #1A1A1A; border-top: 15px solid transparent; float: left; }

/* GALLERY CONTROLS
------------------------------------- */

a.next-button { background: transparent url(includes/images/navigation/gallery-controls.png) no-repeat -220px 0; position: absolute; right: 0; top: 85px; height: 60px; width: 45px; z-index: 50; }
a.previous-button { background: transparent url(includes/images/navigation/gallery-controls.png) no-repeat -220px -65px; position: absolute; left: 0; top: 85px; height: 60px; width: 45px; z-index: 50; }
.previous-button.green:hover { background-position: 0 -65px; }
.previous-button.magenta:hover { background-position: -55px -65px; }
.previous-button.blue:hover { background-position: -110px -65px; }
.previous-button.orange:hover { background-position: -165px -65px; }
.previous-button.cold { background-position: -220px -65px; }
.next-button.green:hover { background-position: 0 0px; }
.next-button.magenta:hover { background-position: -55px 0px; }
.next-button.blue:hover { background-position: -110px 0px; }
.next-button.orange:hover { background-position: -165px 0px; }
.next-button.cold { background-position: -220px 0px; }

/* BLOG & SINGLE 
------------------------------------- */

h1.post-title, h1.post-title a { color: #fff; float: left; font-size: 22px; line-height: 1.8em; margin-left: 25px; }
.post-meta { color: #999; font-family: Delicious-Roman, sans-serif; font-size: 12px; margin: 0 0 25px 18px; position: relative; top: 65px; }
.post-meta a { color: #FF9933; font-family: Delicious; text-transform: uppercase; }  

.blog-content { margin: 75px auto 0; width: 611px; }


.blog-entry { border-bottom: 1px dotted #58b7dd; height: 245px; padding-bottom: 15px; margin-bottom: 20px; }
.blog-content > .blog-entry:last-child { border: none; margin-bottom: 0; }
.blog-entry h1 { border-bottom: 1px dotted #58b7dd; color: #00AEEF; font-size: 18px; line-height: 1.1em; margin-bottom: 15px; padding-bottom: 12px; }
.blog-entry h1 a { color: #00AEEF; }
.thumbnail, .thumbnail img { float: left; height: 200px; width: 290px; overflow: hidden; }
.post-nav, .post-nav a { color: #fff; font-family: Delicious; font-size: 14px; position: relative; display: block; float: left; height: 30px; width: 30px; top: 7px; }
span.separator { float: left; } 
.post-nav.prev { background-position: -601px 0px; } 
.post-nav.prev:hover { background-position: -761px 0px; } 
.post-nav.next { background-position: -641px 0px; } 
.post-nav.next:hover { background-position: -801px 0px; } 
.blog-entry .excerpt { background: #F2F2F2; float: left; height: 176px; width: 260px; padding: 12px 30px 12px; }
.blog-entry .excerpt.home { background: #e1f4fd; }
.blog-entry .excerpt p { font-size: 10px; line-height: 1.5em; }
.blog-meta { color: #999; font-family: Delicious-Roman, sans-serif; font-size: 12px; float: left; margin: 15px 0 0 0; }
.blog-meta.single { margin-left: 20px; margin-top: 60px; }
.blog-meta a { color: #FF9933; font-family: Delicious, sans-serif; text-transform: uppercase; }
.blog-meta a:hover { color: #ED1C24; }
.post-content { font-family: Verdana, sans-serif; font-size: 10px; margin: 100px auto 50px; width: 600px; }
.post-content p { line-height: 1.5em; padding-bottom: 15px; }
.post-content img { margin-right: 16px; }
.post-content p>img:last-child { margin-right: 0; }
.blog-meta.footer { border: 1px dotted #58b7dd; border-left: none; border-right: none; color: #333; margin: 25px auto 0; padding: 25px 0; width: 611px; float: none; }
.blog-meta.footer p { color: #999; line-height: 20px; }
.blog-meta.footer a { color: #FF9933; text-transform: uppercase; font-weight: bold; }
.blog-meta.footer .meta-info { margin: 20px 0; }
span.comment-count.orange { background: url(includes/images/sprites/goddamn-sprite.png) no-repeat scroll -512px 0; color: #fff; padding: 6px 15px; display: inline-block; font-weight: bold; }
span.comment-count.red { background: url(includes/images/sprites/goddamn-sprite.png)no-repeat scroll -917px 0; color: #fff; padding: 6px 15px; display: inline-block; font-weight: bold; }


/* POST NAV LINKS
------------------------------------- */
.post-page-navigation { height: 50px; width: 100%; position: relative; } 
.older-post-page { background-position: -2125px 0; height: 20px; width: 95px; position: absolute; right: 20px;}
.older-post-page:hover { background-position: -2125px -24px; height: 20px; width: 95px; }

.newer-post-page { background-position: -1970px 0; height: 20px; width: 95px; position: absolute; left: 20px;}
.newer-post-page:hover { background-position: -1970px -24px; height: 20px; width: 95px; }
/* COMMENTS 
------------------------------------- */
fieldset { border: none; }
.comments { width: 611px; margin: 30px auto; }
.comments a { color: #0099FF; }
.comments p.orange-banner { background: #FF9933; font-family: Delicious-Roman; font-size: 18px; color: #fff; padding: 10px 0 10px 15px; margin-bottom: 22px; width: 596px; text-transform: uppercase; }
.comments p.pending-approval { color: #fff; background: #cc3366; padding: 5px 10px; width: 225px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; } 
.comments ul.commentlist li { margin-bottom: 30px; }
.comments p.comment-author { color: #0099FF; font-weight: bold; margin-bottom: 5px; }
.comments p.comment-author span { text-transform: uppercase; }
.comments .comment-date a { color: #0099FF; font-size: 10px; }
.comments .comment-text p { font-size: 10px; color: #333; line-height: 15px; margin-top: 15px; }
.comments input { background: #F3F3F4; border: 1px solid #999; width: 270px; padding: 10px 10px; margin-bottom: 12px; }
.comments label { color: #333; font-size: 11px; margin-left: 10px; }
.comments .current-user { margin-bottom: 15px; } 
.comments textarea#comment { background: #F3F3F4; border: 1px solid #999; padding: 10px; margin-bottom: 15px; width: 589px; }
.comments a.submit { background: #999; color: #fff; display: block; font-size: 12px; padding: 10px 0 10px 20px; text-transform: uppercase; width: 290px; }


/* PROJECTS & EVENTS
------------------------------------- */

#main-content.events .frame { min-height: 780px; }
#main-content.events .content-left { min-height: 1021px; }
.sort { height: 70px; width: 100%; position: relative; }
.sort .sort-by { float: left; position: relative; left: 333px; top: 13px; }
.sort .sort-by ul { float: left; width: 96px; }
.sort .sort-by ul li { padding-bottom: 12px; }
.sort .sort-by input { background-position: -1565px 0; margin-right: 10px; }
.sorted-content { border-top: 1px dotted #58b7dd; margin: 0 auto; width: 930px; }
.sorted-content.events { border-top: none; width: 610px; min-height: 290px; padding-top: 15px; }
.sorted-entry { float: left; margin: 15px 30px 15px 0; }
.sorted-entry.last { margin-right: 0; }
.sorted-entry h1 { font-size: 15px; margin: 10px 0 2px; float: left; }
.sorted-entry h1 a { color: #000; }
.sorted-entry .thumbnail, .sorted-entry .thumbnail img { height: 200px; width: 290px; overflow: hidden; }
.sorted-excerpt { height: 60px; width: 290px; float: left; clear: left; }
.sorted-excerpt p { float: left; }

/* EVENTS
------------------------------------- */

#featured.events { border: none; height: 466px; }
#featured.events #featured-main { border-bottom: 1px dotted #58b7dd; border-right: none; height: 436px; }
#featured.events #featured-gallery { top: 21px; }
#featured.events .featured-summary { background: #E6E6E6; }
#featured.events #banner-wrapper.left { top: 15px; left: -31px; }
#featured.events ul.feature-nav { top: 61px; }
.past-events { float: left; width: 100%; position: relative; }

/* COBRAS
------------------------------------- */

.about { border-bottom: 1px dotted #58b7dd; margin-top: 86px; padding-bottom: 28px; }
.about p { font-family: Delicious; font-size: 20px; padding-bottom: 18px; text-align: center; text-transform: uppercase; }
span.green {color: #33cc33; }
span.magenta {color: #cc3366; }
span.orange {color: #ff9933; }
span.blue {color: #0099ff; }
span.gold {color: #cccc00; }
span.plum {color: #993366; }

.responsible-parties { position: relative; padding-top: 75px; }
.bio { height: 200px;  width: 611px; margin: 0 auto 28px; }
.bio .entry .thumbnail { float: left; margin-right: 25px; overflow: hidden; height: 200px ; width: 290px; }
.bio .entry { float: left; height: 200px; width: 611px; }
.bio .entry h1 { font-family: Delicious-Roman; color: #33cc33; } 
.bio .entry ul { margin-top: 22px; }
.bio .entry a { color: #33cc33; font-weight: bold; }


/* CONTACT
------------------------------------- */

.contact-emails, .project-wishlist { padding: 86px 15px 0px 15px; position: relative; }
.contact-emails p { font-family: Delicious; font-size: 20px; padding: 0 0 18px 20px; text-transform: uppercase; }

.wishlist-container { background: #FFFF99; font-family: Delicious-Roman; width: 550px; margin: -50px auto 20px auto;  padding: 28px; }
.wishlist-header { width: 100%; border-bottom: 2px dotted #0099FF; margin-bottom: 20px; }
.wishlist-container h1 { color: #0099FF; font-size: 20px; margin-bottom: 20px; } 
.wishlist-container .wishlist-items li { font-size: 13px; margin-bottom: 10px; }
.wishlist-container .wishlist-items li.done { text-decoration: line-through; }


/* SIDEBAR WIDGETS
------------------------------------- */

.sidebar-widget { float: right; padding: 30px 15px 15px 15px; position: relative;  width: 290px; }
.widget-box.blue { background: #e1f4fd; padding: 40px 20px 20px 20px;} 

.widget-box img { display: block; margin: 0 auto; }
.widget-box img.affiliate-logo { width: 233px; }

.cobra-charmers a { color: #0099FF; font-size: 12px; font-family: Delicious-Roman; text-transform: uppercase; line-height: 18px; }

.cobra-charmers a:hover, .social-media-links a:hover { color: #993366; }
.widget-box h1 { color: #00AEEF; text-align: center; }
.recent-comments ul li { margin-bottom: 15px; }
.recent-comments a { color: #00AEEF; font-weight: bold; }

.social-media-links ul li { font-size: 18px; font-family: Delicious-Roman; text-transform: uppercase; margin-bottom: 7px; } 
.social-media-links a { color: #0099FF; }

/* SCROLL BAR 
------------------------------------- */

.Scrollbar-Track { background: transparent; height: 375px; width: 30px; position: absolute; right: 0; }
.Scroller-1 height: 375px; overflow: hidden; width: 290px; position: relative;}}

/* SPRITE       -------------------------------- */

.banner-shadow { background-position: -390px 0; width: 40px; height: 40px; } 
.orange-splash { background-position: -480px 0; width: 30px; height: 26px; } 
.post-nav-left-cold { background-position: -560px 0; width: 25px; height: 13px; } 
.post-nav-left-hover { background-position: -635px 0; width: 25px; height: 11px; } 
.post-nav-right-cold { background-position: -710px 0; width: 25px; height: 13px; } 
.post-nav-right-hover { background-position: -785px 0; width: 25px; height: 11px; } 
.red-splash { background-position: -860px 0; width: 30px; height: 26px; } 
.search-icon { background-position: -940px 0; width: 22px; height: 21px; } 
.up-down-arrow { background-position: -1012px 0; width: 30px; height: 46px; }