/* 
Theme Name: Tinkerbell Dance Wear: Default Text
Theme URL: http://www.tinkerbelldancewear.com
Description: Tinkerbell Dance Wear: Default Text
Author: Paul Whitehead
Author URI: www.access-bydesign.com
Version: 1.0
*/

/*main */

/*text and links */

/* border */

/*suckerfish*/

/*===display none ==============================================*/
 .nodisplay, ul li.nodisplay, .hidden
{
	display:none;
}

fieldset
{
	border:0;
	float:left;
}

/* ===== body ================================================*/

*, html
{
	margin:0;
	padding:0;
}

a, a:visited, a:link
{
	color:#333333;
	text-decoration:none;
}

a:active, a:hover
{
	color:#000000;
	text-decoration:underline;
}

body
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	line-height: 1.5em;
	color:#111111;
}

#wrapper
{
	width:100%;
	height:auto;
	float:left;
}

	#header_wrapper
	{
		width:100%;
		height:auto;
		float:left;		
		background-image:url(images/bg.jpg);
		background-repeat:repeat-x;
		background-position:left top;
		color:#111111;
		margin-top:32px;
	}
	
	#header_wrapper_inner
	{
		width:100%;
		height:auto;
		float:left;
		min-height:288px;
		background-image:url(images/bg-header-tile.png);
		background-repeat: repeat-x;
		background-position:bottom left;	
	}
	
	#header_content
	{
		height:auto;
		float:right;
		background-color:#F8DDD4;
		border:1px solid #d78b8d;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;	
		margin:84px 5% 5%;
		padding:20px 2.5%;
		width:31%;
	}
	
		.header_text
		{
			font-family: Cambria, serif;
			font-size: 1.9em;
			font-style: normal;
			letter-spacing: normal;
			line-height: 1.3em;		
			color: #111111;
		}
		
			.header_title
			{
				font-family: Cambria, serif;
				font-size: 0.9em;
				font-style: normal;
				letter-spacing: normal;
				line-height: 1.3em;		
				color: #666666;				
			}
	
		#nav
		{
			width:auto;
			height:auto;
			float:left;
			margin:10px 0 0 10px;
		}
	
			#top
			{
				width:100%;
				height:auto;
				position:fixed;
				float:left;
				background-color:#F8DDD4;
				color:#666666;
				border-bottom:1px solid #d78b8d;
				z-index:100;
			}
			
				#top ul
				{
					width:auto;
					float:left;					
					height:25px;
					padding:5px 10px;
				}
				
					#top ul li
					{
						width:auto;
						height:auto;
						float:left;
						display:inline;
						margin-right:5px;
					}
					
					#top ul li.text-middle
					{
						float:left;
						padding-right:10px;
						padding-top:5px;
					}
					
				#top .search_us
				{
					width:auto;
					height:auto;
					float:right;
					padding:5px 10px;
				}
		

					
/* ==== viewing options ===== */


				#viewing
				{
					float:right;
					height:30px;
					margin-right:5%;
					width:auto;
				}
				
					#viewing ul
					{
						width:auto;
						height:auto;
						float:left;
						padding:3px 5px 0;
						-moz-border-radius-bottomleft: 5px;
						-webkit-border-bottom-left-radius: 5px;
						-moz-border-radius-bottomright: 5px;
						-webkit-border-bottom-right-radius: 5px;
					}
					
						#viewing ul li
						{
							width:auto;
							height:auto;
							display:inline;
						}


	
	#breadcrumb
	{
		background-color:#EAEAEA;
		height:auto;
		float:left;
		padding:5px 3%;
		width:94%;
	}
	
/* ==== main content styling ==== */

	#mid_wrapper
	{
		width:100%;
		height:auto;
		float:left;
		background-color:#EAEAEA;
	}	
	
		#content_wrapper
		{
			width:63%;
			height:auto;
			float:left;
		}	
		
			#content
			{
				float:right;
				height:auto;
				min-height:200px;
				padding:0 0 0 5%;
				width:95%;		
			}	
			
				#content ul 
				{
					margin-left:15px;
					margin-bottom:15px;
				}
				
					#content ul li
					{
						margin-left:15px;
					}
					
			div.rkImg
			{
				float:left;
				margin:0 10px 10px 0 ;
				padding:5px 5px 10px 5px;
				background-color:#e69fa1;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
			}
			
			.desc
			{
				background-color:#F8DDD4;
				padding:5px 0;
				text-align:left;
				line-height: 1.2em;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-bottom-left-radius:5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-right-radius: 5px;
			}	
			
				.desc a
				{
					text-decoration:none;
				}
/* ===== sidebar ======= */

		#sidebar_wrapper
		{
			width:36%;
			height:auto;
			float:left;
			margin: 30px 1% 0 0;
		}	
		
			#sidebar
			{
				width:100%;
				height:auto;
				float:left;
			}	
			
					.sidebar_item, .sidebar_item_special
					{
						margin:0 3.5% 10px;
						padding:1%;
						width:84%;
						height:auto;
						float: right;
						background-color:#e69fa1;
						-moz-border-radius: 5px; 
						-webkit-border-radius: 5px;
						border:1px solid #d78b8d;
					}	
					
					.sidebar_item_special ul li
					{
						width:auto;
						margin-right:10px;
						margin-left:5px;
						float:left;
						height:auto;
						list-style:none;						
					}
					
						.sidebar_item li
						{
							list-style:none;
							
						}
					
						.sidebar_title
						{
							float:left;
							font-size:170%;
							height:auto;
							line-height:1.2em;
							margin:5px 1%;
							padding:5px 2%;
							text-align:left;
							width:92%;
							-moz-border-radius-topleft: 5px;
							-webkit-border-top-left-radius:5px;
							-moz-border-radius-topright: 5px;
							-webkit-border-top-right-radius: 5px;
							border:1px solid #d78b8d;
							background-color:#F8DDD4;
						}
						
							.sidebar_item ul li
							{
								margin:0px 1%;
								padding:2px 2%;
								text-align:left;
								width:92%;
								float:left;
								height:auto;
								list-style:none;						
							}


/* ====== footer ==============*/
			
	#footer_wrapper
	{
		width:100%;
		height:auto;
		float:left;
	}		

	#upper_footer_content	
	{
		width:100%;
		height:20px;
		float:left;
		color:#111111;
		background-color:#F8DDD4;
		background-image:url(images/upper-footer-tile.png);
		background-repeat:repeat-x;
		background-position:top;
		padding:20px 0 0 0;
	}
	
	#footer_content
	{
		padding:20px 0 0 3%;
		width:97%;
		height:auto;
		float:left;
		color:#111111;
		background-color:#e69fa1;
		min-height:150px;
		background-image:url(images/lower-footer-top.png);
		background-repeat:repeat-x;
		background-position:top;
		
	}	
	
		#footer_content .footer_item
		{
			margin:0 0.75% 10px;
			padding:0.75%;
			width:21%;
			height:auto;
			min-height:176px;
			float:left;
			background-color:#F8DDD4;			
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px;
			border:1px solid #d78b8d;
		}	
		
		#footer_content .footer_item ul li
		{
			width:auto;
			margin-right:10px;
			margin-left:5px;
			float:left;
			height:auto;
			list-style:none;						
		}
		
		#footer_content .footer_item li
		{
			list-style:none;
			
		}
		
		#footer_content .footer_item .footer_title
		{
			float:left;
			font-size:170%;
			height:auto;
			line-height:1.2em;
			margin:5px 1%;
			padding:5px 2%;
			text-align:left;
			width:92%;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius:5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			border:1px solid #d78b8d;
			background-color:#e69fa1;
			font-family: Cambria, serif;
			font-size: 18px;
			font-style: normal;
			font-weight: normal;
			letter-spacing: normal;
			line-height: 1.4em;
		}
		
			#footer_content .footer_item ul li
			{
				margin:0;
				padding:2px 0;
				text-align:left;
				width:98%;
				float:right;
				height:auto;
				list-style:none;						
			}
		

 /* some class defanitions that apply sitewide */
 
 
ul li.email
{
	width:86%;
	height:auto;
	float:right;
	background-image:url(images/icons/email.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10%;
	
}

ul li.phone
{
	background-image:url(images/icons/phone.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10%;
	width:86%;
	height:auto;
	float:right;
}
	
		
.testies_open
{
	width:100%;
	height:auto;
	float:left;
	background-image:url(images/quote_open.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.testies_close
{
	width:100%;
	height:auto;
	float:left;
	background-image:url(images/quote_close.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

		
/* ========== suck MY suckerfish ==================== */
	

#suck_my_suckerfish 
{
    font-family:verdana,sans-serif;
	z-index:100;
    width:100%;
	overflow: hidden;
	color:#FFFFFF;
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	font-size:1em;
}
	
#suck_my_suckerfish, #suck_my_suckerfish ul 
{
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    margin:0;
    width:100%;
	z-index:100;
	color:#FFFFFF;
}

#suck_my_suckerfish a 
{
    display:block;
    color:#FFFFFF;
	z-index:100;
    text-decoration:none;
    padding:0px 10px;
	font-weight:normal;
}
	
#suck_my_suckerfish a:hover /*for individual li items */
{
	color:#FFFFFF;
	background-color:#121212;
}
	
#suck_my_suckerfish li 
{
    float:left;
    padding:0;
	z-index:100;
	border:2px solid #121212;
	color:#FFFFFF;
	background-color:#262626;
	margin:0 5px;
	font-size:small;
}
	
#suck_my_suckerfish ul 
{
    position:absolute;
    left:-999em;
    height:auto;
    width:204px;
    font-weight:normal;
    margin:0;
    line-height:1;
	border-top:2px solid #121212;
	margin-left:-2px;
}
		
#suck_my_suckerfish li li 
{
    width:200px;
    border:2px solid #121212;
	border-top:0;
	color:#FFFFFF;
	margin:0;
}

#suck_my_suckerfish li li:hover 
{
	width:200px;
	border:2px solid #121212;
	border-top:0;
	color:#FFFFFF;
	
}
	
#suck_my_suckerfish li li a 
{
	padding:10px 10px;
	width:180px;
	color:#FFFFFF;
}
	
#suck_my_suckerfish li ul ul 
{
   	margin:-35px 0 0 200px;
	color:#FFFFFF;
	
}

#suck_my_suckerfish li ul li:hover a, #suck_my_suckerfish li ul li li:hover a, #suck_my_suckerfish li ul li li li:hover a, #suck_my_suckerfish li ul li li li:hover a 
{
	color:#FFFFFF;
	
}

#suck_my_suckerfish li:hover a 
{
	color:#FFFFFF;
}

#suck_my_suckerfish li.sfhover a 
{
    color:#FFFFFF;
 }
 
#suck_my_suckerfish li:hover li a, #suck_my_suckerfish li li:hover li a, #suck_my_suckerfish li li li:hover li a, #suck_my_suckerfish li li li li:hover li a 
{
    color:#FFFFFF; /*this is for the color of the other non hovered over objects*/
 }
 
#suck_my_suckerfish li:hover ul ul, #suck_my_suckerfish li:hover ul ul ul, #suck_my_suckerfish li:hover ul ul ul ul, #suck_my_suckerfish li.sfhover ul ul, #suck_my_suckerfish li.sfhover ul ul ul, #suck_my_suckerfish li.sfhover ul ul ul ul 
{
    left:-999em;
	color: #FFFFFF;
}

#suck_my_suckerfish li:hover ul, #suck_my_suckerfish li li:hover ul, #suck_my_suckerfish li li li:hover ul, #suck_my_suckerfish li li li li:hover ul, #suck_my_suckerfish li.sfhover ul, #suck_my_suckerfish li li.sfhover ul, #suck_my_suckerfish li li li.sfhover ul, #suck_my_suckerfish li li li li.sfhover ul 
{
    left:auto;
    background-color:#121212; /*background colour of the drop down second level menu*/
	color: #FFFFFF;
}
#suck_my_suckerfish li:hover, #suck_my_suckerfish li.sfhover {
    background-color:#121212; /*color of the top level */
	border:2px solid #121212;
	color: #FFFFFF;

 }
 

/* ===== textual framework ================ */
/* headings framework*/

.subhead
{
	font-family: Cambria, serif;
	font-size: 3.3em;
	line-height: 1.2em;
}

.subhead2
{ 
	font-family: Georgia, serif;
	font-size: 1.65em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.2em;
}

.subhead3
{ 
	font-family: Cambria, serif;
	font-size: 1.35em;
	line-height: 1.4em;
}

.subhead4
{
	font-family: Cambria, serif;
	font-size: 1.2em;
	line-height: 1.5em;
}

.gray_box
{
	background-color:#F4F2F1;
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:10px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
}

.light_gray_box
{
	border:1px solid #F4F2F1;
	background-color: #f9f8f8;
	width:95%;
	height:auto;
	padding:2.5%;
	margin-bottom:10px;
}

.white_box
{
	background-color:#FFF;
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:10px;
}

/* text styling framework */

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.bolditalic
{
	font-weight: bold;
	font-style: italic;
}

.underline
{
	text-decoration: underline;
}

.bigtext
{
	font-size: large;
}

.medium_text
{
	font-size: medium;
}

.smalltext
{
	font-size: 80%;
}

.verysmalltext
{
	font-size: x-small;
}

/*alignment framework*/

.textleft
{
	text-align: left;
}

.textright
{
	text-align: right;
}

.center
{
	text-align: center;
}

.indent
{
	text-indent: 3em;
}

.align_left
{
	text-align: left;
}

.align_right
{
	text-align: right;
}

.justify
{
	text-align: justify;
}

.smallcaps
{
	font-variant:small-caps;
}

.smallcaps_bold
{
	font-variant:small-caps;
	font-weight:bold;
}

.float_right
{
	float:right;
	margin-right:10px;
	padding-right:10px;
	display:inline;
}

.float_left
{
	margin-top:10px;
	float:left;
	margin-left:10px;
	display:inline;
}  

blockquote
{
	margin-bottom:10px;
	margin-top:10px;
	padding-left:2.2em;
	padding-right:2.2em;
}