/*---------------------------------------------------------------------
   Basic Style Sheet
   Version 1.0
   Author  Lai, Chan Huai
   Email   chanhuai@gmail.com
   website
---------------------------------------------------------------------*/

/* =Typography
---------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, div {
        margin: 0;
        padding: 0;
}

body {
        font-family: "lucida grande", "lucida sans unicode", sans-serif;
        font-size: 62.5%;
        color: #222;
        background: #8b8b8b;
        padding: 20px 0px;
        margin: 0px;
        text-align:center;
}

h1 {
        font-size: 240%;
        border: 0px solid gray;
}

h2 {
        font-size: 200%;
        border: 0px solid gray;
}

h3 {
        font-size: 170%;
        border: 0px solid gray;
}

h4 {
        font-size: 130%;
        border: 0px solid gray;
}

h5 {
        font-size: 120%;
        border: 0px solid gray;
}

h6 {
        font-size: 50%;
        border: 0px solid gray;
}

/* =Element
---------------------------------------------------------------------*/


a {
        text-decoration: none;
        color: #8b8b8b;
}

img {
        border: none;
}

p {
		font-size: 120%;
}

/* =Layout
---------------------------------------------------------------------*/
#wrapper {
        width: 760px;
        margin: 0px auto;
        padding: 10px;
        background: #fff;

}

#header {
        text-align: left;
        background: #ffffff;
        border: 0px solid #000;
}

#logo {
		margin: 0px;
        padding: 10px 15px 45px 10px;
        color: #8b8b8b;
        background: #000 url('images/jetto2.gif') no-repeat top left;
        border: 0px solid #000;
}

#logo h1 {
        padding-bottom: 5px;
}

#logo h1 a{
        color: #ffffff;
}

#logo a:hover{
		color: #F0AE07;
		text-decoration: underline;
}

#logo p {
		font-size: 1.1em;
}

#tabs {
		background: #fff;
		border-top: 1px solid #fff;
}

#tabs ul {
		background: #000;
}

#tabs li {
        display: inline;
}

#tabs li a {
        display: block;
        width: 83px;
        float: left;
        padding: 7px 10px 20px 7px;
        font-size: 1.2em;
        color: #fff;
        border-right: 1px solid #fff;
        background: #000;
}

#tabs li a:hover {
        background: #F0AE07; /*#A54433;*/ /*#C8272A; #CF4939*/
        color: #FFFAC6; /*#CC9999; #D26E5E;*/
        text-decoration: none;
   
}

#path {
        background: #fff;
        margin: 7px 0 0 0;
        padding: 3px 0px 7px 5px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        color: #3f3f3f;
}

body#home #header ul a#home, body#artwork #header ul a#artwork, body#store #header ul a#store, body#about #header ul a#about {
        color: #fff;
        font-weight: bold;
        background: #3f3f3f;
}

#content {
		margin: 0px;
        padding: 10px 5px 40px 5px;
        background: #fff;
        text-align: left;
        border: 0px solid #000;
}

#latestart {
		background: transparent url('images/latestartbg1.gif') no-repeat top right;
}

#latestart img {
		float: left;
		width: 500px;
		height: 350px;
}

#artinfo {
		margin: 0;
		padding: 10px 5px 0 5px;
		float: right;
		width: 230px;
		border-bottom: 1px solid #bbb;
}

#artinfo h1 {
		font-size: 8em;
		color: #3f3f3f; /*#504539*/
}

#artinfo h4 {
		margin: 55px 0 0 0;
		padding: 10px 0px;
}

#artinfo p {
		padding: 10px 0;
		color: #000;
}

.heading {
		display: block;
		float: left;
		width: 70px;
}

.thumbnail{
		margin: 0 10px 0 0;
		float: left;
		background: #348106;
		/*#348106;#8BB209;*/
		border: 0px solid #000;
}

.thumbnail .last {
		padding-left: 0px;
}

.thumbnail a {
		color: #fff;
}

.thumbnail h4 {
		margin: 0px;
		color: #fff;
		padding: 2px 5px 7px 5px;
		border: 0px solid #bbb;
}
	


#footer {
        color: #666;
        padding: 10px 7px;
        background: #fff;
        text-align: left;
        border-top: 1px solid #000;
}

#footer a{
        color: #aaa;
}

a:hover {
		color: #8BF208;
		text-decoration: underline;
}

.clear {
        clear: both;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */