/*  
Theme Name: Sliding Door
Theme URI: http://mac-host.com/slidingdoor/
Description:A unique template featuring accordian style sliding images in the menu. I designed this to NOT look like a standard wordpress theme. Images move on mouseover to reveal more of themselves. When clicked the image takes you to a category or page. Support and forums to help you get started at http://mac-host.com/support based on Samuel Birch's phatfusion image menu.
Version: 1.6
Author: Wayne Connor
Author URI: http://www.macintoshhowto.com/
Tags: black, fixed-width, custom-header, photoblogging, dark, left-sidebar

*/

body {
color:#909090;
font-family:verdana,helvetica,arial,sans-serif;
text-align:center;
}
body a {
color:#42ADFB;
}
#upperBar {
background:#01BCFF none repeat scroll 0 0;
height:0;
}
#wrapper {
margin:0 auto;
position:relative;
text-align:left;
width:940px;
}
#welcomeheading a {
color:#909090;
font-family:"Trebuchet MS","Lucida Grande",Lucida,Vernada,sans-serif;
font-size:10pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:10px;
padding-bottom:15px;
padding-top:10px;
text-decoration:none;
}
#welcomeheading {
text-align:center;
}
#welcomeheading a:hover {
color:#AAAAAA;
}
#middleword {
color:#909090;
}
#welcomeheading a:hover #middleword {
color:#909090;
}
.description {
color:#909090;
font-family:Verdana,Helvetica,Sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-bottom:10px;
padding-top:10px;
text-align:center;
}
#content {
float:right;
margin-top:0;
width:640px;
}
#content .notice p {
border-bottom:1px solid #BBBBBB;
border-top:1px solid #BBBBBB;
font-size:12px;
margin:1px;
padding:5px 0;
}
#content .notice {
margin-bottom:20px;
}
#content .post {
float:left;
margin-bottom:30px;
position:relative;
width:640px;
}
#content .post h2 a {
color:#909090;
font-size:24px;
font-weight:bold;
padding:3px 0;
text-decoration:none;
}
#content .post h2 a:hover {
color:#D5F3FF;
}
#content .post h3 {
color:#999999;
font-size:12px;
font-weight:normal;
margin-bottom:0;
margin-top:5px;
}
#content .post-details {
}
#content .prevnext {
font-family:Verdana,Helvetica,Sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
margin-top:20px;
}
#content .post h3 a {
color:#999999;
}
#content .post h3 a:hover {
text-decoration:none;
}
#content .post img {
margin-bottom:10px;
margin-top:10px;
max-height:600px;
max-width:500px;
}
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.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:10px;
padding-top:4px;
text-align:center;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
#content p.wp-caption-text {
color:#000000;
font-size:11px;
line-height:17px;
margin:10px;
text-align:center;
}
#content .post a img {
}
#content .post ul {
margin-left:20px !important;
}
#content .post ul li {
list-style-type:disc !important;
}
#content p, #content .post ul li {
color:#909090;
font-family:Verdana,Helvetica,Sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
margin-bottom:10px;
margin-right:0;
margin-top:10px;
text-align:justify;
}
#content blockquote {
border-left:3px solid #333333;
margin-left:10px;
padding-left:10px;
}
#content p a {
color:#42ADFB;
}
#content p a:hover {
text-decoration:none;
}
#content small {
border-bottom:1px solid #333333;
border-top:3px solid #333333;
color:#999999;
display:block;
font-size:11px;
margin:0 auto;
text-align:center;
}
#content ol {
line-height:1.6;
}
#content ol.commentlist {
margin-top:10px;
}
#content ol.commentlist li {
border-top:1px solid #333333;
margin-bottom:10px;
}
#content ol.commentlist li .commentMeta {
float:left;
margin-top:5px;
width:120px;
}
#content ol.commentlist li .commentMeta span {
display:block;
}
#content ol.commentlist li .commentMeta span.author, #content ol.commentlist li .commentMeta span.author a {
color:#CCCCCC;
margin-bottom:5px;
text-decoration:none;
}
#content ol.commentlist li .commentMeta span.date a {
color:#666666;
font-size:11px;
text-decoration:none;
}
#content ol.commentlist li .commentMeta span.moderate a {
color:#42ADFB;
}
#content ol.commentlist li .commentText {
float:right;
font-size:12px;
padding:5px;
width:450px;
}
#content ol.commentlist .avatar {
float:left;
}
#content h3 {
color:#42ADFB;
}
#content #commentform input {
font-family:Arial,Helvetica,Sans-serif;
padding:5px;
}
#content #commentform textarea {
font-family:Arial,Helvetica,Sans-serif;
padding:10px;
width:410px;
}
#content .nextprevious {
display:block;
height:40px;
}
#content .nextprevious a {
color:#CCCCCC;
}
#content .nextprevious .left {
float:left;
}
#content .nextprevious .right {
float:right;
}
#content .adBrite {
border:1px solid #333333;
display:block;
margin-bottom:20px;
}
#sidebar {
list-style-type:none;
font-family:Verdana,Helvetica,Sans-serif;
font-size:13px;
font-weight:bold;
float:none;
padding-top:20px, 20px, 20px, 20px;
text-align:left;
width:232px;
}
#sitemeter {
color:#999999;
font-size:11px;
text-align:center;
width:160px;
}
#sitemeter img {
padding-bottom:8px;
padding-top:8px;
}
#sidebar h2 {
font-size:16px;
font-weight:bolder;
margin-bottom:10px;
margin-top:10px;
text-transform:uppercase;
}
#sidebar a img {
border:medium none;
}
#sidebar ul {
margin-bottom:10px;
margin-top:10px;
}
#sidebar ul li {
font-size:11px;
margin:0 0 5px 5px;
padding:0 10px;
}
#sidebar ul li a {
color:#999999;
text-decoration:none;
}
#sidebar ul li span {
color:#666666;
margin-left:5px;
}
#sidebar ul li a:hover {
color:#CCCCCC;
}
#sidebar ul#nav {
margin:10px 0 20px;
}
#sidebar ul#nav li {
margin:0;
padding:0;
}
#sidebar ul#nav li a {
background:transparent url(img/nav_off.png) no-repeat scroll 0 0;
color:#999999;
display:block;
font-size:12px;
font-weight:bold;
height:17px;
margin-bottom:5px;
padding:7px 10px;
text-decoration:none;
text-transform:uppercase;
}
#sidebar ul#nav li a:hover {
background:transparent url(img/nav_off.png) no-repeat scroll 0 -31px;
}
#sidebar ul#nav li a.active {
background:transparent url(img/nav_on.png) no-repeat scroll 0 0;
color:#909090;
}
#footer hr {
height:1px;
}
#sidebar #footer {
border-bottom:1px solid #444444;
font-size:11px;
padding:20px, 0, 10px, 0;
}
#sidebar #footer p {
color:#CCCCCC;
margin-bottom:20px;
text-align:center;
}
#sidebar #footer a {
color:#999999;
text-decoration:none;
}
#sidebar #footer a:hover {
color:#909090;
text-decoration:none;
}
.clearfix {
clear:both;
}
.ctc {
background-color:#000000;
line-height:80%;
margin-bottom:10px;
padding-bottom:10px;
padding-right:10px;
padding-top:0;
text-align:center;
text-decoration:none;
}
.ctc a {
border:thin none #060606;
font-family:"Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
margin:4px;
text-decoration:none;
text-transform:lowercase;
}
.ctc a:hover {
background-color:#0C0C0C;
border:thin solid #8ACEF3;
color:#909090;
margin:3px;
}
[disabled] {
background:transparent none repeat scroll 0 0 !important;
border-color:#DDDDDD !important;
color:#DDDDDD;
}
#upperBox {
margin-bottom:10px;
padding-top:5px;
position:absolute;
right:0;
text-align:center;
}
#upperBox a img {
border:medium none;
display:block;
margin:0 auto;
}
#upperBox p {
font-size:10px;
margin:5px 0;
text-align:center;
}
#upperBox input {
background:transparent url(img/upperBox_search.png) no-repeat scroll left top;
border:0 none;
color:#9EC7EB;
height:18px;
margin-top:5px;
padding:5px 5px 5px 25px;
width:100px;
}
#upperBox input:focus {
color:#FFFFFF;
}