/*  
Theme Name:gyst
Theme URI: http://www.nonetsky.com
Description:gyst-WordPress theme 
Version: 1.0
Author: marslau
Author URI: http://marslau.com/
Tags: blue,business, fixed width, two columns
*/


body{margin: 0 auto 0 auto;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: center;color: #434343;  background: url(images/wrap-bg.gif) repeat-y center #434343; }
h3, h4, h5, h6, blockquote, dd, dl, hr, p, form{margin: 0;padding: 0;}
h1{font-family: Arial, Helvetica, sans-serif;font-size: 24px;padding: 0 0 10px 0;}

a:link, a:visited{text-decoration:none ;color: #0f0f0f;}
a:hover{text-decoration: underline;color: #FFCC00;}
img{max-width:500px;overflow:hidden;padding:2px; margin:5px 0px; }
a img{ background:#f8f8f8; border-bottom:1px solid #66CCFF;  }


#wrapper{margin: 0 auto 0 auto; padding:0; width: 780px; height:100%;text-align: left; background-color:#ffffff;display: block;overflow:hidden;zoom:1;}

#header{width: 780px; height:115px; margin:0 0px 0 0px; padding:0; display: block;}
.top-bg{ width:100%;  height:84px; margin:0px; padding:0; background:url(images/top-bg.gif) repeat-x ;}
#logo{ float:left; background:url(images/logo.gif) left top no-repeat; width:298px ; height:84px; margin:0 0 0 0px; padding:0 0 0 50px;}
#top-right{float:right; background:url(images/top-right.gif) left top no-repeat; width:181px ; height:84px;  }
#search{ background: url(images/search-bgr.gif) no-repeat; height: 20px; margin:43px 0 0 0px; width: 182px; padding: 0px;float:right; display:inline; line-height:24px;}
#search input{background: transparent;border: 0;color: #a3a192;	float: left; font-size: 12px; margin: 0px 0 0 0px;display:inline; 	width: 135px;}
#search .btn{margin: 0px 0 0;padding: 0;width: auto;}


/*=== Top Menu ===*/
#topmenu{ clear:both;background: url(images/menu-bg.gif) repeat-x;width:100%; height: 31px;margin:0px; font-size:13px; font-weight:bold; color:#FFFFFF; padding:0 0 0 10px; }
#topmenu li{  float: left; line-height: 31px; list-style:none;}
#topmenu li a{ display: block;	margin: 0 0px 0 0; padding: 0 20px;color:#FFFFFF; }
#topmenu li a:hover,#topmenu li.active a{ text-decoration:none; background: url(images/menu-hover.gif) no-repeat center bottom;}


.sidebar{ clear:both ; float: left;width: 200px;margin: 5px 0 0 5px;display: inline; padding:0;font-size:12px;}
.sidebar ul{ margin:0; padding:0;}
.sidebar ul li{ margin:0 0 5px 0;padding: 0px 0 5px 0;border:1px solid #eeeeee; list-style:none; }
.sidebar ul li h3{margin: 0px;padding: 0 0px 0 10px; color:#fff; font-size:12px; font-weight:bold;line-height:24px;height:29px;  background: url(images/side-title-bg.gif) no-repeat; }
.sidebar ul li ul{ margin: 0 ; padding: 5px 0 5px 0; }
.sidebar ul li ul li{ color:#666666;margin: 0 10px 0 10px;line-height: 24px; background: url(images/side-list.gif) no-repeat 0px 9px; padding:0 0 0 10px; border:0px; border-bottom:1px dashed #c5c5c5;}
.sidebar ul li ul li a{ color:#666666; text-decoration:none;}
.sidebar ul li ul li a:hover{ color:#FFCC00!important; }
.sidebar ul li ul li a:visited{ color:#666666;}



#container{float: left;width: 564px; margin:5px 5px 0 5px; display:inline; }
#content-pic{ width:564px; height:101px;}
#content-pic-service{ background: url(images/pic-service.gif) no-repeat top left ; width:564px; height:101px;}
#content-pic-course{ background: url(images/pic-course.gif) no-repeat top left ; width:564px; height:101px;}
#content-pic-about{ background: url(images/pic-about.gif) no-repeat top left ; width:564px; height:101px;}
#content-pic-messages{ background: url(images/pic-message.gif) no-repeat top left ; width:564px; height:101px;}
#lead{ height:24px; line-height:24px;  background: url(images/leader-line.gif) repeat-x  bottom;  }
.lead-icon{padding:0px 0 0 20px; background: url(images/leader-icon.gif) no-repeat 6px 8px ; }
#post-form{ padding:0; margin:0;}
.post{padding: 10px 5px 10px 5px;}
.post h2{ font-size: 14px; color:#0f0f0f; text-align:center; margin:20px 20px 0 20px; border-bottom:0px solid #cccccc; padding:0 0 8px 0;}
.post h2 a{color:#0f0f0f;}
.entry{line-height: 24px; margin:10px 5px 10px 5px;}
.post h4{ font-size: 13px; color:#0f0f0f;  margin:5px ; }
p.postmetadata{ background:#f9f9f9; height:22px; margin: 0px 0 0 0; padding:0px 0 0 0 ; border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb; color:#9d9d9d;}
p.postmetadata a{ color:#9d9d9d!important;}
.navigation{ clear:both;padding: 0px 0 0 0;font-size: 12px;line-height: 22px; height:22px; margin:0px 10px 0px 20px;}

#search-center{ clear:both; background: url(images/search-bgr.gif) no-repeat; height: 20px; margin:20px  0 0 200px; width: 182px; padding: 0px;float:left; display:inline; line-height:24px;}

#search-center input{background: transparent;border: 0;color: #a3a192;	float: left;  margin: 0px 0 0 0px; 	width: 135px;}
#search-center .btn{margin: 0px 0 0;padding: 0;width: auto;}

#footer{clear:both; width: 780px; height:75px;  margin:0px 0px 0px 0px; background: url(images/footer-bg.gif) repeat-x;} 
#footer a{ color:#fff; margin:0 5px;}
#footer-link{ float:left;margin:20px 0px 0px 10px;color:#fff;}

#copyright{  float:right; color:#fff; height:24px; line-height:24px;  margin:20px 10px 0px 10px;}
#copyright p{ line-height:12px; margin:0 0 10px 0; text-align:right;}
.post-cat {	 float:left; background: url(images/cat.gif) no-repeat left center;	font-size: 12px;  padding: 0px 0 0 20px;	margin: 0 5px 0 5px;}
.post-date { float:left; background: url(images/date.gif) no-repeat left center;	font-size: 12px;	padding: 0px 0 0 20px;	margin: 0 5px 0 5px;}
.continue{ float:right; background: url(images/continue.gif) no-repeat right center;padding: 0px 20px 0 0 ; margin-right:5px;	}
 
.home-from{ width:768px; height:254px; margin:6px;} 
.home-flash{margin: 0 0 5px 0; height:254px; width:768px; background: url(images/home-pic.gif) no-repeat ;  }
.home-content{ margin:0px 0 0 0; display:block; }
.home-content-1{ float:left; border:1px solid #eeeeee;  width:250px;  margin:5px 0px 5px 0px; display:inline; }
.home-content-1-text{list-style-type: none; margin:10px 0 10px 0 ; padding:5px 5px 5px 5px;}
.home-content-1-text li{ color:#666666;margin: 0 10px 0 10px;line-height: 24px; background: url(images/side-list.gif) no-repeat 0px 9px; padding:0 0 0 10px; border:0px; border-bottom:1px dashed #c5c5c5;}
.home-content-2{ float:left;  border:1px solid #eeeeee; width:251px; margin:5px 0px 5px 5px; display:inline;}
.home-content-2-text{list-style-type: none; margin:10px 0 10px 0 ; padding:5px 5px 5px 5px;}
.home-content-2-text li{ color:#666666;margin: 0 10px 0 10px;line-height: 24px; background: url(images/side-list.gif) no-repeat 0px 9px; padding:0 0 0 10px; border:0px; border-bottom:1px dashed #c5c5c5;}
.home-content-3{ float:left; border:1px solid #eeeeee; width:251px; margin:5px 0px 5px 5px; display:inline;}
.home-content-3-text{list-style-type: none; margin:10px 0 10px 0 ; padding:5px 5px 5px 5px;}
.home-content-3-text li{ color:#666666;margin: 0 10px 0 10px;line-height: 24px; background: url(images/side-list.gif) no-repeat 0px 9px; padding:0 0 0 10px; border:0px; border-bottom:1px dashed #c5c5c5;}
.home-title{margin: 0 0px 0 0px;padding: 0 0px 0 10px; color:#ffffff; font-size:12px;font-weight:bold;background: url(images/side-title-bg.gif) no-repeat;  line-height:24px; height:29px;}
#home-right{ float:left; display:inline; margin:5px 5px 5px 487px!important ; height:229px; width:260px; background: url(images/flash-right-bg.gif) repeat-x bottom #FFFFCC; border:1px solid #7fd7f0; padding:10px;}

#home-flash-title{ font-size:14px; color:#FF0033; font-weight:bold; margin:0 0 10px 0;}
#home-flash-text{ font-size: 11px; font-weight:bold;  margin:0 0 5px 0;}
#home-flash-text-1{ font-size: 11px  ;margin:0 0 5px 0;}
#home-flash-text-1 a{ color:#FF3333;}
#home-download a{ background: url(images/home-download.gif) no-repeat left; width:162px; height:23px; line-height:21px; padding:0px 0 0px 28px; display:block; margin:4px 0 0 0;}
#home-download a:hover{ padding:2px 0 0 30px;display:block; color:#FFFFFF;}

#home-ask{ background:url(images/online.gif) no-repeat; margin:5px; height:107px; width:264px; cursor:hand;}
#home-ask a:hover{ position:relative; top:1px;}
#home-class{ background:url(images/home-class.gif) no-repeat; margin:5px 5px; height:49px; width:264px; cursor:hand;}
#home-tech{ background:url(images/home-tech.gif) no-repeat; margin:5px 5px; height:49px; width:264px; cursor:hand;}
#home-apply{ background:url(images/home-apply.gif) no-repeat; margin:5px 5px; height:49px; width:264px; cursor:hand;}

/*----tech ---*/
#tech-pic{ background-image:url(images/in_pic_knowledge.gif); background-repeat:no-repeat; width:643px; height:89px; margin:0px 0px 5px 0px;}
#tech-bbs{ background-image: url(images/bbs.gif);  background-repeat:no-repeat; width:140px; height:40px; margin:20px auto 0 auto;cursor:hand;}


#ask{ margin:27px 0 20px 20px; line-height:20px; color:#073b7a;}
#ask a{color:#073b7a; margin:0px 0 0px 20px;}
#ask a:hover{ color:#FFCC66; text-decoration: none;}


.tech-content-form{  margin:0 7px 0 8px; width:300px; float:left; height:180px;}
.tech-home-title-form{ width:100%;height:28px; background:url(images/tech-title.gif) no-repeat left center; }

.tech-home-title{ float:left; padding: 5px 0 0 20px;   color:#1B6C8F; font-weight:bold;line-height:28px;  height:28px; }

.tech-home-more{ float: right;line-height:28px; margin:5px 10px 0 0;}

.tech-home-list-form{ clear:both; margin:10px 10px 10px 10px;}
.tech-home-list{color:#1B6C8F;margin: 0 10px 0 20px;line-height: 24px; background: url(images/side-list.gif) no-repeat 0px 3px; padding:0 0 0 20px; list-style:none outside;}
.tech-home-list a:hover{ color:#FFCC66; text-decoration: none;}

/*----sorry ---*/
.sorry-post{ text-align:center;}
.sorry-post h2{ font-size:14px; font-weight:bold;}