/* Running MySource Matrix Developed by Squiz - http://www.squiz.net MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 10 September 2010 21:47:32 */ /* * Genric Article Styles */ #content #column-1.article h1 {font-weight: bold; font-size: 1.8em; border-bottom: solid 1px #666; padding-bottom: 0.25em;margin-bottom: 0.25em;} #content #column-1.article h2 {font-weight: bold; font-size: 1.5em; margin-bottom: 0.25em;} #content #column-1.article h3 {font: bold 1.2em Tahoma, Sans-serif;margin-bottom: 0.25em;} #content #column-1.article h6 {font-weight: bold;} #content #column-1.article ul, #content #column-1.article ol {margin-left: 30px;} #content #column-1.article ul {list-style-type: disc;} #content #column-1.article ol {list-style-type: decimal;} #content #column-1 blockquote {float: right; width: 180px; margin: 0 0 1em 1.5em; padding: 0; background-color: #EDEFD8;} #content #column-1 blockquote h4 {font: 1.25em/2em Georgia, serif; color: #FFF;padding: 0 10px;margin: 0 0 8px;background: #818451;} #content #column-1 blockquote p {color: #000;padding: 0 10px 10px;margin: 0;} #content #column-1 blockquote.with-quote-marks {padding: 14px 0 0;background: #EDEFD8 url(http://www.50connect.co.uk/__data/assets/image/0009/44658/blockquote-opening.gif) no-repeat left top;} #content #column-1 blockquote.with-quote-marks p {background: url(http://www.50connect.co.uk/__data/assets/image/0010/44659/blockquote-closing.gif) no-repeat right bottom;text-indent: 26px;padding: 0 10px 15px;} #content #column-1 blockquote.with-title_and_with-quote-marks {padding: 0; background: #EDEFD8 url(http://www.50connect.co.uk/__data/assets/image/0009/44658/blockquote-opening.gif) no-repeat 0px 2.5em;} #content #column-1 blockquote.with-title_and_with-quote-marks p {padding-top: 5px; background: url(http://www.50connect.co.uk/__data/assets/image/0010/44659/blockquote-closing.gif) no-repeat right bottom;text-indent: 26px;} /* TODO: Image's with captions don't work in IE7 */ #content #column-1 p.caption, #content #column-1 p.caption.long {float: left; background: #EDEFD8; width: 180px; padding: 8px 10px; margin: -1.5em 1.5em 1em 0;} #content #column-1 p.caption.long {width: 380px; margin-right: 0;} #content #column-1 p.caption.right {float: right; margin-left: 15px; margin-right: 0;} #content #column-1 table.standard {background: #EDEFD8;width: 400px;margin-bottom: 1.5em;} #content #column-1 table.standard th {background: #818451;color: #FFF;} #content #column-1 table.standard th, #content #column-1 table.standard td {padding: 8px 10px;border-bottom: solid 1px #FFF;} #content #column-1 table.standard tr.even {background: #D0CBA7;} #content #column-1 hr {border: none;border-top: solid 1px #D0CBA7;margin: 0 0 1.5em;padding: 0;} #content #column-1 ul.image-and-description-list {list-style: none;margin: 0 0 1.5em !important;} #content #column-1 ul.image-and-description-list li {clear: left;list-style: none;padding: 1em !important;margin: 0 !important;border-bottom: dashed 1px #666;} #content #column-1 ul.image-and-description-list li img {margin: 0 1.5em 0 0 !important;padding:0;border: none;} #content #column-1 ul.image-and-description-list li.odd {background: #EDEFD8 !important;} /* * Generic Buttons */ #content a.button {display: block; height: 38px} #content a.button span {display: none} /* * Recommended Links - Column 2 */ #content #column-2 #recommended-links {margin-bottom: 1.5em; background: #CCD180 url(http://www.50connect.co.uk/__data/assets/image/0018/166302/recommended-links-bg.gif) repeat-x left bottom;} #content #column-2 #recommended-links h3 {background: #595D0F url(http://www.50connect.co.uk/__data/assets/image/0019/166303/recommended-links-header.gif) repeat-x left bottom;font: bold 1em Tahoma, sans-serif; border-bottom: solid 2px #FFF;color: #FFF; padding: 8px 10px;} #content #column-2 #recommended-links ul {padding-bottom: 5px; width: 200px} #content #column-2 #recommended-links li {margin: 0;} #content #column-2 #recommended-links li a {display: block; padding: 8px 10px; color: #000; border-bottom: none} #content #column-2 #recommended-links li a:hover {background: #FFF; color: #353917;} #content #column-1 .under-article-box {background-color: #FFF;color: #333;padding: 1em 0;margin: 0 0;clear: both;border-bottom: dotted 1px #000} #content #column-1 .under-article-box h3 {font: bold 1.1em Tahoma, sans-serif; color: #FFF; background: #949563 url(http://www.50connect.co.uk/__data/assets/image/0007/155896/gradient_bg_green_1.gif) repeat-x left bottom; margin: 0 0 1em; clear: both; } #content #column-1 .under-article-box h3 a {line-height: inherit; color: #FFF; background: #949563 url(http://www.50connect.co.uk/__data/assets/image/0007/155896/gradient_bg_green_1.gif) repeat-x left bottom; padding: 6px 8px 6px 8px; display: block; } /* * Linked Competition - Column 1 */ #content #column-1 .linked-competition {background-color: #CCC;} #content #column-1 .linked-competition h3 {} #content #column-1 .linked-competition h3 a {} #content #column-1 .linked-competition p.abstract { padding: 0 8px;margin: 0 0 8px;color: #000; font-weight: normal} #content #column-1 .linked-competition p.closing-date {padding: 0 8px 8px;margin: 0 0 8px; color: #3b4009} #content #column-1 .linked-competition p.enter-here { padding: 0;margin: 0; } #content #column-1 .linked-competition p.enter-here a {color: #FFF;text-decoration: none; background: url(http://www.50connect.co.uk/__data/assets/image/0006/155895/button_enter_competition.gif) no-repeat left top; width: 138px; height: 52px;border: none; display: block; margin: 0; padding: 0;} #content #column-1 .linked-competition p.enter-here a span {display: none} #content #column-1 .linked-competition p.competition-rules {color: #000; font-weight: normal; padding: 0;margin: 0;font-size: 0.9em; font-family: Verdana, sans-serif;} #content #column-1 .linked-competition p.competition-rules a {display: block;padding: 3px 10px 3px;color: #393F99;line-height: inherit;text-decoration: underline} #content #column-1 .linked-competition div.enter-here-div {float: right; width: 148px} #content #column-1 .linked-competition div.content-div {margin: 0 158px 8px 0;} /* * Social Bookmarks - Column 1 */ #content #column-1 #social-bookmarks {} #content #column-1 #social-bookmarks h3 {padding: 8px 10px;} #content #column-1 #social-bookmarks ul {margin: 0 0 0 10px;padding: 0; list-style: none; } #content #column-1 #social-bookmarks ul li {float: left; margin: 0 20px 0 0; padding-left: 25px; line-height: 1.5em; padding-bottom: 0.5em;} #content #column-1 #social-bookmarks h6 {color: #000; clear: both; font-weight: bold; margin-left: 10px;} #content #column-1 #social-bookmarks p {margin: 0 10px; color: #000} #content #column-1 #social-bookmarks li.delicious {background: url(http://www.50connect.co.uk/__data/assets/image/0011/146972/delicious.png) no-repeat left top;} #content #column-1 #social-bookmarks li.digg {background: url(http://www.50connect.co.uk/__data/assets/image/0005/146975/digg.png) no-repeat left top;} #content #column-1 #social-bookmarks li.reddit {background: url(http://www.50connect.co.uk/__data/assets/image/0003/146973/reddit.gif) no-repeat left top;} #content #column-1 #social-bookmarks li.stumbleupon {background: url(http://www.50connect.co.uk/__data/assets/image/0010/146980/stumbleupon.gif) no-repeat left top;} /* * Form - Standard */ .standard-form p {clear: both;margin: 0 0 1em;} .standard-form p.text label, .standard-form p.text-area label {width: 180px;display: block;float: left;text-align: right;padding-right: 5px;margin-right: 10px;} .standard-form p.text input {line-height: 1.4em;height: 1.4em;width: 180px;} .standard-form p.text-area textarea {width: 200px;height: 100px;} .standard-form p.checkbox label {text-align: left;} .standard-form p.radio label {margin-right: 10px;} .standard-form p.radio input {margin-right: 5px;} .standard-form p.checkbox input, .standard-form p.submit input, .standard-form p.required-notice {margin-left: 195px; margin-right: 10px;} form.large label {font-size: 1.5em;} form.large p.question {font-size: 1.5em;margin-bottom: 1em;font-weight: bold;} form.large p.question input {} form.large p.submit {font-size: 1.5em;} /* * Comments - Column 1 */ #content #column-1 #comments {} #content #column-1 #comments h3 {padding: 8px 10px;} #content #column-1 #comments p.teaser {margin: 0 10px 1em; float: left; font-weight: bold; width: 215px; line-height: 1.4em} #content #column-1.long #comments p.teaser {width: 430px;} #content #column-1 #comments a#leave-a-comment {float: right; width: 140px; height: 55px; background: #CCC; display: block; text-decoration: none; background: url(http://www.50connect.co.uk/__data/assets/image/0011/166772/leave-a-comment-button.gif) no-repeat left top;margin-right: 5px} #content #column-1 #comments a#leave-a-comment span {display: none;} #content #column-1 #comments p#no-comments-message {padding-top: 10px; color: #660808; font-weight: bold; font-size: 1.2em; clear: both; text-align: center} #content #column-1 #comments p#review-message {text-align: center; color: #3b4009; font-size: 1.2em; clear: both;font-weight: bold; padding: 20px 20px 0; border-top: dotted 1px #333; margin: 10px} #content #column-1 #comments div.comment_item {clear: both; border-top: dotted 1px #000; margin: 0 10px 1em;padding-top: 1em } #content #column-1 #comments div.comment_item p {margin-bottom: 0.5em } #content #column-1 #comments div.comment_item p.author {font-weight: bold; margin-bottom: 0.5em } #content #column-1 #comments .comment {border-top: dotted 1px #000; padding-top: 1em;} #content #column-1 #comments .comment p label {font-weight: bold;} #content #column-1 #comments .comment p#comment-field label {font-size: 1.25em; float: none;text-align: left;margin: 0.5em 0 0.5em;} #content #column-1 #comments .comment p#comment-field textarea {width: 396px;} #content #column-1 #comments .comment.large p#comment-field label {font-size: 1em; float: left;text-align: right;margin: 0 10px 0 0;} #content #column-1 #comments .comment p#town-field input {width: 120px;} #content #column-1 #comments .comment p#country-field input {width: 120px;} #content #column-1 #comments .comment p#human-field input {width: 60px;} #content #column-1 #comments .comment #error-message {display: none} * html #content #column-1 #comments form.comment p#comment-field textarea {width: 390px;} #google-analytics { margin-right: 0 !important; width: 440px !important; } #google-analytics div.grid_1 { float: left; margin-bottom: 20px; margin-right: 10px; }