/*
Theme Name: TicTac - Wuhan
Theme URI: http://wuhan.authenticasian.com/

Description: My lousy attempt to reproduce a masterpiece by <a href="http://www.simplebits.com">Dan Cederholm</a>.

Version: 0.2
Author: Meng Gao
Author URI: http://wuhan.authenticasian.com/

	TicTac is a template created by Dan Cederholm for Blogger and it's one of my
	favorite designs. Therefore, I've created a WordPress theme in which I tried
	my best to make it look like Dan's original design. As much as I want to use the
	original graphics, I had to make slight changes to them so as not to run into
	copyright problems.

	Since this theme is an obvious attempt to reproduce TicTac, I take absolutely
	no credit in it. If you like this theme, write an email to Dan and let him
	know.
																	-- Meng Gao
*/

/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;

}
body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
    color: #333;
    background:#d58700; 

}
div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: .07em;
}
h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em; }

a, a:link { 

    text-decoration: none;
    color: #333;
  
}
a:visited { color: #666; border-color: #666; }
a:hover { color: #666; border-color: #666; text-decoration: none; }
a:active { color: #000; border-color: #000 }


a img, img {
    border: none;
}

ul {
    list-style: none;

}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}


.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}


#page {
background: #d58700;
    width: 780px;
    margin: 0 auto;
    text-align: left;
border: solid 1px #999;

}

#contentHome {
    text-align: left;
  
    width: 100%;
    margin: 0px 0 0 10px;

    line-height: 1.5em;
height:95%;

}


#content {
float:left;
    text-align: left;
    width: 620px;
    margin: 0px 0 0 10px;

    line-height: 1.5em;
height:95%;

}




.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }

hr { display: none; }


#top { 

    position: relative;
    height:25px;
}



#pageSlider{
background: #d58700;
    width: 870px;
    margin: 0 auto;
    text-align: left;
border: solid 1px #999;

}

#contentSlider{
width: 800px;
}
/* Header 
------------------------------------------------------------------------- */

#header { 

    position: relative;
}

#header h1 {
    margin: 0;
    padding: 5px 10px 0px 25px;
    color: #333;


}
#header h1 a {
    text-decoration: none;
    border-bottom: none;
    color: #333;
}
#header h1 a:hover { 
    color: #333; 
    text-shadow: #fff 0 0 4px;
}


#login{
position:relative;
float:right;
    padding: 10px;
}

#login b{

font-size:10px;
}



/* Post (main content entries)
------------------------------------------------------------------------- */
.post {
    margin: 0 0 1.5em 0;
    padding: 0 0 1.5em 0px;
height:95%;

}

.post h3 {
    margin-top: 0;
    color: #333;
}



#tradeShows{

text-align:center;
}


/* Product 
------------------------------------------------------------------------- */
#prod{
width:100%;
height:100%;

}
.product{
	float:left;
	margin:20px 20px 20px 20px;
}



#prod p {
	text-align:center;
}

.thumb {
	border:3px solid #999;
}
/* Sidebar 
------------------------------------------------------------------------- */

#sidebar {
    float: right;
    padding: 0px 0 0 0px;
    font-size: 85%;
    line-height: 1.4em;
    color: #333;
    width:140px;
	text-align:left;

}

#sidebar h2 {
    padding: 25px 0 0 35px;
    color: #333;
    height: 32px !important; /* for most browsers */
    height /**/:57px; /* for IE5/Win */
}


#home {
    margin: 0px 0px 0px 50px;
}


#homecol1 {
float:left;
width:450px;
}


#homecol2 {
float:left;
width:199px;
 padding: 3px 0 0px 0px;
}



#homeNav {

  padding: 0px 0 0 150px;
	height:30px;
}


#homeNav ul{
	text-align:center;
}


#homeNav li{
float:left;
}

#homeNav a:link { 

	font-size:16px;
    text-decoration: none;
    color: #333;
}
#homeNav a:visited { font-size:16px; color: #666; border-color: #666; }
#homeNav a:hover { font-size:16px;color: #666; border-color: #666; text-decoration: none; }
#homeNav a:active { font-size:16px;color: #000; border-color: #000 }



#prodNav {

  padding: 0px 0 0 0px;

}


#prodNav ul li {
/* margin-left:-35px; */
}


#prodNav a:link { 
	font-size:12px;
    text-decoration: none;
    color: #333;
}
#prodNav a:visited { font-size:12px; color: #666; border-color: #666; }
#prodNav a:hover { font-size:12px;color: #666; border-color: #666; text-decoration: none; }
#prodNav a:active { font-size:12px;color: #000; border-color: #000 }


#mainNav a:link { 
	font-size:14px;
    text-decoration: none;
    color: #333;
}
#mainNav a:visited { font-size:14px; color: #666; border-color: #666; }
#mainNav a:hover { font-size:14px;color: #666; border-color: #666; text-decoration: none; }
#mainNav a:active { font-size:14px;color: #000; border-color: #000 }


#prodLink{

text-align:center;
}


#prodLink a:link { 
font-size:19px;
    text-decoration: none;
    color: #333;
}

#prodLink a:visited { font-size:16px; color: #666; border-color: #666; }
#prodLink a:hover { font-size:16px;color: #666; border-color: #666; text-decoration: none; }
#prodLink a:active { font-size:16px;color: #000; border-color: #000 }

/* Email
------------------------------------------------------------------------- */

#request {
    margin: 0px 0px 0px 220px;
}

#EmailForm{



}


#EmailForm fieldset
{
border: 1px solid #d58700;
width: 400px
}


#EmailForm  p { padding: 0 0 0 0; }


/* Footer 
------------------------------------------------------------------------- */
#footer {
    margin: 0px;
    padding: 0 0 9px 0;
    font-size: 85%;
    color: #333;

}

#footer p {
    padding: 10px 0px 0px 0px;

}

#footer a {border-bottom: none;}



/* Special handling for images & alignment 
------------------------------------------------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}