/*  

Theme Name: Sliding Door

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

Description:A unique template featuring dynamic sliding images in the header based on phatfusion imagemenu. When clicked the images take you to a category or page. Great for blogs with graphical content based around categories such as a photography or travel blog. The theme has a comprehensive support forum to help you get started at http://mac-host.com/support 

Version: 1.7.1

Author: Wayne Connor

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

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



*/



/*                                                    */

/*  main 'top-level' form elements                    */

/*                                                    */

@import "calendar.css";



.cform { 

	margin:10px auto 0 auto; 

	width: 410px; 

}



.cform fieldset	{ 

	margin-top:10px; 

	padding:5px 0 15px 0; 

	border:none; 

	background:none;

}



.cform .cf_hidden {

	display:none; 

	border:none!important;

	background:none!important;

	padding:0!important;

	margin:0!important;

}



.cform legend { 

	margin-left:10px;

	padding: 0 2px; 

	font:normal 20px Verdana;

	color:white;

}



ol.cf-ol { 

	margin:0!important; 

	padding:0!important;

}



ol.cf-ol li	{

	background:none!important; 

	margin:5px 0!important;

	padding:0; 

	list-style:none!important; 

	text-align:left;

	line-height:1.3em;

}





/*                                                    */

/* just for text-only fields (no input)               */

/*                                                    */



ol.cf-ol li.textonly {

	letter-spacing:1px;

	margin:10px 0pt !important;

	padding:5px 0pt;

	text-align:center;

	color:#f5f5f5;

}





/*                                                    */

/* global definitions for field labels                */

/*                                                    */



.cform label {

	width:90px; 

	margin:4px 10px 0 0; 

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	text-align:right;

	vertical-align:top;

	color:white;

	font:normal 14px Verdana;

}



.cform label span {

	width:90px; /* must be the same as above!*/

	display:block; 

}



label.cf-before {

	margin:4px 10px 0 0; 

}



label.cf-after 	{

	margin:4px 0 0 6px;

	width:75px;

	text-align:left;

}



label.cf-after span {

	width:75px;

	display:block;

}



label.cf-group-after {

	margin:3px 4px 0 2px;

	width:78px;

	text-align:left;

}

label.cf-group-after span {

	width:78px;

	display:block;

}



/*                                                    */

/*   FORM FIELDS general formatting                   */

/*                                                    */



.cform input,

.cform textarea,

.cform select { 

	padding:6px 10px;

	border: none; 

	vertical-align:top;

	color:white;

	background:url(http://10.165.17.153/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/fancy_dark_inp.gif) no-repeat;

	font:normal 13px Verdana;

	height:18px;

}



.cform input:hover,

.cform textarea:hover,

.cform select:hover	{

}



.cform input:focus,

.cform textarea:focus,

.cform select:focus	{ 

}



.cform textarea,

.cform input {

	width:215px; 

}

.cform select {

	padding:4px 10px;

	height:24px;

	background:#888888;

	margin-left:10px;

	width:210px;

}  



.cform select.cfselectmulti	{

	height:103px;

	background:#888888;

	margin-left:10px;

	width:210px;

}



.cform textarea {

	height:100px;

	overflow:auto;

	padding:10px 6px 10px 10px;

	width:219px;

	background:url(http://10.165.17.153/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/fancy_dark_area.gif) no-repeat; 

}



/*                                                    */

/*   radio button title                               */

/*                                                    */



ol.cf-ol li.cf-box-title {

	font-weight:bold;

	letter-spacing:1px;

	padding:8px 0 0 100px; /* check with label 'width' incl. */

}



/*                                                    */

/*   check boxes                                      */

/*                                                    */



.cform input.cf-box-a,

.cform input.cf-box-b 	{ 

	margin:2px 0 0 0; 

	width:14px;

	height:22px;

	border:none!important;

	background:none!important; 

}



.cform input.cf-box-a 	{ 

	margin-left:100px; /* check with label 'width' incl. */

} 





/*                                                    */

/* check box groups                                   */

/*                                                    */



ol.cf-ol li.cf-box-group {

	margin:10px 0pt 0px !important;

	padding-left: 100px; 

} 



/*                                                    */

/* formatting for text:  "(required)"  & other        */

/*                                                    */



span.reqtxt,

span.emailreqtxt { 

	display: none; 

}



/*                                                    */

/*   FORM submit button                               */

/*                                                    */



p.cf-sb {

	padding: 0!important;

	margin: 0 0 5px 0;

}

.cform input.backbutton,

.cform input.resetbutton,

.cform input.sendbutton	{ 

	width:166px;

	height:30px;  

	margin: 0 0 5px 171px;

	font-size:14px;

	background:url(http://10.165.17.155/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/fancy_dark_submit.gif) no-repeat; 

	border:none!important;

}

.cform input.resetbutton {

}

.cform input.backbutton {

}



/*                                                    */

/*   FORM FIELDS enhanced error display               */

/*                                                    */

ol.cf-ol li.cf_li_err {

	background:#FFDFDF url(http://10.165.17.154/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/li-err-bg-dark.png) repeat!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

	padding:5px 0!important;

	margin:5px 0!important;

}



ol.cf-ol li ul.cf_li_text_err {

	height:1%;

	min-height:1%;

	margin:0 0 0 100px;

	padding:0;

	color:#333;

}



ol.cf-ol ul.cf_li_text_err li {

	color:white;

	background:url(http://10.165.17.154/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/icon-alert.png) no-repeat left 1px!important;

	list-style:none!important;

	font-weight:bold;

	text-indent:0;

	margin:0 0 2px!important;

	padding-left:15px;

}

ol.cf-ol ul.cf_li_text_err li:before {

	content:'';

}



/*                                                    */

/* 'visitor verification' related styles              */

/*                                                    */



label.secq,

label.seccap {

	vertical-align:text-bottom;

	margin-bottom:6px;

}



input.secinput {

	vertical-align:text-bottom;

}



#cforms_captcha6,

#cforms_captcha5,

#cforms_captcha4,

#cforms_captcha3,

#cforms_captcha2,

#cforms_captcha {

	vertical-align:text-bottom;

	width:70px;

	margin: 0;

	background:url(http://10.165.17.153/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/fancy_dark_captcha.gif) no-repeat; 

}



img.captcha	{

	vertical-align:text-bottom;

	margin:0pt 0pt 3px 4px !important;

	padding:0!important;

	border:none!important;

	float:none!important;

}



img.captcha-reset {

	vertical-align:text-bottom;

	background:	url(http://10.165.17.154/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/captcha_reset_black.gif) no-repeat;

	margin:0 0 6px 3px!important;

	width:21px;

	height:21px;

	border:none;

}



img.imgcalendar {

	margin:0;

	border:none;

}



/*                                                    */

/* change formatting of response msgs here            */

/*                                                    */



div.cf_info {

	color:#333;

	display:none;

	padding:10px 15px!important;

	width:380px;

	line-height:1.3em;

	margin:10px auto;

}

div.cf_info ol {

	margin:0;

	padding:5px 15px 0 30px;

}

div.cf_info ol li {

	padding:1px 0;

	margin:2px 0;

}

div.cf_info a	{

	color:#ad2929!important;

	text-decoration:underline!important;

}

div.success {

	color:white;

	display:block;

	background:#444;

}

div.failure {

	display:block;

	background:#FFDFDF url(http://10.165.17.154/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/li-err-bg.png) repeat!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

}

div.waiting {

	background:#F9F9F9;

	color:#AAAAAA;

	display:block;

}

/*                                                    */

/*   formatting for invalid user inputs               */

/*                                                    */

.cform .cf_error { 

	color:#d9888a; 

}

div.mailerr {

	display:block;

}

.mailerr,

.cform .cf_errortxt {

	color:#d9888a; 

}



/*                                                    */

/* disabled fields [disabled] does not work on IE!    */

/*                                                    */



[disabled] {

	color:#dddddd;

	border-color:#dddddd!important;

	background:none!important;

}

.disabled {

	border-color:#dddddd!important;

}



/*                                                    */

/* upload box styling                                 */

/*                                                    */

.cform input.cf_upload  {

	height:30px;

	width:220px;

	background:#666666;

	border:1px solid #888888;

	margin-left:10px;

}



/*                                                    */

/*  Other: link love                                  */

/*                                                    */

.linklove {

	width:410px;

	margin:0 auto 10px!important;

	padding:0!important;	

	text-align:center!important;

}

.linklove a,

.linklove a:visited {

	font-size: 9px;

	font-family: Tahoma;

	color:#aaaaaa!important;

}



/*                                                    */

/*  Other: browser hacks                              */

/*                                                    */

* html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

* html .cform legend { 

	position:absolute; 

	top: -10px; 

	left: 10px; 

	margin-left:0;

}

*+html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

*+html .cform legend { 

	position:absolute; 

	top: -10px; 

	left: 10px; 

	margin-left:0;

}



* html ol.cf-ol,

* html ol.cf-ol li{ 

	display: inline-block;  /*for ie6*/

}



* html img.captcha {

	margin-bottom:4px!important;

}

*+html img.captcha {

	margin-bottom:4px!important;

}



* html .cform input,

* html .cform textarea{

	background-attachment:fixed!important; 

}

*+html .cform input,

*+html .cform textarea{

	background-position: 100% 100%;

	background-repeat: no-repeat;

}



html:root .cform select.cfselectmulti {

	height:120px;

	overflow:auto;

	padding:10px 15px 10px 10px;

	width:255px;

	background:url(http://10.165.17.153/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/fancy_dark_area.gif) no-repeat; 

}

html:root .cform select {

	height:28px;

	padding:5px 20px;

	width:243px;

	background:url(http://10.165.17.153/www.innocentindulgence.nett/wp-content/plugins/cforms/styling/fancy_dark_inp.gif) no-repeat; 

}

*+html .cform input.cf_upload  {

	border:none;

}











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



body {

	text-align: center;

	color: #fff;

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

	background-color: #000;

}



body a {

		color: #42adfb;

}





#upperBar {

	height: 0px;

	background: #01bcff;

}



#wrapper {

width: 940px;

margin: 0 auto;

text-align: left;

	position: relative;

}    



#welcomeheading a {

	margin-bottom: 10px;

	padding-bottom: 15px;

	font: 40pt "Trebuchet MS", "Lucida Grande", Lucida, Vernada, sans-serif;

	padding-top: 10px;

	color: #fff;

	text-decoration: none;

}



#welcomeheading {

		text-align: center;

}



#welcomeheading a:hover {

	color: #ddd;



}



#middleword {

	color: #909090;

}



#welcomeheading a:hover #middleword {

	color: #fff;

}

 

 

.description {

	text-align: center;

			font: normal 14px Verdana, Helvetica, Sans-serif;

	color: #7a1315;

	padding-bottom: 5px;

	padding-top: 10px;

}  



                

#content {

	float: right;

	width: 640px;

	margin-top: 0px;

}



	#content .notice p {

		border-top: 1px solid #bbb;

		border-bottom: 1px solid #bbb;

		padding: 5px 0px;

		font-size: 12px;

	margin: 1px;

}

		#content .notice {



	margin-bottom: 20px;

}



    #content .post {

				float: left;

		position: relative;

		width: 640px;

		margin-bottom: 30px;

	padding-top: 10px;

}

	

	#content .post h2 a {

	color: #FFF;

	text-decoration: none;

	

	padding: 3px 0;

	font-size: 24px;

	font-weight: bold;

}



	#content .post h2 a:hover {

		color: #D5F3FF;

	}

	

	#content .post h3 {

		font-size: 12px;

		font-weight: normal;

		color: #999;

			margin-bottom: 0px;

	margin-top: 5px



}



 #content .post-details {



}



 #content .prevnext {

	margin-top: 20px;

	font: normal 13px/20px Verdana, Helvetica, Sans-serif;



	

}	

	#content .post h3 a {

		color: #999;

	}              

	

	#content .post h3 a:hover {

		text-decoration: none;

	}

	

	#content .post img {

	max-width: 500px;

	max-height: 600px;

	margin-bottom: 10px;

	margin-top: 10px;



}     





.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}





.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 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 {

   margin: 0;

   padding: 0;

   border: 0 none;

}



#content p.wp-caption-text  

   {

   font-size: 11px;

   line-height: 17px;



   margin: 10px;

	color: #000;

	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 {

		font: normal 13px/20px Verdana, Helvetica, Sans-serif;

		margin-bottom: 10px;

		margin-top: 10px;

	color: #eaeaea;

	margin-right: 0px;

	text-align: justify;

}

	

	#content blockquote {

	margin-left: 10px;

	border-left: 3px solid #555;

	padding-left: 10px;

	font-style: italic;

}

	

	#content p a {

		color: #7a1315;

	}

	

	#content p a:hover {

		text-decoration: none;

	} 

	

	#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: #42adfb;



	}

	

	#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;

	}



#sidebar {

	width: 232px;

	float: none;

	padding-top: 8px;

	text-align: left;

} 



#sitemeter {

	text-align: center;

	width: 160px;

		font-size: 11px;

		color: #999;

}

#sitemeter img{

	padding-bottom: 8px;

	padding-top: 8px;

}



	#sidebar h2 {

		font-weight: normal;

		font-size: 16px;

		text-transform: uppercase;

		margin-bottom: 10px;

	padding-top: 8px;

}

	

	#sidebar a img {

		border: none;

	}

	



	#sidebar ul {

		margin-top: 10px;

		margin-bottom: 10px;

}

	

	#sidebar ul li {

		font-size: 11px;

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

		padding: 0 10px;

		margin: 0 0 5px 5px;

	}

	

	#sidebar ul li a {

		color: #7a1315;

		text-decoration: none;

	}

	

	#sidebar ul li span {

		color: #666;

		margin-left: 5px;

	}

	

	#sidebar ul li a:hover {

		color: #CCC;

	}

	

	#sidebar ul#nav {

		margin: 10px 0 20px 0;

	}

	

	#sidebar ul#nav li {

		margin: 0;

		padding: 0;

	}

/*ul#nav ul {width: 200px;}
ul#nav ul li.sm-logo.fb {border:none; text-decoration: none; width: 48px; margin-right: 10px;}*/
ul#nav ul li {float: left; margin: 0; /*border-bottom: 1px solid #222;*/ padding: 10px 0 5px; text-align: left;}
ul#nav ul li.fb {/*border-top: 1px solid #222;*/}
ul#nav ul li a {margin-top: 0px; border: none; background: none; }
ul#nav ul li.twit a {margin-top: 5px;}
ul#nav ul li.twit img {margin-top: -10px;}
ul#nav ul li img {float: left; margin-right: 5px; border: none;}
ul#nav ul li.icon img {padding: 0 8px;}

	#sidebar ul#nav li a {

		display: block;

		height: 17px;

		padding: 7px 10px;

		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 {

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

	}        

	

	#sidebar ul#nav li a.active {

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

		color: #FFF;

	}





#footer hr {

height: 1px;



}





#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: #7a1315;

	text-align: center;

}

    

    #sidebar #footer a {

        color: #7a1315;

	text-decoration: none;

}

    

    #sidebar #footer a:hover {

        text-decoration: none;

        color: #7a1315;

    }



.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: #fff;

	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;

	}









/* ---- sidemenu stuff ---------------------*/



 /* This styles the unordered list element to remove bullets and align the text */

 ul#nav {

   list-style-type : none;

   text-align : center;

 }



 /*

  This styles the links. It’s a block-level link and the text is positioned

  with padding. Other styles are defined: width, colors, text attributes, etc.

 */

 ul#nav a, ul#nav {

   background-color : #000000;

   padding : 0px 0px 0px 0px;

   margin-bottom : 10px;

   width : 232px;

   height : auto;

   color : #fff;

   font-weight : bold;

   font-style : normal;

   display : block;

   text-decoration : none;

 }





 /* This is only necessary for IE6 else the link margins will collapse on hover */

 ul#nav li {

   margin-bottom : 20px;

 }



 /* This removes the default left margin (indentation) */

 ul#nav li {

   margin-left : 0;

 }



 /*

  Now to offer some hover and focus styles. Further specification of focus/active styles

  could be added but I didn’t do it in this example. I didn’t feel it was needed

 */

 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {

   background-color : #000000;

   color : #6d130b;

 }





 /*

  This style the single state of the “current_page_item” class link.

 */

 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,

 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {

   background-color : #000000;

   color : #6d130b;

   cursor : default;

   text-align : center;

 }