/*
Style Name:     SSFA 2014 
Description:    Style for Sin Sin Fine Art New Website Design 
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;
        }


/*----------------------------------------
# 
# IMAGES
# 
----------------------------------------*/


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


.floatimgleftexh {
	float: left;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 35px;
	margin-bottom: 50px;
	display: box;
}


.floatimgleftexpl {
	float: left;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 35px;
	margin-bottom: 100px;
	display: box;
	vertical-align: top;
}

.floatimgleftexp {
	float: left;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 35px;
	margin-bottom: 35px;
	display: box;
	vertical-align: top;
}


.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:focus { outline: thin dotted; }

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

.navi-artworks a:link { color: #535353; text-decoration: none; font-weight: bold; }
.navi-artworks a:hover { color: #922828; }

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

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

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

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

.td-text-center a:link { color: #922828; font-size: 16px; font-weight: 600; font-style: italic; text-decoration: none; word-spacing: 1.5px;}
.td-text-center a:hover { color: #999999; }

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

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

.exhititle a:link { color: #922828; text-decoration: underline; }
.exhititle a:hover { color: #FFFFFF; background-color: #922828; text-transform: bold; }
	 


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

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


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

.red {
	color: #922828;
}

.grey {
	color: #999999;
}


.upcoming {
	font-size: 18px;
	color: #000000;
	letter-spacing: 5px;
	word-spacing: 6px;
	font-family: myriad pro; arial, verdana, sans-serif;
	text-transform: uppercase;
}

.showtitle {
	font-size: 16px;
	color: #922828;
	letter-spacing: 2px;
	word-spacing: 4px;
	font-family: myriad pro; arial, verdana, sans-serif;
	text-transform: uppercase;
}


.showtitlepast {
	font-size: 15px;
	color: #922828;
	letter-spacing: 1px;
	font-family: myriad pro; arial, verdana, sans-serif;
	text-transform: uppercase;
	vertical-align: top;
}


.exhititle {
	font-size: 15px;
	color: #922828;
	letter-spacing: 1px;
	font-family: myriad pro; arial, verdana, sans-serif;
	text-transform: uppercase;
	vertical-align: top;
}


.inbox {
	font-size: 12px;
	font-weight: bold;
	color: #696969;
	font-family: myriad pro; arial, verdana, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
}

.inbox-country {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	letter-spacing: 1.5px;
	font-family: myriad pro; arial, verdana, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
}


.artist-name {
	font-size: 18px;
	font-weight: bold;
	color: #922828;
	font-family: myriad pro; arial, verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 4px;
}



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


.td-subtitle {
	padding: 10px 0 10px 0;
	font-family: myriad pro; century gothic, arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
	letter-spacing: 2px;
	word-spacing: 4px;
}


.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-exhibitions {
	padding: 0;
	margin: 20px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 15px;
	color: #666666;
	text-align: left;
	vertical-align: top;
	line-height: 22px;	
}

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



.td-exhibitionspast {
	padding: 0;
	margin: 16px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: left;
	vertical-align: top;
	line-height: 19px;	
}


.td-exhibitionspastjust {
	padding: 5px;
	margin: 16px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	line-height: 19px;	
}


.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;	
}


.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;
}


.vlb-box2 {
	padding: 0;
	border: 3px solid #fff;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 10px;
	color: #969699;
	text-align: center;
}


.td-artists {
	padding: 5px;
	font-family: myriad pro; arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #922828;
	text-align: left;
	vertical-align: top;
	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: #922828;
	text-align: center;
	vertical-align: middle;	
}


.hilineheight { 
	line-height: 18px;
	}


.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;
       }       


/*----------------------------------------
# 
# LIST
# 
----------------------------------------*/
ul {
    list-style-position: outside; line-height:160%; margin-left: 0; padding-left: 0; text-indent: 0;"
}