/*  
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://u37.adcmobile.com/wp-content/themes/sliding-door/imagemenu/images/cf2.jpg');
    background-position: top center;
	background-color: #000;
}

body a {
		color: #F4FA58;		
		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;
}

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 --*/

#catnav {
  background-image:url('http://www.u-37.com/blog/wp-content/themes/sliding-door/imagemenu/li_bg_border_grad.jpg');
  margin: 0 0 0 0;
  padding: 0;
  clear: both;
  height: 32px;
  width: 940px;
  z-index: 900;
  }
/* -- Main Level --*/
#nav {
  list-style: none;
  margin-left: 3px;
  margin-bottom: 4px;
  margin-top: 1px;
  z-index: 900;
  }
  
#nav ul {
  margin: 0;
  padding: 0;
  z-index: 910;
  }
  
#nav li {
  float: left;
  margin: 0;
  padding: 0;
  z-index: 910;
  }

#nav a {  display: block;  
  text-decoration: none;  
  line-height: 32px;  
  margin-bottom: 2 px;  
  padding: 0 6px ;  
  font-size: 13pt;    
  letter-spacing: -1px;
  color: #fff;
  }

#nav li a:hover {
  color: #F4FA58;
  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 #F4FA58;
  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 #F4FA58;
  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 #F4FA58;
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 #F4FA58;
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: 70px;
		margin-top: 0px;
		
/* --  POST HEADER START --*/
} #content .post-details { 
font-size: 10px; 
color:#999; 
position: absolute; 
bottom: -65px;
}

#content .header_bg {
display: block;
width:600px;
height: 57px;
background-image:url('http://www.u-37.com/blog/wp-content/themes/sliding-door/post_header57.png');
margin-bottom: 30px;
}

#content .post_header {
	margin-left: 10px;
	padding-top:30px;
}
#content .post_header a{
	color: #fff;
	text-decoration: none;
	padding: 3px 0;
	font-size: 18px;
	font-weight: bold;
	}
	
	#content .post_header a:hover{
	text-decoration: underline;
	}
/* --  POST HEADER END --*/

} #content .comments { 
font-size: 10px; 
color:#999; 
position: absolute; 
bottom: -55px;
}
    #content .vimeoBadge a{
		color: #F4FA58;
		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: #F4FA58;
	}
	
	#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: #F4FA58;
	}              
	
	#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;	
border-color: #fff;
}

# 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 10px 20px 0;
	padding: 0px 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-bottom: 2em;
	}  
	#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: #F4FA58;	
margin-right: 0px;	
text-align: justify;	
text-decoration: underline;	
}	

#content .post ul li a :hover{	
font: normal 13px"Trebuchet MS", Helvetica, Sans-serif;	
color: #F4FA58;	
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;
	margin-bottom: 1em;
}
	}
	#content p a {
		color: #F4FA58;
	}
	
	#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: #F4FA58;
	}
	
	#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: #F4FA58;
	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: #F4FA58;		
		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: #F4FA58;		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: #F4FA58;}

#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: #F4FA58;
	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;
	}