/*
Style Name:     deep purple 
Description:    Style for Sin Sin Fine Art 
Author:         Lie Fhung
Author URI:     http: //liefhung.com/
*/

/*----------------------------------------
# 
# LAYOUT
# 
----------------------------------------*/
body {      
        margin-top: -1px;
        align: center;
        font-family: myriad pro, trebuchet ms, verdana, sans-serif;
        font-size: 15px;
        color: #666666;
        }


.floatimgleft {
	float: left;
	position: relative;
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 14px;
	margin-bottom: 12px;
	display: box;
}


.floatimgright {
	float: right;
	position: relative;
	margin-top: 0px;
	margin-left: 14px;
	margin-right: 8px;
	margin-bottom: 12px;
	display: box;
}


/*----------------------------------------
# 
# LINKS
# 
----------------------------------------*/
a { color: #999999; text-decoration: none; }
a:hover { color: #696969; text-transform: bold; }
a:visited { color: #999999; }
a:focus { outline: thin dotted; }

.navi-bar a:link { color: #999999; text-decoration: none; }
.navi-bar a:hover { color: #780000; background-color: #FFFFFF; text-transform: bold; }

.td-title a:link { color: #780000; font-size: 20px; font-weight: bold; text-decoration: none; }
.td-title a:hover { color: #999999; font-size: 20px; font-weight: bold; }
.td-title a:visited { color: #780000; }

.td-artists a:link { color: #780000; text-decoration: none; }
.td-artists a:hover { color: #999999; }
.td-artists a:visited { color: #780000; }

.inbox a:link { color: #696969; text-decoration: none; }
.inbox a:hover { color: #780000; }
.inbox a:visited { color: #696969; text-decoration: none; }

.td-subtitle a:link { color: #696969; font-size: 16px; font-weight: bold; text-decoration: none; }
.td-subtitle a:hover { color: #780000; font-size: 16px; font-weight: bold; }
.td-subtitle a:visited { color: #696969; }

.td-text-center a:link { color: #780000; font-size: 16px; font-weight: 600; text-decoration: none; word-spacing: 1.8px;}
.td-text-center a:hover { color: #999999; }
.td-text-center a:visited { color: #780000; }

.credit a:link { font-weight: bold; text-decoration: none; font-weight: bold; }
.credit a:hover { color: #780000;}

.footer a:hover { font-weight: bold; }
	 


/*----------------------------------------
# 
# NAVIGATION
# 
----------------------------------------*/
.navi-bar {
	padding: 0;
	align: middle;
	text-align: center;
	font-family: century gothic, arial, verdana, sans-serif;
	font-size: 14px;
}


/*----------------------------------------
# 
# TYPOGRAPHY
# 
----------------------------------------*/
.small { font-size: 85%; }

.wine {
	color: #780000;
}

.grey {
	color: #999999;
}


.title {
	padding: 10px 0 10px 0;
	font-family: myriad pro; century gothic, arial, verdana, sans-serif;
	font-size: 18px;
	color: #780000;
}

.td-title {
	padding: 10px 0 10px 0;
	font-family: myriad pro; century gothic, arial, verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #780000;
}


.td-subtitle {
	padding: 10px 0 10px 0;
	font-family: myriad pro; century gothic, arial, verdana, sans-serif;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1.5px;
	color: #780000;
}


.td-text {
	padding: 0;
	margin-left: 5px;
	margin-right: 10px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 15px;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	line-height: 21px;	
}

.td-text-smaller {
	padding: 0;
	margin-left: 5px;
	margin-right: 10px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	line-height: 14px;
}


.td-text-center {
	padding: 0;
	margin-left: 5px;
	margin-right: 10px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 15px;
	color: #666666;
	text-align: center;
	vertical-align: top;
	line-height: 21px;	
}



.td-text-right {
	padding: 0;
	margin-left: 10px;
	margin-right: 25px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 15px;
	color: #666666;
	text-align: right;
	vertical-align: top;
	line-height: 21px;	
}

.td-text-left {
	padding: 0;
	margin-left: 25px;
	margin-right: 10px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 15px;
	color: #666666;
	text-align: left;
	vertical-align: top;
	line-height: 21px;	
}


.td-statement {
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	line-height: 21px;	
}

.inbox-country {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	vertical-align: middle;
}


.inbox-artist {
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	vertical-align: middle;
}



.td-countries {
	padding: 5px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 16px;
	color: #666666;
	text-align: left;
	vertical-align: top;
	line-height: 28px;	
}

.td-countries-box {
	padding: 0;
	border: 2px solid #fff;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #969699;
	text-align: center;
	vertical-align: middle;
}

.vlb-box {
	padding: 0;
	border: 3px solid #fff;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #969699;
	text-align: center;
	vertical-align: middle;
}


.td-artists {
	padding: 5px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #780000;
	text-align: left;
	vertical-align: top;
	letter-spacing: 1.5px;
	line-height: 28px;	
}

.td-artworks {
	padding: 0;
	border: 2px solid #fff;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #780000;
	text-align: center;
	vertical-align: middle;	
}

.tagline { font-size: 15px; color: #969696; }

.footer {
       margin: 0px;
       padding: 0px;
       font-family: trebuchet ms, verdana, sans-serif;
       font-size: 11px;
       line-height: 14px;
       font-weight: normal;
       color: #999999;
       }

.credit {
       margin: 0px;
       padding: 0px;
       font-family: trebuchet ms, verdana, sans-serif;
       font-size: 12px;
       line-height: 14px;
       font-weight: normal;
       font-style: italic;
       color: #696969;
       }
       
.tinycredit {
       margin: 0px;
       padding: 0px;
       font-family: trebuchet ms, verdana, sans-serif;
       font-size: 9px;
       font-weight: normal;
       font-style: italic;
       color: #696969;
       }       

/*----------------------------------------
# 
# VLIGHTBOX
# 
----------------------------------------*/

/*artworks*/

#vlightbox1 .vlightbox1 div{
	left:0;
	bottom:0;
	width:100%;
	background:#000;
	opacity:0.7;
	padding:5px;
	color:#FFF;	
}
#vlightbox1 .vlightbox1 {
	height:81px;
	overflow:hidden;
	background-color: #efefef;
}

#vlightbox1 .vlightbox1 {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;
	width:81px;
	font-family:Myriad Pro,Tahoma,Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	outline:none;
}
#vlightbox1 .vlightbox1 a{
	margin:0;
}
#vlightbox1 .vlightbox1 img{
	display:block;
	border:none;
	margin:0;
}
#vlightbox1 .vlightbox1 div {display:none}

.vlightboxsq {
	margin:5px;
	width:81px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #969699;
	text-align: center;
	vertical-align: middle;
}