/*
THEME NAME: BPDS
THEME URI: http://www.rzen.net
DESCRIPTION: Based on the popular and powerful <a href="http://www.plaintxt.org/themes/sandbox/" target="_blank">Sandbox</a> and <a href="http://code.google.com/p/blueprintcss/" target="_blank">BlueprintCSS</a> frameworks.
TAGS: widgets, sandbox, blueprint, microformats, hcard, hatom, xoxo
VERSION: 2.0
AUTHOR: Brian Richards
AUTHOR URI: http://www.rzen.net

Table Of Contents (line numbers approximate)
	43 - General Styling (headings, link tags, blockquotes)
	97 - Header (logo, callus, banner)
	145 - Menu (primary navigation)
	187 - Slider (featured content slider on homepage)
	280 - Layout (container, content area)
	313 - Portfolio Listings (portfolio category style)
	355 - Sidebar
	429 - Posts/Pages
	519 - Comments
	590 - Footer
	724 - IE6 PNG Fixes (I Hate IE6)
*/
/* Two-column with sidebar on left from the /css/ folder  */
@import url(css/2c-r.css);
/* Maintenance Alert */
#alert {
    display: block;
    background: #fcc;
    border: 1px solid #c77;
    width: 853px;
    padding: 10px;
    position: absolute;
    top: 148px;
    left: 50%;
    margin-left: -437px;
    z-index: 500
    }
/* START General Stylings */
* {
    margin: 0;
    padding: 0
    }
body {
    background: url(images/page_bg.jpg) fixed;
    color: #555;
    font: 76% Arial, sans-serif;
    line-height: 18px;
    margin: 0;
    padding: 0
    }
#header_bg {
    background: transparent url(images/header_bg.png) no-repeat center top
    }
#outer {
    background: url(images/content_bg.png) repeat-y center top
    }
a, a:visited {
    text-decoration: none;
    color: #4ae
    }
a:hover, a:active {
    color: #5bf
    }
h1 {
    font-size: 2em;
    color: #333
    }
h2 {
    font-size: 1.5em;
    color: #555
    }
h3 strong {
    font-weight: normal
    }
.al, .alignleft {
    position: relative;
    float: left;
    margin-right: 10px
    }
.ar, .alignright {
    position: relative;
    float: right;
    margin-left: 10px
    }
.ma {
    margin: auto
    }
.cb {
    clear: both
    }
img, p img {
    float: none;
    margin: auto;
    border: 0
    }
/* END General Stylings */
/* BEGIN Header */
#header {
    height: 570px;
    width: 900px;
    margin: 0 auto
    }
#logo {
    width: 520px;
    height: 50px;
    position: absolute;
    top: 55px
    }
#blog-title, #blog-description {
    position: absolute;
    text-indent: -999em
    }
#header h1 {
    margin: 0
    }
/* #callus {
	display:block;
	width:160px;
	height:45px;
	position:absolute;
	top:67px;
	left:50%;
	margin-left:110px;
} */
#feedlink {
    display: block;
    width: 110px;
    height: 22px;
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: 355px
    }
#feedlink span {
    position: absolute;
    text-indent: -999em
    }
#banner {
    background: #eee;
    width: 875px;
    height: 400px;
    margin: 108px auto 0;
    position: relative;
    overflow: hidden
    }
.home #banner {
    background: transparent
    }
#banner .project-details {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.9em
    }
#banner .stbuttontext {
    display: none
    }
/* END Header */
/* BEGIN Menu */
#nav {
    list-style: none;
    margin: 0;
    margin-left: -15px;
    padding: 0;
    width: 100%;
    height: 40px;
    overflow: hidden
    }
* html body #nav {
    margin-left: 0
    }
#menu .page-item-22, #menu .page-item-93, #menu .page-item-94, #menu .page-item-95, #menu .page-item-96, #menu .page-item-357, #menu .page-item-1410 {
    display: none
    }
#nav li {
    display: inline
    }
#nav li a, #nav li a:visited {
    color: #ccc;
    text-transform: uppercase;
    padding: 5px 0;
    padding-left: 7px;
    margin: 0;
    margin-right: 5px;
    line-height: 40px
    }
#nav li a:hover, #nav li a:active, #nav li.current_page_item a, #nav li.current_page_item a:visited {
    color: #333;
    background: url(images/nav_left.png) no-repeat 0 50%
    }
#nav li span {
    padding: 5px 0;
    padding-right: 7px
    }
#nav li a:hover span, #nav li a:active span, #nav li.current_page_item span {
    background: url(images/nav_right.png) no-repeat 100% 50%
    }
/* END Menu */
/* BEGIN Slider */
.notactive {
    visibility: hidden
    }
.jshide {
    visibility: hidden
    }
.slideme {
    position: relative;
    left: 0
    }
.slide1 {
    visibility: visible;
    z-index: 1
    }
.slider_container {
    position: absolute;
    top: 0;
    left: 0;
    height: 400px;
    width: 875px
    }
#sleekslide .slideimage {
    background: url(images/slider_reflection.png) repeat-x 0 100%;
    position: absolute;
    padding-bottom: 30px
    }
#sleekslide .slideimage_big, #sleekslide .nophoto {
    left: 35px;
    bottom: 80px
    }
#sleekslide .slideimage_med, #sleekslide .nophoto-md {
    left: 190px;
    bottom: 55px
    }
#sleekslide .slideimage_sm1, #sleekslide .nophoto-sm1 {
    bottom: 50px;
    left: 80px
    }
#sleekslide .slideimage_sm2, #sleekslide .nophoto-sm2 {
    bottom: 40px;
    left: 275px
    }
#sleekslide .intro {
    color: #acbdce;
    line-height: 18px;
    width: 400px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: 25px
    }
#sleekslide .intro_text {
    margin-bottom: 0.7em
    }
#sleekslide .intro h2 a, #sleekslide .intro h2 a:visited, .xoxo h3, .entry-content h3, .entry-content h2, .entry-content h4, .entry-content h5 {
    color: #fff;
    font: bold 1.2em "Arial Black", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 10px;
    margin-bottom: 15px
    }
.xoxo h3, .entry-content h3, .entry-content h2, .entry-content h4, .entry-content h5 {
    color: black;
    line-height: 1.4em
    }
#sleekslide .buttonlinks {
    display: block;
    position: absolute;
    top: 200px;
    width: 400px;
    overflow: hidden
    }
#sleekslide .buttonlinks .next {
    margin-right: 10px
    }
.buttonlinks a {
    display: block;
    background: url(images/slider_button.png) no-repeat 50% 0;
    color: #333;
    font: italic 1.2em Georgia, serif;
    line-height: 33px;
    text-decoration: none;
    text-align: left;
    text-indent: 7px;
    width: 155px;
    padding-bottom: 30px;
    border: none;
    position: relative;
    float: left
    }
#sleekslide .buttonlinks a:hover {
    color: #555
    }
/* END Slider */
/* BEGIN Layout */
div.checklistwrap {
    margin: 3px 0;
    overflow: hidden;
    padding-top: 3px
    }
ul, li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none
    }
.entry-content ol li {
    list-style-type: decimal
    }
.entry-content ul li {
    background: transparent url(images/ulselect.png) no-repeat scroll 0 0.4em;
    padding: 5px 0 5px 20px
    }
.entry-content ul ol li {
    background: transparent
    }
ul.checklist {
    float: left;
    margin: 12px 0 0 12px;
    width: 170px
    }
ul.checklist li {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(images/ulselect.png) no-repeat scroll 0 0.4em;
    padding: 5px 0 5px 20px
    }
ul.checklist2 {
    float: left;
    margin: 12px 0 0 12px;
    width: 450px
    }
ul.checklist2 li {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(images/ulselect.png) no-repeat scroll 0 0.4em;
    padding: 5px 0 5px 20px
    }
#wrap {
    width: 900px;
    margin: 0 auto;
    margin-bottom: -10px;
    padding: 0 50px;
    position: relative;
    overflow: hidden;
    z-index: 10
    }
#content {
    width: 540px;
    padding: 30px;
    padding-top: 0;
    overflow: hidden
    }
#nav-above, #nav-below {
    position: relative;
    overflow: hidden;
    clear: both
    }
#nav-above {
    display: none
    }
.nav-previous {
    position: relative;
    float: left
    }
.nav-next {
    position: relative;
    float: right
    }
.pageid-22 .page-title {
    display: none
    }
.pageid-22 h3 a, .pageid-22 h3 a:visited, .pageid-22 .text1 a, .pageid-22 .text1 a:visited {
    color: #555
    }
/* END Layout */
/* BEGIN Portfolio Listings */
div.portfolio {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    width: 168px;
    clear: none;
    border: 0;
    background: none
    }
.portfolio .entry-photo {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #000;
    float: left;
    margin-right: 0;
    padding: 8px;
    position: relative;
    margin-bottom: -25px;
    z-index: 20
    }
.portfolio .entry-meta {
    background: #333;
    height: 25px;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 25;
    opacity: 0.8;
    color: #fff
    }
.portfolio .entry-title, .portfolio .entry-title:visited {
    color: #fff !important;
    font: 1em Arial, sans-serif;
    letter-spacing: 0;
    padding: 0 8px;
    line-height: 25px
    }
/* END Portfolio Listings */
/* BEGIN Sidebar */
.sidebar {
    overflow: hidden
    }
.xoxo, .xoxo ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
.xoxo li {
    margin-bottom: 15px
    }
.xoxo li li {
    margin-bottom: auto
    }
.xoxo a, .xoxo a:visited {
    color: #777;
    padding-bottom: 1px;
    margin-bottom: 2px
    }
.xoxo a:hover, .xoxo a:active {
    color: #555;
    border-bottom: 1px dotted #555
    }
.widget_twitter li .entry-meta {
    display: block;
    width: 100%;
    border-bottom: #777 1px dotted;
    margin-bottom: 0.5em;
    padding-bottom: 2px;
    font-size: 0.8em;
    line-height: 1.2em
    }
#quote {
    display: block;
    background: url(images/stickie.png) no-repeat;
    width: 292px;
    height: 193px;
    margin: 0 auto
    }
#quote:hover, #quote:active, #quote:focus {
    border-bottom: 0
    }
.project-details li {
    margin-bottom: 0
    }
#s {
    width: 185px;
    margin-right: 3px
    }
.cat-prev-link, .cat-next-link {
    display: inline;
    position: relative;
    float: left
    }
#project-nav {
    overflow: hidden
    }
#project-nav a, #project-nav a:visited {
    display: block;
    width: 112px;
    height: 32px;
    text-indent: -999em;
    overflow: hidden;
    margin-right: 5px
    }
#project-nav a:hover, #project-nav a:active, #project-nav a:focus {
    border-bottom: 0
    }
.cat-prev-link a, .cat-prev-link a:visited {
    background: url(images/cat-previous.png) no-repeat
    }
.cat-next-link a, .cat-next-link a:visited {
    background: url(images/cat-next.png) no-repeat
    }
#partners h2 {
    position: absolute;
    left: -999em
    }
.blogroll li {
    display: inline-block;
    text-align: center;
    background: #ddd;
    width: 115px;
    padding: 3px;
    overflow: hidden
    }
.blogroll li a, .blogroll li a:visited {
    display: inline-block;
    text-align: center
    }
.blogroll li a:hover, .blogroll li a:active, .blogroll li a:focus {
    border: 0
    }
.current-cat {
    display: inline-block;
    background: #ee5;
    color: #333;
    padding: 2px 3px
    }
.current-cat a, .current-cat a:visited {
    color: #333
    }
/* END Sidebar */
/* BEGIN Articles/Pages */
.post {
    background: url(images/post_footer_bg.png) repeat-x 0 100%;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    position: relative;
    clear: both;
    overflow: hidden
    }
.entry-photo {
    position: relative;
    background: #f0f0f0;
    padding: 8px;
    margin-right: 10px;
    border: 1px solid #ccc;
    position: relative;
    float: left
    }
#fbutton, .tweetmeme_button {
    width: 64px;
    float: right;
    clear: right;
    padding-bottom: 10px
    }
#fbutton, #tweetmemebutton {
    margin-top: 10px
    }
.tweetmeme_button {
    text-align: center
    }
#testimonials {
    margin: 0.5em 1em;
    border-bottom: #DDD 1px solid;
    border-top: #DDD 1px solid
    }
#testimonials blockquote {
    width: auto;
    padding-left: 50px;
    background: url(images/quotes.png) no-repeat 2px 2px;
    border-top: 0 none !important;
    border-bottom: 0 none !important
    }
#testimonials blockquote cite {
    display: block;
    text-align: right
    }
.entry-title {
    color: #333;
    font: 1.5em Georgia, serif;
    text-transform: capitalize;
    letter-spacing: -0.5px;
    line-height: 1em
    }
.single .entry-title, .page-title {
    font: 2em Georgia, serif
    }
.entry-title a, .entry-title a:visited {
    color: #333
    }
.edit-link, .more-link {
    position: relative;
    float: right
    }
.single .edit-link {
    float: none
    }
.entry-footer {
    color: #777;
    font-size: 0.8em;
    text-transform: uppercase;
    padding: 3px;
    padding-top: 15px;
    position: relative;
    clear: both;
    overflow: hidden
    }
.entry-meta {
    position: relative;
    float: left
    }
.single .hentry .entry-meta {
    float: none;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 0.8em;
    color: #777;
    text-transform: uppercase;
    border-bottom: #777 1px solid;
    padding-bottom: 0.4em
    }
.author-desc {
    display: block;
    height: 2.6em;
    overflow: hidden;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.3em;
    margin-bottom: 0.4em
    }
.meta-sep {
    color: #ccc;
    font: 1.5em "Arial Narrow", sans-serif
    }
.entry-comments {
    position: relative;
    float: left
    }
.entry-social {
    position: relative;
    float: right
    }
a.stbutton.stico_default {
    background: none !important;
    padding: 0
    }
.comments-link a, .comments-link a:visited {
    display: inline-block;
    background: url(images/comment_bubble.png) no-repeat 50% 50%;
    color: #555;
    line-height: 16px;
    text-align: center;
    width: 23px;
    height: 19px;
    margin-top: -3px
    }
.entry-content ul, .entry-content ol {
    margin: 0 4em 1.5em
    }
.widget_twitter li {
    clear: both;
    margin: 5px 0 10px 0
    }
.widget_twitter li .clear {
    clear: both
    }
.widget_twitter .entry-content {
    padding-bottom: 5px;
    margin-bottom: 5px
    }
/* END Articles */
/* BEGIN Comments */
#comments {
    font: italic 1.5em Georgia, serif;
    margin-bottom: 5px
    }
#respond {
    font: italic 2em Georgia, serif
    }
.commentlist {
    list-style: none;
    padding: 0
    }
.commentlist small {
    font-size: 8pt;
    color: #696969
    }
#postcomment {
    margin: 40px 0 10px 10px;
    text-transform: none
    }
.commentlist li {
    padding: 10px;
    border-bottom: 1px dotted #444
    }
.commentlist .alt {
    background: #eee url(images/comment_alt_bg.png) repeat-x
    }
.avatar {
    float: left;
    margin-right: 5px;
    width: 40px;
    height: 40px
    }
.commentmetadata a, .commentmetadata a:visited {
    color: #aaa
    }
.comment-header .edit-link {
    position: relative;
    float: right
    }
.comment-header cite {
    color: #333;
    font: 14pt "Arial Black", sans-serif;
    font-style: none;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-bottom: 7px;
    letter-spacing: 0
    }
.headercomment {
    color: #999;
    font-size: 8pt
    }
.commenttext {
    margin-top: 10px
    }
#comments textarea, #comments input {
    background: #eee;
    font-size: 9pt;
    width: 300px;
    padding: 5px;
    margin: 2px 5px;
    border: 1px solid #ccc
    }
/* END Comments */
/* BEGIN cForms */
/* END cForms */
/* BEGIN Footer */
#secondary {
    background: url(images/subfooter_bg.png);
    width: 880px;
    margin: 0 auto 0 15px;
    padding-top: 30px;
    position: relative;
    float: none;
    clear: both !important
    }
#secondary h3 a, #secondary h3 a:visited {
    color: #000
    }
#secondary li {
    width: 200px;
    margin: 15px;
    position: relative;
    float: left;
    line-height: 20px
    }
#secondary li li {
    width: auto;
    margin: 0;
    float: none;
    border: 0
    }
#secondary .stbuttontext {
    display: none
    }
#secondary #about-page .widgettitle {
    display: none
    }
#secondary #about-page {
    width: 350px;
    margin-right: 0
    }
#secondary #contact-info {
    background: url(images/card_info_bg.png) no-repeat 50% 0;
    color: #ccc;
    height: 310px;
    margin-top: 0;
    margin-bottom: -10px;
    width: 250px
    }
* html body #secondary #contact-info {
    width: 240px
    }
#secondary #contact-info div {
    position: absolute;
    left: -999em
    }
#secondary #contact-info h3 {
    color: #fff
    }
#backtotop {
    display: block;
    background: url(images/backtotop.png) no-repeat;
    width: 64px;
    height: 54px;
    position: relative;
    left: 50%;
    margin-left: -566px;
    margin-top: -65px
    }
#supporting_links {
    display: block;
    list-style: none;
    width: 20px;
    height: 10px;
    padding: 0;
    margin-bottom: -12px;
    margin-left: 500px;
    position: relative;
    left: 50%;
    top: -10px
    }
#supporting_links li {
    display: inline;
    margin: 0;
    padding: 0
    }
#supporting_links a, #supporting_links a:visited {
    display: block;
    background: #242424;
    width: 2px;
    height: 2px;
    margin: 1px;
    padding: 0;
    position: relative;
    float: left;
    overflow: hidden
    }
#footer_wrap {
    background: url(images/footer_bg.png) repeat-x 0 0;
    width: 100%;
    height: 55px;
    position: relative;
    overflow: hidden;
    z-index: 25
    }
#footer {
    width: 900px !important;
    margin: 25px auto 0;
    position: relative;
    overflow: hidden;
    color: #fff
    }
#footer_copy {
    position: relative;
    float: left
    }
#footer_copy a, #footer_copy a:visited {
    color: #fff
    }
#footer_links {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    float: right
    }
#footer_links li {
    display: inline;
    margin: 0;
    padding: 0
    }
#footer_links li a, #footer_links li a:visited {
    color: #fff;
    font-size: 0.8em;
    text-transform: uppercase;
    margin: 0 10px;
    display: inline-block
    }
#footer_links li a:hover, #footer_links li a:active {
    border-bottom: 2px solid #fff
    }
#footer_links .page-item-348, #footer_links .page-item-688 {
    display: none
    }
#wp_footer {
    display: none
    }
/* END Footer */
/***************
	Tweetmeme mimicing
***************/
body div#wrapper div.tweetmeme_button {
    height: 50px !important
    }
#tweetmemebutton {
    font-family: arial;
    height: 22px;
    width: 64px;
    clear: right;
    text-align: center
    }
#tweetmemebutton a {
    text-decoration: none;
    border: none
    }
#tweetmemebutton a:hover {
    text-decoration: none
    }
#tweetmemebutton .retweet {
    height: 16px;
    width: 50px;
    background: url(/tweetmeme.com/images/widget.gif) no-repeat 0 -45px;
    text-align: center;
    margin: 3px auto;
    display: block;
    cursor: pointer;
    padding: 0 0 0;
    font-size: 11px;
    color: #FFF;
    text-decoration: none;
    line-height: 16px
    }
#tweetmemebutton .retweet:hover, #tweetmeme_button .retweet.selected {
    background-position: 0 -61px;
    color: #80b62a
    }
/* I Hate IE6 */
* html body {
    background: transparent url(images/header_bg.ie6.png) no-repeat center top
    }
* html body #wrap {
    padding: 0 45px;
    background-position: -4px 0
    }
* html body #secondary {
    background: none
    }
* html body #backtotop {
    background: none
    }
* html body #footer_wrap {
    background: none
    }
* html body #sleekslide .slideimage {
    background: none
    }
* html body #sleekslide .buttonlinks a {
    background: none
    }