@charset "UTF-8";
/* CSS Document */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
Copyright (c) 2010, Jerome D.Soucy. All rights reserved.
*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:		11px;
	/*color:			#5f5f5f;*/
	color:			#A8A8A8;
}

body, html {
	margin:0;
	padding:0;
	height:100%;
	min-height:100%;
}

.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	float:none;
}

.clearfix{
	display:block;
	float:none;
	clear:both;
}

html[xmlns] .clearfix{
	display:			block;
}

* html .clearfix{
	height:				1%;
}
a, a:visited, a:active {
color:#8c8c8c;
text-decoration:none;
}
a:hover{text-decoration:underline;}
#container{
	margin:0 auto;
	background:white;
}
#logo{
	margin:0 auto;
	width:180px;
	padding:20px 0;
}

#content{
	background:url(http://www.misspralina.com/images/background_07.gif) repeat scroll 0 0;
	width:100%;
	position:relative;
	min-height:240px;
}

.wrapper{
	width:980px;
	margin:0 auto;
	z-index:777;
	padding:10px 0;
}

#content .wrapper{width:980px}
.left{float:left;}
.right{float:right;}

/**
* Content
*/
.col{width:237px; float:left;}
 .footer .col{padding-bottom:18px; }

#content .col{ padding-left:10px;}
#content .col .padding_inside,.footer .col .padding_inside{padding:8px;background:white;min-height:204px;}
#content .col.first, .footer .col.first{padding-left:0;}

h2 a{ height:14px;  display:block;}
h2 a{color:#ba2582; font-size:14px; font-weight:normal;}
h2 span{display:none;}
h3{ font-size:12px; font-weight:bold; margin-top:5px; margin-bottom:8px;}
#content p{padding-top:8px;}
#content a{color:#5f5f5f;}

#content .image{padding-bottom:8px}
#content .image a{width:220px; height:140px; display:block;text-align:center;}

/*#content  .image img{width:220px; height:140px;}*/
#content img:hover{opacity:0.9;filter:alpha(opacity=90);}
h2{
	background-image:url(images/sprite_typo.gif);
	display:block;
	height:13px;
}
h2:hover{opacity:0.5;}
h2 a{display:block;
	height:13px;}
.work h2{/* art direction */
	width:118px;
	background-position:0 0;
}
.work h2 a{
	width:118px;
}
.portfolio h2 {/* artwork */
	background-position:-123px 0;
	width:77px;
}
.portfolio h2 a{
	width:77px;
}
.blog h2{
	background-position:-99px 0;
	width:79px;
}
.blog h2 a{
	width:79px;
}
.lab h2{
	width:26px;
	background-position:-206px 0;
}
.lab h2 a{ 
	width:26px;
}
.video h2{
	background-position:-236px 0;
	width:50px;
}
.video h2 a{ 
	width:50px;
}
.web h2 {
	background-position:-290px 0;
	width:34px;
}
.shop h2{
	background-position:-329px 0;
	width:42px;
}

/*.video, .shop{margin-top:10px}*/

/**
* Footer
*/
.footer{
	width:100%;
	font-size:10px;
}

/* social, latest artwork, latest comment, shop */
h4{ padding-bottom:18px;}
.social-media h4{ display:block;
float:left; padding-bottom:0;}
.footer .social-media li, .footer .blog-cat li, .lastest-artworks li{padding-bottom:3px;}
.footer .social-media li{float:left;}
.read_more{display:block;}
/*a:hover{color:#ccc;}*/
.lastest-artworks a.image, .popular-product a.image{
	float:left;
	margin-right:5px;
	width:40px;
	height:40px;
	display:block;
	border:3px solid #434343;
}
.lastest-artworks a.image:hover,.popular-product a.image:hover{
	border-color:#696969;
}
#content h3 a, .footer h5 a, .footer .author{ font-weight:normal;}
#content h3{font-weight:normal;}
.popular-product b{font-weight:bold;}
.popular-product p{line-height:16px;}

/* Social media */

/* latest artwork */
.footer h5 a{font-size:10px; font-weight:normal; line-height:14px;}
/* latest comments */
.date{ display:block; font-style:italic;font-size:9px;}


lastest-artworks img{width:4px; height:40px;}
/* popular-product */
.popular-product a.image, .popular-product a.image{
	float:left;
	margin-right:5px;
	width:59px;
	height:95px;
	display:block;
	border:3px solid #434343;
}
/* copyright, html & css validation */
/*
STYLE 1
*/
/**/
/*#footer, #footer h4{font-size:11px;}
.recent_comments a, .recent_post a, .categories a{
	overflow:hidden;
	text-transform:uppercase;
	white-space:nowrap;
}*/
/*
STYLE 2
*/
#footer {color:#c6c6c6;}
#footer, #footer h4{font-size:10px;}
.recent_comments a, .recent_post a, .categories a{
	overflow:hidden;font-size:9px;
	white-space:nowrap;text-transform:uppercase;
}
#footer .left{width:50%;}
#footer .right{text-align:right;}
.copyright, .valid{
	padding-top:10px;
}
.copyright{
	clear:both;
}
.footer_line{height: 1px; margin-bottom: 20px;}
.footer_line .triangle_holder{position: absolute; right: 0pt; top: -7px; background:white;}
#column_holder{
	padding-bottom:5px;
	/*margin:0 auto;
	width:660px;*/
}
#footer .column{
	width:237px;
	padding-left:10px;
}
#footer .column.first{padding-left:0;}
#footer h4{
	font-weight:bold;
	padding-bottom:10px;
	text-transform:uppercase;
}
#column_holder li{
	padding-bottom:5px;
}
.social_media{
	background:url("images/tram2.gif") repeat-x scroll center top transparent;
	padding-top:10px;
	font-size:10px;

}
#footer .categories.left{background: none repeat scroll 0% 0% transparent; padding-right: 0pt; margin-right: 0pt;}

.social_media li{float:left;}
#footer .social_media h4{font-size:10px; font-weight:normal; float:left;text-transform:none; padding-bottom:0;}