/* -------------------------------
BODY STYLES
----------------------------------*/

* {
  margin: 0;
  padding: 0;
}

body {
  color: #333;
  background:#f0f0f0 url(../../images/bk_body.png) repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:135%;
}

/*----------------------------------------------------
BASIC HTML ELEMENTS STYLES
------------------------------------------------------*/

a {
	color:#1FA2E1;
	text-decoration:none;
}

a:hover {
  text-decoration: underline;
}

a:focus {
	outline:none;
}

h1 {
	font-family: Helvetica,STheiti,微软雅黑,黑体,Arial,Tahoma,sans-serif,serif; 
	font-weight:normal; 
	font-size:28px;
	padding:10px 0 12px;
	line-height:100%;
}

h1.home {
	color:#1FA2E1;
	font-size:30px;
}

h1 a {
	color:#333;
	text-decoration:none;
}

h1 a:hover {
	color:#1FA2E1;
	text-decoration:none;
}

.wp_list_blogroll{
	position: absolute;
	left: -1050px;
	top: 0px;
	}
	
h2,h3 {
	font-size:22px;
	font-weight:normal;
	font-style: normal;
	letter-spacing:-1px;
	padding:5px 0;
} 

h3{
	font-size:17px;
	font-weight:bold;
}


ul {
	list-style:none;
}

p {
	margin:10px 0;
}

input {
	font-size: 12px;
	cursor:pointer;
}

.bigfontdiv {
	font-size:14px; 
	margin-top:20px;
}

.bigbutton {
	width:45px;
	height:45px;
	font-size:14px;
}

label {
	cursor:pointer;
}
/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#wrapper {
	width:960px;
	margin:0 0 0 30px;
	text-align:left;
}
#header {
	position:relative;
	height:50px;
	background:url(../../images/bk_header.jpg) 0 40px no-repeat;
}

#content {
	padding:10px 0;
}

#content #colLeft {
	float:left;
	width:670px;
	margin-right:10px;
}
*html #content #colLeft {
	margin-top:-15px;
}

#content #colRight {
	float:left;
	width:280px;
	
}

#footer {
	background:#000 url(../../images/bk_footer.jpg) 0 0 repeat-x;
	padding-top:20px;
	padding-bottom:25px;
	margin-top:15px;
	min-width:960px;
}

#footerInner {
	width:960px;
	margin:0 auto;
	color:#797979;
	text-align:left;
}

#copyright {
	border-top:1px solid #1E1E1E;
	background:#111;
	width:100%;
}

#copyrightInner {
	width:100%;
	margin:0 auto;
	font-size:12px;
	color:#EEEEEE;
	padding:10px 0;
	position:relative;
}


/* -------------------------------
HEADER ELEMENTS
----------------------------------*/

/* TopMenu */

.ddsmoothmenu {
	position:absolute;
	left:0;
	top:6px;
	border-right:1px solid #2F2F2F;
	z-index:999;
}

.ddsmoothmenu ul li {
	float:left;
}

.ddsmoothmenu ul li a{
	display:block;
	color:#ccc;
	text-decoration:none;
	border-left:1px solid #2F2F2F;
	height:32px;
	line-height:32px;
	text-transform:uppercase;
	font-size:14px;
	padding:0 16px;
}

.ddsmoothmenu ul li a:hover {
	color:#FFFFFF;
	background:url(../../images/bk_top_hover.jpg) 50% 0 no-repeat;
}

/* TopMenuRight */

#topMenuRight {
	position:absolute;
	right:0;
	top:1px;
}

#topMenuRight ul li {
	float:left;
	text-decoration:none;
	height:42px;
	line-height:42px;
	font-size:12px;
}

#topMenuRight ul li a{
	color:#ccc;
	padding:0 2px;
}

#topMenuRight ul li a:hover {
	color:#FFFFFF;
}

/* RELATED POSTS */

#content #colLeft ul li, #content #colLeft ol li  {
	padding:5px 0 5px 15px;
	background:url(../../images/icon_itemarrow.gif) 0 9px no-repeat;
}

#content #colLeft ul {
	margin:0 0 15px 15px;
}

#content #colLeft ol li {
	background:none;
	padding-left:0;
}

#content #colLeft ol {
	margin:0 0 15px 35px;
}

/* --------------------------------
RIGHTCOL ELEMENTS
-----------------------------------*/

.rightBox {
	margin-bottom:10px;
}

/* -------------------------------
CLEARING
----------------------------------*/
.clearfix { 
  display: block;  
}


/* Hide from IE-mac \*/
* html .clearfix { float: left; height: 1%; }
/* End hide from IE-mac */

/* Pop-up Window for iPhone */
#div_iphone {
    display: ;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -189px;
	z-index: 99999;
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
*html #div_iphone {
	display: ;
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#iphone_BK {
	background: url(../../images/bk_iphone.gif) no-repeat;
	width: 378px;
	height: 717px;
}

#iphone_heading {
	clear:both; 
	padding-top:8px; 
	text-align:center; 
	font-family: Helvetica,STheiti,Microsoft YaHei,Arial,Tahoma,sans-serif,serif; 
	font-weight:bold; 
}

/* Pop-up Window for iPad */
#div_ipad {
    display: ;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -476px;
	z-index: 99999;
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
*html #div_ipad {
	display: ;
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#ipad_BK {
	background: url(../../images/bk_ipad.png) no-repeat;
	width: 952px;
	height: 598px;
}

#ipad_heading {
	clear:both; 
	padding-top:22px; 
	text-align:center; 
	font-family: Helvetica,STheiti,Microsoft YaHei,Arial,Tahoma,sans-serif,serif; 
	font-weight:bold; 
}