@import url(widgets.css); /* NOTES: Whenever possible, use shorthand properties in this file. That'll allows us to override specifically in each site's own skin.css (exception being rules below for overall grid structure) */ /* @group G R I D */ /* Heavily inspired by/lifted from the 960 Grid System - http://960.gs */ /* Base font-size reset, to avoid touching styles */ .container_12 {margin-left: auto; margin-right: auto; width: 960px; font-size: 10px;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } .grid_1 {width: 60px;} .grid_2 {width: 140px;} .grid_3 {width: 220px;} .grid_4 {width: 300px;} .grid_5 {width: 380px;} .grid_6 {width: 460px;} .grid_7 {width: 540px;} .grid_8 {width: 620px;} .grid_9 {width: 700px;} .grid_10 {width: 780px;} .grid_11 {width: 860px;} .grid_12 {width: 940px;} .alpha {margin-left: 0;} .omega {margin-right: 0;} /* Use .inset to reverse the box-model, to enable backgrounds etc. */ .inset {margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px;} .alpha.inset {padding-left: 0;} .omega.inset {padding-right: 0;} .stay_left {float: left; clear: left;} .stay_right {float: right; clear: right;} /* @end */ /* @group E L E M E N T S */ /* @group Global */ a img { border: 0;} .imgLink {float: left; display: inline; text-decoration: none;} .byLine {clear: both; display: block; margin: 10px 0; padding: 5px; font-size: 1.1em;} .date {color: #aaa;} .categoryLabel { padding: 0 0.25em; background: #C6C4C4 none repeat scroll 0 0; letter-spacing: 0.1em; text-transform: uppercase; font-size: .833em !important; color: #fff !important; text-decoration: none !important; } .categoryLabel:hover {color: #666 !important;} .benTags { clear: both; margin: 10px 0; padding: 5px 0 5px 21px; background: url(../benTags/gfx/tag.gif) no-repeat 0 5px; color: #999; border: solid #e1e1e1; border-width: 1px 0; font-size: 1.2em; } .benTags strong {font-weight: normal;} .benTags a {color: #666; text-decoration: underline;} .benTags a:hover {text-decoration: none;} .info {clear: both; margin: 0 0 10px; padding: 10px; background: #f1f1f1; font-size: 1.2em;} .info p {margin-bottom: 10px;} .copyright {clear: both; display: block; margin: 0 0 5px; color: #999;} .resultGraph {position: relative; width: 60px; height: 86px; background: url(gfx/battleGraphEmpty.gif) left bottom; text-align: center;} .resultGraph span {position: absolute; left: 0; bottom: 0; width: 60px; background: url(gfx/battleGraph.gif) left bottom;} .resultGraph span strong {position: absolute; left: 0; bottom: -23px; width: 100%; padding: 0;} .standAlone {clear: both; overflow: hidden; padding: 0 0 10px; text-align: right;} .standAlone .callout {margin: 0 0 10px; font-size: 1.2em; font-weight: bold;} .evenLine {background: #f2f2f2;} /* @end */ /* @group Typographic */ .header {display: block; clear: both;} .headerPrimary {font-size: 3em; line-height: 1.1em; margin: 0 0 10px; float: left; width: 100%; clear: none; display: inline;} .headerSecondary {font-size: 1.8em; line-height: 1.2em;} .headerTertiary {font-size: 1.3em; line-height: 1.3em;} .headerInset {padding: 10px 0;} .headerHighlight {font-weight: normal; font-size: 5.5em; letter-spacing: -.1em; text-shadow: 0px 2px 10px #999;} .subHeader{ display: block; } .headerCallout a {color: #fff;} .copy {padding: 0 0 10px; line-height: 1.5em; font-size: 1.2em;} .copy p {margin: 0 0 1em;} .copy ul, .copy ol {list-style-position: outside; margin-left: 2em; padding: .5em 0;} .copy li {margin: 0 0 1em;} .copyPrimary {clear: both; font-size: 1.3em;} .copyDistinct {font-style: italic; padding: 0;} .copyCleanout {margin-bottom: 40px;} .copyProceed {display: block; text-align: right;} .copyQuiz {margin: 10px 0;} .copyForm {font-size: 1.3em;} .copyMetaInfo {margin-top: 5px; border: solid #bbb; border-width: 1px 0 0;} .copyProminent {font-size: 180%; margin: 0 0 10px;} /* No specific size, just double up */ .linkList {padding-top: 10px; clear: both;} /* Legacy */ .linkList li {padding: 0 0 6px 7px;} .callout.current {color: #000; text-decoration: none; cursor: default;} /* @end */ /* @group Tabs & Pagination */ /* @group Std. pagination */ .pagination {float: right; display: inline; width: auto; padding: 5px 0; font-size: 1.1em;} .pagination * {float: left; display: inline; margin-left: 5px; padding: 3px 7px;} .pagination *:first-child {margin: 0;} .pagination a {background: #ddd; border: 1px solid #bbb;} .pagination a:hover {background: #333; border-color: #222; color: #fff;} .pagination .current, .pagination .gap {font-weight: bold; border: 1px solid #fff;} .pagination .prev_page, .pagination .next_page {font-weight: bold;} .pagination .disabled {display: none !important;} /* @end */ /* @group Quiz pagination */ .paginatedProgress { width: 100%; margin: 0 0 10px; padding-bottom: 1px; background: url(gfx/paginated_progress_breadcrumbLines.gif) top left; border: 0; border-top: 1px solid #4b4b4b; line-height: 100%; list-style: none; } .paginatedProgress, .paginatedProgress * {float: left;} .paginatedProgress li {margin-bottom: 1px; background: url(gfx/paginated_progress_arrowLeft.gif) right center no-repeat;} .paginatedProgress em { display: block; overflow:hidden; padding: 5px 1.5em 0 .5em; height: 15px; border: 0; white-space: nowrap; color: #000; font-style: normal; } .paginatedProgress .labelTab { position: relative; height: 20px; padding: 0; background: #4b4b4b; font-size: 85%; } .paginatedProgress .labelTab em { padding: 0 1em; background: url(gfx/paginated_progress_arrowDbl.gif) no-repeat 100% 50%; color: #fff; line-height: 2em; height: 2.35em; } .paginatedProgress .labelTab em.init {background: none;} .paginatedProgress .currentTab {margin-left: -1.2em; padding-left: 1em; background: #4b4b4b url(gfx/paginated_progress_arrowDbl.gif) no-repeat 8% 50%;} .paginatedProgress .currentTab em {background: url(gfx/paginated_progress_arrowDbl.gif) no-repeat 100% 50%; color:#fff; text-decoration:none; cursor:default;} /* @end */ /* @group Std. tabs */ .tabs {list-style: none; width: 100%; border-bottom: 1px solid #888; margin: 0 0 10px; font-size: 1.1em;} .tabs, .tabs * {float: left; display: inline;} .tabs li { position: relative; top: 1px; margin-left: 5px; padding: 3px 2px 4px; border: 1px solid #666; background: #aaa; } .tabs a {color: #fff; text-decoration: none;} .tabs li li {top: 0;} .tabs li:hover a {color: #000;} .tabs li:hover li a {color: #fff;} .tabs li:hover li:hover a {color: #000;} .tabs .currentTab, .tabs li:hover {background: #fff; border-bottom-color: #fff;} .tabs .currentTab {font-weight: bold;} .tabs .pagesTab {float: right; padding: 0; border: 0; background: transparent;} .tabs .pagesTab:hover {background: transparent;} .tabs .pagesTab li:hover {border-bottom-color: #666;} .pagesTab .previous_link, .pagesTab .next_link {margin-left: 3px; padding: 1px 2px;} .pagesTab .previous_link a, .pagesTab .next_link a { position: relative; width: 12px; height: 14px; padding: 0; background-image: url(gfx/contentNav_arrows.png); background-repeat: no-repeat; text-indent: -9999px; } .pagesTab .next_link a {background-position: right top;} .pagesTab .previous_link:hover a {background-position: bottom left;} .pagesTab .next_link:hover a {background-position: bottom right;} /* jagged edges for IE6 - a symbol of our broken love */ * html .pagesTab .previous_link a, * html .pagesTab .next_link a { background-image: url(gfx/contentNav_arrows.gif); } .tabs .labelTab {font-weight: bold; border: 0; background: transparent; color: #666;} .tabs .labelTab:hover {background: transparent;} .contentNav .currentTab, .pagination .currentTab {padding-left: 10px; padding-right: 10px;} .contentNav li a, .pagination li a {padding: 0 5px;} /* @end */ /* @end */ /* @group Columns/Lists */ /* @group Global */ .columnList {list-style: none; float: left; display: inline; width: 100%; margin: 10px 0 0;} .columnList li {float: left; display: inline;} .columnList li + li {margin-left: 10px;} .columnList li .header {margin: 5px 0 0; font-weight: bold;} .columnList li .header a {text-decoration: none;} .columnList li .header a:hover {text-decoration: underline;} .columnList li .copy {margin: 5px 0 0; padding: 0;} .columnList + .pagination {margin: 20px 0 0;} /* @end */ /* @group Widths */ .columnList140 li {width: 140px;} .columnList200 li {width: 200px;} /* Default */ .columnList300 li {width: 300px;} /* @end */ /* @group Highlight (mest pop.) */ .columnListHighlight {margin: 0 0 20px; background: #000; color: #fff;} .columnListHighlight li {width: 290px; padding: 10px;} .columnListHighlight li + li {margin-left: 0;} .columnListHighlight li * a, .columnListHighlight li * a:link, .columnListHighlight li * a:hover {color: #fff;} /* @end */ /* @end */ /* @group Messages/Notifications */ .notify { background-color: #fff2c0; border: 1px solid #eadeb1; margin: 5px 0 10px; padding: 5px; } /* Legacy */ .notification {clear: both; margin: 10px 0; padding: 10px; border: 1px solid; font-size: 1.2em; line-height: 1.5em;} .notification ul, .notification ol {margin-left: 1em; list-style-position: inside;} .notification ul {list-style-type: disc;} .notification ol {list-style-type: decimal;} .notification strong {display: block; text-align: left;} .notification a {color: inherit !important; font-weight: bold;} .explain {background: #b2d5ed; border-color: #5aa4d8; color: #32454f;} .success {background: #e0ffe8; border-color: #98cd99; color: #060;} .warning {background: #fff2c0; border-color: #eadeb1; color: #000;} .error {background: #ffbcbc; border-color: #c34646; color: #411717;} /* @end */ /* @group Form & Input */ fieldset {border: 0;} input {margin: 5px 0;} input[type=checkbox], input[type=radio] {vertical-align: middle; margin: 0;} textarea {border: 1px solid #939393; font-family: inherit !important; line-height: 1.5em;} button, .button { padding: .5em 1em; background: #f1f1f1; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid; border-color: #ccc #888 #888 #ccc; cursor: pointer; /* IE specific */ *width: auto; *overflow: visible; *padding: .25em .5em; } button:hover, .button:hover {background: #e1e1e1;} button:active, .button:hover {border-color: #888 #ccc #ccc #888;} .callout.button {font-size: 1em;} .fieldHint {display: block; font-size: .769em; line-height: 1.25em; color: #666;} select + .fieldHint {margin: 5px 0 0;} .fieldsColumn label {display: block;} .fieldsColumn button {margin: 10px 0 0;} .copyForm label {margin: 10px 0 0; padding: 0;} .copyForm label:first-child {margin-top: 0;} /* @end */ /* @group Icons */ .icon {padding-left: 21px; background-repeat: no-repeat; background-position: left center;} /* 16px */ .icon.zoom {background-image: url(gfx/icons/magnifier.gif);} .icon.correct {background-image: url(gfx/icons/correct.png);} .icon.incorrect {background-image: url(gfx/icons/incorrect.png);} .icon.lightbulbOn {background-image: url(gfx/icons/lightbulbOn.gif);} .icon.lightbulbOff {background-image: url(gfx/icons/lightbulbOff.gif);} .icon.photoFrame {background-image: url(gfx/icons/photoframe.gif);} .icon.comments {background-image: url(gfx/icons/comments.gif);} .icon.date {background-image: url(gfx/icons/date_icon.gif);} .icon.tag {background-image: url(gfx/icons/tag.gif);} .iconLabel {display: block; text-transform: uppercase; color: #666; font-weight: bold; font-size: 10px !important;} a:hover .iconLabel {color: #000;} /* @end */ /* @group Profiles */ #patchWork {float: left; width: 100%; margin: 0 0 10px;} #patchWork .headerCallout {margin: 10px 0 5px;} #patchWorkImages {float: left; width: 100%;} #patchWorkImages a {position: relative; float: left; display: inline; white-space: nowrap; overflow: hidden;} #patchWorkImages a:hover {text-decoration: none;} #patchWorkImages a + a {margin-left: 5px;} #patchWorkImages a img {float: left;} #patchWorkImages a em { position: absolute; bottom: 0; left: 0; width: 90px; padding: .25em 0; background: #000; text-align: center; text-decoration: underline; opacity: .7; filter: alpha(opacity=70); font-style: normal; color: #fff2c0; } .profileInfo {float: left; width: 100%; margin: 10px 0;} .profileInfo dt {float: left; width: 25%; font-weight: bold;} .profileInfo dd {float: left; width: 75%;} .profileOptions {list-style: none; margin: 10px 0 0;} /* @end */ /* @group Admin area */ .adminArea { clear: both; margin: 5px 0 0; padding: 5px; background: #ffbcbc; border-color: #c34646; color: #411717; font-size: 1.1em; font-style: normal; font-weight: bold; } ul.adminArea {list-style: none;} ul.adminArea li {display: inline; margin-right: 5px;} /* @end */ /* @end */ /* @group V I E W S */ /* @group Articles */ .articlePagination {font-size: 1.3em; font-weight: bold; margin: 0 0 20px;} .articlePagination.pagination-previous {float: left;} .articlePagination.pagination-next {float: right;} .articleSections {clear: both; padding: 10px 0 5px; border: 1px solid #f1f1f1;} .articleSections .headerCallout { margin: 0; } .articleSections ol { padding: 0; list-style-position: inside; font-size: 1.2em; } .articleSections ol li { padding: 3px 5px; border-top: 1px solid #f1f1f1; } .articleSections ol li.current {background: #f1f1f1;} .articleSections ol li.current a { cursor: default; font-weight: bold; color: #585858; text-decoration: none;} /* @end */ /* @group Main Image - article/gallery */ .imgMain {position: relative; float: right; width: auto; margin: 0 0 10px; padding: 0 5px; text-decoration: none; text-align: center;} .imgMain:hover {text-decoration: none;} .imgMain.img620, .imgMain.img380 {padding: 0;} .imgMain.img380 {width: 380px;} .imgMain.imgBoxed {padding: 5px; border: 1px solid; border-color: #eee #ddd #ddd #eee;} .imgMain.img210.imgBoxed img {width: 198px;} .imgMain.img620.imgBoxed img {width: 608px;} .imgMain.img620.imgGallery {float: none; clear: both; display: block;} .imgMain img {margin: 0 auto;} .imgCaption { display: block; padding: 5px; padding-left: 20px; background: url(gfx/bullet_arrow_up.png) no-repeat 5px 4px; color: #222; line-height: 1.5em; text-align: left; } .img210 .imgCaption {width: 185px; color: #666; font-weight: normal;} .img210.imgBoxed .imgCaption {width: 173px;} .img620 .imgCaption {width: 595px; color: #666; font-weight: normal;} .img620.imgBoxed .imgCaption {width: 583px;} .imgGallery.img620 .imgCaption {text-align: center; background-image: none; color: #666; font-weight: normal;} .imgOverlay {position: absolute; top: 75%; right: 4%;} .imgMain .imgOverlay {display: none;} .icon.imgOverlay {height: 16px;} /* @end */ /* @group Gallery Thumbnails */ .galleryThumbnails {float: left; display: inline; list-style: none; margin-bottom: 10px; padding-left: 6px; padding-right: 6px;} .galleryThumbnails * {float: left;} .galleryThumbnails li {margin: 5px 5px 0 0;} .galleryThumbnails li.omega {margin-right: 0;} .galleryThumbnails li.current, .galleryThumbnails li:hover {outline: 2px solid #99090e;} .galleryThumbnails li a {position: relative; width: auto; overflow: hidden;} .galleryThumbnails li.current a, .galleryThumbnails li a:hover {outline: 1px solid #333;} .galleryThumbnails li.current img, .galleryThumbnails li img:hover {outline: 1px solid #f77;} .grid_5 .galleryThumbnails {padding: 0;} .grid_5 .galleryThumbnails li a {width: 70px; height: 70px;} .grid_3 .galleryThumbnails li a {width: 65px; height: 65px;} /* @end */ /* @group Quiz */ .copyQuiz label {margin: 0 0 10px;} .copyQuiz.withListIndex {padding-left: 45px;} .copyQuiz.withImg {padding-right: 150px;} .copyQuiz.withImg img {float: right; display: inline; margin-right: -150px;} .copyQuiz.withImg300 { padding-right: 310px; } .copyQuiz.withImg300 img {float: right; display: inline; margin-right: -310px;} .copyQuiz strong.icon {display: block; padding-left: 0; text-indent: 21px; background-position: left top;} /* Hvis du hader IE6 og du ved det, så klap dine hænder */ * html .withListIndex {padding-left: 45px !important;} * html .withImg {padding-right: 150px !important;} * html .withImg300 {padding-right: 310px !important;} .listIndex { float: left; display: inline; width: 40px; margin-left: -45px; font-size: 200%; color: #999; font-style: italic; text-transform: uppercase; text-align: center; } .quizResult {display: block; margin: 10px 0 0;} .correct_answer em, .incorrect_answer em {font-style: normal; font-weight: bold;} .correct_answer em {color: #090;} .incorrect_answer em {color: #c00;} /* @end */ /* @group Battle */ .battle {position: relative; width: 100%;} .battle .headerHighlight {clear: none; position: absolute; top: 0; left: 50%; margin-left: -32px; text-decoration: none; border: 0;} .battleContestant {float: left; display: inline; width: 270px; margin-top: 10px;} .battleContestant .headerCallout {margin: 0 0 10px; padding: 5px 10px; background: #222; color: #fff; border: 0;} .battleContestant .imgLink {float: left; display: inline; padding: 2px; border: 1px solid #222;} .battleContestantFirst {text-align: right;} .battleContestantFirst .imgLink, .battleContestantFirst .button {float: right;} .battleContestantLast {margin-left: 80px;} .battleResult {position: relative; float: left; display: inline; width: 145px; margin: 0 0 10px;} .battleResult + .battleResult {margin-left: 10px;} .battleResult .resultGraph {position: absolute; right: 0; bottom: 21px;} .battleResultFinal {list-style: none; width: 380px; margin: 0 auto;} .battleResultFinal li {border-bottom: 1px solid #ddd; padding: 5px 0; height: 65px; display: block; clear: both; width: 380px;} .battleResultFinal .header {clear: none;} .battleResultFinal li a[rel=lightbox] {float: right;} .voteResultSpace { margin: 3px 0 15px 0; height: 25px; width: 300px; background: url(gfx/votedSpace.png); } .voteResultVoted { height: 25px; background: url(gfx/voted.png); } .voteResultVoted span { color: #fff; padding: 0 5px 0 5px; float: right; line-height: 25px; font-family: 'Times New Roman', Times, serif; font-size: 120%; } .voteResultVoted span.lowerThan15 { color: #000; position: relative; right: -38px; } /* @end */ /* @group Forum/comments */ /* @group Forum - Overview table */ #forumBreadcrumb {margin: 0 0 5px;} #forumBreadcrumb + .headerPrimary {float: none;} .forumIndex {clear: both; width: 100%; margin-top: 10px; padding: 0; font-size: 1.1em; line-height: 1.5em; text-align: left;} .forumIndex th {position: relative; padding: 5px; background: #333; color: #fff; line-height: 1em; margin:0; font-weight: normal;} .forumIndex + .pagination {margin-bottom: 20px;} .comments + .header {margin-top: 10px;} /* @end */ /* @group Forum - All Rooms */ .forumRoomsList .forumTitle {width:300px;} .forumRoomsList .latestThread {width:300px;} .forumRoomsList .numThreads {text-align:center;} .forumRoomsList td {padding:3px; vertical-align:top;} .forumRoomsList td.forumTitle {border-bottom:2px solid #e0e0e0;} .forumRoomsList td.forumTitle a {padding:5px 0; font-size: 1.182em; font-weight:bold; display: block;} .forumRoomsList td.forumTitle p {color:#555;} .forumRoomsList td.latestThread {border-left:1px solid #efefef; border-bottom:2px solid #e0e0e0;} .forumRoomsList td.latestThread a { font-weight: bold; } .forumRoomsList td.latestThread p {color: #666;} .forumRoomsList td.latestThread img { float: left; display: inline; margin: 8px 5px 5px 5px; } .forumRoomsList td.latestThread em {color:#555; float:right; margin:0; padding:5px 2px 0 0; white-space:nowrap;} .forumRoomsList td.numThreads {width:73px; text-align:center; font-weight:bold; border-left:1px solid #efefef; border-bottom:2px solid #e0e0e0;} /* @end */ /* @group Forum - Single Room */ .forumRoom { line-height: 1.3em; width: 100%; } .forumRoom th.threadTitle { width: 57.5%; } .forumRoom th.latestPost { width: 32.5%; text-align: center; } .forumRoom th.numPosts { width: 10%; text-align: center; } .forumRoom td { padding: 8px 3px 5px 3px; border-bottom: 2px solid #efefef; } .forumRoom td.threadTitle { padding-left: 50px; background: url(gfx/icons/comment_32.gif) no-repeat left;} .forumRoom td.threadTitle.image {background: url(gfx/icons/images_32.gif) no-repeat left;} .forumRoom td.threadTitle.image.updated {background: url(gfx/icons/add_images_32.gif) no-repeat left;} .forumRoom td.threadTitle.locked {background: url(gfx/icons/locked_32.gif) no-repeat left;} .forumRoom td.threadTitle.updated {background: url(gfx/icons/updated_32.gif) no-repeat left;} .forumRoom td.threadTitle em, .forumRoom td.latestPost em {color: #666; font-style: normal; display: block; } .forumRoom td.threadTitle em a { display: inline; color: #666; } .forumRoom td.threadTitle a { display: block; font-weight: bold; } .forumRoom td.latestPost { border-left: 1px solid #efefef; text-align: left; line-height: 1.4em;} .forumRoom td.latestPost img { float: left; display: inline; margin: 0 5px 5px 5px; } .forumRoom td.numPosts { border-left: 1px solid #efefef; text-align: center;} div.addThread {float: right; margin: 0;} div.addThread .button {float: right;} /* @end */ /* @group Topic subscription */ /* @group Inserted from base.js */ #topicSubscriptionHelp {clear: both; margin: 10px 0 0;} #topicSubscriptionHelp strong {display: inline;} #topicSubscription #helpToggle { position: absolute; top: 5px; right: 10px; color: #666; } /* @end */ #topicSubscription {clear: both; position: relative; margin: 20px 0 10px; padding: 5px; background: #f1f1f1; border-bottom: 1px solid #aaa;} /* containing elm. needed for positioning */ #topicSubscription legend span {position: relative; top: -10px; padding: 5px; background: #fff; color: #333; border: 1px solid #d6d6d6; font-weight: bold;} #topicSubscription strong {display: block;} #topicSubscription .pitch {margin: 5px 0;} #topicSubscription label, #topicSubscription input {display: inline; vertical-align: middle;} #topicSubscription label {margin-right: 5px;} #topicSubscription label.disabled {color: #afafaf;} #topicSubscription input.hide {display:none;} /* @end */ /* @group Comments/Posts */ .comments {clear: both; list-style: none;} .comments .comment { overflow: hidden; padding-left: 180px; border: solid #d6d6d6; border-width: 2px 0; background: url(gfx/comment_bg.gif) repeat-y; } .comment.deleted {opacity: .5; filter: alpha(opacity=50);} .comments .comment + .comment {margin: 10px 0 0;} * html .comments .comment {float: left; margin: 10px 0;} /* IE6 */ .comments .header { float: left; display: inline; width: 160px; margin-left: -180px; padding: 10px; font-style: normal; } .comments .profileName {font-weight: bold; color: #000;} .comments .avatar {display: block; margin: 5px 0; text-align: center;} .comments .profileMeta {font-size: .769em; display: block;} .comments .profileEntryCount {font-style: normal;} .commentsEmail .header strong {display: block; margin: 0 0 10px;} .commentsEmail .header a {font-size: .833em;} .comments .subject {float: left; width: 65%;} .comments .date {float: right; width: 35%; text-align: right;} .commentsProfile .date {float: none; display: block; width: 100%;} * html .commentsProfile .date {float: right;} /* IE6 */ .comments .copy {margin-left: 10px; padding: 10px;} .comments .copy blockquote { margin: 20px; padding: 10px 0 0; border: solid #d6d6d6; border-width: 1px 0; background: url(gfx/comment_quote.gif) no-repeat right top; color: #666; font-size: .916em; } .comments .copy blockquote strong {display: block; margin: 0 0 5px; color: #333;} .comments .copy blockquote strong + p br:first-child {display: none !important;} /* Just because - do not question my authority ! */ .comments .commentSignature { display: block; padding: 2px 10px; background: #fafafa; border-top: 1px solid #d6d6d6; color: #666; font-size: .833em; font-style: italic; } .comments .commentFunctions {clear: left; float: right; padding: 0 10px 10px; text-align: right;} .commentFunctions li { float: left; display: inline; min-height: 16px; height: auto !important; height: 16px; margin-left: 10px; padding-left: 20px; background-repeat: no-repeat; background-position: left center; } .commentFunctions li a {color: #666;} .commentReply {background-image: url(gfx/icons/comment_icon_grey.gif);} .commentReport {background-image: url(gfx/icons/exclamation.gif);} .commentDelete {background-image: url(gfx/icons/commentDelete.gif);} .commentEdit {background-image: url(gfx/icons/commentEdit.gif);} .commentProfileOptions { float: left; clear: left; display: inline; position: relative; z-index: 2; padding-bottom: 20px; margin-left: -180px; width: 180px; list-style: none; } .commentProfileOptions li {float:left; width:35px; padding: 0; overflow:hidden; background-position: top center; background-repeat:no-repeat; } .commentProfileOptions li a {width:35px; height:20px; display:block; outline:0;} .commentProfileOptions li a span { position:absolute; left:0; width: 35px; top: 16px; padding-top: 7px; background-image:url(gfx/notice_pointer.gif); background-repeat: repeat-x; display: none; } .commentProfileOptions li a:hover span {display:block;} .commentProfileOptions li a span em { background-color:#FFF2C0; border: solid #eadeb1; border-width: 0 1px 1px; display:block; padding:2px 5px; width:128px; text-align:center; font-style:normal; color:#000; } .commentProfileOptions li.first a span{background-position: 0 top;} .commentProfileOptions li.second a span{background-position: 16px top;} .commentProfileOptions li.third a span{background-position: 17px top;} .commentProfileOptions li.fourth a span{background-position: 53px top;} .commentProfileOptions.admin {padding-top:5px; margin: 5px 0; height:22px; border:1px solid #f00; background-color:#faa; z-index:1;} #commentForm {padding: 10px 0; font-size: 1.2em;} #commentForm textarea {width: 610px; margin: 5px 0 10px; padding: 4px; font-size: 1.2em;} .miniedit {list-style:none; display:block; clear:both; text-align:right;} .miniedit li {float:left; overflow:hidden;} .miniedit li a {text-indent: 99999px; display:block; height:20px; width:20px; overflow:hidden; background-repeat:no-repeat; white-space:nowrap; } .miniedit li a.smileys {background-image:url(gfx/icons/smileys.gif);} .miniedit li a.bold {background-image:url(gfx/icons/text_bold.gif);} .miniedit li a.italic {background-image:url(gfx/icons/text_italic.gif);} .miniedit li a.underline {background-image:url(gfx/icons/text_underline.gif);} .miniedit li a.link {background-image:url(gfx/icons/link.gif);} .miniedit li a.quote {background-image:url(gfx/icons/text_quote.gif);} .smileyContainer { padding: 5px; border: 1px solid #d6d6d6; border-left: none; border-right: none; clear: both; margin: 5px 0; text-align: left; } .smileyContainer img { margin: 3px 2px;} .miniedit label {display: none;} /* @end */ /* @end */ /* @group Market */ p.external_link a { font-weight: normal; font-style: italic; color: #666; text-decoration: underline; } ul.market_advertiser_list { float: left; width: 300px; list-style: none; font-size: 1.2em; margin-bottom: 10px; } ul.market_advertiser_list li { float: left; margin: 3px 0; padding: 0 0 5px 60px; clear: both; width: 240px; border-bottom: 1px dotted #CCCCCC; } ul.market_advertiser_list li a.imageLink { margin-left: -60px; float: left; } ul.market_advertiser_list li a { font-weight: bold; color: #444; } ul.market_campaign_text_list { list-style: none; font-size: 120%; border-bottom: 1px dotted #CCCCCC; margin-bottom: 10px; } ul.market_campaign_text_list li { margin: 0; border-top: 1px dotted #CCCCCC; padding: 2px 0 5px 160px; display: block; float: left; } ul.market_campaign_text_list li a.imageLink { margin-left: -160px; float: left; } ul.market_campaign_text_list li h2 { margin: 3px 0 5px 0; margin-left: -160px; } ul.market_campaign_text_list li p { margin-bottom: 3px; font-size: 110%; } ul.market_campaign_text_list li p.tags { color: #222; } ul.market_campaign_text_list li p.tags a { color: #666; } /* @end */ /* @group Search */ /* @group Search Box */ .searchBox {margin: 0 0 10px; padding: 10px; text-align: center; background: #000; border: solid #ccc; border-width: 1px 1px 3px;} .searchBox label {font-weight: bold; font-size: 1.4em; color: #fff;} .searchBox input#q {margin: 0 5px; text-align: left; font-size: 1.6em; font-family: inherit;} .searchBox button {vertical-align: top;} /* @end */ /* @group Search Results */ .searchResults {list-style: none; border-top: 1px solid #ccc;} .searchResults li {overflow: hidden; padding: 10px 0 10px 110px; border-bottom: 1px solid #ccc;} .searchResults .imgLink {margin-left: -110px; width: 100px; text-align: center;} .searchResults .header {clear: none; padding: 0; color: #000; font-size: 1.0769em; font-weight: normal;} .searchResults .copyPrimary {color: #666;} /* @end */ /* @end */ /* @end */