/* Theme Name: Bombay Theme URI: http://themes.designnudge.com/bombay/ Description: Bombay is a unique dark WP theme complete with customizable theme-options. Bombay has been tested in all major browsers. If you need support with this theme head over to the author's website. Version: 1.0.1 Author: Design Nudge Author URI: http://www.designnudge.com/ Tags: black, yellow, dark, blue, two-columns, right-sidebar, fixed-width, theme-options */ * {margin: 0; padding: 0;} a, a:visited { color: #FBCE0A; text-decoration: none; } a:hover { color: #FBCE0A; text-decoration: underline; } a img { border: medium none; } body { text-align: center; font: 62.5% 'Helvetica', Arial , sans-serif; /* 62.5% sets 1em to about 10px */ background: #000; color: #FFFFFF; text-shadow: #000000 0 0 0px; /* remove shadow from Safari */ } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 10px 0; } h1 { font: bold italic 3.4em Helvetica, Arial, sans-serif; padding: 0; } p { margin: 0; padding: 0; } p img { max-width:100% !important /* Stop larges from breaking the layout in blog posts */; padding:0; } pre { height: auto; overflow-x:scroll; } code { color: #3366cc; font-style: italic; font-size: 1.4em; } fieldset { margin: 0; padding: 0; border: 0; } dt, dd { padding-bottom: .5em; } dt { clear:left; float:left; width:112px; font-weight: bold; } dd { margin: 0 0 0 132px; width:433px; } blockquote { background: #eee; border-left: 10px solid #F30018; margin: 0; padding: 0 10px; font-size: 1.6em; line-height: 1.6em; font-style: italic; } #container { margin: 0 auto; padding: 0; width: 970px; background: inherit; text-align: left; } #wrap { float: left; width: 970px; background: #2b2b2b url('images/background.jpg') top left no-repeat; } #page { margin: 0 auto; width: 940px; } #header { width: 920px; letter-spacing: 0.03em; float: left; padding-left: 20px; margin-bottom: 40px; } #heading { width: 630px; float: left; } #logo { padding: 0; margin: 50px .5% 0 0; float: left; max-width:37%; line-height: 3.4em; } #description { float: left; padding: 0 0 0 0; margin: 57px .5% 0 3%; font-size: 1.8em; line-height: 1.8em; font-style: italic; max-width:57% } #feeds { padding: 0; margin: 62px 0 0 10px; float: right; width: 280px; } #nav { margin: 0 0 10px; padding: 0 0 0 20px; width: 920px !important; clear: both; letter-spacing: 0.03em; background: url(images/nav-bkg.jpg) 0 0 repeat; float: left } #breadcrumb { float: left; width: 920px; margin: 0; letter-spacing: 0.03em; padding: 0 0 0 20px; font-size: 1.1em; } #content { float: left; width: 940px; min-height: 600px; margin: 10px 0 0; } #left-column-single { float: left; width: 610px; } #left-column-inner { float: left; width: 570px !important /* 530px due to border and padding */; background: #fff; color: #333; padding: 10px; border: 10px solid #000; } #comments { background: #000000; width: 550px; padding: 10px 30px; float: left; } #breadcrumb { float: left; width: 920px; margin: 0; letter-spacing: 0.03em; padding: 5px 0 5px 20px; font-size: 1.1em; } #sidebar { float: right; width: 300px; } #footerContainer { width: 940px; background: #242425; margin: 30px 0 0 0; float: left; clear: both; } #footer { margin: 0 0 20px; float: left; padding: 20px; width: 900px; letter-spacing: 0.03em; } #footerBottom { margin: 20px; width: 900px; clear: both; border-top: 1px solid #333; font-size: 1.1em; padding: 20px 0 0; } /* General IDs & Classes */ #feeds a {background: url(images/rss.jpg) 0 0 no-repeat; padding: 3px 0 0 30px; height: 24px; font-size: 1.8em; line-height: 26px; margin: 10px 20px 0 0; color: #999; font-size: bold; } form#commentform { width: 520px; } h1 a { display: block; text-decoration: none; cursor: pointer; color: #FBCE0A; } h1 a:hover { color: #FBCE0A; text-decoration: none; } #feeds p { text-align: center; margin: 0; padding: 0; } #nav ul {margin: 0; padding: 0; list-style: none;} #nav li {float: left; margin: 0; padding: 0;} #nav a {display: block; line-height: 34px; margin: 0; padding: 0 12px; color: #fff; font-weight: bold; font-family:Helvetica,Arial,sans-serif; } #nav li a { font-size:2.1em; text-transform: uppercase;} #nav li li a {font-size:1.2em; text-transform: capitalize;} .home #nav li.home a, #nav li a.current, #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a {color: #FBCE0A;} #nav li.current_page_ancestor li.current_page_item a, #nav li.current_page_parent li.current_page_item a, #nav li.current_page_ancestor li.current_page_parent a, #nav li.current_page_parent li.current_page_parent a {color: #fff;} #nav li.current_page_ancestor li.current_page_item a:hover, #nav li.current_page_parent li.current_page_item a:hover, #nav li.current_page_ancestor li.current_page_parent a:hover, #nav li.current_page_parent li.current_page_parent a:hover {color: #999;} #nav li a:hover {color: #999999; text-decoration: none; display: block;} #nav li ul {list-style: none; position: absolute; margin: 0; width: 150px; left: -999em;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */ position: static;} #nav li li {float: left; margin: 0; padding: 0; width: 150px;} #nav li li a {width: 150px; height: 20px; line-height: 20px; border-top: 1px solid #131f27; background: #040404; margin: 0; padding: 5px 20px 5px 15px;} #nav li li a:hover {border-top: 1px solid #131f27; background: #000; color: #999999;} #breadcrumb a, #breadcrumb a:visited { color: #FBCE0A; text-decoration: none; text-transform: capitalize; } #center-column, #left-column { padding: 0 10px 10px 10px; } #sidebar ul li { background: #242425; padding: 0 10px 10px 10px; margin: 0 0 20px; } #sidebar ul ul { margin: 0 0 20px 0; } #sidebar ul ul li { background: #242425; padding: 5px 0 0 0; margin: 0 0 0 20px; list-style: disc; } #sidebar ul ul ul { margin: 5px 0 10px 20px; } #sidebar ul li ul li ul li { font-size: .85em; /* Child Categories */ } #sidebar h2 { background: #00B8F8; text-transform: uppercase; font-size: 2.1em; padding: 3px 3px 3px 10px; color: #fff; margin: 0 0 10px; width: 140px; } #sidebar #author h2 { background: #FAB418; text-transform: uppercase; font-size: 2.1em; padding: 3px 3px 3px 10px; color: #000; margin: 0 0 10px 0px; width: 140px; } #sidebar p {font-size: 1.2em; margin: 0 0 10px; padding: 10px 0 0; line-height: 1.5em; color: #999999; } #sidebar ul li#author p {color: #ccc; padding: 0; } div#sidebar ul li.widget_calendar div#calendar_wrap { padding: 15px 26px; background: url(images/sidebar_list_bg.gif) no-repeat left bottom; } #wp-calendar { color: #ccc; width: 95%; font-family: Arial, sans-serif; } #wp-calendar caption { padding: 5px; letter-spacing: 2px; font-size: 1.1em; color: #fff; text-transform: uppercase; } #wp-calendar th, #wp-calendar td { padding: 5px; text-align: center; } #wp-calendar th { border-bottom: 1px solid #2b2b2b; border-top: 1px solid #2b2b2b; } #wp-calendar td { background: transparent; } #wp-calendar td, table#wp-calendar th { padding: 3px 0; } #wp-calendar #prev { text-align: left; padding-left: 5px; } #wp-calendar #next { text-align: right; padding-right: 5px; } #wp-calendar #prev, #wp-calendar #next, #wp-calendar tfoot tr td.pad { border-top: 1px solid #2b2b2b; } #wp-calendar td#today { color: #fff; background-color: #000; font-weight: bold; } .widget_calendar h2 { display: none; } #left-column-single .entry { font-size: 1.2em; line-height: 1.5em; } #left-column-single .entry p { margin-bottom: 1em; } #left-column-single .entry ul { margin-left: 2em; list-style: circle; } #left-column-single .entry ol li { margin-left: 2em; } #left-column-single .entry ul li { margin-bottom: .5em; } #left-column-single .postmetadata { font-size: 1.1em; color: 666; margin: 20px 0; padding: 5px 0; border-top: 1px solid #D4DBDF; clear: both;} #left-column-single small { font-size: 1.1em; color: #666; margin-bottom: 10px; display: block; } #left-column-single h3 { font-size: 1.4em; } #left-column-single #comment-wrap h3 { font-size: 1.4em; color: #fff; } #left-column-single h2 a, #left-column-single h2 a:visited { color: #333; } #left-column-single h2.posttitle, #left-column-single h2.pagetitle { font-size: 2em; border-bottom: 1px solid #D4DBDF; float: left; margin-bottom: 10px; padding: 5px 0; clear: both; width: 100%; text-transform: capitalize;} #center-column .post { padding: 10px 0; } #content-right h2 { background: #A4A1A6; color: #13011E; padding: 10px 20px; margin-bottom: 10px; font-size: 2.4em; } #content-right p, #content-right ul, #content-right ol { color: #0C0018; font-size: 1.4em; margin: 1em 0; line-height: 1.6em; } #content-right ul, #content-right ol { margin-left: 1em; } #commentlist h3 { text-transform: capitalize; padding: 0; margin: 0; font-size: 1.2em; line-height: 1.5em; color: #fff; } #commentlist h3 a { border-bottom: 1px dotted #333; color: #FBCE0A; } #commentlist h3 a:hover { border-bottom: 1px dotted #313131; text-decoration: none; } #commentlist { list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0; width: 530px; margin: 0; } #commentlist li { background: #242425; clear: both; margin: 5px 0; padding: 0 0 25px; width: 550px !important; } #comment-box-inner { width: 530px; margin: 0; padding: 0 0 30px; float: left; clear: both;} p.nocomments {background: #F30018; color: #FFFFFF; font-size: 2.1em; margin: 0; padding: 3px; width: 544px; text-align: center;} #commentlist li.alt { background: #000; } #commentlist li.deleted .threadpost { background-color: #EE8888; } #commentlist li.alt.deleted .threadpost { background-color: #FF9999; } #commentlist .forum-post blockquote { border-left: 5px solid #336699; margin: 0; padding: 0 0 0 1ex; background: #000; font-size: 100%; } #commentlist .forum-post p, #commentlist .forum-post ul li, #commentlist .forum-post ol li { background: inherit; font-size: 1.2em; margin: 0 0 1.357em; line-height: 1.5em; color: #fff; } .threadauthor { float: left; padding: 10px 2em 5px 10px; margin: 0; width: 112px; } .threadauthor p { clear: both; margin: 0.3em 0 0 0; font-size: 1.1em; color: #FFF; } .threadpost { margin-left: 140px; padding: 10px 0 5px; width: 360px; } .forum-post { padding-left: 20px; margin: 0; min-height: 75px; } #comment-header { float: left; } #comment-rss { float: right; display: block; } .formrow-input { clear: both; padding: 1em 0; width: 555px; } #comments form .right input {width: 180px; padding: 3px; } #comments form p { margin: 0; font-size: 1.2em; } #commentlist img.avatar {border: 3px solid #333; margin: 5px 0; clear: both; } #comment-box p { padding: 15px 15px 0 15px; font-size: 1.2em; } #comment-box { background: #000; margin: 0; padding: 0; color: #fff; } textarea#comment { width: 500px; padding: 0; color: #333333; font: 1.3em helvetica,arial,verdana,geneva,sans-serif; float: left; } h3#commentsHeader { background: url('images/comments-bkg.jpg') no-repeat; height: 52px; padding: 17px 0 0 23px; margin: 0; } h3#commentsHeader span { margin-right: 30px; } #submit-box { float: left; width: 500px; clear: both; background: url('images/comment-bkg.jpg') no-repeat bottom left; margin: 0 0 0; padding: 0 0 4em; color: #333; } #comment-box-inner p { padding: 1em 0; margin: 0; color: #fff; font-size: 1.2em; } #comment-box-inner h2 { padding: 1em 0; border-width: 0px; margin: 0; letter-spacing: 0.03em; font-size: 1.6em; color: #fff; } .comments-formrow { clear: both; margin: 10px 0; float: left; width: 530px;} .comments-formrow-input { clear: both; margin: 0; float: left; } .label { float: left; width: 112px; padding: 4px 20px 0 0; font-size: 1.2em; color: #999; } .right { float: left; padding: 0 0 0 20px; } .comments-formrow #email, .comments-formrow #author { margin-right: 2em; } .comments-formrow input { padding: 5px; border-width: 0; background: #ededed; } .comments-formrow-input #submit {background: url('images/submit-btn.png') no-repeat 0 0; height: 25px; width: 75px; border-width: 0; padding-bottom: 3px; font-weight: bold; margin: 0; cursor: pointer; } .comments-formrow textarea { padding: 50px; border-width: 0; background: #ededed; margin: 0 30px 0 0; border: 1px solid #ededed; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; } .comments-formrow span { font-size: 1.1em; color: #666; font-style: italic; } .navigation { float: left; padding: 5px 0; font-size: 1.1em; width: 570px; } .navigation .alignleft { float: left; width: 49.9%; } .alert { background: #990000; color: #fff; font-weight: bold; padding: 5px 10px; clear: both; letter-spacing: 0.03em; } .wp-caption p.wp-caption-text { color: #666666; margin: 0; padding: 5px 4px; } .wp-caption { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; background-color: #F3F3F3; border: 1px solid #DDDDDD; margin: 0 0 10px; padding-top: 4px; text-align: center; clear: both; } .navigation .alignleft, .post-image { margin: 0 10px 10px 0; float: left; } .post-image { border: 1px solid #242425; } .posts strong { font-size: 110%; } .post table { margin:0 0 1em 0; } .post td, .post th { border:1px solid #cacaca; padding: 10px; } .post th { background:#eee;} #left-column-single a, #left-column-single a:visited { color: #7e0063; } #left-column-single a:hover { color: #aa0174; text-decoration: none; } #footerContainer #copyright { float: left; color: #666; } #footerContainer #copyright p { padding-top: 20px; } #footer div.footerabout { float: left; margin: 0 30px 0 0; padding: 0; width: 217px; } #footer div.footerlinks { float: left; margin: 0 30px 10px 0; padding: 0; width: 217px; } #footer div.footerlinks ul { list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0 0 0 20px; padding: 5px 0 0; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0 0 0 15px; padding: 5px 0 0; } #footer div.search { float: right; margin: 0; padding: 0; width: 406px; } #footer div.search h2 { font-size: 1.6em; margin: 10px 0; } #footer div.search p { margin: 0 0 10px; } #footer h3 { border-bottom: 1px solid #333; border-top: 1px solid #333; color: #fff; display: block; font-size: 1.6em; font-weight: bold; padding: 10px 0; margin-bottom: 10px; width: 100%; letter-spacing: 0.03em; } #footer p { font-size: 1.2em; color: #999; letter-spacing: 0.03em; line-height: 1.5em; margin-bottom: 10px; } #footer #searchbox {padding: 4px 3px; width: 180px; border-width: 0;} .submitbutton { background: transparent url(images/submit-btn.png) no-repeat scroll 0 0; border-width: 0; cursor: pointer; font-weight: bold; height: 25px; margin: 0; padding-bottom: 3px; width: 75px; } .submitbutton:hover { cursor: pointer; } #sidebar ul, #sidebar ul, #sidebar li, #sidebar ul, #sidebar ul, #sidebar li { list-style: none; } #left-column-single .post, #sidebar #welcome h3, #left-column-single .post, #sidebar #welcome h3 { padding: 0; } #left-column-single #comments a:hover, #wp-calendar a:hover, #left-column-single #comments a:hover, #wp-calendar a:hover { text-decoration: underline; } #commentlist li.deleted, #commentlist li.alt .threadpost, #commentlist li.deleted, #commentlist li.alt .threadpost { background-color: transparent; } #comments form small, #footer div.footerlinks ul, #sidebar ul li ul, #comments form small, #sidebar ul li ul { font-size: 1.2em; } .alert a, .alert a:visited, #breadcrumb a:hover, .alert a, .alert a:visited, #breadcrumb a:hover { color: #FBCE0A; text-decoration: underline; } #footerContainer #footerlinks, .navigation .alignright, #footerContainer #footerlinks, .alignright { float: right; } #footerContainer #footerlinks a, #footerContainer #footerlinks a:visited, #copyright a, #copyright a:visited, #wp-calendar #prev a, #wp-calendar #next a, #footerContainer #footerlinks a, #footerContainer #footerlinks a:visited, #copyright a, #copyright a:visited, #wp-calendar #prev a, #wp-calendar #next a { color: #999; } #copyright a:hover, #feeds a:hover, #copyright a:hover, #feeds a:hover { text-decoration: none; color: #fff; } #footer strong, #sidebar strong, #footer strong, #sidebar strong { color: #fff; letter-spacing: 0.05em; } #commentlist li ol li, #commentlist li ul li, #description p, #commentlist li ol, #commentlist li ul, #description p, #commentlist li ol, #commentlist li ul, #commentlist li ol li, #commentlist li ul li { padding: 0; margin: 0; } #footer a, #footer a:visited, #left-column-single #comments a, #left-column-single #comments a:visited, #footer a, #footer a:visited, h1 a:visited, #wp-calendar a, #comments a, #comments a:visited, #comment-box-inner a, #comment-box-inner a:visited, h1 a:visited, #wp-calendar a, #comments a, #comments a:visited, #comment-box-inner a, #comment-box-inner a:visited, #left-column-single #comments a, #left-column-single #comments a:visited {color: #FBCE0A; } .aligncenter {display: block; margin-left: auto; margin-right: auto;} .alignleft {float: left;} .alignright {float: right;}