/* * Theme Name: BigRed * Theme URI: http://www.theenglishguy.co.uk/big-red-wordpress-theme/ * Description: This is a two column theme with a gradiated background; widgets, gravatars, threaded comments, backwards-compatible, brought to you by The English Guy. * Author: Richard Dows * Author URI: http://www.theenglishguy.co.uk/ * Version: 1.0.2 * Tags: two-columns,red,black,fixed-width,right-sidebar,threaded-comments,sticky-post */ * { margin: 0; padding: 0; } body, html { background-position: top left; background-image: url(images/bggradient.jpg); background-repeat: repeat-x; background-color: #999; background-attachment: fixed; font-size: 87%; font-family: "Lucida Grande", verdana, sans-serif; } #header, #middle, #footer { clear: both; margin: 0 5px; } /*----------------------------- wrapper ------*/ #wrap { width: 600px; margin: 10px auto; padding: 5px 0; background-color: #fff; border: 1px solid #000; } /*-------------------------- main divs -------*/ #content { width: 440px; float: left; } #header { background-color: #c00; padding: 5px; } #header #text { } #header #text h1 { font-size: 24px; } #header #text h2 { font: 16px/30px "Lucida Grande", verdana, sans-serif; } #middle { background-color: #ccc; margin: 0 5px 5px 5px; } #sidebar { width: 145px; margin: 5px 5px 0 0; padding: 0; float: right; } #sidebar .block { background-image: url(images/articlebg.png); margin: 0 0 10px 0; padding: 0; } #sidebar .top { background-image: none; } #sidebar .middle { background-color: #ccc; margin: 5px; padding: 5px; } #sidebar .bottom { height: 5px; } #sidebar h3 { padding: 4px 5px 1px 5px; font-size: 12px; text-transform: uppercase; font-family: "Rotis Semi Serif", Rotis, Georgia, "Times New Roman", Times, serif; } #sidebar ul { font-size: 87%; margin: 0 5px 5px 10px; list-style-type: disc; } *:first-child+html #sidebar ul { margin: 0 5px 5px 12px; } #sidebar ul.work { margin-left: 20px; list-style-type: disc; } #sidebar ul ul { list-style-type: disc; margin: 0 5px 15px 20px; } /*---------------------------- footer --------*/ #footer { background-color: #000; position: fixed; bottom: 0; height: 125px; z-index: 100; padding: 5px; } body > #footer { position: fixed; } .footer { position: relative !important; } #footer #left, #footer #center, #footer #right { float: left; width: 185px; margin: 0 5px 0 0; } #footer ul { list-style-type: none; } #footer ul ul { list-style-type: disc; margin: 0 0 0 25px; } /*------------------------------ menu --------*/ #navcontainer { width: 590px; height: 50px; } #navcontainer ul li { list-style-type: none; display: block; height: 50px; float: left; background: url(images/menu2.jpg) repeat-x; font: 16px/50px "Lucida Grande", verdana, sans-serif; text-align: center; } #navcontainer a { color: #000; text-decoration: none; display: block; width: 118px; } #navcontainer li#active { background: url(images/menu1.jpg) repeat-x; } #navcontainer a:hover { background: url(images/menu1.jpg) repeat-x; } /*----------------------------- post ---------*/ .post { background-image: url(images/articlebg.png); background-repeat: repeat; margin: 5px; padding: 5px 0 0 0; } .sticky { border: 1px solid #000; } .post-content { background-color: #ccc; font-size: 87%; } .post-content ul, .post-content ol, .post-content dl{ margin: 5px 0 5px 25px; } .post-content, .post-bottom, .post-top { margin: 5px 5px 0 5px; padding: 5px 5px 0 5px; } .post-top { margin-bottom: 20px; } .post-title h2, #commentsdiv h4 { text-transform: uppercase; font-family: "Rotis Semi Serif", Rotis, Georgia, "Times New Roman", Times, serif; } .post-info { text-align: center; } .post-archive .post-info { text-align: left; } /*-------------------------- comments --------*/ #commentsdiv { margin: 0 5px; } #respond { padding: 0 5px; } #respond textarea { width: 415px; } .comments { background-image: url(images/articlebg.png); background-repeat: repeat; padding: 5px 0; } .comments-middle { padding: 0 5px; } #commentsdiv .comments { margin: 0 5px; } .comments-top { } .comments-poster { float: right; clear: right; } #commentsdiv ul, #commentsdiv ol, #commentsdiv dl { margin: 5px 0 5px 25px; } .commentlist { list-style-type: none; } .commentlist li.comment { padding: 5px; min-height: 90px; height: auto !important; height: 90px; } .comment-author { float: right; clear: right; width: 80px; margin: 0 5px 0 0; padding: 5px; border-left: 3px solid #555; font-size: 14px; text-align: center; background-color: #ccc; } * html .comment-author { width: 115px; } .comment-author img { margin: 0 auto; padding: 5px; border: 1px solid #ddd; } .comment-meta { margin: 0 0 5px 0; } .commentlist ul, .commentlist ol, .commentlist dl { border: 0; margin: 0 5px 10px 25px; } .commentlist ul li, .commentlist ol li, .commentlist dl dt { border: 0; margin: 0 !important; padding: 0 !important; } .commentlist p { padding: 0 0 10px 0; } .commentlist .children { list-style-type: none; margin: 40px 0 0 0; } .commentlist .children li { background-color: #eee; border: 1px solid #aaa; padding: 10px 5px 5px 5px !important; } .comments-inputs label { width: 80px; float: left; } .comments-inputs input { margin: 0 0 5px 0; } /*----------------------------- links --------*/ h1 a:link, h1 a:visited { color: #fff; text-decoration: none; } h1 a:hover { color: #000; } h2 a, .navigation a { color: #000; text-decoration: none; } h2 a:visited, .navigation a:visited { color: #111; } h2 a:hover, .navigation a:hover { color: #c00; } .post-content a, .post-info a, #sidebar a, .post-bottom a, .post-title a, .post-title a:visited, .comments a:link, .comments a:visited { border: 0; color: #c00; } .post-content a:visited, .post-info a:visited, #sidebar a:visited, .post-bottom a:visited { color: #003; } .post-content a:hover, .post-info a:hover, #sidebar a:hover, .post-bottom a:hover, .post-title a:hover, .comments a:hover { color: #f00; } #footer { color: #fff; } #footer a { color: #ccc; } #footer a:visited { color: #fcc; } #footer a:hover { color: #c00; } /*----------------------------- misc ---------*/ .spacer { clear: both; } .justify { text-align: justify; } .centered { text-align: center; } .navigation { text-align: center; } .small { font-size: 87%; } .uppercase { text-transform: uppercase; } .align-left { margin: 0 0 0 10px; float: left; } .align-right { margin: 0 10px 0 0; float: right; } img { border: 0; } .post p { padding: 5px 0; } blockquote { background-color: #fff; border: 1px solid #333; margin: 5px 25px; padding: 2px 5px 5px 5px; } blockquote ul, blockquote ol { margin: 0 0 0 15px; } #searchform #s { width: 120px; margin: 0; } h2 { font-size: 12px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }