/* Theme Name: BrianX.com Redux Theme URI: http://www.brianx.com/ Description: Created with high hopes and great code. Version: 2.0 Author: Brian, Emerson, and Robin Tags: red, widget, two-column */ /******************* * Global Style * ********************/ body {text-align: left;} .clear {clear: both;} em {font-style: italic;} strong {font-weight: bold;} p {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333; line-height: 150%; padding-bottom: 15px;} table {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #666666; line-height: 150%;} img.alignright {float:right; margin:0 0 1em 1em; border: 1px solid #cccccc; padding: 5px; background: #ffffff;} img.alignleft {float:left; margin:0 1em 1em 0; border: 1px solid #cccccc; padding: 5px; background: #ffffff;} img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 1px solid #cccccc; padding: 5px; background: #ffffff; clear: both; margin-bottom: 10px;} a img.alignright {float:right; margin:0 0 1em 1em; border: 1px solid #cccccc; padding: 5px; background: #ffffff;} a img.alignleft {float:left; margin:0 1em 1em 0; border: 1px solid #cccccc; padding: 5px; background: #ffffff;} a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 1px solid #cccccc; padding: 5px; background: #ffffff; clear: both; margin-bottom: 10px;} div.wp-caption img {display: block; margin: 0 auto;} p.wp-caption-text {font-size: 8pt; padding: 2px 5px 5px 5px; text-align: left; line-height: 120%; color: #111111;} div.alignright {float: right; padding-top: 5px; margin: 0 0 .3em 1em; background: #f9f9f9; border: 1px solid #cccccc;} div.alignleft {float: left; padding-top: 5px; margin: 0 1em .3em 0; background: #f9f9f9; border: 1px solid #cccccc;} div.aligncenter {display: block; margin: 0 auto; padding-top: 5px; background: #f9f9f9; border: 1px solid #cccccc; clear: both; margin-bottom: 10px;} /******************* * Site Structure * ********************/ #page-wrapper {width: 980px; margin: 0 auto; position: relative;} #header {width: 980px; height: 182px; background: url(images/header.png) 0px 0px no-repeat; position: relative; margin-bottom: 15px;} /* Main Nav */ #main-nav {position: absolute; width: 980px; height: 30px; line-height: 30px; top: 120px; left: 30px;} #main-nav li {display: inline; margin-right: 20px;} #main-nav li a {font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none;} #main-nav li a:visited {color: #ffffff;} #main-nav li a:hover {text-decoration: underline;} /* SubNav */ #subnav {position: absolute; width: 920px; padding: 0px 30px 0px 30px; height: 30px; line-height: 30px; bottom: 0px;} #subnav li {display: inline; margin-right: 18px;} #subnav li a {color: #444444; text-decoration: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px;} #subnav li a:visited {text-decoration: none; color: #444444;} #subnav li a:hover {text-decoration: underline;} /* Search Box */ #cse-search-box {float: right; position: relative; top: 1px;} #search-box {border: 1px solid #666666; width: 200px; height: 19px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10pt; line-height: 22px; padding: 3px 5px 1px 5px; background: #efefef;} #search-button {display: block; width: 20px; height: 21px; background: url(images/mag-glass.png) 0px 0px no-repeat; text-indent: -9999em; border: 0px; position: absolute; top: 3px; right: 5px; cursor: pointer;} /* Adspace */ #adspace {width: 980px; height: 94px; background: url(images/content-top.png) 0px 0px repeat-y; position: relative;} #a-space {width: 980px; height: 94px; background: url(images/content-top.png) 0px 0px repeat-y; position: relative;} div.ad-right {float: right; margin: 0px 0px 15px 15px;} /* Adspace for google search page */ #adspace1 {width: 980px; height: 94px; background: url(images/content-top1.png) 0px 0px repeat-y; position: relative;} /* Content */ #content-wrapper {width: 980px; padding: 30px 15px 30px 15px; position: relative; background: url(images/content-repeat.png) 0px 0px repeat-y; position: relative;} #content {width: 560px; padding: 0px 15px 15px 15px; float: left; display: inline; margin-right: 10px; position: relative; top: -30px; position: relative;} #sidebar {width: 300px; float: left; min-height: 400px; height: auto !important; height: 400px; position: relative; top: -55px; padding: 0px 60px 0px 20px;} /* For google search page */ #content-wrapper1 {width: 980px; padding: 30px 15px 30px 15px; position: relative; background: url(images/content-repeat1.png) 0px 0px repeat-y; position: relative;} #content1 {width: 960px; padding: 0px 15px 15px 15px; float: left; display: inline; margin-right: 10px; position: relative; top: -30px; position: relative;} /* Sidebar */ li.widget {margin-bottom: 20px; clear: both;} li.widget ul, li.widget ol {clear: both;} li.widget ul li a, li.widget ol li a {display: block; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; margin-bottom: 3px; color: #006699; font-size: 13px;} li.widget ul li a:visited, li.widget ol li a:visited {color: #006699;} li.widget ul li a:hover, li.widget ol li a:hover {text-decoration: underline; color: #006699;} h4.widget-title {font-family: Verdana, Geneva, sans-serif; color: #999999; font-size: 13px; margin-bottom: 5px;} /* Bread Crumbs */ div.breadcrumb {position: absolute; top: 263px; left: 30px; padding: 3px 0px 3px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999999;} div.breadcrumb a {text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999999;} div.breadcrumb a:visited {color: #999999;} div.breadcrumb a:hover {text-decoration: underline;} div.breadcrumb p {color: #999999; font-size: 11px;} /* Top Ads */ a.top-left {display: block; width: 310px; height: 40px; background: #ffffff; position: absolute; top: 11px; border: 0px; left: 15px;} a.top-middle {display: block; width: 310px; height: 40px; background: #ffffff; position: absolute; top: 11px; border: 0px; left: 335px;} a.top-right {display: block; width: 310px; height: 40px; background: #ffffff; position: absolute; top: 11px; border: 0px; left: 655px;} /* Leader Board */ div.leader-board {width: 728px; height: 90px; position: absolute; right: 10px; top: 10px;} /* Article Bottom Ad (SINGLE.PHP) */ div.bottom-ad {width: 480px; margin: 0 auto 15px auto;} /* Sidebar Ad */ div.sidebar-ad {position: relative; right: 15px;} /* Sidebar Ad */ div.sidebar-ad {margin-bottom: 15px;} /* 2-Column Archive */ li.widget_archive ul li {display: block; width: 130px; float: left;} /* Posts */ div.post ul {padding: 0px 30px 15px 40px; list-style: disc;} div.post ol {padding: 0px 30px 15px 40px; list-style: decimal;} div.post ul li {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333; line-height: 130%; padding-bottom: 3px;} div.post ol li {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333; line-height: 130%; padding-bottom: 15px;} div.post br {display: block; height: 5px;} div.post hr {height: 2px; color: #eee; text-align: center; width: 75%; margin: 15px 0; clear: both;} div.post {padding-bottom: 5px; padding-top: 5px; margin: 0px 5px 5px 0px; border-bottom: 1px dotted #cccccc;} div.single {border-bottom: 0px;} div.nothumb {margin: 0px 5px 5px 0px; padding-left: 0px; padding-bottom: 0px;} div.thumb {float: left; margin-right: 10px; display: inline;} div.thumb img {border: 1px solid #cccccc;} div.post div.right-post p {padding-bottom: 5px; margin-left: 62px;} div.nothumb p {padding-bottom: 10px;} #content div.post small a {color: #666666;} div.post blockquote p {display: block; font-size: 15px; color: #8F080E; font-style: italic; background: url('images/blockquote.jpg') no-repeat 0px 0px; min-height: 30px; height: auto !important; height: 30px; padding: 10px 0px 10px 35px;} /* Homepage Style */ #home #content {margin: 0px; top: -54px; padding: 0px; width: 570px; margin-right: 0px; position: relative; left: 10px;} #home #sidebar {left: 31px;} div.home div.thumb img {border: 0px;} div.home div.thumb {width: 275px; float: left; margin: 0px 10px 0px 0px; position: relative; left: 5px; top: 5px; padding-bottom: 20px; display: inline;} div.home div.thumb a {font-size: 13px; font-family: Helvetica, Arial, sans-serif; display: block;} div.home {margin: 0px; padding: 0px;} div.home div.thumb a.feature-big {font-size: 15px; padding: 3px 0px 3px 0px;} div.home div.thumb a.feature-small {font-size: 13px; padding: 0px 0px 3px 0px;} div.home div.thumb p {padding-bottom: 5px;} div.home a.feature-image {display: block; width: 275px; height: 125px; overflow: hidden; position: relative; text-decoration: none; padding-top: 18px; border: 1px solid #cccccc;} div.home a.feature-image h4 {position: absolute; top: 0px; left: 0px; font-weight: bold; color: #ffffff; display: block; background: #333333; width: 267px; height: 20px; line-height: 20px; padding: 0px 10px 0px 10px;} div.home a.feature-image:hover h4 { color: #ffffff; text-decoration: none;} div.home a.feature-image:hover {text-decoration: none;} /* Post Styles */ div.post h1 {font-size: 14.5pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 3px; color: #8F080E; font-weight: normal;} div.post h2 {font-size: 12pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 3px; color: #8F080E; font-weight: normal;} div.post h3, #content h3 {font-size: 12pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 3px; color: #8F080E; font-weight: normal;} div.post h4 {font-size: 11pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; padding-bottom: 3px;} div.post h5 {font-size: 10pt; font-weight: bold;} div.post h6 {font-size: 9pt; font-weight: bold;} div.post p {line-height: 130%;} div.post small {display: block; font-size: 11px; font-family: Helvetica, Arial, sans-serif; color: #999999; margin-bottom: 15px; word-spacing: 1px;} div.post a {color: #006699; text-decoration: none;} div.post a:visited {color: #006699; } div.post a:hover {color: #006699; text-decoration: underline;} /* Single Post Styles */ div.single h1 {font-size: 16pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 0px; color: #111111; font-weight: normal; clear: both;} div.single h2 {font-size: 12pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 3px; color: #8F080E; font-weight: normal;} div.single h3 {font-size: 12pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 3px; color: #8F080E; font-weight: normal;} div.single h4 {font-size: 10pt; font-family: Helvetica, Arial, sans-serif; font-weight: bold; padding-bottom: 3px; line-height: 110%;} div.single h5 {font-size: 10pt; font-weight: bold;} div.single h6 {font-size: 9pt; font-weight: bold;} div.single p {line-height: 150%;} div.single small {display: block; font-size: 11px; font-family: Helvetica, Arial, sans-serif; color: #999999; margin-bottom: 15px; word-spacing: 1px; border-bottom: 1px dotted #efefef; margin-right: 5px; margin-top: 5px; padding-bottom: 5px;} div.single span.subtitle p {padding-bottom: 0px; font-style: italic; color: #666666; position: relative; top: 2px;} a.post-edit-link {font-family: Arial, Helvetica, sans-serif;} /* Model & Goth Category Styles */ div#model-portfolio {background-color:#EEF; padding: 10px; clear: both; width: 97%; -moz-border-radius: 4px; margin-bottom: 10px;} div#model-portfolio img {margin: 0 0.6em 0.6em 0;} div#model-portfolio h2 {margin-bottom: 10px;} div.model {width: 105px; float: left; border: 0px; text-align: center;} #content div.model-thumb h3 a {font-size: 10pt;} /* Single Post Navigation */ div.single-navigation {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin-bottom: 15px;} div.single-navigation a:visited {color: #8F080E;} div.single-navigation a:hover {color: #8F080E; text-decoration: underline;} div.single-navigation div.next {float: right;} div.single-navigation div.previous {float: left;} /* */ div.textwidget a {color: #006699; text-decoration: none;} div.textwidget a:visited {color: #006699;} div.textwidget a:hover {color: #006699; text-decoration: none;} /* Author Page */ #content h3.author {margin-bottom: 10px;} #content h1.authorname {font-size: 16pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 0px; color: #111111; font-weight: normal; clear: both;} #content p.authormeta {line-height: 120%; font-style: italic; color: #999999; margin-bottom: 15px; padding-bottom: 15px;} #content p.website {padding-bottom: 5px;} #content p.website a {color: #006699; text-decoration: underline;} #content p.website a:visited {color: #006699;} div.author-image {width: 80px; float: left;} div.authorbox {width: 460px; padding-left: 15px; float: left;} div.author {padding-bottom: 15px;} /* Sharethis (temp) */ #sharepost {padding: 15px 0px 15px 160px; margin-bottom: 15px; border-top: 1px dotted #efefef; border-bottom: 1px dotted #efefef;} /* Category Desscription */ div.catDesc p {border-bottom: 1px dotted #cccccc; margin-bottom: 15px;} div.catDesc h1 {font-size: 16pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 0px; color: #111111; font-weight: normal; clear: both;} div.catDesc a {color: #006699; text-decoration: none;} div.catDesc a:visited {color: #006699; text-decoration: none;} div.catDesc a:hover {color: #006699; text-decoration: underline;} /* Related Posts */ div.relatedPosts {margin: 15px auto 10px auto; background: #efefef; padding: 15px;} div.relatedPosts h4 {padding-left: 20px;} div.relatedPosts ol {margin: 0; padding: 0 0 0 20px; list-style: none;} div.relatedPosts ol li {margin: 0; padding: 0 0 5px 0;} /* Article Navigation */ div.articles-navigation {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin-bottom: 15px; clear: both;} div.articles-navigation a {color: #8F080E; text-decoration: none;} div.articles-navigation a:visited {color: #8F080E;} div.articles-navigation a:hover {color: #8F080E; text-decoration: underline;} div.articles-navigation div.next {float: right;} div.articles-navigation div.previous {float: left;} /* Comments Setup */ #comments {color: #5b0707; font-family: Georgia, serif; font-size: 13pt; margin-bottom: 10px;} div.comments {width: 530px; padding: 15px;} div.comments ol {padding: 0px;} li.comment {background: #f9f9f9; clear: both; padding: 15px 15px 15px 15px; list-style: none; position: relative;} li.comment.odd {background: #efefef;} li.comment em {font-size: 10pt; color: #5b0707;} li.comment p {margin-left: 100px; color: #222222; line-height: 120%;} li.comment p.date {position: absolute; right: 15px; bottom: 5px; color: #999999; line-height: 100%; font-size: 8pt;} div.vcard {float: left; width: 100px;} div.reply {clear: both;} div.comment-meta {padding-bottom: 0px; margin-left: 0px; font-size: 8pt;} div.comment-meta a {font-size: 8pt;} span.says {display: none;} cite.fn {font-size: 10pt; padding: 5px 0px 5px 0px; display: block;} div.report {position: absolute; bottom: 3px; right: 15px;} div.report a {font-size: 8pt;} a.comment-edit-link {display: block; font-size: 8pt; margin-left: 100px; position: relative; top: -10px;} #commentform {width: 510px; background: #efefef; padding: 15px;} #commentform div.formrow {clear: both; padding-bottom: 10px;} #commentform div.formrow small {display: inline;} #commentform label {display: block; width: 100px; color: #292722; font-size: 11pt; text-align: left;} #commentform label small {font-size: 8pt; color: #333333; color: #5B0707; position: relative; top: -7px;} #commentform input {display: block; width: 205px; padding: 3px 5px 3px 5px;} #respond {padding-top: 10px;} #respond h3 {color: #5b0707; font-family: Verdana, Geneva, sans-serif; font-size: 13pt; margin-bottom: -5px;} /* Comment Inputs */ #author {border: 1px solid #999999;} #email {border: 1px solid #999999;} #url {border: 1px solid #999999;} #comment {width: 410px; height: 110px; padding: 3px 5px 3px 5px; border: 1px solid #999999; font-family: Helvetica, Arial, sans-serif; line-height: 130%; font-size: 9pt;} #commentform #comment_post_ID {padding: 0px;} #commentform #comment_parent {padding: 0px;} #commentform label.show {width: auto; display: block; font-size: 9pt; font-family: Helvetica, Arial, sans-serif; color: #666666; margin-left: 30px;} #commentform #agree {float: left; display: block; width: auto; padding: 0px;} #commentform #submit {border: 1px solid #333333; cursor: pointer; background: #BB0E12; color: #ffffff; padding: 3px; width: 100px;} #commentform #_wp_unfiltered_html_comment {display: none;} /* Diva Table */ #diva-table a {color: #666666; line-height: 120%; text-decoration: none;} #diva-table td {padding-bottom: 15px;} #diva-table strong {padding-bottom: 5px; color: #8F080E;} #diva-table a:hover {color: #8F080E; text-decoration: underline;} #diva-table a:visited {color: #666666;} /* Dragon Con Table */ table.smalltext p {font-size: xx-small; font-family: Arial, Helvetica; color: #808080;} table.smalltext td {padding: 15px 10px 10px 10px;} /* Footer */ #footer {width: 980px; height: 50px; margin: 0 auto; background: url(images/footer.png) 0px 0px no-repeat;} /* Footer Links *//* Footer for google search page */ #footer1 {width: 980px; height: 50px; margin: 0 auto; background: url(images/footer1.png) 0px 0px no-repeat;} #footer-links {width: 900px; margin: 0 auto; padding-bottom: 15px; text-align: center;} #footer-links p {padding-bottom: 2px; font-family: Verdana, Geneva, sans-serif; color: #333333; font-size: 11px;} #footer-links p a {font-size: 11px; font-family: Verdana, Geneva, sans-serif; color: #006699; text-decoration: none;} #footer-links p a:visited {color: #006699;} #footer-links p a:hover {color: #006699; text-decoration: underline;} #footer-links li {display: inline;} #footer-links li a {display: inline; font-size: 11px; font-family: Verdana, Geneva, sans-serif; color: #006699; text-decoration: none;} #footer-links li a:visited {color: #006699;} #footer-links li a:hover {color: #006699; text-decoration: underline;} #sidebar_default { width:310px} #sidebar_default h2 {font-size: 18px; font-family: Arial Black; color: #555555; text-align:center; } #sidebar_default div.model { margin-left: -3px; margin-right: 0px; } #sidebar_default div.model a {float: left; width: 90px; height: 105px; padding: .5em 0 .5em 0; margin: 2px 6px 2px 6px; border: 1px solid #cccccc; color: #006699; text-decoration: none; font-size: 11px; font-family: Arial;} #sidebar_default div.model a:hover {border: 1px solid #666666;} #sidebar_default div.post {padding-bottom: 2px; padding-top: 2px; margin: 2px 10px 2px -10px; height:50px; border-bottom:0px; font-family: Arial; } #sidebar_default div.post div.right-post {padding-bottom: 2px; margin-left: 5px; margin-right: 0; margin-top:14px; font-size:10pt; color:#333333; } #sidebar_default div.post div.thumb {padding-bottom: 2px; margin-left: 5px; margin-right: 0;} #sidebar_default div.post div.right-post p {padding-bottom: 2px; margin-right:0;} #sidebar_default div.post div.right-post h3{padding-bottom: 2px; margin-right:0; font-size:10pt} #sidebar_default div.post a {color: #006699; text-decoration: none; font-family: Arial; font-weight:normal;} #sidebar_default div.post a:visited {color: #006699; } #sidebar_default div.post a:hover {color: #006699; text-decoration: underline;} #sidebar_default div.post_odd {padding-bottom: 2px; padding-top: 2px; margin: 2px 0px 2px -10px; height:52px; border-bottom:0px; font-family: Arial; background-image: url(images/home-right.jpg); } #sidebar_default div.post_odd div.right-post {padding-bottom: 2px; margin-left: 5px; margin-right: 0; margin-top:14px; font-size:10pt; color:#333333} #sidebar_default div.post_odd div.thumb { padding-top:2px; padding-bottom: 2px; margin-left: 5px; margin-right: 0;} #sidebar_default div.post_odd div.right-post p {padding-bottom: 2px; margin-right:0;} #sidebar_default div.post_odd div.right-post h3{padding-bottom: 2px; margin-right:0; font-size:10pt} #sidebar_default div.post_odd a {color: #006699; text-decoration: none; font-family: Arial; font-weight:normal;} #sidebar_default div.post_odd a:visited {color: #006699; } #sidebar_default div.post_odd a:hover {color: #006699; text-decoration: underline;} #content div.model-thumb a {display: block; float: left; width: 100px; height: 100px; padding: .5em .5em 1em .5em; border: 1px solid #cccccc; margin: 10px; color: #006699; text-decoration: none; font-size: 11px; font-family: Arial; text-align:center;} #content div.model-thumb a:hover {border: 1px solid #666666;} /* for comments sider bar */ #sidebar_default div.post_comments {width:305px; padding-bottom: 10px; padding-top: 10px; margin: 2px 0px 2px -3px; font-family: Arial,Helvetica,sans-serif; color: #006699; font-size:9pt;} #sidebar_default div.post_comments li{ color: #333333; border-bottom:1px dotted #CCCCCC; padding:10px 0 10px 0 } #sidebar_default div.post_comments a {color: #006699; text-decoration: none; font-weight:normal; } #sidebar_default div.post_comments a:hover {text-decoration: underline;} /* for diva sider bar */ #sidebar_default div.post_diva {width:305px; padding-bottom: 2px; padding-top: 2px; margin: 2px 0px 2px -3px; height:28px; border-bottom:0px; font-family: Arial; border-bottom:1px dotted #CCCCCC;} #sidebar_default div.post_diva div.thumb {padding-bottom: 2px; margin-left: 5px; margin-right: 0;} #sidebar_default div.post_diva h3{padding-bottom: 2px; margin-right:0; font-size:9pt; } #sidebar_default div.post_diva a {color: #006699; text-decoration: none; font-family: Arial; font-weight:normal; font-size:9pt;} #sidebar_default div.post_diva a:hover {color: #006699; text-decoration: underline;} #sidebar_default div.post_model {width:305px; padding-bottom: 2px; padding-top: 2px; margin: 2px 0px 2px 0px; height:28px; border-bottom:0px; font-family: Arial; border-bottom:1px dotted #CCCCCC;} #sidebar_default div.post_model div.thumb {padding-bottom: 2px; margin-left: 5px; margin-right: 0;} #tab{ height: 22px; width: 310px; padding-top:8px; margin-left:0px; border-bottom:1px solid #CCCCCC;} #tab ul { margin-top:10px; margin-left:2px; list-style: none; } #tab li { background-image:url(images/tab-1.gif); background-repeat:no-repeat; background-position:center; width: 37px; list-style-type: none; float: left; display: block; text-align:center; } #tab li a { margin-left:4px; height: 22px; float:left; width: 29px; color: #666666; text-decoration: none; font-family: Arial; font-size: 0.8em; border-bottom:1px solid #CCCCCC; } #tab li a:hover { color: #006699; text-decoration: underline;}