/*Theme Name: Smashed Options LightTheme URI: http://themehybrid.com/themes/options-lightDescription: Gavin Wray's hack of Justin Tadlock's Options Light themeTemplate: optionsAuthor: Gavin WrayAuthor URI: http://www.gavinwray.comVersion: 0.9, 22 September 2009*/* { margin: 0; padding: 0; }/* Paragraphs */p {    margin: 0 0 15px 0;    line-height: 1.3em; }/* ************    LINKS **************/a {    color: #ED3C80;    text-decoration: none;    border-bottom: 1px dotted #9A1448; }a:hover {    color: #9A1448;    text-decoration: none;    border-bottom: 1px solid #9A1448; }a:visited {    color: #F66CA2; }abbr {    border-bottom: 1px dotted #555; }/* *************    LISTS****************/ul li { list-style: none; }.post ul { list-style: disc; }.post ul, .post ol { margin: 0 0 15px 25px; }.post ul ul, .post ul ul ul, .post ol ol, .post ol ol ol { margin-bottom: 0; }/* Blockquotes */blockquote { border-left: 3px solid #C5598A; padding-left: 10px; margin: 0 20px 15px 20px; }/* Code */pre { overflow: auto; margin: 0 0 15px 0; }code { font-size: 1.1em; }/* Left, right, and center alignment */.left, .alignleft { float: left; margin-right: 10px; }.right, .alignright { float: right; margin-left: 10px; }.center, .aligncenter { margin: 0 auto 15px auto; display: block; }/* Headers and how they should look */h1 { font-size: 2.5em; }h2 { font-size: 1.8em; }h3 { font-size: 1.7em; }h4 { font-size: 1.6em; }h5 { font-size: 1.5em; }h6 { font-size: 1.5em; }h2, h3, h4, h5, h6 { color: #9A1448; margin-bottom: 10px; }h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {    color: #8B003F;    text-decoration: none;    border-bottom: 1px solid #FFF; }h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {    text-decoration: none;    border-bottom: 1px solid #ED3C80; }.post-title a {    color: #8B003F;    text-decoration: none;    border-bottom: 1px dotted #8B003F; }.post-title a:hover {    color: #ED3C80;    text-decoration: none;    border-bottom: 1px solid #ED3C80; }#content .post-title, #full-posts .post-title, #excerpts .post-title {    margin-bottom: 5px; }#content h2, #content h3, #content h4, #content h5, #content h6, #full-posts h2, #feature h2, #comments-template h3 {    font-family: Helvetica, Arial, Verdana, sans-serif;    font-weight: bold;}/* Body */body {    color: #000;    background: #000 url(http://www.solihull-smash.org.uk/wp-content/themes/smashed-options/images/spotlight.jpg) repeat-x 0 0px;	    font: 80% Helvetica, Arial, Tahoma, Verdana, sans-serif;    text-align: center; }#body-container {    width: 940px;    margin: 0px auto 0 auto;    background: transparent;    /* background: #222 url(wp-content/themes/smashed-options/images/bg-body-container.jpg) repeat-x 0 0 */;	    overflow: hidden; }#extra-container {     margin: 0 auto; }/* Contains content and sidebar */#container {    float: left;    width: 920px;    padding: 10px;    text-align: left; }/********************    HEADER********************/#header-container {    width: 100%;    padding: 0px 0px 0px 0px;    margin: 50px 0 0 0; }#header {    float: left;    width: 700px;    margin: 0 0 10px 0;    text-align: left; }#header h1 {    float: left;    margin: 0px 0 0px 10px;    font-weight: bold; }#header h1 a {    color: #FFF;    border: none;    padding: 8px 8px 8px 10px;    background-color: #111; }#header h2 {    float: left;    clear: left;    font-size: 1.4em;    font-weight: bold;    margin: 0px 0 0 10px;    padding: 5px 8px 5px 10px;    color: #ED3C80;    background: #111; }/******************    FEED******************/#feed {    float: right;    clear: right;    width: 150px;    height: 28px;    margin: 0 5px 0 0;    padding: 35px 40px 0 0;    background: url(http://www.solihull-smash.org.uk/wp-content/themes/smashed-options/images/feed.png) no-repeat right 25px;    text-align: right; }#feed li a {    font-size: 1.1em;    color: #ED3C80;    background-color: #111;     padding: 5px 5px 3px 5px; }#feed li a:hover {    color: #FFF;    border-bottom: 1px solid #ED3C80; }/******************    NAVIGATION******************//* Main navigation bar (#sub-nav is bottom bar) */#navigation, #sub-navigation {    float: left;    letter-spacing: .03em;    text-align: left;    color: #FFF; }#navigation {    width: 910px;    font-size: 1.1em;    background: #9A1448 url(images/navigation.jpg) repeat-x 0 0;    font-weight: bold;    padding-left: 1em;    margin-left: 10px;}        #sub-navigation {    width: 940px;    font-size: .9em;    background: #deded4; }#nav, #nav ul, #nav ul ul, #sub-nav, #sub-nav ul, #sub-nav ul ul {    list-style: none;    margin: 0; }#nav li, #nav li li, #nav li li li, #sub-nav li, #sub-nav li li, #sub-nav li li li {    float: left; }/* Style */#nav a {    color: #FFF;    display: block;    padding: 12px 21px;    text-transform: uppercase;    text-decoration: none; }#nav a:hover, #nav li.current_page_item a {    background-color: #ED3C80;    text-decoration: none; }#nav li li {    background: #d1d0c8;    border-top: 1px solid #ddd; }#nav li li a, #nav li.current_page_item li a {    color: #111;    margin: 0;    padding: 10px 10px;    text-decoration: none; }#sub-nav a {    color: #111;    display: block;    padding: 7px 17px; }#sub-nav li.current-cat a, #sub-nav a:hover {    color: #657843;    text-decoration: underline; }#sub-nav li li {    background: #deded4;    border-top: 1px solid #eee; }#sub-nav li li a, #sub-nav li.current-cat li a {    margin: 0;    padding: 7px 5px 7px 17px;    color: #111;    text-decoration: none; }#nav li.current_page_item li a:hover, #sub-nav li.current-cat li a:hover {    text-decoration: underline; }/* Drop-down controls */#nav ul, #sub-nav ul {    float: left; }#nav li ul, #sub-nav li ul {    visibility: hidden;    position: absolute;    width: 15em;    left: -999em; }#nav li:hover ul, #sub-nav li:hover ul {    left: auto;    z-index: 1000; }#nav li ul li, #sub-nav li ul li {    width: 15em; }#nav li ul ul {    margin: -37px 0 0 15em; }#sub-nav li ul ul {    margin: -30px 0 0 15em; }#nav li:hover ul ul, #sub-nav li:hover ul ul {    visibility: hidden; }#nav li:hover ul, #nav li li:hover ul, #sub-nav li:hover ul, #sub-nav li li:hover ul {    left: auto; }#nav li:hover ul ul, #sub-nav li:hover ul ul {    visibility: hidden; }#nav li:hover ul, #nav li li:hover ul, #sub-nav li:hover ul, #sub-nav li li:hover ul {    visibility: visible;    left: auto; }/*******************    SEARCH*******************/#search {    float: right;    width: 185px; }#search form {    float: right;    margin: .5em 0 0 0;    padding: 0 15px 0 0; }#search input {    color: #FFF;    width: 170px;    margin: 0;    padding: 5px;    background-color: #B24E75;    border: none;    font-family: Helvetica, Arial, Verdana, sans-serif;    font-size: .9em;    -moz-border-radius:2px;    -webkit-border-radius:3px; }#search .search-submit {    display: none; }/*************************    MAIN CONTENT LAYOUT*************************/#home, #content {    width: 580px; }#no-sidebar {    width: 900px; }#home.left, #content.left, #sidebar.left {    float: left;    margin: 0; }#home.right, #content.right, #sidebar.right {    float: right;    margin: 0; }/***********************    IMAGES***********************//* Images */.post img, #sidebar img {    padding: 2px;    background: #FFF;    border: 1px solid #DDD; }a img { border: none; }#author-box .avatar, .author .post .avatar {    width: 100px;    height: 100px;    float: left;    margin-right: 10px; }/* Post images */.single img, .attachment img {    max-width: 98.5%; }/* Feature images */#feature img, #features-numbers img {    float: left;    width: 300px;    margin: 0 10px 0 0; }html>body #feature img, html>body #features-numbers img {    max-width: 300px;    width: auto; }/* Thumbnail images */img.thumbnail {    float: left;    width: 100px;    height: 100px;    margin: 0 10px 5px 0; }/* Medium images */img.medium {    max-width: 300px;    float: left;    margin: 0 10px 5px 0; }/* Flickr / gallery stream images */#home .flickr img, #gallery-stream img {    width: 75px; height: 75px;    margin: 2px 13px 2px 0;    padding: 3px;    background: #EEE;    border: 1px solid #BBB; }/* Captions */.wp-caption {    padding: 5px 0 3px 0;    background: #EEE;    border: 1px solid #BBB;    text-align: center; }.wp-caption p.wp-caption-text {    margin: 0; padding: 0 5px;    text-align: right;    font-size: .8em;    color: #666; }.wp-caption img {    margin: 0;    padding: 0;    border: none; }.gallery {    width: 100%;    margin-bottom: 18px; }/*********************    SITE SECTIONS*********************//* Section headers */.section-header, .menu h2 {    font-size: 1.2em;    font-weight: bold;    color: #262626;    padding: .5em 0px;    margin: 0 0 5px 0;    height: 15px;    background: url(images/section-header.gif) no-repeat left .5em; }/* Sections and posts */.section, #content .post, #excerpts .post, #full-posts .post, .paged .post {    width: 540px;    overflow: hidden;    margin: 0 0 10px 0;    padding: 20px;    background: #FFF; }/* No sidebar */#no-sidebar .post, #no-sidebar #comments-template, #no-sidebar .section {    width: 898px; }#no-sidebar .post {    overflow: hidden;    margin: 0 0 10px 0;    padding: 10px;    background: #FFF;    border-bottom: 1px solid #999; }/* Posts */#content .post, #home.paged .post {    padding: 20px; }/* Breadcrumb */#content .breadcrumb-section p {    padding: 10px;    color: #888;    background-color: #111; }#content .breadcrumb-section a {    color: #ED3C80;    text-decoration: none;    border-bottom: 1px dotted #ED3C80; }#content .breadcrumb-section a:hover {    color: #FFF;    text-decoration: none;    border-bottom: 1px solid #ED3C80; }/* Author box */#author-box {    padding: 10px;    border-bottom: 1px solid #999; }/* Navigation links */.navigation-links {    width: 560px;    padding: 10px;    color: #FFF;    background-color: #111; }.navigation-links .previous {    float: left;    width: 50%; }.navigation-links .next {    float: right;    width: 50%;    text-align: right; }.navigation-links a {    color: #ED3C80;    border-bottom: 1px dotted #ED3C80; }.navigation-links a:hover {    color: #FFF;    border-bottom: 1px solid #ED3C80; }/* Navigation image attachment */.attachment-image {    max-width: 99%;    margin: 15px auto;    display: block; }.navigation-attachment {    float: left;    width: 100%; }.navigation-attachment img {    max-width: 150px;    max-height: 150px; }.navigation-attachment .left {    float: left;    width: 160px; }.navigation-attachment .right {    float: right;    width: 160px;    text-align: right; }/* Related posts plugin */#related {    padding: 10px;    border-bottom: 1px solid #999; }#related ul {    width: 100%; }#related ul li {    list-style-type: none; }/* Clouds */div.cloud {    padding: 10px;    border-bottom: 1px solid #999; }/* Excerpts / Full Posts */#excerpts, #full-posts {    width: 580px;    padding: 0;    margin: 0;    background:    transparent; }#excerpts .post, #full-posts .post {    padding: 10px;    border-bottom:    1px solid #999; }/* Features Gallery */#myGallery {    width: 580px;    height: 240px;    margin: 0 0 10px 0;    padding: 0; }#myGallery .imageElement {    display: none; }#myGallery h3, #myGallery h2, #myGallery h2 a {    font-size: 1.3em;    color: #FFF;    margin-bottom: 3px;    border: none; }/* Feature */#feature {    padding: 20px; }/* Flickr photos and Gallery images (home) */#home .flickr, #home .gallery-stream {    width: 580px;    padding: 10px 0 10px 10px; }#home .flickr .section-header, #home .gallery-stream .section-header {    margin-right: 10px; }/* Post blocks */#post-blocks {    width: 580px;    background: transparent;    padding: 0;    margin: -10px 0 10px 0; }#post-blocks .post {    width: 268px;    margin: 10px 0 0 0;    padding: 10px;    background: #FFF;    border-bottom: 1px solid #F691B8; }#post-blocks .even {    float: right;    clear: none; }#post-blocks .odd {    float: left;    clear: both; }#post-blocks .post-title {    margin: 0 0 5px 0;    font-size: 1em; }/* Post sections */#post-sections .section {    padding: 10px;    border-bottom: 1px solid #F691B8; }#post-sections .post-title {    font-size: 1em; }/* All post tabs */#post-tabs .post-title, #post-block-tabs .post-title, #post-list-tabs .post-title {    font-size: 1em;    line-height: 1.4em; }#post-tabs, #post-block-tabs, #post-list-tabs {    background: transparent;    width: 580px;    padding: 0; }#home .tab-content {    width: 100%;    padding: 0;    background: #FFF; }#post-block-tabs .post, #post-list-tabs .post {    width: 270px;    padding: 10px; }#post-block-tabs .even, #post-list-tabs .even {    clear: none;    float: right; }#post-block-tabs .odd, #post-list-tabs .odd {    clear: both;    float: left; }/* Post tabs */#post-tabs .post {    margin: 10px;    padding: 0; }/* Post list tabs */#post-list-tabs .post ul {    padding: 5px 2px 5px 7px; }#post-list-tabs .post li {    margin: 3px 0 5px 0;    padding: 0; }#post-list-tabs .post li a {    display: inline;    margin: 0;    padding: 0; }/* Features and video numbers */#features-numbers, #video-numbers {    background: transparent;    width: 590px;    padding: 0;    border: none; }#features-numbers div.tab-content, #video-numbers div.tab-content {    top: 0;    width: 570px;    padding: 10px;    border-bottom: 1px solid #999; }#features-numbers ul.tabs, #video-numbers ul.tabs {    width: 590px;    display: block;    clear: left;    overflow: hidden; }/* Video tabbed */#video-tabbed { padding: 10px; border-bottom: 1px solid #999; }#video-tabbed .video-list { float: right; width: 44%; }#video-tabbed .video-list ul { width: 100%; }#video-tabbed .video-list li { margin: 0 0 5px 0; border: 1px solid #ccc; }#video-tabbed .video-list li a { color: #111; display: block; padding: 10px; background: #deddd4; }#video-tabbed .video-list li a:hover, #video-tabbed .video-list li a.tab-current { text-decoration: none; background: #eee; }#video-tabbed div.video { clear: none; float: left; width: 50%; }div.v { display: none; }div.v1 { display: block; }/* Home custom sections */#home-insert-1, #home-insert-2, #home-insert-3 {    padding: 10px;    border-bottom: 1px solid #999; }/* Gavin edit - Home page post tabs in left column */#post-list-tabs .c {    color: #FFF;    background-color: #9A1448; }#post-list-tabs .c h3 {    margin: 0;    padding: 0;    color: #FFF;    font-weight: bold;    font-size: 1.1em; } #post-list-tabs .c h3 a {    color: #F691B8;    border-bottom: 1px dotted #F691B8;    text-decoration: none;    font-weight: bold; }#post-list-tabs .c h3 a:hover {    color: #FFF;     border-bottom: 1px solid #FFF; }#post-list-tabs .c .even ul {    margin: 0px;    padding: 0px; } #post-list-tabs .c ul li a {    color: #F691B8;    border-bottom: 1px dotted #F691B8;    margin: 1px 5px 1px 0px; }#post-list-tabs .c ul li a:hover {    color: #FFF;    border-bottom: 1px solid #FFF;    text-decoration: none; }#post-list-tabs img, #post-list-tabs img a {    border: 1px solid #FFF;    background-color: #FFF;    -moz-border-radius:2px;    -webkit-border-radius:3px;}#post-list-tabs a:hover img {    background-color: #ED3C80;    border: 1px solid #ED3C80;}/* ***************    SIDEBAR*****************/#sidebar {    width: 320px; }.menu {    overflow: hidden;    width: 300px;    margin-bottom: 10px;    padding: 10px 10px 5px 10px;    color: #FFF;    background: #111; }/* Sidebar lists and sidebar tab lists */.menu div li,.menu div li li,#sidebar .tabbed div li,#sidebar .tabbed div li li {    margin: 0;    padding: 0;    float: left;    width: 100%; }#sidebar .menu ul li a,.tabbed div ul li a {    display: block;    padding: 2px 0px;    text-decoration: none; }#sidebar .menu li li a,.tabbed div li li a {    display: block;    padding: 2px 0 2px 8px; }/* Recent comments widget */#sidebar ul#get-recent-comments li {    margin: 3px 5px 3px 0px; }#sidebar ul#get-recent-comments li a {    display: inline;    padding: 2px 0;    color: #F691B8;    text-decoration: none;    border-bottom: none; }#sidebar ul#get-recent-comments li a:hover {    color: #FFF;    text-decoration: underline;    border-bottom: none; }/* Sidebar video */#sidebar .video h3 {    font-size: 1em; margin: 5px 0; }/* Sidebar ads */#sidebar .ads p {    margin: 0; padding: 0; }#sidebar .ads a img {    border: none; padding: 0; }#sidebar .ads img {    width: 125px;    height: 125px;    margin: 0 9px 5px 11px;    border: none; padding: 0; }/* Sidebar gallery and flickr photos */#sidebar .flickr img, #sidebar .gallery-stream img { width: 75px; height: 75px; margin: 3px 9px 3px 7px; }/* Sidebar search */#sidebar .search input {    width: 96%; padding: 5px;    background: #e9eae5;    border: 1px solid #ccc; }#sidebar .search input.search-submit {    display: none; }/* Sidebar subscribe */#sidebar .subscribe div {    padding-left: 2px; }#sidebar .subscribe #feed-sidebar {    height: 35px;    overflow: hidden;    background: url(images/feed-icon.gif) no-repeat left .3em; }#feed-sidebar li {    padding: 0 0 0 36px; }#feed-sidebar li a {    font-size: .9em;    padding: 0;    margin: 0; }/* *********************************     SIDEBAR RECENT [PAST PRODUCTIONS] ********************************** */#sidebar .recent .post {    float: left;    width: 100%;    margin: 0 0 10px 0; }#sidebar .entry {    padding: 0; }#sidebar .recent h2 {    color: #FFF;    font-size: 1.4em; }#sidebar .recent h3,#sidebar .asides h3 {    font-size: 1.1em;    margin: 0 0 2px 0; }#sidebar .recent h3 a {    font-weight: bold; }#sidebar .recent p {    font-size: .9em;    line-height: 1.4em;    margin: 0; padding: 0; }#sidebar .recent a {    color: #ED3C80;    text-decoration: none; }#sidebar .recent a:hover {    color: #FFF;    text-decoration: none;    border-bottom: 1px solid #ED3C80; }#sidebar .recent img, #sidebar .recent a img {    background: #FFF;    border: 1px solid #FFF;    -moz-border-radius:2px;    -webkit-border-radius:3px; }#sidebar .recent a:hover img {    background: #ED3C80;    border: 1px solid #ED3C80; }/*********************    TABS*********************//* Tabs (actual tabs) */.tabbed {    background: transparent;    border: none; }#sidebar .tabbed {    margin-bottom: 10px; }.tabbed ul.tabs {    position: relative;    top: 0;    left: 0;    z-index: 1;    list-style-type: none; }.tabbed ul.tabs li {    display: inline; }.tabbed ul.tabs li a {    color: #FFF;    float: left;    display: block;    margin: 0 3px 0 0;    padding: 6px .6em 4px .6em;    background: #111;    border-bottom: 1px #111 solid;    text-decoration: none;    font-weight: bold;    font-size: 1.1em; }.tabbed ul.tabs li a.t4 {    margin-right: 0; }.tabbed ul.tabs li a:hover {    color: #FFF;    background: #ED3C80;    text-decoration: none;    border-bottom: 1px solid #ED3C80; }.tabbed ul.tabs li a.tab-current {    color: #FFF;    background: #9A1448;    border-bottom: 1px solid #9A1448; }/* Tab content */.tabbed div.tab-content {    height: 100%;    overflow: hidden;    display: block;    position: relative;    top: 0;    left: 0;    z-index: 0;    clear: left;    padding: 10px 5px 5px 9px;    color: #FFF;    background: #9A1448; }.tabbed a {    color: #FFF;    text-decoration: none; }.tabbed a:hover {    color: #F691B8;    text-decoration: underline; }.tabbed ul.latest li a, .tabbed ul.categories a {    color: #FFF;    border-bottom: 1px dotted #B24E75;    margin: 1px 5px 1px 0px;    background: transparent; }.tabbed ul.latest li a:hover, .tabbed ul.categories a:hover {    color: #FFF;    border-bottom: 1px solid #F691B8;    background-color: #ED3C80;    text-decoration: none; }.tab-content ul li {    line-height: 1.3em; }div.t2, div.t3, div.t4, div.t5 {    display: none; }.tabbed div.c {    display: none; }.tabbed div.c1 {    display: block; }.tabbed .t4 a {    color: #F691B8;    border-bottom: 1px dotted #F691B8;    text-decoration: none; }.tabbed .t4 a:hover {    color: #FFF;    border-bottom: 1px solid #FFF;    text-decoration: none; }/********************    COMMENTS********************/#comments-template {    padding: 10px;    margin: 0 0 10px 0;    color: #FFF;    background: #111;    font-style: normal; }#comments-template h3 {    color: #ED3C80; } #comments-template ol {    list-style-type: none;    margin-top: 10px; }#comments-template li {    clear: left;    overflow: hidden;    margin: 0 0 10px 0; }#comments-template li li li, #comments-template li li li li li {   background: #dcdfd5; }#comments-template li li, #comments-template li li li li {    background: #e9eae5; }#comments-template .avatar {    float: left;    width: 50px; height: 50px;    margin: 7px 12px 0 0;    background: #FFF;    border: 1px solid #FFF;    padding: 2px;    -moz-border-radius:2px;    -webkit-border-radius:3px; }#comments-template a {    color: #ED3C80; }#comments-template a:hover {    color: #FFF; }#comments-template a:visited {    color: #F66CA2; }#comments-template .comment-meta-data {    float: left;    font-size: 0.85em;    margin: 7px 0;    color: #F66CA2;    line-height: 1.5em; }#comments-template cite {   color: #ED3C80;   font-size: 1.5em;   font-style: normal;   font-weight: bold; }#comments-template cite a:hover {    color: #FFF; }#comments-template li .comment-meta-data abbr {    color: #ED3C80;    border: none; }#comments-template li .comment-text {    float: left;    width: 85%;    padding: 0; }#no-sidebar #comments-template li .comment-text {    width: 92%; }#comments-template input {    color: #000;    width: 50%;    padding: 5px;    margin: 0;    background: #FFF;    border: none;    font-family: Helvetica, Arial, Verdana, sans-serif;    font-size: 1em;    -moz-border-radius:2px;    -webkit-border-radius:3px; }#no-sidebar #comments-template input {    width: 25%; }#comments-template textarea {    color: #000;    width: 92%;    padding: 7px;    background: #FFF;    border: none;    font-family: Helvetica, Arial, Verdana, sans-serif;    font-size: 1em;    -moz-border-radius:2px;    -webkit-border-radius:3px; }#no-sidebar #comments-template textarea {    width: 98%; }#comments-template input.submit-comment, #comments-template input.reset-comment, .button {    width: auto;    padding: 6px 10px;    margin-right: 10px;    color: #FFF;    background-color: #9A1448;    font-weight: bold;    font-size: 1.2em;    -moz-border-radius:2px;    -webkit-border-radius:3px; }/* *************   FOOTER**************** */#footer {    clear: both;    float: left;    width: 910px;    text-align: left;    margin: 0;    padding: 20px 0px 15px 20px;    color: #FFF;    background: #111; }#footer p {    margin: 0;    line-height: 1.3em; }#footer p.left {    width: 45%; }#footer p.right {    width: 50%;    margin-right: 20px;    padding: 0;    text-align: right; }#footer a {    color: #ED3C80;    text-decoration: none; }#footer a:hover {    color: #FFF;    text-decoration: none;    border-bottom: 1px solid #ED3C80; }