/*
Theme Name: Strict Miss
Description:  Custom  theme for strictmiss.com
Version: 1.0 
Tags: strict miss
*/


/** RESET **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;

}
html, body {
	margin:0;
	padding:0;
    line-height: 1.1;
	height:100.1%; 
	min-height: 100%; margin-bottom: 1px; /*STOPS PAGE SHIFT MOVING MENU*/
}

html { overflow: -moz-scrollbars-vertical !important; }


blockquote, q {
    quotes: none;
}
a{ color:#8f8f8f; text-decoration:none; } a hover{ color:#666666; text-decoration:underline; } a img{ border:0; }



/* END RESET */

body { 
	text-align: center; 
	width: 100%;
	font-family: arial, sans-serif;
	font-size: 90%;
	color: white;
	background: #242424 url('../images/bg.jpg') no-repeat top center;
}

p { padding-bottom: 12px; }

h1, h2 { font-weight: bold; }
h1 { font-size: 1.5em; padding-bottom: 14px; margin-top: -10px; color: #A7814E }
h2 { font-size: 1.2em; padding-bottom: 12px; color: #A7814E }
h3 { font-size: 1.2em; padding-bottom: 12px; color: #A7814E }

img { max-width: 100%; height: auto; }
	

.maintext { color: #C1C1C1;
	font-size: 1em;
	padding-top: 10px;
	font-family: arial, sans-serif;
	font-weight: lighter;
	width: 100%; 
	}

	.maintext a:link {
	color: #A7814E;
	text-decoration: none;
	font-weight: 600;
	}
	
	.maintext a:visited {
	color: #A7814E;
	text-decoration: none;
	font-weight: 600;	
	}
	
	.maintext a:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 600;
	} 

.maintext2 { color: #C1C1C1;
	font-size: 1.2em;
	padding-top: 10px;
	font-family: arial, sans-serif;
	font-weight: lighter;
	width: 100%; 
	}

	.maintext2 a:link {
	color: #A7814E;
	text-decoration: none;
	}
	
	.maintext2 a:visited {
	color: #A7814E;
	text-decoration: none;
	}
	
	.maintext2 a:hover {
	color: #CCCCCC;
	text-decoration: none;
	} 

	
.linktext { color: #C1C1C1;
	font-size: 1.5em;
	font-family: arial, sans-serif;
	font-weight: bolder;
	width: 100%; }

	.linktext a:link {
		color: #A7814E;
		text-decoration: none;
		} 
		
	.linktext a:visited {
		color: #A7814E;
		text-decoration:none;
		}
	
	.linktext a:hover {
		color: #CCCCCC;
		text-decoration:none;
		}

.enterleave { color: #555555;
	font-size: 2.0em;
	padding-left: 50px;
	padding-top: 10px;
	font-family: arial, sans-serif;
	font-weight: bolder;
	width: 100%; }

	.enterleave a:link {
		color: #A7814E;
		text-decoration: none;
		} 
		
	.enterleave a:visited {
		color: #A7814E;
		text-decoration:none;
		}
	
	.enterleave a:hover {
		color: #CCCCCC;
		text-decoration:none;
		}		
		
		
.tech { color: #777777;
	font-size: 0.8em;
	font-family: arial, sans-serif;
	width: 50%;
	}

	.tech a:link {
	color: #A7814E;
	text-decoration: none;
	}
	
	.tech a:visited {
	color: #A7814E;
	text-decoration: none;
	}
	
	.tech a:hover {
	color: #CCCCCC;
	text-decoration: none;
	} 	
	

.italic { font-style: italic; }

.clear { clear: both; height: 0px; line-height: 0; }

	
li#memberslist {
	list-style: disc inside;
	padding-bottom: 0;
	margin-left: 12px;
	margin-bottom: 5px;
	}		

	
div#container{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	width: 100%;
	margin-bottom: -10px;
	overflow: none;
	clear: both;
}


/* MENU */

div#header { 
	width: 100%;
	position: relative;
	top: -5px;
	left: 0px;
	background: none;
	margin: 0px auto;
	margin-bottom: -5px;
	padding: 0;
}

div#header_front { 
	width: 100%;
	position: relative;
	top: -5px;
	left: 0px;
	margin: 0px auto;
	margin-bottom: -5px;
	padding: 0px 0px 9px 0px;
}

div#menu{ 
	position: relative;
	max-width: 899px;
	margin: 0px auto;
	margin-bottom: 7px;
	background: #000000;
	border: none;
	border-radius: 20px;
}

nav ul {
	margin: 0;
	padding: 0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: 700;
	font-size: 1.5em;
	text-align: center
}

	nav ul li {
		display: inline-block;
		list-style-type: none;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s; 
	}
	
		nav > ul > li > a {
			color: #BD8437;
			display: block;
			height: 30px;
			line-height: 30px;
			padding: 0 15px;
			text-decoration: none;
		}
		
		nav > ul > li:hover {
          background-color: #999999;
        }

        nav > ul > li:hover > a {
          color: rgb( 255, 255, 255 );
        }

        nav > ul > li:hover > a > .caret {
          border-top-color: rgb( 255, 255, 255 );
        }

div#mainContent {
	position: relative;
	max-width: 899px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 550px; /* real browsers */
	margin: 10px auto;
	margin-bottom: 0px;
	padding: 20px;
	margin-top: 0px;
	border-radius: 25px;
	background: black;
	border: none;
}

div#mainContent2 {
	position: relative;
	max-width: 899px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 550px; /* real browsers */
	margin: 10px auto;
	margin-bottom: 0px;
	padding: 20px;
	margin-top: 0px;
	background: black url('../images/mainContent2_bg.jpg') top right no-repeat;
	border-radius: 25px;
	border: none;
}

}

div#frontImage {
	position: relative;
	right: 0px;
	top: 0px;
	width: 899px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0px auto;
	text-align: left;
	background: none;
	border: none;
}

/* FOOTER */

div#footer {
	position: relative;
	bottom: 0;
    left: 0;
    right: 0px;
	border: none;
	width: 100%;
	height: 100%; /* Height of the footer */
	margin-top: 0px;
	background: url('../images/footer.png') no-repeat top center;
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size: contain;
}

div#footerContent {
	border: none;
	max-width: 100%;
	height: 100%; /* Height of the footer */
	padding-top: 60px;
	margin-bottom: 5px;
	background: none;
}

.copyright { color:#949494;
	font-size: 0.8em;
	font-family: arial, sans-serif;}
	
/* END FOOTER */	


div#contentText{
	position: relative;
	border: none;
	width: 100%;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 540px; /* real browsers */
	padding: 0 20px 20px 0;
	background: url('../images/textcontainer_bg.png') no-repeat bottom left;
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size: contain;
}

/* PREVIEW */


		div#previewContent {
			position: relative;
			max-width: 899px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 550px; /* real browsers */
			margin: 10px auto;
			margin-bottom: 0px;
			padding-top: 20px;
			padding-bottom: 20px;
			margin-top: 0px;
			background: black url('../images/preview_bg.jpg') no-repeat top right;
			border-radius: 25px;
			border: none;
		}


		div#previewBody{
			position: relative;
			left: 50px;
			border: none;
			max-width: 750px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100%; /* real browsers */
			padding: 0 80px 0 0;
		}	

		div#previewtextContainer{
			position: relative;
			left: 20px;
			border: none;
			max-width: 500px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100%; /* real browsers */
			padding: 0 0 0 0;
		}

		div#previewtextContainer2{
			position: relative;
			left: 20px;
			border: none;
			max-width: 800px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100%; /* real browsers */
			padding: 0 0 0 0;
		}

		div#videoContainer{
			position: relative;
			left: 30px;
			border: 1px solid #242424;
			max-width: 440px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100%; /* real browsers */
			padding: 0 0 0 0;
		}

		.previewtext { color: #999999;
			font-size: 1.2em;
			font-family: arial, sans-serif;
			width: 100%;
			font-weight: bold;
			}

			.previewtext a:link {
			color: #9F845B;
			text-decoration: none;
			font-weight: 600;
			}
			
			.previewtext a:visited {
			color: #9F845B;
			text-decoration: none;
			font-weight: 600;	
			}
			
			.previewtext a:hover {
			color: #CCCCCC;
			text-decoration: none;
			font-weight: 600;
			} 
			
			div#preview_floatingJoin {
				position: relative;
				float: right;
				left: 50px;
				top: -100px;
				width: 240px;
				height: auto !important; /* real browsers */
				height: 100%; /* IE6: treaded as min-height*/
				min-height: 100px; /* real browsers */
				margin: 10px auto;
				margin-bottom: -17px;
				margin-top: 6px;
				background: none;
				border: none;
			}			

			div#preview_bottomJoinImage {
				position: relative;
				max-width: 760px;
				left: 14px;
				height: auto !important; /* real browsers */
				height: 100%; /* IE6: treaded as min-height*/
				min-height: 102px; /* real browsers */
				margin: 10px auto;
				padding-top: 0px;
				padding-bottom: 0px;
				margin-top: -10px;
				margin-bottom: -10px;
				background: none;
				border: none;
			}			
			

/* JOIN*/

		div#join_optionscontainer{
			position: relative;
			width: 500px;
			left: 120px;
			margin: -18px 80px 0 0;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 20px; /* real browsers */
			border: none;	
		}

		div#join_optionscontainer2{
			position: relative;
			width: 500px;
			left: 150px;
			margin: -18px 80px 0 0;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 20px; /* real browsers */
			border: none;	
		}		
		
		.join_optionsimage{
			position: relative;
			float: left;
			left: 10px;
			height: 63px;
			margin: 0 0 0 0;
			border: none;
		}

		div#join_optionsonline{
			position: relative;
			width: 500px;
			height: auto !important; /* real browsers */
			height: 70px; /* IE6: treaded as min-height*/
			min-height: 70px; /* real browsers */
			border: none;
		}		


		.jointext { color: #888888;
			font-size: 1.5em;
			font-family: arial, sans-serif;
			width: 100%;
			}

			.jointext a:link {
			color: #9F845B;
			text-decoration: none;
			font-weight: 600;
			}
			
			.jointext a:visited {
			color: #9F845B;
			text-decoration: none;
			font-weight: 600;	
			}
			
			.jointext a:hover {
			color: #CCCCCC;
			text-decoration: none;
			font-weight: 600;
			}

		
			
/* LINKS */

		div#links{
			position: relative;
			width: 800px;
			margin: -18px 80px 0 0;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100%; /* real browsers */	
		}



			div#subLinks2{
				position: relative;
				left: 70px;
				width: 620px;
				margin:0 80px 0 0;
				height:auto !important; /* real browsers */
				height:100%; /* IE6: treaded as min-height*/
				min-height:600px; /* real browsers */
				padding: 10px 10px 10px 10px;
				background: url('../images/bg.jpg') repeat top center;
				-moz-background-size:cover; 
				-webkit-background-size:cover; 
				background-size: contain;
				border: 1px solid #FFFFFF;
			}

			div#leftBanner{
				float: left;
				padding: 4px;
				margin: 4px;
				width: 468px;
				height: 108px;
				background: #333333;
				border: 1px solid #666666;
			}

			div#rightBanner{
				float: left;
				padding: 4px;
				margin: 4px;
				width: 468px;
				height: 108px;
				background: #333333;
				border: 1px solid #666666;
			}			
			
			
/* MEMBERS */

div#members{
	position: relative;
	left: 20px;
	width: 800px;
	margin:0 80px 0px 0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	padding: 0px 10px 5px 10px;
}

div#subMembers{
	position: relative;
	left: 5px;
	width: 800px;
	margin:0 80px 0 0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	padding: 0px 10px 0px 15px;
	background: none;
	border: none;
}


		div#memberstextContainer{
			position: relative;
			left: 85px;
			border: none;
			max-width: 650px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100%; /* real browsers */
			padding: 0 0 0 0;
			margin-top: -15px;
		}	

		div#members_headerimageContainer{
			position: relative;
			border: none;
			max-width: 650px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100%; /* real browsers */
			padding: 0 0 0 0;
			margin-bottom: 15px;
		}
		
		div#members_Galleries {
			position: relative;
			max-width: 650px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 300px; /* real browsers */
			margin: 10px auto;
			padding-top: 0px;
			padding-bottom: 0px;
			margin-top: 0px;
			background: black;
			border: none;
		}
			
		div#members_Galleries_MAIDS {
			position: relative;
			float: left;
			left: -10px;
			top: -5px;
			max-width: 210px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100px; /* real browsers */
			margin: 10px auto;
			margin-top: 5px;
			background: none;
			border: none;
		}			

		div#members_Galleries_UNIFORMS {
			position: relative;
			float: left;
			left: 10px;
			top: -5px;
			max-width: 210px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100px; /* real browsers */
			margin: 10px auto;
			margin-top: 5px;
			background: none;
			border: none;
		}

		div#members_Galleries_SAUCY {
			position: relative;
			float: left;
			left: 30px;
			top: -5px;
			max-width: 210px;
			height: auto !important; /* real browsers */
			height: 100%; /* IE6: treaded as min-height*/
			min-height: 100px; /* real browsers */
			margin: 10px auto;
			margin-top: 5px;
			background: none;
			border: none;
		}

.membersupdatetext { color: #C1C1C1;
	font-size: 1.2em;
	padding-top: 10px;
	font-family: arial, sans-serif;
	font-weight: lighter;
	width: 100%; 
	}

	.membersupdate a:link {
	color: #A7814E;
	text-decoration: none;
	font-weight: 600;
	}
	
	.membersupdate a:visited {
	color: #A7814E;
	text-decoration: none;
	font-weight: 600;	
	}
	
	.membersupdate a:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 600;
	}		
		

div#membersGallery{
	position: relative;
	max-width: 770px;
	margin: 5px 80px 5px 0px;
	height: 1%;
	overflow: hidden; /* IMPORTANT  TO KEEP DIV PROPERLY SIZED AROUND INNER CONTENT*/
	padding: 10px 10px 10px 15px;
	background: none;
	border: none;
}

div.galleryContainer{
	float: left;
	padding: 4px;
	margin: 4px;
	max-width: 110px;
	height: 173px;
	background: url('../images/galleryContainer_bg.png') no-repeat center #333333;
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size: contain;
	border: none;
}

div.galleryContainerPic{
	position: relative;
	left: -2px;
	padding: 0px;
	margin: 3px 5px 0px 5px;
	max-width: 100px;
	height: 150px;
	background: none;
	border: none;
	overflow: hidden;
}

div.galleryContainerWords{
	color: #EB8600;
	font-weight: bold;
	float: left;
	padding: 0px;
	margin: 2px 5px 0px 5px;
	max-width: 100px;
	height: 20px;
	background: none;
	border: none;
}

.galleryLinks { color:white;
	font-size: 0.8em;
	font-family: arial, sans-serif;
	width: 50%;
	}
	
	.galleryLinks a:link {
	color: #777777;
	text-decoration: none;
	}
	
	.galleryLinks a:visited {
	color: #C5369D;
	text-decoration: none;
	}
	
	.galleryLinks a:hover {
	color: #C5369D;
	text-decoration: none;
	} 	


/* HORIZONTAL RULERs */


div#hrTop {
	border: 0;
	max-width: 95%;
	background: url('../images/hr_bg_top.png') no-repeat center;
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size: contain;
	height: 13px;
	margin: 0px auto;
	margin-bottom: 8px
}

div#hrBottom {
	border: 0;
	max-width: 95%;
	background: url('../images/hr_bg_bottom.png') repeat center;
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size: contain;
	height: 13px;
	margin: 0px auto;
	margin-bottom: 8px
}

div#hrBlank {
	border: 0;
	max-width: 100%;
	background: none;
	height: 5px;
	margin: 5px auto;
}