/*  

Theme Name: Sliding Door

Theme URI: http://mac-host.com/slidingdoor/

Description:A unique template featuring  sliding images in the header based on phatfusion imagemenu. Look at theme homepage to see the menu in action - the preview does not work on wordpress.org!!!!  Sliding images in header link to pages, or can be redirected using the Page Links To plugin. The theme has a comprehensive support forum to help you get started at http://mac-host.com/support  

Version: 1.8.7

Author: Wayne Connor

Author URI: http://www.macintoshhowto.com/

Tags: black, fixed-width, custom-header, photoblogging, dark, left-sidebar

*/

* { margin: 0; padding: 0; list-style: none; outline: none;}

body {

text-align: center;

color: #fff;

font-family: "Trebuchet MS",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;

background-image:url('http://www.u-37.com/blog/wp-content/themes/sliding-door/imagemenu/images/cf2.jpg');

background-position: top center;

background-color: #000;

}

body a {

color: #00609e;

text-decoration: none;

}

h2 {font-family: Tahoma;

font-size: 17px;

}

h3 {font-family: Tahoma;

font-size: 14px;

}

h4 {font-family: Tahoma;font-size: 14px;margin-bottom: 1.5em;}


h5 {font-size: 15px; font-weight: bold}

body a:hover {

color: #fff;

text-decoration: underline;

}

#featured_gallery {

margin-bottom: 0;

}

#upperBar {

height: 0px;

background: #01bcff;

}

#wrapper {

width: 940px;

margin: 0 auto;

text-align: left;

position: relative;

}

#welcomeheading img {

padding-top: 10px;

margin-bottom: 5px;

}

#welcomeheading {

text-align: center;

}

span.middleword {

color: #909090;

}

#welcomeheading a:hover .middleword {

color: #6598b8;

}

 

 

.description {

text-align: center;

font: normal 14px "Trebuchet MS", Helvetica, Sans-serif;

color: #fff;

padding-bottom: 5px;

padding-top: 10px;

}  

/*-- BEGIN DROP DOWN MENU --*/
#imagemenutopbar2{margin: 8px 0 0 0}
#navborder {margin: 0px 0px 0px 0px}

#catnav {

 background-image:url('http://www.u-37.com/blog/wp-content/themes/sliding-door/imagemenu/catnavbg.jpg');

 margin: 0 0 0 0;

  padding: 0;

  clear: both;

  height: 34px;

  width: 940px;

  z-index: 900;

  }

/* -- Main Level --*/

#nav {  list-style: none;  margin-left: 0px;  margin-bottom: 0px;  margin-top: 0px;  z-index: 900;  background-image:url('http://www.u-37.com/blog/wp-content/themes/sliding-door/imagemenu/catnavbg.jpg') repeat-x top right; }

#nav ul {  margin: 0;  padding: 0;  z-index: 910;  }

#nav li {  float: left;  margin: 0;  padding: 0;  z-index: 910;  }

  #nav a {  display: block;  background: url(http://www.u-37.com/blog/wp-content/themes/sliding-door/imagemenu/nav_bg_bar2.jpg) repeat-x top right;  text-decoration: none;  

  line-height: 32px;  

  margin-bottom: 2 px;  

  padding: 0 8px ;  

  font-size: 13pt;

  letter-spacing: -1px;

  color: #fff;

  }

#nav li a:hover {

  color: #00609e;

  text-decoration: none;

  display: block;

  }

/* -- Main  Level End --*/

/* -- First Level --*/

#nav li ul{

  list-style: none;

  position: absolute;

  width: 100px;

  left: -999em;

  z-index: 930;

  }

#nav li:hover ul, #nav li.sfhover ul {

  left: auto;

  }

#nav li li{

  float: left;

  margin: 0;

  padding: 0;

  width: 100px;

  z-index: 940;

  }

  

#nav li li a {

  width: 100px;

  font-size: 13px;

  color: #fff;

  border-bottom: 1px solid #00609e;

  background: #000000;

  margin: 0;

  padding: 0 0 0 10;

  }

  

  #nav li li a:hover {

  width: 100px;

  text-decoration: underline;

  font-size: 13px;

  border-bottom: 1px solid #00609e;

  background: #000;

  padding: 0 0 0 10;

  }

/* -- First Level End --*/

  

/* -- Second Level --*/

#nav li li li a{

position: relative;

display: block;

width:100px;

top:-33px;

left: 12px;

font-size: 13px;

color: #fff;

border-bottom: 1px solid #00609e;

background: #333;

} 

#nav li li li a:hover{

  width: 100px;

  

  }  

#nav li li:hover li a, #nav li li li:hover li a{

display: block;

  }  

  

/* -- Second Level End--*/

  

/* -- Third Level--*/

#nav li li li li a {

position: relative;

display: block;

width:100px;

top:-33px;

left: 12px;

font-size: 13px;

color: #fff;

border-bottom: 1px solid #00609e;

background: #666;

} 

#nav li li ul, #nav li li li li{

display: none;

}

#nav li li li:hover li{

position: relative;

display: block;

left: 12px;

top:-33px;

}

 #nav li li li li a:hover{

  width: 100px;

  

  }  

 #nav li li:hover ul,  #nav li li li:hover ul{

display: block;

  } 

  

#nav li:hover li:hover > ul, #nav li:hover li:hover li:hover> ul

{left:100px;}

/* -- Third Level End--*/

#nav li:hover, #nav li.sfhover {  prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing)  

  position: static;

  } 

  

#toprss {

  float: right;

  margin-top: 0px;

  margin-right: 10px;

  display: inline;

  z-index: 999;

  }

#search {

  margin: 0px 0 38px 0;

  font-size: 10px;

  }

  

#search input.box {

color: #fff;

background: #000;

width: 90px;

height: 24 px;

}

#searchsubmit  {

  margin-top: 4px;

  padding-right: 4px;

  font-size: 8px;

  z-index: 999;

  float: right;

  }

#searchform  {

  margin-top: 5px;

  margin-right: 0px;

  background: #000;

  color: #fff;

  z-index: 999;

  float: right;

  }/* ----END DROP-DOWN MENU---- */

/* -- BEGIN CONTENT --*/



#content {

float: right;

width: 610px;

margin-top: 10px;

padding-left:5px;

}

p {

margin-top: 0em;

margin-bottom: 2em;

}

#wall {

outline: none;

left: auto;

right: auto;

}

#content .facebook  {

font-size: 10px;

margin-bottom: 15px;

}

#content .notice p {

/* border-top: 1px solid #bbb; */

border-bottom: 1px solid #bbb;

padding: 5px 15px;

font-size: 12px;

margin: 4px;

}

#content .notice {

margin-bottom: 20px;

}

#featured {

margin-bottom: 15px;

}

#content .post {

float: left; 

width: 600px; 

position: relative; 

padding: 5 15 5 15;

margin-bottom: 40px;

margin-top: 0px;



/* --  POST HEADER START --*/

} #content .post-details { 

font-size: 10px; 

color:#999; 

position: absolute; 

bottom: -15px;

}

#content .header_bg {

display: block;

width:610px;

height: 57px;

background-image:url('http://www.u-37.com/blog/wp-content/themes/sliding-door/post_header57blue.png');

margin-bottom: 10px;

}

#content .post_header {

font-family: helvetica,georgia, arial, sans-serif;

font-size: 17px;

margin-left: 10px;

padding-top:30px;

}

#content .post_header a{

color: #fff;

text-decoration: none;

padding: 3px 0;

font-size: 17px;

font-weight: bold;

}



#content .post_header a:hover{

text-decoration: none;

}

/* --  POST HEADER END --*/

} #content .comments { 

font-size: 10px; 

color:#999; 

position: absolute; 

bottom: -55px;

}

#content .vimeoBadge a{

color: #00609e;

font-size: 12px;

text-decoration: none;

}

#content .vimeoBadge a:hover{

color: #fff;

text-decoration: underline;



}#content .vimeoBadge caption{

background: #000;}



#content .post h2 {

margin-bottom: 13px;

}

#content .post h2 a {

color: #fff;

text-decoration: none;

padding: 3px 0;

font-size: 16px;

font-weight: bold;

}

#content .post h2 a:hover {

color: #00609e;

}



#content .post h3 {

display: block;

font-size: 11px;

font-weight: normal;

color: #fff;

margin-bottom: 1.4em;

}



#content table {

width: 100%;

margin: 0 10px;

font: normal 13px "Trebuchet MS", Helvetica, Sans-serif;

}

#content table  .caption{

font-size: 11px;

line-height: 15px;

color: #fff;

text-align: center;

background: #000;

padding: 0 8px;

}

#content table :strong {

font-size: 14px;

}

 #content .prevnext {

margin-top: 20px;

color: #999;

font: normal 10px "Trebuchet MS", Helvetica, Sans-serif;

}

#content .post h3 a {

color: #00609e;

}  



#content .post h3 a:hover {

text-decoration: underline;

color: #fff;

}



/*-- CONTENT IMAGES --*/

#content .post img {

margin: 5px 10px;

padding: 0px;

border: 2px;

border-color: #fff;

} 

#content .post a img {

margin: 0px 10px 0px 0px;

padding: 0 0;

border: 4px solid;

border-color: #000;

}

# content .post-1362 img, # content .post-1362 a img {

display: block;

margin: 10px 0;

padding: 0 5px;

}

#content img .alignleft {

padding: 0 0;

}/* --  #content .post  img.size-thumbnail {

padding: 5px 10px;

}  --*/

.wp-caption {

   text-align: center;  

   font-size: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}

.wp-caption img {

   padding: 0 10 0 0 ;

}

#content p.wp-caption-text  {   

font-size: 12px;

line-height: 15px;

color: #fff;

text-align: center;

background: #000;

margin: 0 2px 5px 0;

padding: 0px 0px 5px 0px;

}

/*-- IMAGE END --*/.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

.alignleft {

   float: left;

   margin-right: 10px;   

   margin-bottom: 0px;

   margin-left: 0px;

  }

.alignright {

   float: right;

   margin-left: 10px;   

   margin-bottom: 10px;

   margin-right: 0px;

}

.alignnone {

   margin-right: 10px;   

   margin-bottom: 10px;

   margin-left: 0px;

}

#media_player {

margin-bottom: 0;

}

#content .media_player_desc {

background:#000000;

color:#FFFFFF;

font-size:13px;

line-height:21px;

margin-bottom:2em;

margin-right:0;

margin-top:0;

padding:0 5px;

text-align:center;

width:592px;

}

#content .blogger_description {

width: 320px;

font-size: 13px;

line-height: 19px;

color: #fff;

text-align: center;

background: #000;

padding: 0px;

margin-top: 0em;

margin-bottom: 2em;

}



#content .BLOG_video_class {

margin: 0 0;

}

#content .vimeo_description {

width: 500px;

font-size: 13px;

line-height: 19px;

color: #fff;

text-align: center;

background: #000;

padding: 0px;

 margin-top: 0em;

 margin-left: 5px;

 margin-bottom: 15px;

}  

#content .vvqbox {

 clear: both;

 margin-bottom: 0em;

 z-index: 980;

} 

 



#content .post ul {

margin-left: 20px !important;

margin-top: 10px;

margin-bottom: 10px;

}



#content .post ul img{

vertical-align: text-bottom;

margin: 0 0 0 5px;

}



#content .post ul li {

list-style-type: disc !important;

}



#content .post ul li {

font: normal 13px "Trebuchet MS", Helvetica, Sans-serif;

margin: 0px 0px;

text-align: justify;

text-decoration: none;

}

#content .post ul li a :visited :active{

font: normal 13px"Trebuchet MS", Helvetica, Sans-serif;

color: #00609e;

margin-right: 0px;

text-align: justify;

text-decoration: underline;

}

#content .post ul li a :hover{

font: normal 13px"Trebuchet MS", Helvetica, Sans-serif;

color: #00609e;

margin-right: 0px;

text-align: left;

text-decoration: none;

}



#content blockquote {

margin-left: 10px;

border-left: 3px solid #555;

padding-left: 10px;

font-style: italic;

}

#content p{ 

font: normal 13px "Trebuchet MS", Helvetica, Sans-serif;

text-align: justify;

text-decoration: none;

margin-top: 0em;

padding: 0px 5px;

margin-bottom: 10px;

line-height: 1.6;

}

}

#content p a {

color: #00609e;

}



#content p a:hover {

text-decoration: underline;

color: #fff;

} 



#content small {

margin: 0 auto;

text-align: center;

display: block;

border-top: 3px solid #333;

border-bottom: 1px solid #333;

font-size: 11px;

color: #999;

}



#content ol {

line-height: 1.6;

}

#content ol.commentlist {

margin-top: 10px;

}



#content ol.commentlist li {

border-top: 1px solid #333;

margin-bottom: 10px;

} 



#content ol.commentlist li .commentMeta {

width: 120px;

float: left;

margin-top: 5px;

} 



#content ol.commentlist li .commentMeta span {

display: block;

}



#content ol.commentlist li .commentMeta span.author,

#content ol.commentlist li .commentMeta span.author a {

color: #CCC;

text-decoration: none;

margin-bottom: 5px;

} 



#content ol.commentlist li .commentMeta span.date a {

color: #666;

text-decoration: none;

font-size: 11px;

}

#content ol.commentlist li .commentMeta span.moderate a {

color: #42adfb;

}



#content ol.commentlist li .commentText {

width: 450px;

float: right;

padding: 5px;

font-size: 12px;

}





#content ol.commentlist .avatar {

float: left;

}#content h3 {

color: #00609e;

}



#content #commentform input {

padding: 5px;

font-family: Arial, Helvetica, Sans-serif;

}



#content #commentform textarea {

width: 410px;

padding: 10px;

font-family: Arial, Helvetica, Sans-serif;

}



#content .nextprevious {

height: 40px;

display: block;

} 



#content .nextprevious a {

color: #CCC;

}   



#content .nextprevious .left {

float: left;

}  



#content .nextprevious .right {

float: right;

}



#content .adBrite {

display: block;

margin-bottom: 20px;

border: 1px solid #333;

}

/* -- CONTENT END --*/

#sitemeter {

text-align: center;

width: 160px;

font-size: 11px;

color: #999;

}

#sitemeter img{

padding-bottom: 8px;

padding-top: 8px;

}

.widgettitle {

color: #00609e;

padding-bottom: 3px;

padding-top: 8px;

font-size: 16px;

}

#sidebar {

font-family: "Trebuchet MS",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;

width: 150px;

float: right;

padding-top: 10px;

text-align: left;

} 

#sidebar h2 {

font-weight: normal;

font-size: 14px;

text-transform: uppercase;

margin-bottom: 4px;

padding-top: 4px;

}

#sidebar img {

max-width: 120px;

display: block; 

margin-left: auto;

margin-right: auto;}.social_access_control_padlock{display: block; float:left;margin-right: auto;}





#sidebar a img {

border: none;

}



#sidebar ul {



font-size: 12px;

margin-top: 3px;

margin-bottom: 3px;

}



#sidebar ul li {

font-size: 11px;

font-weight: none;

background: url(img/bullet.png) 0 5px no-repeat;

padding: 0 8px;

margin: 0 0 1px 3px;

}

#sidebar ul li li{

font-size: 11px;

background: url(img/bullet.png) 0 5px no-repeat;

padding: 0 8px;

margin: 0 0 2px 3px;

}



#sidebar ul li a {

color: #fff;

text-decoration: none;

}



#sidebar ul li span {

color: #999;

margin-left: 3px;

}



#sidebar ul li a:hover {

color: #00609e;

text-decoration: underline;

}



#sidebar ul#nav {

margin: 10px 0 20px 0;

}



#sidebar ul#nav li {

margin: 0;

padding: 0;

}



#sidebar ul#nav li a {

display: block;

height: 17px;

padding: 7px 5px;

background: url(img/nav_off.png) 0 0 no-repeat;

margin-bottom: 5px;

text-decoration: none;

font-size: 12px;

text-transform: uppercase;

font-weight: bold;

color: #999;

}



#sidebar ul#nav li a:hover {

color: #00609e;text-decoration: none;

}



#sidebar ul#nav li a:active {

background: url(img/nav_on.png) 0 0 no-repeat;

color: #FFF;

}

#sidebar_right {

font-size: 12px;

width: 165px; 

float: right;

margin-top: 10px;

margin-left: 10px;

padding-left: 0px;

text-align: center;

} 

#sidebar_right a img{

margin-top: 10px; margin-bottom: 10px;

margin-left: auto; margin-right: 0; border: 0;}

} 

#sidebar3 {

font-size: 12px;

width: 165px; 

float: right;

margin-left: 15px;

padding-left: 10px;

} 

#footer hr {

height: 1px;

}#footer_menu {

clear: both;

margin-top: 10px;

margin-bottom: 20px;

font-size: 12px;

}

#footer_menu a{

color: #00609e;}

#footer_menu a:hover{

color: #fff;

}

#sidebar #footer {

border-top: 1px double #ccc;

border-bottom: 1px solid #ccc;

padding: 7px 0 2px;

font-size: 11px;

margin-top: 10px;

margin-bottom: 20px;

}

#sidebar #footer p {

margin-bottom: 5px;

color: #eee;

text-align: center;

}



#sidebar #footer a {

color: #00609e;

text-decoration: none;

font-size: 10px;

}



#sidebar #footer a:hover {

text-decoration: none;

color: #fff;

}

.clearfix {

clear: both;

}

.ctc {

text-align: center;

text-decoration: none;

line-height: 80%;

background-color: #000;

margin-bottom: 10px;

padding-right: 10px;

padding-top: 0px;

padding-bottom: 10px;

}.ctc a {

text-decoration: none;

text-transform: lowercase;

font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;

margin: 4px;

border: thin none #060606;

}

.ctc a:hover{

color: #6598b8;

margin: 3px;

border: thin solid #8acef3;

background-color: #0c0c0c;

}

[disabled] {

color:#dddddd;

border-color:#dddddd!important;

background:none!important;

}

 #upperBox {

margin-bottom: 10px;

text-align: center;

position: absolute;

right: 0;

padding-top: 5px;

}



 #upperBox a img {

display: block;

margin: 0 auto;

border: none;

}



 #upperBox p {

margin: 5px 0;

font-size: 10px;

text-align: center;

}



 #upperBox input {

height: 18px;

padding: 5px 5px 5px 25px;

background: url(img/upperBox_search.png) top left no-repeat;

border: 0;

width: 100px;

color: #9ec7eb;

margin-top: 5px;

}



 #upperBox input:focus {

color: #FFF;

}