
html {background-color:#000 !important;}


/* Copy */

div.whitebox h2,div.whitebox h3,div.whitebox h4,div.whitebox h5,div.whitebox h6 {font-family:"Bookman Old Style",Courier;color:#82A218;}
div.whitebox div.poll h2 {font-size:165%;color:#4E9CD5;width:400px;}

div#left-col div.whitebox h2, div#left-col div.whitebox h3, div#left-col div.whitebox p {width:400px;}

div.whitebox h3 {font-size:165%;}
div.whitebox h4#blog-message-board-header {border-bottom:1px dotted rgb(220,220,220);padding-bottom:4px;margin-bottom:4px;}

div.poll-description p {font-size:115%;}

/* Basics & Page layout */

div.container {width:1000px;margin:0px auto 0px auto;}
html, body {padding:0px;margin:0px;}
body {background:url("/static/images/structure/brick_background.jpg") top center repeat;}

body.blog-detail div#page-columns {background:url(/static/images/structure/smash_man.png) bottom right no-repeat;}
body.blog-detail div#page-columns div#left-col {width:685px;float:left;}
body.blog-detail div#page-columns div#right-col {width:310px;float:left;margin-bottom:331px;}

/* Page Header */

div#body-content div.link-bar {background:#000;height:20px;}

div#body-content div.link-bar ul.navigation {margin:0px auto;width:1000px;}
div#body-content div.link-bar ul.navigation li {float:left;margin-right:10px;list-style-type:none;}
div#body-content div.link-bar ul.navigation li a {color:#A9B5B4;text-decoration:none;font-size:90%;}
div#body-content div.link-bar ul.navigation li#designed-by {float:right;}
body.blog-home div#bottom-link-bar ul.navigation {position:relative;}

div#page-header img#smash-logo {float:right}

div#page-header {background:url(/static/images/structure/homepage_smash_logo.png) top right no-repeat;height:179px;}
div#page-header h1#top-title {width:639px;height:101px;display:block;background:top left no-repeat;margin:0px;position:relative;top:30px;}
div#page-header h1#top-title span {display:none;}

body.blog-detail div#page-header h1#top-title {background-image:url("/static/images/structure/content_title.png");position:relative;top:-20px;}
body.blog-home   div#page-header h1#top-title {background-image:url("/static/images/structure/homepage_title.png");width:667px;}

a#blog-home-link {clear:none;display:block;width:200px;height:49px;position:relative;top:43px;left:726px;}

/* Paintboxen */

div.paintbox h2, div.paintbox h3, div.paintbox h4 {margin-top:0px}
div.paintbox p.last {margin-bottom:0px;margin-top:0px;}
div.paintbox form#blog-post-comment-form {margin-bottom:0px !important;padding-bottom:10px;}
div.paintbox div.poll form {margin-top:0px;}
div.paintbox div.results {padding-bottom:10px;}
div.paintbox div.question p:first-child {margin-top:0px;}
div.paintbox div.results p:first-child {margin-top:0px;}

div.paintbox {background:bottom left no-repeat;padding-bottom:54px !important;}
div.paintbox div.top {background:bottom left no-repeat;height:66px;}
div.paintbox div.bottom {background:top left repeat-y;padding:0px 50px;padding-bottom:1px;}

div.whitebox {background-image:url(/static/images/structure/whitebox_bottom.png);}
div.whitebox div.top {background-image:url(/static/images/structure/whitebox_top.png);}
div.whitebox div.bottom {background-image:url(/static/images/structure/whitebox_mid.png);}

div.box_g {background-image:url(/static/images/structure/greenbox_bottom.png);}
div.box_g div.top {background-image:url(/static/images/structure/greenbox_top.png);}
div.box_g div.bottom {background-image:url(/static/images/structure/greenbox_mid.png);}

div.box_p {background-image:url(/static/images/structure/pinkbox_bottom.png);}
div.box_p div.top {background-image:url(/static/images/structure/pinkbox_top.png);}
div.box_p div.bottom {background-image:url(/static/images/structure/pinkbox_mid.png);}

div.box_b {background-image:url(/static/images/structure/bluebox_bottom.png);}
div.box_b div.top {background-image:url(/static/images/structure/bluebox_top.png);}
div.box_b div.bottom {background-image:url(/static/images/structure/bluebox_mid.png);}

ul#blog-thumbnails {width:210px;max-height:197px;overflow:hidden;margin-left:0px;margin-bottom:0px;padding-bottom:5px;}

ul#blog-thumbnails li.blog-vid-thumbnail {background-image:url(/static/images/structure/video_thumbnail.png);list-style-type:none;width:58px;height:58px;float:left;background-color:#8DCAE2;background-position:center center;background-repeat:no-repeat;margin:0px 10px 10px 0px;}
ul#blog-thumbnails li.blog-vid-thumbnail a {display:block;width:60px;height:60px;}
ul#blog-thumbnails li.blog-vid-thumbnail a img {margin:11px 0px 0px 4px;}

ul#blog-thumbnails li.blog-pic-thumbnail {list-style-type:none;width:58px;height:58px;float:left;background-color:#8DCAE2;background-position:center center;background-repeat:no-repeat;margin:0px 10px 10px 0px;}
ul#blog-thumbnails li.blog-pic-thumbnail a {display:block;width:60px;height:60px;}

form#pic_form label {width:70px;display:block;float:left;}
form#pic_form textarea {clear:both;float:none;}

form.hidden-form {display:none;}
div#right-col form,div#right-col form p.submit {margin:0px;}

/* Graphic Buttons */

p#upload_buttons {height:49px;margin-top:10px;}
p.buttons {margin-bottom:20px;}
a#add_pic {background-image:url(/static/images/structure/upload_picture.png);width:93px;margin-right:5px;}
a#add_video {background-image:url(/static/images/structure/upload_video.png);width:84px;}

.button {float:left;display:block;width:51px;height:33px;background:url(/static/images/structure/vote.png) top left no-repeat;}
.button span {display:none;}

.button-next {background-image:url(/static/images/structure/next.png);}
.button-prev {background-image:url(/static/images/structure/previous.png);width:73px;}
.button-vote {background-image:url(/static/images/structure/vote.png);}

/* Vid-Pic Feature */

div#vidpics h4 {font-family:"Bookman Old Style";}
div#vidpics p {color:#fff;}

/* Did you know feature */

div.blog-did-you-know {height:270px;background:url(/static/images/structure/green_blob.png) top left no-repeat;padding:10px 20px;margin-bottom:10px;}
div.blog-did-you-know ul#blog-did-you-know-list {margin:28px 51px 0 25px;}
div.blog-did-you-know ul#blog-did-you-know-list li {list-style-type:none;}
div.blog-did-you-know ul#blog-did-you-know-list li h2 {color:#000;font-family:"Bookman Old Style";font-weight:bold;font-size:140%;text-align:center;margin:0px;}
div.blog-did-you-know ul#blog-did-you-know-list li p.citation {font-size:70%;font-family:verdana;}
div.blog-did-you-know ul#blog-did-you-know-list li p {margin-bottom:3px;text-align:center;margin-top:0px;color:#fff;font-weight:bold;font-family:"Bookman Old Style";line-height:105%;font-size:120%;}

/* Blog details header detail */

div.blog-header-info {margin-bottom:8px;padding-left:30px;background:url(/static/images/structure/blue_spot.png) top left no-repeat;}
div.blog-header-info div.blog-date {width:200px;float:left;clear:none}
div.blog-header-info div.blog-date p {margin:0px;color:#A5A8A9;font-weight:bold;}
div.blog-header-info div.addthis_toolbox {width:177px;float:right;clear:none;padding-top:2px;}
div.blog-header-info {border-bottom:1px dotted rgb(220,220,200);border-top:1px dotted rgb(220,220,200);height:25px;padding-top:5px;}

/* Big gender buttons */

div.big-gender p.question {display:none;}
div.big-gender p.big-gender-buttons {display:block;height:135px;}
div.big-gender p.big-gender-buttons span.big-gender-button {display:block;width:112px;height:128px;float:left;text-indent:-1000px;cursor:pointer;}

div.big-gender p.big-gender-buttons span.big-gender-male {background:url(/static/images/structure/big_gender_male.png) top left no-repeat;}
div.big-gender p.big-gender-buttons span.big-gender-female {background:url(/static/images/structure/big_gender_female.png) top left no-repeat;}

/* Comments */

form.comment-form textarea, form.comment-form input {background:url(/static/images/structure/green_trans.png);border:1px solid rgb(200,200,200);}
form.comment-form textarea {float:left;}
form.comment-form label {float:left;width:90px;padding-top:0px;}
form.comment-form p.submit {clear:both;padding-top:4px;padding-left:97px;}
div.comment-block {border-top:1px solid #ddd;padding-top:10px;clear:both;}
div.comment-block img.gravatar {float:left;margin-right:6px;}

div.comment-text {float:left;width:390px;}
div.comment-text p.comment {margin-top:4px;}
div.comment-text a.comment-reply-link {color:#82A218;text-decoration:none;font-weight:bold;}

div.comment-text p.comment-header {font-weight:bold;color:rgb(150,150,150);margin-bottom:0px;margin-top:0px;}
div.comment-text p.comment-header a {font-weight:bold;color:rgb(150,150,150);text-decoration:none;}

div.comment_form {border-top:1px solid #ddd;padding-top:10px;margin-top:1px;}
div#comment_form label {width:80px;display:block;float:left;padding-right:10px;}

/* Homepage */

body.blog-home {background:#000;}
body.blog-home div#page-columns {height:524px;}

body.blog-home div#body-content {background:url("/static/images/structure/brick_background.jpg") #fff top center repeat;}
body.blog-home div.container {background:url("/static/images/structure/homepage_smash_man.png") bottom left no-repeat;}

ul#homepage-blobs {height:510px;margin-bottom:0px;position:relative;background:url("/static/images/structure/homepage_quotes.png") bottom right no-repeat;top:-54px;}
ul#homepage-blobs li.homepage-blob {margin:0px;width:300px;height:120px;background:top left no-repeat;list-style-type:none;position:relative;}
ul#homepage-blobs li.homepage-blob p {width:286px;position:relative;}
ul#homepage-blobs li.homepage-blob p a {color:white;font-size:150%;font-family:"Bookman Old Style",courier;font-weight:bold;text-decoration:none;display:block;}

ul#homepage-blobs li#blob-0 {background-image:url(/static/images/structure/homepage_copy_block.png);width:447px;height:115px;}
ul#homepage-blobs li#blob-1 {background-image:url(/static/images/structure/homepage_blue_blob.png);width:485px;height:331px;top:-118px;left:455px;}
ul#homepage-blobs li#blob-2 {background-image:url(/static/images/structure/homepage_pink_blob.png);width:425px;height:325px;top:-279px;left:271px;}
ul#homepage-blobs li#blob-3 {background-image:url(/static/images/structure/homepage_green_blob.png);width:389px;height:210px;top:-476px;left:591px;}

ul#homepage-blobs li#blob-0 p {}
ul#homepage-blobs li#blob-1 p {left:113px;top:46px;}
ul#homepage-blobs li#blob-2 p {left:82px;top:46px;width:240px;}
ul#homepage-blobs li#blob-3 p {left:74px;top:19px;width:275px;}

ul#homepage-blobs li#blob-0 {padding:12px;}
ul#homepage-blobs li#blob-0 h2 {color:#d03380;font-size:135%;font-family:"Bookman Old Style",courier;font-weight:bold;}
ul#homepage-blobs li#blob-0 p {width:auto;margin:3px 0px;color:#fff;line-height:106%;font-family:"Bookman Old Style",courier;font-weight:bold;}

/* Orderable Answers */

ul.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
ul.sortable li { margin:4px 0px;padding-top:1px; height: 21px;background:top left no-repeat;width:226px;}
ul.sortable li p {margin:0px;}
ul.sortable li p label {width:200px;float:left;clear:none;padding:0px 0px 0px 29px;color:#fff;font-weight:bold;}
ul.sortable li p input {display:none;}

ul.sortable li#sorted_1 {background-image:url(/static/images/structure/orderable_1.png)}
ul.sortable li#sorted_2 {background-image:url(/static/images/structure/orderable_2.png)}
ul.sortable li#sorted_3 {background-image:url(/static/images/structure/orderable_3.png)}
ul.sortable li#sorted_4 {background-image:url(/static/images/structure/orderable_4.png)}
ul.sortable li#sorted_5 {background-image:url(/static/images/structure/orderable_5.png)}

/* Polls & Results */

ul.results {margin-left:0px;}
ul.results li.result {list-style-type:none;margin-left:0px;padding:3px 8px;}

div#left-col ul.results li.odd-result {background:url(/static/images/structure/blue_trans.png);}
div#left-col ul.results li.result {width:350px;}

div#right-col div.question {margin-bottom:10px;}
div#right-col div.question-title p {font-weight:bold;color:#000;font-size:120%;line-height:110%;font-family:"Bookman Old Style";}

div#right-col div.question p.question {margin:2px 0px;}
div#right-col div.question p.question label {color:#fff;font-size:110%;font-weight:bold;font-family:"Bookman Old Style";}
div#right-col ul.results li.odd-result {background:url(/static/images/structure/white_trans.png);}
div#right-col ul.results li.result {color:#fff;font-size:110%;font-weight:bold;font-family:"Bookman Old Style";}
ul.results li.result span.result-score {margin-left:5px;float:right;}

/* Login related bits */

form#login-form {padding-top:10px;}
form#login-form label {width:80px;display:block;float:left;font-family:"Bookman Old Style",courier;font-weight:bold;color:#FFFFFF;}
form#login-form p.submit {padding-left:85px;}

body.login ul#homepage-blobs {background-image:none;height:390px;}
body.login ul#homepage-blobs li#blob-1 {top:-48px;}

div#body-content div.link-bar ul.navigation li#user-info {float:right;}
div#body-content div.link-bar ul.navigation li#user-info p {margin:0px;color:#A9B5B4;font-size:90%;}
