/*  
Theme Name: WordPress theme 708
Theme URL: http://wordpress.org/
Description: A theme from drame.cn Collection
Version: 2.6.2
Author: Template_Help.com 
Author URL: http://www.drame.cn/ 
*/
/* CSS Document */

*{margin:0; padding:0;}
ul{list-style:none;}
body{ background:#FFF url(images/wrapper_site.gif) 0 0 repeat-x;  font-family:arial; font-size:11px; line-height:14px; color:#292727; padding-bottom:33px;}
img { border:0;}

table, td {border-collapse:collapse;}
table, td, img {border:0;}
td, tr {vertical-align:top; text-align:left;}

/***forms*******************************************/
input, textarea{font-family:Tahoma; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; text-align:left;}
.searching {color:#626161; border: solid 1px #e8e8e8; vertical-align:middle; width:107px; height:18px; margin-right:7px;}
.column_center input, .column_center textarea { margin:3px 0 3px 5px;}

/***end forms*******************************************/


.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 830)? "830px" : "100%"); min-width:830px;}
.main {width:830px; margin:auto;}

a {color:#3c3c3c; text-decoration:none;}
a:hover{text-decoration:none; color:#62b6c7;}

 
h1 { font-size:4.16em; color:#FFF; text-transform:uppercase; font-weight:normal; line-height:1.01em; width:auto; display:block; padding-right:450px; padding-top:42px;}
h1 a  {color:#FFF; text-decoration:none;}
h1 a:hover{ color:#FFF;}
h2{ font-size:1.01em;}
h3 { color:#7ed1e0; font-weight:normal;  font-size:1.625em; line-height:1.18em; background:url(images/line_h3.gif) 0 0 repeat-y; padding:14px 0 5px 24px;}
h3 a {color:#7ed1e0; font-size:1.01em; line-height:1.01em; text-decoration:none;}
h3 a:hover {text-decoration:none; color:#5d626c;}
.pagetitle { padding:10px;}
.center { padding:0 0 10px 0;}

/***global*******************************************/
.content { width:100%; overflow:hidden;}
.content .indent { padding:0 0 0 0;}

ul { margin:0;}

.side_bar { float:left; width:202px; margin:0 0 0 -202px; position:relative;}
.column_center{float:left; width:100%;}
.indent_center { padding:24px 226px 0 0;}

.clear{clear:both;}
.clear1{ width:100%; overflow:hidden;}

.w100 { width:100%; width:100%; overflow:hidden;}
.h100 { height:100%;}

.in5 { padding-bottom:5px;}
.in10 { padding-bottom:10px;}
.in15 { padding-bottom:15px;}
.in20 { padding-bottom:20px;}
/***global*******************************************/


/***Begin Images *******************************************/
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 20px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 20px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
	margin:0 22px 0 0 !important;
	padding:0 !important;
 
}
/***End Images *******************************************/



/***box*******************************************/
.left_top{ background:url(images/left_top.gif) left top no-repeat;}
.right_top{ background:url(images/right_top.gif) right top no-repeat;}
.left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%;}

.side_left{ background:url(images/side_left.gif) left top repeat-y #FFFFFF; margin:0 24px 0 0;}
.side_right{ background:url(images/side_right.gif) right top repeat-y;}
.side_top{ background:url(images/side_top.gif) left top repeat-x;}
.side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
/***box*******************************************/


/***header*******************************************/
#header {width:100%;}
.block_search { padding:13px 0 0 18px; background:#f7f7f7 !important;}
#header .logo { padding:0 0 0 0; width:100%; text-align:right;}
#header span  { font-size:1.01em; line-height:1.45em; color:#3D3D3D; text-decoration:none;}
#header .menu ul{ padding:31px 0 26px 0; width:100%; overflow:hidden;}
#header .menu ul li{ float:left; background:url(images/menu_bull.gif) 0 0 no-repeat; display:block; padding:0 0 0 22px;}
#header .menu ul li a{ color:#1e1e1e; padding-right:37px; text-decoration:none; color:#1e1e1e; font-size:1.187em; line-height:1.5em;}
#header .menu ul li a:hover{ color:#76cbe0;}
#header .wrapper-logo-center{ background:url(images/wrapper_logo_center.jpg) 0 0 repeat-x;}
#header .wrapper-logo-left{ background:url(images/wrapper_logo_left.jpg) 0 0 no-repeat;}
#header .wrapper-logo-right{ background:url(images/wrapper_logo_right.jpg) top right no-repeat; height:141px;}
/***end header*******************************************/


/***side_bar*******************************************/
.side_bar .inside{ padding:0 0 0 0; position:relative;}

.widget_style#categories .children { margin:0 0 0 2px;}
.indentX p { padding:0 0 10px 0;}

/**********************************************/
.widget_style { margin:0 0 0 0; padding:0 0 0px 0;}
.widget_style h2 {font-size:1.25em; line-height:2em; color:#d5dfeb; font-weight:normal;  padding:0 0 0 0px;}
.widget_style h2 a {color:#FFFFFF; text-decoration:none;}
.widget_style h2 a:hover {text-decoration:none;}

.widget_style .wrapper-h{ background:#f7f7f7 !important; padding:0px 6px 0 8px;}
.widget_style .bg-h{ background:url(images/bg-h.gif) bottom left repeat-x #3e444f;}
.widget_style .bull-h{ background:url(images/bull-h.gif) bottom right no-repeat;}
.widget_style .list{ background:#f7f7f7; padding:0px 3px 0px 2px;}

.widget_style ul { margin:0 0 0 9px;}
.widget_style li { font-size:1.01em; line-height:1.45em; color:#5d626c;text-align:left;}
.widget_style li a { font-size:1.187em; line-height:2.187em; color:#5d626c; text-decoration:none; background:url(images/list_marker.gif) no-repeat 0px 5px; padding:0 0 0 10px; font-weight:bold;}
.widget_style li a:hover { text-decoration:none; color:#6bc4cf; text-decoration:none; background:url(images/list_marker.gif) no-repeat 1px 5px;}
/**********************************************/

/**********************************************/
#links_with_style ul {margin:0 0 0 0; background:none;}
#links_with_style ul ul h2{ margin:0 0 0 0; background:none;}
#links_with_style ul li ul { margin:0 0 0 9px;}
#links_with_style ul li ul li { font-size:1.01em; color:#000000;  padding:0 0 0 0;}
/**********************************************/


/**********************************************/
#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 0px 0px 0;}
#calendar_wrap caption { color:#5d626c; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; color:#5d626c; font-size:1.11em;}
#calendar_wrap td a {color:#62b6c7;}
#calendar_wrap th { color:#62b6c7; text-align:right;}
#calendar_wrap a {font-weight:bold;}
/**********************************************/

#tag_cloud a{ color:#5d626c; line-height:1.01em; text-decoration:none;}
#tag_cloud a:hover{ text-decoration:none; color:#62b6c7;}

.post { padding:0 0 20px 0;}
.post h3{ padding:0 0 5px 15px;}

/**********************************************/

#statusbar {text-align:left; color:#5d626c;}
#statusbar p {padding:0px 20px 20px 0;}
#statusbar a {font-weight:bold; color:#62b6c7;}
/***end side_bar*******************************************/





/***column_center*******************************************/
.column_center ol { list-style:decimal;}
.column_center ol li { list-style-position:inside;}
.column_center ol li a{ color:#3c3c3c; text-decoration:none;}
.column_center ol li a:hover{ color:#62b6c7;}

.column_center ul li { list-style-type:disc;}
.column_center ul li { list-style-position:inside;}
.column_center ul li a{ color:#3c3c3c; text-decoration:none;}
.column_center ul li a:hover{ color:#62b6c7;}

.column_center p { padding:5px 0 5px 0;}


.title {overflow:hidden;}
.title .info { color:#6d6d6d;  font-size:1.06em; line-height:1.187em; float:right; display:block; padding:15px 11px 1px 0;}
.title .info span{ color:#6d6d6d; text-decoration:underline; color:#62b6c7;}
.title .date { font-size:1.06em; line-height:1.09em; color:#6d6d6d; display:block; padding:15px 0 1px 27px;}


.wrapper-h3{ background:url(images/footer.gif) 0 0;}

.text_box { font-size:1.125em; line-height:1.25em; padding:22px 0 0 22px;}
.text_box .text{ color:#62b6c7;}
.text_box .indent-bot{ display:block; margin-bottom:15px;}
.text_box .indent-top{ display:block; margin-top:8px;}

.comments {color:#62b6c7; font-size:1.06em; line-height:1.9em; padding:15px 40px 34px 20px;}
.comments a { background:url(images/marker_link.gif) center left no-repeat; padding:0 0 0 15px; text-decoration:underline; color:#62b6c7; font-size:1.01em; line-height:1.9em;}
.comments a:hover{text-decoration:none;}
/***end column_center*******************************************/




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	width:100%;
	overflow:hidden;
	display: block;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 5px;
	}
/* End Various Tags & Classes*/



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 2px 10px 2px;
	list-style: none;
	}

.commentlist p {
	margin: 2px 5px 2px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/*************************************/
#recent-posts  {vertical-align:top;}
.widget_style#recent-comments li a {background:none;}
#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
#pages  {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/*************************************/
.textwidget {padding:13px 0px 0px 0px;}

.oddcomment{color:#292727; background:url(images/footer.gif) 0 0;}

/***footer*******************************************/
#footer {font-size:1.01em; line-height:1.01em; color:#FFFFFF; background:url(images/footer.gif) 0 0; padding:14px 0; color:#b2b2b2; text-indent:27px; margin:25px 0 0 0;}
#footer a{ color:#b2b2b2; text-decoration:none;}
#footer a:hover{ color:#62b6c7; text-decoration:underline;}
/***end footer*******************************************/