/*
Theme Name: Miss Pralina
Theme URI: http://wordpress.org/
Description: Miss Pralina version 10
Version: 10.0
Author: Jerome D.Soucy and Aisha Barry
Author URI: http://jeromedsoucy.com/

*/

body, html {
	margin:0;
	padding:0;
	height:100%;
	background:white;
}
body.about{overflow:hidden;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display:inline-block;
	clear:both;
}
html[xmlns] .clearfix {
	display:			block;
}
* html .clearfix {
	height:				1%;
}
h1, h2, h3 {
	font-weight:		lighter;
}
h1, h2, h3, p, ul, li {
	margin:				0;
	padding:			0;
}
h2{
	font-size:14px;
	color:#bcbcbc;padding-bottom:5px;
	
}
h3 {
	font-size:			18px;
}
img {
	border:				0;
}
ul {
	list-style:			none;
}


.left{float:left;}
.right{float:right;}

a, a:visited, a:active{ text-decoration:none;color:#bcbcbc;}
a:hover{text-decoration:underline;}



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#bcbcbc;
}

div.tram{ 
	background:url(http://misspralina.com/images/tram.gif);
	position:absolute;
	width:100%; 
	height:100%; 
	z-index:777;
}

/**
* Portfolio
*/
#container{
 	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -153px;
}

.wrapper{
	width:858px; 
	margin:0 auto;
	padding:20px 0;position:	relative;
	background:
}


.content .wrapper{
	padding-top:20px;
	padding-bottom:0;
}

.about .content .wrapper{
	padding-top:207px;
	padding-bottom:0;
}

/* Headre: menu, tagline, logo */
.header{
	background:white;
	/*position:fixed;*/
	top:0;
	width:100%;
	z-index:777;
}

.about .header{position:fixed;}

#logo{
	float:left;

}
#logo img{
	width:121px; 
	height:97px;
}

#tagline{
	position:	absolute;
	top:		138px;
	left:		227px;
	width:		354px;
	height:		94px;
}


#left_menu{
	width:					189px;
	float:					left;
	padding-left:			42px;
	min-height:				100px;
	position:				relative;
}

#left_menu li{
	height:					15px;
	margin-bottom:			10px;
}

#left_menu ul{
	margin-left:			42px;
}

#left_menu a{
	width:					50px;
	background:				white;
}

#left_menu .sIFR-flash{
	background:				white;
	width:					80px;
}

/* Post */
div.description{
	padding-bottom:32px;
	padding-top:8px;
}

div.description{
	background:url(images/HOME_03.png) no-repeat 8px 8px white; 
	height:600px;
}

div.description p{display:none;}

div.content{
	background:url(http://www.misspralina.com/images/background_07.gif) repeat fixed 0 0;
	width:100%;
	position:relative;
}

.post{
	background:white none repeat scroll 0 0;
	margin-bottom:20px;
	width:400px;
	padding:8px;
	position:relative;
	float:left;
}

div.post.space{margin-left:20px;}

/* Info & Page */

/* Info: title, description navigation */
.blocka{
	float:			left;
	position:		relative;
	margin-left:	8px;
	height:			500px;
	width:			147px;
}

h2 a{
	color:			#424242;
}

.blocka p{
	margin-top:		10px;
}

.blocka .navigation{
	position:		absolute;
	bottom:			0;
	right:			0;
	width: 			139px;
	text-align:		right;
	padding: 5px 8px 0 0px; 
	background: white ;
	height:20px;
	display:block;
}
/* navigation */
.navigation  {width:100%; padding-bottom:20px;}
.navigation  .left,.navigation  .right {padding:2px 8px;background:white;}

/**
* Page 
*/
#about_bg_container{
	position:absolute; 
	top:0; 
	left:0; 
	height:100%;
	width:100%;
	z-index:1;
}

#page{
	width: 			362px;
	height:			167px;
	display: 		block;
	background:		black;
	margin:			0 auto;
	opacity:		1; 
	color:			black;
	filter:			alpha(opacity=70); 
	filter:			progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity:0.7;
	z-index:777; 
	position:relative;
	padding:20px;
	text-align:center;
}

#page p{
	color:			white;
	line-height:	18px;
	background:		url(images/about.png) no-repeat;
	width:			362px;
	height:			167px;
}
#page p span{display:none;}
#page h1{
	color:gray;
	display:block;
	font-size:12px;
	padding-top:10px;
}

#page h1.first{
	padding-top:0;
}

#page img{
	float: left; margin-right: 8px;position:relative; 
}

#page p{
	display:block;
}

/**
* Slider
*/
.slider , .slider .wrapper , .slider ul li{
	width: 400px;  
	height: 600px;
}
.slider{height:626px;
	position: relative;}

.slider .wrapper{ 
	overflow:hidden;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
} 

.slider .wrapper ul{ 
	width:32700px;/* Width below is max for Opera */
	list-style:none;
	position:absolute;
	top:0;
	left:0;
	margin:0;
}

.slider ul li{ 
	display:block;
	float:left;
	padding:0;
	margin:0;
}

.slider .arrow{ 
	display:block;
	height:22px;
	width:11px;
	background:url(images/arrows.png) no-repeat 0 0 ;
	text-indent:-9999px;
	position:absolute;
	bottom:-8px;
	cursor:pointer;opacity:0.3;filter:alpha(opacity=30);
	padding:5px;
}

.slider .forward{ 
	background-position:-16px 5px;
	right:-5px;
}

.slider .back{ 
	background-position:5px 5px; 
	right:20px; 
}

.slider .forward:hover{ 
	/*right:-5px;*/
}

.slider .back:hover{ 
	/*right:25px;*/
}


#tooltip{
	position: absolute;
	z-index: 3000;
	background-color: white;
	padding: 5px;
	opacity: 0.85;
	color:#858585;
}

#tooltip h3, #tooltip div{margin: 0;font-size:9px;font-family:Arial, Helvetica, sans-serif;font-weight:lighter;}

/* footer */

body #footer .wrapper{border-top:0}