@charset "utf-8";

/*

Theme Name: ilegendsoft

Theme URI: http://www.ilegendsoft.com/

Description: ilegendsoft's own theme

Version: 1.0

Author: BadJohnny

Author URI: http://www.wheatv.com/

Tags: gray, fixed width, two columns, business theme





	This theme was designed and built by Badjohnny,

	whose blog you will find at http://www.wheatv.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/

body {

	margin:0 auto;

	font-size:12px;

	font-family:Tahoma;

}

li {list-style:none;}

a {text-decoration:none;color:#0066CC}

.clear {clear:both;}

.noborder{border:none;}



#main {

	width:940px;

	height:auto;

	overflow:hidden;

	margin:0 auto;

}

#header {

	height:90px;

	width:100%;

	margin-top:10px;

	clear:both;

}

#header h1 {

	float:left;

}

#header h1 img {

	border:none;

	margin-top:5px;

}

#header #nav {

	width:372px;

	height:42px;

	float:right;

	margin-top:10px;

	background:url(images/nav.jpg) no-repeat

}

#header #nav ul {

	margin:0;

	padding:0;

}

#header #nav ul li {

	width:auto;

	height:38px;

	float:left;

	overflow:hidden;

}

#header #nav ul li a {

	height:38px;

	display:block;

	margin-top:1px;

}

.home {

	background:url(images/nav.jpg) no-repeat 0 -42px;

}

.support {

	background:url(images/nav.jpg) no-repeat -102px -42px;

}

.blog {

	background:url(images/nav.jpg) no-repeat -204px -42px;

}

.about {

	background:url(images/nav.jpg) no-repeat -282px -42px;

}

#footer {

	background:#19191a;

	width:100%px;

	height:auto;

	overflow:hidden;

	padding:20px 0;

	border-top:5px #c0c0c8 solid;

	clear:both;

	margin-top:20px;

}

#footer .footerlinks, #footer .copyright {

	margin:0 auto;

	width:940px;

}

#footer .footerlinks ul {

	margin:0;

	padding:0;

}

#footer .footerlinks ul li {

	padding:0 10px;

	float:left;

	margin-right:30px;

	height:20px;

}

#footer .footerlinks ul li a {

	color:#fff;

	font-size:12px;

}

#footer .copyright {

	border-top:1px solid #b2b2b3;

	margin-top:30px;

	color:#475356;

	padding-top:10px;

}

/**************HOMEPAGE*******************/

#feature {

	margin-top:-10px

}

.imgList {

	width:100%;

	height:auto;

	overflow:hidden;

	margin-top:10px;

}

.imgList ul {

	margin:0;

	padding:0;

	width:110%;

}

.imgList ul li {

	width:230px;

	height:140px;

	overflow:hidden;

	float:left;

	margin:0 6px 6px 0;

}

.imgList ul li a img {

	border:none;

}

/*************Support**********************/

#sidebar {

	width:322px;

	margin-right:56px;

	overflow:hidden;

}

#mainbox {

	width:560px;

	min-height:474px;

	position:relative;

}

#sidebar, #mainbox {

	height:auto;

	float:left;

}

/*圆角侧栏方框*/

.sidebox_out {

	padding-bottom:5px;

	background:url(images/circle_end.gif) no-repeat 0 bottom;

}

.sidebox_inner {

	background:url(images/circle_mid.gif) repeat-y;

	height:auto;

	overflow:hidden;

	padding-bottom:5px;

}

.sidebox_inner h2 {

	font-size:18px;

	color:#5a5a5a;

	text-align:center;

	height:60px;

	line-height:60px;

	margin-top:0;

	background:url(images/circle_top.gif) no-repeat 0 top;

}

.side_entry {

	margin:0 20px 10px;

	line-height:20px;

	color:#333;

}

.side_entry p {

	margin-top:0;

	color:#666;

}

.s_btn{

  text-align:center;

}

.s_btn img{

  margin-bottom:10px;

  border:none;

}

/*列表选择器*/

.selector {

	width:560px;

	height:58px;

	margin-bottom:10px;

	background:#000 url(images/select.gif) no-repeat -5px -6px;

	margin-top:-12px;

 *margin-top:0;

}

.selector h2 {

	width: 150px;

	height: 20px;

	float: left;

	margin-top: 20px;

	color:#fff;

	text-indent:15px;

	font:bold 17px Arial, Helvetica, sans-serif

}

.selector ul {

	position: relative;

	z-index:2;

         margin-top:0;

}

.selector li a.button {

	background: url(images/button_select.png);

	width: 345px;

	height: 34px;

	display: block;

	margin: 5px 8px 0 0;

	padding: 12px 0 0 21px;

	float: right;

	font-size: 15px;

	font-weight: bold;

	-webkit-text-stroke: .5px transparent;

	color: #fff;

	text-shadow: #000 0 -1px 0;

	opacity: .8;

 -webkit-transition: opacity .2s linear;

}

.selector li a.button:hover {

	opacity: 1;

}

.selector li a.button:active {

	background-position: 0 -46px;

}

.selector li ul.list {

	width: 366px;

	position: absolute;

	top: -24px;

	z-index: 1;

	right: 17px;

	visibility: hidden;

}

.selector li ul.list li a {

	display: block;

	background: url(images/popup_menu.png) no-repeat 0 -43px;

	font-size: 15px;

	font-weight: bold;

	-webkit-text-stroke: .5px transparent;

	color: #404040;

	text-shadow: #fff 0 1px 0;

	padding-left: 20px;

	height: 31px;

	padding-top: 9px;

}

.selector li ul.list li.top a {

	height: 31px;

	background-position: 0 0;

	padding-top: 12px;

}

.selector li ul.list li.bottom a {

	height: 35px;

	background-position: 0 -83px;

	padding-top: 8px;

}

.selector li ul.list li a:hover {

	background-position: 0 -169px;

	color: #295b80;

}

.selector li ul.list li.top a:hover {

	background-position: 0 -126px;

}

.selector li ul.list li.bottom a:hover {

	background-position: 0 -209px;

}

.support_bg {

	width:541px;

	height:121px;

	line-height:121px;

	text-indent:130px;

	margin-left:8px;

	font-size:18px;

	color:#666;

	background:url(images/support_bg.gif) no-repeat;

}

/*文章*/
.appBtn{
  text-align:right;
  margin-top:10px;
}

.post {

	height:auto;

	overflow:hidden;

	line-height:20px;

}

.post h3 {

	color:#095d9e;

	height:20px;

	line-height:20px;

	margin:20px 0;

}

.post h2 {

	font-size:18px;

	padding-bottom:10px;

	text-indent:400px;

	margin-bottom:0;

	border-bottom:1px solid #ccc;

}

.post h2 a {

	color:#000;

}

.post h2 a:hover {

	color:#900

}

.post dt {

	font-weight:bold;

	padding-top:15px;

	border-top:1px solid #ccc;

}

.post dd {

	margin:0 0 0 20px;

	padding:0;

}

.post p {

	margin:10px 0;

}
.post img{
    border:0;
}

.post .entry{
    margin-top:20px
}

/**********文章样式************/
.postbox{
  clear:both;
  height:440px;
  overflow:hidden;
  margin-bottom:10px;
}
.rightText{
margin-left:292px;
}
.leftText{
margin-left:0;
}
.rightText,.leftText{
margin-top:20px; 
width:650px;
height:190px;
overflow:auto;
}
.alignleft{
  float:left;
  margin-right:10px;
}

.alignright{
  float:right;
  margin-left:10px;
}

/**********blog**************/

.blogbox {

	border-bottom:2px solid #000;

	margin-bottom:30px;

}

.blogtxt {

	width:540px;

	float:right;

	margin:10px 0 20px;

}

.blogtxt img{border:1px solid #ddd}

.blogInfo{

    width:302px;

	height:auto;

	float:left;

}

.blogInfo ul{

   margin:0;

   padding:0;

}

.blogInfo ul li{

  height:40px;

  border-bottom:1px solid #ccc;

  line-height:40px;

  color:#666;

  font-size:11px;

}

.blogInfo a{color:#006699}

.blogbox .more-link{

    display: block;

    float: left;

    border: 0;

    margin: 4px 0 24px 0;

    width: 162px;

    height: 32px;

    background: url(images/button_continue.png) no-repeat 0 0;

    text-indent: -9000px;

    opacity: .8;

    -webkit-transition: opacity .2s linear;

}

.blogbox .more-link:hover{opacity: 1;}

.blogbox .more-link:active{background-position: 0 -32px;}



#post-nav{margin:-10px 0 0;padding:0;}

#post-nav li{list-style: none;}

#post-nav li.old{float: right;}

#post-nav li.new{float: left;}

#post-nav li a{

    display: block;

    text-indent: -9000px;

    background: url(images/button_newer_entries.png) no-repeat 0 0;

    width: 142px;

    height: 36px;

    border: 0;

    opacity: .8;

    -webkit-transition: opacity .2s linear;

}

#post-nav.single li.new a{background-image: url(images/button_newer_entry.png);}

#post-nav li.old a{background-image: url(images/button_older_entries.png);}

#post-nav.single li.old a{background-image: url(images/button_older_entry.png);}

#post-nav li a:hover{opacity: 1;}

#post-nav li a:active{background-position: 0 -36px;}



#submit{

    border: 0;

    background: 0;

    margin: 3px 0 4px 0;

    background: url(images/button_publish.png) no-repeat 0 0;

    width: 140px;

    height: 33px;

    text-indent: -9000px;

    display: block;

    opacity: .8;

    -webkit-transition: opacity .2s linear;

}

#submit:hover{opacity: 1;}

#submit:active{background-position: 0 -33px;}



/*******about**********/

/* Social Widgets */

.social{margin-bottom: 20px;}
.social img{
    margin-bottom:10px;
}

.social h2{

	height: 40px;

	text-indent: -9000px;

	margin-bottom:0;

}

.social#contact h2{background: url(images/social_header_contact.gif) no-repeat;}

.social#rss h2{background: url(images/social_header_rss.gif) no-repeat;}

.social#twitter h2{background: url(images/social_header_twitter.gif) no-repeat;}

.social#facebook h2{background: url(images/social_header_facebook.gif) no-repeat;}

.social .button{

	background: url(images/social_footer.gif) no-repeat;

	height: 37px;

	padding: 11px 17px 12px 17px;

}

.social .button a{

	display: block;

	border: 0;

	width: 226px;

	height: 36px;

	text-indent: -9000px;

	opacity: .8;

	-webkit-transition: opacity .2s linear;

}

.social#contact .button a{background: url(images/button_contact.png);}

.social#rss .button a{background: url(images/button_rss.png);}

.social#twitter .button a{background: url(images/button_twitter_tapbots.png);}

.social#facebook .button a{background: url(images/button_facebook_tapbots.png);}

.social .button a:hover{opacity: 1;}

.social#contact .button a:active,

.social#contact .rss a:active,

.social#twitter .button a:active,

.social#facebook .button a:active{background-position: 0 -36px;}



/*------------------------------------------

	Gallery Viewer

------------------------------------------*/



#gallery-viewer .header {

	width: 540px;

	height: 40px;

	background: url(images/gallery_header.png);

}

#gallery-viewer .header ul {

	margin: 0;

}

#gallery-viewer .header ul li {

	list-style: none;

}

#gallery-viewer .header ul li a {

	display: block;

	border: 0;

	width: 90px;

	height: 40px;

	opacity: .6;

	text-indent: -9000px;

 -webkit-transition: opacity .2s linear;

}

#gallery-viewer .header ul li.previous {

	float: left;

         margin-left:-45px;

         *margin-left:0;

}

#gallery-viewer .header ul li.next {

	float: right;

}

#gallery-viewer .header ul li.previous a {

	background: url(images/gallery_button_prev.png);

}

#gallery-viewer .header ul li.next a {

	background: url(images/gallery_button_next.png);

}

#gallery-viewer .header ul li a:hover {

	opacity: 1;

}

#gallery-viewer .header ul li a:active {

	background-position: 0 -40px;

}

#gallery-viewer .header h2 {

	text-align: center;

	font-size: 12px;

	font-family: verdana, sans-serif;

	font-weight: bold;

	color: #333;

	text-shadow: #f3f3f3 0 1px 0;

	padding-top: 13px;

}

#gallery-viewer .body {

	width: 540px;

	height: 520px;

	padding-bottom: 100px;

	background: url(images/gallery_bg.jpg);

	text-align: center;

	position: relative;

	overflow: hidden;

}

#gallery-viewer .body .items {

	margin: 0;

	height: 520px;

	position: absolute;

}

#gallery-viewer .body .items li {

	list-style: none;

	float: left;

	width: 540px;

	height: 520px;

	background: url(images/gallery_portrait.png);

}

#gallery-viewer .body .items li.landscape {

	background: url(images/gallery_landscape.png);

}

#gallery-viewer .body .items li img {

	border: 0;

	position: relative;

	display: block;

	margin: 105px 0 0 176px;

         *margin-left:10px;

	width: 197px;

	height: 283px;

}

#gallery-viewer .body .items li.landscape img {

	margin: 164px 0 0 128px;

	width: 296px;

	height: 197px;

}

#gallery-viewer .body .items li a img {

	display: block;

}

#gallery-viewer .body p#gallery_desc {

	display: block;

	position: absolute;

	top: 520px;

	width: 500px;

	color: #373737;

	text-shadow: #ccc 0 1px 0;

	height: 60px;

	padding: 20px;

}

#gallery-viewer .body #gallery-nav {

	margin: 0;

	top: 482px;

	position: absolute;

	z-index: 2;

	padding:0;

	overflow:hidden;

}

#gallery-viewer .body #gallery-nav li {

	list-style: none;

	float: left;

}

#gallery-viewer .body #gallery-nav li a {

	border: 0;

	display: block;

	width: 15px;

	height: 15px;

	background: url(images/nav_button.png);

	text-indent: -9000px;

	opacity: .5;

 -webkit-transition: opacity .2s linear;

}

#gallery-viewer .body #gallery-nav li a:hover {

	opacity: 1;

}

#gallery-viewer .body #gallery-nav li a:active, #gallery-viewer .body #gallery-nav li.selected a {

	background-position: 0 -15px;

	opacity: 1;

}

#gallery-viewer .body #gallery-nav li .desc {

	display: none;

}



.fn{font-style:normal;}

.fn,.fn a{color:#0066ab;}

.fn a{font-weight:bold;}

.avatar{float:left;margin-right:10px;}

.comment p{float:left;margin-top:-32px;margin-left:400px;-margin-left:200px;}

.commentlist{

  margin:0;

  padding:0;

}

.commentlist li{

   height:auto;

   line-height:20px;

   overflow:hidden;

   padding:10px 0;

}

#comments{border-bottom:1px solid #ccc;padding-bottom:10px;}



/*plugin style*/

.important{

  border:1px solid #ddd;

  background:#eee;

  width:90%;

  height:auto;

  overflow:hidden;

  padding:10px;

}