/* Theme Name: On Me Head Son Theme URI: http://blog.umbro.com/ Description: A football-themed blog skin Version: 0.5 Author: Umbro Author URI: http://www.umbro.com Tags: football, soccer */ .alignright {text-align: right; float: right;} .alignleft {text-align: left; float: left;} /* Frankie's added styles */ #navigation {font-size: 1.4em;} /* Styles for the sociable plugin */ #Container #MainContent .sociable {float: right; width: 200px; margin: 0; padding: 0;;} #Container #MainContent .sociable .sociable_tagline {margin-bottom: 1em; display: none;} #Container #MainContent .sociable .sociable_tagline strong {font-weight: normal; font-style: italic; font-size: 0.9em;} #Container #MainContent .sociable ul li {background-image: none; padding: 0 .5em 0 0;} #Container #MainContent .sociable ul li a {border-bottom: 0;} div h1 {font-size: 2.6em; color: #e83f2d; margin: 0 0 10px 0; line-height: 1.1em;} #MainContent.category div.title {font-size: 1.6em; color: #e83f2d; padding-bottom: 2em;} #sidebar {display: inline; float: left; width: 315px; padding: 0 0 0 24px; font-size: 1.4em; color: #9C9A9A;} #sidebar ul {display: block; list-style-type: none;} #sidebar li.widget {background: url(images/structure/sidebar/widget-seperator.gif) repeat-x bottom left; display: block; padding: 0 0 17px 0; margin: 10px 0 0 0; color: #9C9A9A; line-height: 1.4em; font-size: 1em;} #sidebar li.widget h2.widgettitle {font-size: 1.6em; color: #e83f2d; margin: 0 0 10px 0;} #sidebar li.widget a {text-decoration: none;} #sidebar li.widget a:hover {border-bottom: 1px solid #9C9A9A;} #sidebar li.widget a.with_img:hover {border-bottom: 0px;} div.post h1 {color: #e83f2d; text-decoration: none; font-size: 3em; margin: 0 0 10px 0; line-height: 1.1em;} div.post h2 a {color: #e83f2d; text-decoration: none;} div.post h2 a:hover {text-decoration: underline;} #respond p.logged-in-info {font-size: 1.4em; color: #9C9A9A; margin-bottom: 1em;} #respond p.logged-in-info a {color: #e83f2d;} #MainContent .post #respond #commentform textarea {border: 1px solid #9C9A9A; padding: 5px;} .authors_widget ul li {display: inline; float: left; margin: 0 30px 0 0;} .authors_widget ul li a.with_img {background: url(images/structure/sidebar/background-author.gif) no-repeat; width: 66px; height: 83px; display: block;} .authors_widget ul li a img {padding: 4px 0 0 8px;} .authors_widget ul li a:hover {margin: -2px 0 0 0; position: relative;} #sidebar .quoted_comments_widget li {margin: 0 0 20px 0; line-height: 1.2em; font-size: 1em;} #sidebar .quoted_comments_widget h2 {margin: 0 0 5px 0;} #sidebar .quoted_comments_widget a.url {color: #696969; text-decoration: none;} #sidebar .quoted_comments_widget p.content {font-size: 1.1em; color: #696969;} .header h2.country {font-size: 1.8em; color: #FFF; font-family: Arial; font-weight: normal; width: 240px; float: left; display: inline; margin: 6px 0 0 441px; letter-spacing: 0.04em;} div.navigation {font-size: 1.2em;} div.navigation a {text-decoration: none;} div.navigation a:hover {text-decoration: underline;} div.navigation div.older {float: left;} div.navigation div.newer {float: right;} .social_networks_widget ul li {float: left; display: inline; margin: 0 10px 0 0; height: 32px; width: 32px;} .social_networks_widget ul li a {height: 32px; width: 32px; display: block;} .social_networks_widget ul li a:hover {margin: -3px 0 0 0; position: relative;} /* Font-weight */ .comment .fn {font-weight: bold;} /* Font-size */ .post .entry, .comment {font-size: 1.5em;} .comment .comment-author {font-size: .9em;} .comment .comment {font-size: 1em;} /* Nested comment */ #commentform label, #commentform input, #commentform textarea {font-size: 1.5em;} /* Line-height */ .post .entry, .comment {line-height: 1.4em;} #sidebar li.quoted_comments_widget p.content {line-height: 1.2em;} /* Paragraph margins */ .comment p {margin-bottom: 1em;} .comment div.comment-meta, .comment .comment-author {margin-bottom: 0;} /* Layout margins and padding */ textarea {display: block;} #sidebar li.quoted_comments_widget p.content {margin-bottom: 0.2em;} /* Colours */ #MainContent .post .entry, .comment, #commentform input, #commentform textarea {color: #444;} /* Dark grey */ .comment .comment-author, .comment .comment-meta a, #sidebar a, #sidebar li.quoted_comments_widget a.comment-author {color: #9C9C9A;} /* Light grey */ #navigation a, div.navigation a, .comment .comment-author a, #commentform label, li.comment a, #sidebar .quoted_comments_widget a {color: #e83f2d; } /* Red */ #sidebar li.quoted_comments_widget a:hover {border-bottom: 2px solid #e83f2d;} #sidebar li.quoted_comments_widget a.comment-author:hover {border-bottom: 1px solid;} .post form p {background: url(images/structure/post-topborder.gif) no-repeat bottom left; padding: 0 0 10px 0; margin: 0 0 2px 0;} .post form p input {border: none; font-size: 1.0em; width: 220px; height: 25px;} /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; font-size:62.5%; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* BODY STYLING */ body {font-family: Georgia, 'Times New Roman';} #Container {margin: 0 auto; width: 920px;} blockquote .blockquote {margin: 0 0 0 -13px;} blockquote .blockquote .quotes {font-size: 1.2em;} /* HEADER STYLING */ .header {height: 396px; width: 920px; margin: 0 0 40px 0;} #blue {background: url(images/structure/header-blue.gif) no-repeat; height: 360px; width: 920px; margin: 0 0 40px 0;} #red {background: url(images/structure/header-red.gif) no-repeat; height: 360px; width: 920px; margin: 0 0 40px 0;} #orange {background: url(images/structure/header-orange.gif) no-repeat; height: 360px; width: 920px; margin: 0 0 40px 0;} #green {background: url(images/structure/header-green.gif) no-repeat; height: 360px; width: 920px; margin: 0 0 40px 0;} .header .umbro-link a {background: url(images/structure/header-visitumbro.gif) no-repeat; text-indent: -9999px; display: block; height: 41px; width: 157px;} .header h1 {margin: 191px 0 0 0;} .header h1 a {background: url(images/structure/header-umbroblog-blue.gif) no-repeat; display: block; height: 98px; text-indent: -9999px; width: 920px;} .header h1.red a {background: url(images/structure/header-umbroblog-red.gif) no-repeat; display: block; height: 98px; text-indent: -9999px; width: 920px;} .header h1.orange a {background: url(images/structure/header-umbroblog-orange.gif) no-repeat; display: block; height: 98px; text-indent: -9999px; width: 920px;} .header h1.green a {background: url(images/structure/header-umbroblog-green.gif) no-repeat; display: block; height: 98px; text-indent: -9999px; width: 920px;} /* SEARCH STYLING */ .header #searchform {float: right; margin: 5px 40px 0 0; } .header #searchform .submit {display: inline; float: left; width: 55px; margin: 1px 15px 0 0; padding: 0;} .header #searchform .submit input {border: none; background: none; color: #FFF; font-size: 1.3em; padding: 0; margin: 0; line-height: 1.4em;} .header #searchform .input {display: inline; float: left; width: 112px;} .header #searchform .input input {border: none; color: #e42541; padding: 2px 6px; width: 100px; font-size: 1.3em; margin: 0;} /* MAIN CONTENT STYLING */ #MainContent {display: inline; float: left; padding: 10px 24px 0 20px; width: 530px;} #MainContent.blog {background: url(images/structure/background-index.gif) repeat-y top right;} #MainContent .post {margin: 0 0 20px 0; background: url(images/structure/post-seperator.gif) no-repeat bottom left; padding: 0 0 12px 0;} #MainContent.blog .post h2 {font-size: 2.6em;} #MainContent .post h2 {font-size: 1.8em; color: #e83f2d; margin: 0 0 10px 0; line-height: 1.1em;} #MainContent .post h3 {font-size: 2.2em; color: #e83f2d; padding:0 0 10px;margin: 0 0 10px 0; line-height: 1.1em;background:transparent url(images/structure/post-seperator.gif) no-repeat scroll left bottom;} #MainContent .post .post-tags {font-family: Arial; font-size: 1.2em; color: #9C9A9A; padding: 0 0 10px 0;} #MainContent .post .post-tags a {color: #9C9A9A;} #MainContent .post .entry {background: url(images/structure/post-topborder.gif) no-repeat top left; padding: 15px 0 0 0; width: 500px;} #MainContent .post .entry p {margin: 0 0 25px 0;} #MainContent .post .entry a {color: #e83f2d; border-bottom: 1px solid #e83f2d; text-decoration: none;} #MainContent .post .entry a:hover {border-bottom: 2px solid #e83f2d;} #MainContent .post .entry h4 {color: #9C9C9A; font-size: 1.1em;} #MainContent .post .entry ul {padding: 10px 0 25px 0;} #MainContent .post .entry ol {padding: 10px 0 25px 22px; list-style-type: decimal;} #MainContent .post .entry ul li {background: url(images/structure/post-list-style.gif) no-repeat left 3px; padding: 0 0 0 17px;} #MainContent .post .post-content .post-footer {margin: 10px 0; } #MainContent .post .post-content .read-more, #MainContent .post .post-content .close-post {color: #000; font-style: italic; text-decoration: none; margin: -15px 0 20px 0; display: block; width: 120px; border: none;font-size:1.4em;} #MainContent .post .post-content .post-details {float: left; display: inline; width: 230px; font-size: 1.2em; color: #9C9C9A; line-height: 1.3em; font-family: Arial;} #MainContent .post .post-content .post-details a {color: #9C9C9A; text-decoration: none; border-bottom: 1px solid #9C9C9A;} #MainContent .post .post-content .post-details a:hover {} #MainContent .post .post-content .post-details .post-comments {display: block;} #MainContent .post .post-content .post-author-image {float: left; display: inline; height: 31px; margin: 0 15px 0 0} #MainContent .post .post-content .post-author-image a {display: block;} #MainContent .post .post-content .post-author-image a:hover {margin: -2px 0 0 0; position: relative;} #MainContent .post .post-content .post-footer .post-details .post-categories {display: block;} #MainContent .post .post-content .post-sociallinks {float: left; display: inline; width: 152px;} #MainContent .post .post-content .post-sociallinks li {float: left; display: inline; width: 27px; height: 30px; margin: 0 1px 0 0;} #MainContent .post .post-content .post-sociallinks li a {display: block; height: 30px; text-indent: -9999px;} #MainContent .post .post-content .post-sociallinks .twitter a {background: url(images/structure/share-twitter.gif) no-repeat;} #MainContent .post .post-content .post-sociallinks .facebook a {background: url(images/structure/share-facebook.gif) no-repeat;} #MainContent .post .post-content .post-sociallinks .delicious a {background: url(images/structure/share-delicious.gif) no-repeat;} #MainContent .post .post-content .post-sociallinks .digg a {background: url(images/structure/share-digg.gif) no-repeat;} #MainContent .post .post-content .post-sociallinks .stumbleupon a {background: url(images/structure/share-stumbleupon.gif) no-repeat;} #MainContent .post .post-content .post-sociallinks .twitter a:hover {background: url(images/structure/share-twitter.gif) no-repeat 0 -30px;} #MainContent .post .post-content .post-sociallinks .facebook a:hover {background: url(images/structure/share-facebook.gif) no-repeat 0 -30px;} #MainContent .post .post-content .post-sociallinks .delicious a:hover {background: url(images/structure/share-delicious.gif) no-repeat 0 -30px;} #MainContent .post .post-content .post-sociallinks .digg a:hover {background: url(images/structure/share-digg.gif) no-repeat 0 -30px;} #MainContent .post .post-content .post-sociallinks .stumbleupon a:hover {background: url(images/structure/share-stumbleupon.gif) no-repeat 0 -30px;} #MainContent #Pagination {font-size: 1.2em; color: #e83f2d; font-family: Georgia, 'Times New Roman'; text-align: center; margin: 25px 0 5px 0;} #MainContent #Pagination a {color: #e83f2d;} #MainContent #Pagination .current {color: #e83f2d;} #MainContent blockquote {quotes: "\201C" "\201D"; width: 400px; margin: 0 auto 20px auto;} #MainContent blockquote .blockquote {display: inline;} #MainContent .post .post-content .post-author-image {float: left; display: inline; background: url(images/structure/sidebar/background-author.gif) no-repeat; width: 66px; height: 83px; margin: 0 15px 0 0} #MainContent .post .post-content .post-author-image img {padding: 4px 0 0 8px;} #MainContent .archivelinks { background: url(images/structure/post-topborder.gif) no-repeat bottom left; margin: 0 0 2px 0; clear: left; padding-bottom:30px; display:table; } #MainContent .archivelinks ul{ list-style:none; display:inline; } #MainContent .archivelinks li{ float:left; margin:0; } #MainContent .archivelinks a{ padding-right:5px; float:left; font-size: 1.2em; color: #e83f2d; font-family: Georgia, 'Times New Roman'; height:20px; width:100px; text-decoration: none; } #MainContent .archivelinks a:hover {text-decoration:underline; } /* COMMENT STYLING */ #MainContent .post .post-comments {font-family: Arial;margin:0 0 15px;} #MainContent .post .post-comments li {margin: 0 0 15px 0; padding: 0;} #MainContent .post .post-comments li.author {background: #e9eaeb;margin:0 0 15px 60px;padding:3px 0 0 3px;} #MainContent .post .post-comments li.author .comment-background {background: #e9eaeb; height: 3px; width: 420px; display: block;} #MainContent .post .post-comments li.reply .post-comment-avatar {margin: 0 15px 0 0px;} #MainContent .post .post-comments li.reply .post-comment-content {width: 320px;} #MainContent .post .post-comments .post-comment-timestamp {font-size: 1.4em; color: #9C9C9A; margin: 0 auto; padding: 23px 0; text-align: center;} #MainContent .post .post-comments .post-comment-timestamp a {color: #9C9C9A; text-decoration: none; border-bottom: 1px solid #9C9C9A;} #MainContent .post .post-comments .post-comment-avatar {display: inline; float: left; width: 60px; margin: 0 15px 0 0;} #MainContent .post .post-comments .post-comment-content {display: inline; float: left; width: 380px;} #MainContent .post .post-comments .post-comment-reply a {font-size: 1.7em; color: #E51937; line-height: 1.3em; margin: 0 0 0 75px; text-decoration: none; border-bottom: 1px solid #E51937; display: block; width: 45px;} #MainContent .post .post-comments .post-comment-content p {font-family: Georgia, 'Times New Roman';} #MainContent .post .post-comments .post-comment-content p.author {font-family: Arial;} #MainContent .post .post-comments .post-comment-content p.author span {color: #000;} #MainContent .post div.respond #commentform textarea {width: 450px; border: none; height: 180px; font-size: 2em; font-family: Georgia, 'Times New Roman'; color: #9C9C9A; overflow: auto;} #MainContent .post div.respond {margin:25px 0 40px;} #MainContent .post div.respond h3 {font-size: 2.2em; color: #e83f2d; padding:0 0 10px;margin: 0 0 10px 0; line-height: 1.1em;background:transparent url(images/structure/post-topborder.gif) no-repeat scroll left bottom;} /* SIDEBAR STYLING */ #Sidebar {display: inline; float: left; width: 315px; padding: 0 0 0 24px; font-size: 1.4em; color: #9C9A9A;} #sidebar div {background: url(images/structure/sidebar/widget-seperator.gif) repeat-x bottom left; padding: 0 0 17px 0; margin: 10px 0 0 0;} #sidebar div ul {font-family: Arial;} #sidebar #TagCloud {background: none;} #sidebar #TwitterWidget ul li {margin: 0 0 20px 0; line-height: 1.2em; font-size: 1em;} #sidebar #TwitterWidget ul li.last {margin: 0 0 0 0;} #sidebar #TwitterWidget ul li a {color: #696969; text-decoration: none;} #sidebar #TwitterWidget ul li h4 {margin: 0 0 5px 0;} #sidebar #TwitterWidget ul li a.author {color: #696969; text-decoration: none;} #sidebar #TwitterWidget ul li a.title {color: #e83f2d;} #sidebar #TwitterWidget ul li a.title:hover {border-bottom: 1px solid #e83f2d;} #sidebar #TwitterWidget ul li p.content {font-size: 1.1em;} #sidebar #TwitterWidget ul li a:hover {border-bottom: 1px solid #696969;} #sidebar #SocialWidget ul li {float: left; display: inline; margin: 0 10px 0 0; height: 32px; width: 32px;} #sidebar #SocialWidget ul li a {height: 32px; width: 32px; display: block;} #sidebar #SocialWidget ul li a:hover {margin: -3px 0 0 0; position: relative;} #sidebar #ArchiveWidget ul li a, #sidebar #CategoryWidget ul li a, #sidebar #TagCloud a {color: #9C9A9A; text-decoration: none; line-height: 1.4em;} #sidebar #ArchiveWidget ul li a:hover, #sidebar #CategoryWidget ul li a:hover, #sidebar #TagCloud a:hover {border-bottom: 1px solid #9C9A9A;} #sidebar #AuthorWidget ul li {display: inline; float: left; margin: 0 30px 0 0;} #sidebar #AuthorWidget ul li a {background: url(images/structure/sidebar/background-author.gif) no-repeat; width: 66px; height: 83px; display: block;} #sidebar #AuthorWidget ul li a img {padding: 4px 0 0 8px;} #sidebar #AuthorWidget ul li a:hover {margin: -2px 0 0 0; position: relative;} #sidebar #FlickrWidget ul li {display: inline; float: left; margin: 0 3px 0 0;} #sidebar #FlickrWidget ul li.last {margin: 0 0 0 2px;} #sidebar #FlickrWidget ul li a {background: url(images/structure/sidebar/background-flickr.gif) no-repeat; width: 76px; height: 91px; display: block;} #sidebar #FlickrWidget ul li a img {padding: 6px 0 0 5px;} #sidebar #FlickrWidget ul li a:hover {margin: -2px 0 0 0; position: relative;} /* Andy's New Flickr Widget Styling - Starts */ #sidebar ul.umbroflickr {overflow:hidden;zoom:1;} #sidebar ul.umbroflickr li {float:left;margin-bottom:7px;} #sidebar ul.umbroflickr li a {display:block;width:78px;height:88px;background: url(images/structure/sidebar/sidebar-flickr-background.png) no-repeat;position:relative;top:2px;} #sidebar ul.umbroflickr li a img {position:absolute;top:0;left:0;clip:rect(6px 69px 68px 5px);} #sidebar ul.umbroflickr li a:hover {border:none !Important;top:0px;} /* Andy's New Flickr Widget Styling - Ends */ #sidebar #TagCloud ul li {display: inline; float: left; margin: 0 3px 0 0;} #sidebar h3 {font-size: 1.6em; color: #e83f2d; margin: 0 0 10px 0; display: block; text-decoration: none;} #sidebar #TwitterWidget h3 a {color: #e83f2d; margin: 0 0 10px 0; display: block; text-decoration: none;} #sidebar #TwitterWidget h3 a:hover {text-decoration: underline;} #sidebar #SocialWidget h3 a {color: #e83f2d; margin: 0 0 10px 0; display: block; text-decoration: none;} #sidebar #SocialWidget h3 a:hover {text-decoration: underline;} #sidebar #CategoryWidget h3 a {color: #e83f2d; margin: 0 0 10px 0; display: block; text-decoration: none;} #sidebar #CategoryWidget h3 a:hover {text-decoration: underline;} #sidebar #ArchiveWidget h3 a {color: #e83f2d; margin: 0 0 10px 0; display: block; text-decoration: none;} #sidebar #ArchiveWidget h3 a:hover {text-decoration: underline;} #sidebar #AuthorWidget h3 a {color: #e83f2d; margin: 0 0 10px 0; display: block; text-decoration: none;} #sidebar #AuthorWidget h3 a:hover {text-decoration: underline;} #sidebar #FlickrWidget h3 a {color: #e83f2d; margin: 0 0 10px 0; display: block; text-decoration: none;} #sidebar #FlickrWidget h3 a:hover {text-decoration: underline;} /* FOOTER STYLING */ #Footer {background: url(images/structure/background-footer.gif) repeat-x top left; width: 910px; height: 198px; margin: 40px 0 0 10px;} #Footer ul {padding: 30px 0 0 15px; float: left; width: 720px;} #Footer ul li {float: left; display: inline;} #Footer ul li a {color: #9C9C9A; text-decoration: none; font-family: Georgia, 'Times New Roman'; font-size: 1.2em; padding: 0 4px;} #Footer ul li a:hover {text-decoration: underline;} #Footer ul li.umbro a {color: #E51937; border-right: 1px solid #9C9C9A;} #Footer ul li.contact a {border-left: 1px solid #9C9C9A;} #Footer .umbro-logo {width: 63px; height: 28px; float: left; margin: 25px 0 0 0;} #Footer .copyright {color: #9C9C9A; padding: 0 0 0 18px; clear:left;} /* AUTHOR/PUNDIT STYLING */ #MainContent.author .pundit {margin: 0 0 20px 0; background: url(images/structure/post-seperator.gif) no-repeat bottom left; padding: 0 0 12px 0;} #MainContent.author .pundit h2 {font-size: 2.6em; color: #e83f2d; margin: 0 0 10px 0; background: url(images/structure/post-topborder.gif) no-repeat bottom left; padding: 0 0 12px 0; line-height: 1.1em;} #MainContent.author .pundit .pundit-photograph {background: url(images/structure/background-pundit-photograph.gif) no-repeat; display: inline; float: left; width: 170px; height: 204px; margin: 5px 0 0 0;} #MainContent.author .pundit .pundit-photograph img {padding: 9px 0 0 20px;} #MainContent.author .pundit .pundit-information {display: inline; float: left; margin: 5px 0 0 0;} #MainContent.author .pundit .pundit-information p {font-size: 1.7em; color: #9C9A9A; line-height: 1.3em;} /* CATEGORY STYLING */ #MainContent.category .title {margin: 0 0 20px 0; background: url(images/structure/post-topborder.gif) no-repeat bottom left; padding: 0 0 7px 0;} #MainContent .category-header {text-align: center; margin: 0 0 20px 0;} #MainContent.category .description {font-size: 2.6em; color: #e83f2d; margin: 0 0 10px 0; padding: 0 0 12px 0; line-height: 1.1em;} /* MAN CITY STYLING */ #MainContent.man-city .title {margin: 0 0 20px 0; background: url(images/structure/post-topborder.gif) no-repeat bottom left; padding: 0 0 7px 0;} #MainContent.man-city .title .category-header {text-align: center; margin: 0 0 20px 0;} #MainContent.man-city h2 {font-size: 2.6em; color: #6caddf; margin: 0 0 10px 0; padding: 0 0 12px 0; line-height: 1.1em;} #MainContent.man-city .post .post-content .entry a {color: #6caddf; border-bottom: 1px solid #6caddf;} #MainContent.man-city .post .post-content .entry a:hover {border-bottom: 2px solid #6caddf;} #MainContent.man-city .post .post-content a.read-more, #MainContent .post .post-content a.hide-post {color: #000; font-style: italic; text-decoration: none; margin: 0 0 20px 0; display: block; width: 120px; border: none;} #MainContent.man-city .post .post-content a.read-more:hover, #MainContent .post .post-content a.hide-pos:hover {border: none;} #MainContent .post .post-content a.hide-post {font-size: 1.8em;} /* TAGS STYLING */ #MainContent.tags .title {margin: 0 0 20px 0; background: url(images/structure/post-topborder.gif) no-repeat bottom left; padding: 0 0 7px 0;} #MainContent.tags .title h2 {font-size: 2.6em; color: #e83f2d; margin: 0 0 0 0; padding: 0 0 12px 0; line-height: 1.1em;} #MainContent.tags #BlogPosts {margin: 0 0 40px 0;} #MainContent.tags #Twitter, #MainContent.tags #YouTube, #MainContent.tags #Delicious, #MainContent.tags #Flickr {margin: 0 0 20px 0;} #MainContent.tags #BlogPosts h2 {font-size: 2.6em; color: #e83f2d; margin: 0 0 10px 0; padding: 0 0 20px 0; line-height: 1.1em;} #MainContent.tags .section-title {background: url(images/structure/post-topborder.gif) no-repeat bottom left;} #MainContent.tags #Twitter h2, #MainContent.tags #YouTube h2, #MainContent.tags #Delicious h2, #MainContent.tags #Flickr h2, #MainContent.tags #MostPopular h2 {font-size: 2.6em; color: #e83f2d; margin: 0 0 10px 0; padding: 0 0 0px 0; line-height: 1.1em} #MainContent.tags #Twitter ul, #MainContent.tags #YouTube ul, #MainContent.tags #Delicious ul, #MainContent.tags #Flickr ul, #MainContent.tags #MostPopular ul {background: url(images/structure/post-topborder.gif) no-repeat top left; padding: 7px 0 0 0; width: 450px;} #MainContent.tags #Twitter ul li, #MainContent.tags #YouTube ul li, #MainContent.tags #Delicious ul li, #MainContent.tags #Flickr ul li, #MainContent.tags #MostPopular ul li {color: #9C9C9A; font-size: 1.4em; font-family: Arial;} #MainContent.tags #Twitter ul li, #MainContent.tags #Delicious ul li {background: url(images/structure/post-topborder.gif) no-repeat bottom left; padding: 10px 0 14px 0;} #MainContent.tags #Twitter ul li.last, #MainContent.tags #Delicious ul li.last {background: none;} /* Andy's New YouTube Widget Styling - Starts */ #MainContent ul.umbroyoutube {overflow:hidden;zoom:1;width:500px !important;margin-top:10px;margin-bottom:10px;} #MainContent ul.umbroyoutube li {float:left;margin-bottom:7px;width:164px;margin-top:10px;} #MainContent ul.umbroyoutube li a {display:block;width:120px;height:95px;background: url(images/structure/video-trackbar.png) no-repeat bottom left;position:relative;top:2px;} #MainContent ul.umbroyoutube li a img {position:absolute;top:0;left:0;} #MainContent ul.umbroyoutube li a:hover {border:none !Important;top:0px;} /* Andy's New YouTube Widget Styling - Ends */ /* Andy's New Flickr Widget Styling - Starts */ #MainContent ul.umbroflickr {overflow:hidden;zoom:1;width:460px !important;} #MainContent ul.umbroflickr li {float:left;margin-bottom:7px;margin-top:10px;} #MainContent ul.umbroflickr li a {display:block;width:90px;height:99px;background: url( images/structure/flickr-background.png) no-repeat;position:relative;top:2px;} #MainContent ul.umbroflickr li a img {position:absolute;top:0;left:0;clip:rect(6px 77px 77px 6px);padding:5px 0 0 5px;} #MainContent ul.umbroflickr li a:hover {border:none !Important;top:0px;} /* Andy's New Flickr Widget Styling - Ends */ #Twitter span.link {font-style: italic; font-size: .8em;} #Twitter span.link a {color: #9c9a9a;} #MainContent.tags #MostPopular ul li {display: inline; float: left; width: 215px; margin: 20px 20px 20px 0;} #MainContent.tags #MostPopular ul li.even {margin: 20px 0 20px 0;} #MainContent.tags #MostPopular ul li h2 {background: url(images/structure/post-topborder.gif) no-repeat bottom left; padding: 0 0 7px 0; font-size: 1.8em; color: #e83f2d; margin: 0 0 10px 0; line-height: 1.1em; font-family: Georgia, 'Times New Roman';} #MainContent.tags #MostPopular ul li p {line-height: 1.2em;} #MainContent div .more {color: #000; font-style: italic; text-decoration: none; margin: 5px 40px 0 0; display: block; border: none; font-size: 1.5em; float: right;} /* ARCHIVES STYLING */ #MainContent.archives .title {background: url(images/structure/post-seperator.gif) no-repeat bottom left; padding: 0 0 12px 0; margin: 0 0 20px 0;} #MainContent.archives .title h2 {font-size: 2.6em; color: #e83f2d; margin: 0 0 0 0; padding: 0 0 12px 0; line-height: 1.1em;} #MainContent.archives .honours-list {list-style-type: none; margin: 0 0 0 -5px; width: 425px;} #MainContent.archives .honours-list li {float: left; display: inline; padding: 0 5px; border-right: 1px solid #9C9C9A; font-size: 1.4em; line-height: 1em; margin: 0 0 5px 0;} #MainContent.archives .honours-list li a {color: #9C9C9A; text-decoration: none;} /* CONTACT STYLING */ #MainContent.contact .title {background: url(images/structure/post-seperator.gif) no-repeat bottom left; padding: 0 0 12px 0; margin: 0 0 20px 0;} #MainContent.contact .title h2 {font-size: 2.6em; color: #e83f2d; margin: 0 0 0 0; padding: 0 0 12px 0; line-height: 1.1em;} #MainContent.contact #ContactForm {margin: 50px 0 0 0;} #MainContent.contact #ContactForm .input, #MainContent.contact #ContactForm .textarea {background: url(images/structure/post-topborder.gif) no-repeat bottom left; font-size: 2.0em; color: #e83f2d; padding: 0 0 10px 0; margin: 0 0 2px 0;} #MainContent.contact #ContactForm .input input {border: none; font-size: 1.0em; color: #9C9C9A; width: 220px; height: 25px;} #MainContent.contact #ContactForm .input.fname input {width: 336px;} #MainContent.contact #ContactForm .input.sname input {width: 340px;} #MainContent.contact #ContactForm .input.country input {width: 363px;} #MainContent.contact #ContactForm .textarea textarea {width: 450px; border: none; height: 180px; font-size: 1em; font-family: Georgia, 'Times New Roman'; color: #9C9C9A; overflow: auto;} /* CLEAR FIXES */ .clearfix:after, .widget:after, .comment:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix, .widget, .comment {display:inline-block;} .clearfix, .widget, .comment {display:block;}