/*
Theme Name: Spotlightor
Theme URI: http://spotlightor.com
Description: The theme of spotlightor interactive.
Version: 0.6
Author: GaoMing
Author URI: http://spotlightor.com
Tags: White, Blue, Gray, Black, Photo
Text Domain: Spotlightor
*/

/*
	Spotlightor Theme
*/


/* ! MAIN TYPOGRAPHY AND COLOR START */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:Tahoma,Arial,"微软雅黑","黑体","宋体";
	background: white;
	color: #666;
}
#page { background: white; }
#content p, #full_content p {
  font-size: 1.3em;
}
#sidebar p { font-size: 1.2em; line-height:150%; margin-top:0.5em; }
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Verdana, Arial, Sans-Serif;
	font-weight:bold;
}
h2 {
	font-size:1.4em;
	margin:1em,0,1em,0;
	text-transform:uppercase;
}
h3 { font-size:1.3em; }
img { border: 0 none; }
a, a:link, a:hover, a:active, a:visited{
	color:#06C;
	text-decoration:none;
}
a:hover{
	color:#333;
}
a img { border: 0 none; }
h3 a, h3 a:link, h3 a:active, h3 a:visited{
	color:#333;
}
h3 a:hover{ color:#06c; }

.date { color:#999; font-size:1.1em; }
#header {
	background: #fff url('images/header_bg.gif') no-repeat;
	background-position:bottom right;
	}
#footer {
	background: #fff url('images/footer_bg.gif') repeat;
}
/* !TYPOGRAPHY AND COLOR END */

/* !MAIN LAYOUT START */
#body {
	padding:0;
}

#header {
	margin:0px;
	width:942px;
	height:140px;
	border-bottom: #aaa 1px solid;
}
#logo {
	width:220px;
	height:80px;
	margin:0;
	background: transparent url('images/logo.png') no-repeat;
	background-position:bottom left;
}
#logo h1 {
	font-size:0;
	display:none;
	text-indent:-10000px;
	}
#slogan {
	height:30px;
	margin:0;
}
#nav {
	height:30px;
	margin:0;
	text-align:right;
}
#nav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav li{
	display:inline;
}

#logo h1 a{
	color:#000;
	}

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position:relative;
}

#footer {
	clear:both;
	width:942px;
	height:400px;
	margin:20px 0 0 0;
	border-top: #aaa 1px solid;
}

#content, #full_content {
	float:left;
	margin:10px 0px 10px 0px;
	padding:0;
}

#content {
	width: 640px;
}

#sidebar {
	float:right;
	margin:10px 18px 10px 0;
	padding:0;
	width:280px;
}

* html #sidebar { display:inline; }/* For IE 6 */

.footer_col {
	float:left;
	margin:40px 0px 10px 40px;
	border-left:#aaa 1px solid;
	padding:0 20px 0 20px;
	height:150px;
}
#footer_left {
	width:200px;
}
#footer_center {
	margin-left:80px;
	width:200px;
}
#footer_right{
	width:250px;
	margin-left:30px;
}

#nav_bottom ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
/* !MAIN LAYOYT END */

/* !Begin SECTIONS */

/* Header */
#slogan{
	font-family:Tahoma,Arial,"微软雅黑","黑体","宋体";
	color:#666;
	font-size:1.2em;
	padding:5px 0 5px 0;
}

#nav {
	font-size:1.4em;
	padding:0 5px 0 0;
}

#nav ul li{
	margin:0 0 0 15px;
}

#nav ul li a {
	color:#333;
	font-family:Tahoma,Arial,"微软雅黑","黑体","宋体";
}

#nav ul li a:hover{
	color:#06c;
}

#nav ul li.current-menu-item a,
#nav ul li.current-menu-parent a,
#nav ul li.current-post-ancestor a,
#nav ul li.current-category-ancestor a{
	color:#06c;
}

/* Home */
.home #content h2 {
	border-bottom: 1px solid #ddd;
	margin-bottom:2em;
	width:623px;
}

/* Page title(top) */
.single h2#pagetitle{
	padding:0;
	margin:0;
	height:0px;
	position:relative;
	top:-30px;
	font-size:1.2em;
	font-color:#06c;
}

/* Page title */
.post .entry h3{
	font-size:2.6em;
	letter-spacing:2px;
}

/* !Post */
.post .entry{
	width:640px;
	color:#333;
	line-height:150%;
	margin-bottom:10px;
}

.post .entry h4{
	font-size:1.6em;
	margin-bottom:0.5em;
	margin-top:2em;
}

.post .entry img{
	height:auto;
	max-width:100%;
}

.post .entry .excerpt {
  font-size: 1.8em;
  line-height: 150%;
  font-family: Georgia,"华文中宋",Serif;
  font-weight: bold;
}

.post .entry p{
	line-height:150%;
}

.post .entry ol li,
.post .entry ul li{
	font-size:1.3em;
	list-style:square;
	padding-bottom:15px;
	line-height:50%;
}

.post .entry ol,
.post .entry ul{
	margin-left:0;
	padding-left:17px;
}

.post-meta{
	font-size:1.3em;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding:5px 0;
	margin:0 0 25px 0;
}

/* !ARCHIVE BLOG */
#archived_posts h3{
	margin-bottom:0;
}

/* !SIDEBAR */
#sidebar h2{
	border-bottom: 1px solid #ddd;
}

#sidebar h3{
	margin:2em 0 0 0;
}

#sidebar ul{
	list-style-type:none;
	padding-left:0;
	margin-left:0;
}

#sidebar li a{
	font-size:1.3em;
	line-height:150%;
	font-family: Tahoma,Arial,"微软雅黑","黑体","宋体";
}

.linkcat ul{
	width:290px;
	line-height:300%;
}

.linkcat li{
	display:inline;
	margin:1em 5px 1em 0;
}

.linkcat img{
	border: 8px solid #ddd;
}

/* !THUMB_ARCHIEVE */
.thumb_archive {
	clear:left;
	overflow:hidden;
	width:960px;
	margin:0;
}

.home .thumb_archive { width:640px; }

.thumb_archive .post {
	float: left;
	width: 304px;
	margin: 0 15px 0 0;
	position: relative;
	height: 250px;
	text-align:center;
}

.thumb_archive .post a{
	display:block;
}

.thumb_archive .post img {
	/*border:#ececf1 8px solid;*/
	border:#ddd 8px solid;
}

.thumb_shadow{
	width:288px;
	height:180px;
	position:absolute;
	top:8px;
	left:8px;;
	background: transparent url('images/archived_shadow.png') no-repeat;
}

* html .thumb_shadow{ background: none; }/* For IE 6 */

.thumb_archive .post h3 {
	position:static;
	float:none;
	margin:5px 0 0 0;
	font-size:1.4em;
	font-color:#666;
	text-decoration:none;
	text-align:center;
}

.thumb_archive .post a:hover h3 {
	text-decoration:underline;
}

.thumb_archive .post .date{
	padding:0.3em 0 0 0;
	font-size:1em;
}

.thumb_archive .post #archived_works,
.thumb_archive .post .archived_no_thumb{
	border:#ddd 8px solid;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	width:288px;
	height:180px;
}
.thumb_archive .post #archived_works{
	background-image:url('images/archived_works.jpg');
}
.archived_no_thumb{
	background-image:url('images/archived_no_thumb.jpg');
}


/* Category-Products */
#products {
	overflow:hidden;
	width:960px;
	margin:0;
}

#products .post {
	margin: 0 0 15px 0;
	position:relative;
}

#products .post a{
	display:block;
}

#products .post img {
	border:#ececf1 8px solid;
}

.product_shadow{
	width:926px;
	height:180px;
	float:left;
	position:absolute;
	top:8px;
	left:8px;;
	background: transparent url('images/product_shadow.png') no-repeat;
}

* html .product_shadow{ background: none; }/* For IE 6 */

#products .post p,
#products .post h3 {
	height:0;
	font-size:0;
	display:none;
	text-indent:-10000px;
}

#products .post .product_no_thumb{
	border:#ececf1 8px solid;
	background-color:white;
	background-position:top left;
	background-repeat:no-repeat;
	width:926px;
	height:180px;
}

/* slideshow */

.slideshow {
	position: relative;
	margin: 0 0 18px 0;
	width:942px;
	height:530px;
	overflow:hidden;
}

.slideshow #next,
.slideshow #prev {
	width: 47px;
	height: 55px;
	display: block;
	background: url(images/slide_arrows.png) no-repeat right top;
	position: absolute;
	top: 5px;
	right: 15px;
	z-index: 100;
	text-indent: -10000px;
}

.slideshow #prev {
	right: 62px;
	background-position: left top;
}
/* Begin Page about */
#about_parts{
	position:relative;
	left:-7px;
	width:954px;
	height:800px;
	background:url(images/about_bg.gif) no-repeat top left;
	padding-left:7px;
}

#about_part1, #about_part2, #about_part3{
	float:left;
	position:absolute;
	width:294px;
	height:200px;
	padding:0 10px 0 10px;
	margin:0;
}

#about_part1{
	left:10px;
	top:50px;
}

#about_part2{
	left:330px;
}
#about_part3{
	top:200px;
	left:640px;
}

#about_parts img{
	float:left;
	position:absolute;
	left:0px;
	bottom:70px;
	max-width:960px;
}

#about_clients{
	clear:left;
	width:960px;
}

#content .post .entry #about_parts p{
	font-size:1.3em;
}

#content .post .entry #about_parts h3{
	color:#09F;
	font-size:2em;
	text-shadow:1px 1px 2px #ccc;
	margin-bottom:20px;
}

#content .post .entry #about_clients h3{
	font-size:2em;
	background-color:#eee;
	width:934px;
	padding:10px 0 10px 8px;
	margin:0;
}

#about_clients ul{
	margin:0;
	padding:0;
	background:url(images/square_pattern.gif) repeat right;
	height:250px;
	width:942px;
}

#about_clients li{
	list-style-type:none;
	float:left;
	position:relative;
	width:157px;
	margin:0;
	left:0;
	text-align:center;
}

#about_clients li img{
	width:100px;
	margin-top:20px;
}

/* End About */


/* Footer */
#footer li a{
	font-size:1.2em;
	font-family: Tahoma,Arial,"微软雅黑","黑体","宋体";
}

#footer .footer_col a{
	color:#666;
}

#footer .footer_col a:hover{
	color:#06C;
}

#footer .footer_col h3{
	color:#666;
	font-size:1.4em;
}

#footer .footer_col p{
	line-height:150%;
	padding:2px 0 2px 0;
	margin:0;
}

#footer .footer_col p{
	color:#666;
	font-size:1.2em;
}

#nav_bottom ul li a{
	line-height:1.5em;
}
#nav_bottom ul li.current-menu-item a,
#nav_bottom ul li.current-menu-parent a,
#nav_bottom ul li.current-category-ancestor a{
	color:#06c;
}

/* Posts Nav */
.nav-posts{
	clear:both;
	height:1.2em;
	margin:10px 0 10px 0;
	line-height:150%;
	font-size:1.3em;
}

.prevposts { float:right; }
.nextposts { float:left; }
/* END Posts Nav */