/*  
Theme Name: Magnitade-Summer
Theme URI: http://www.missui.com/
Description: This Wordpress theme designed by Jinxuan.
Version: 1.16
Author: Jinxuan
Author URI: http://www.missui.com/
Tags: three-columns, fixed-width, white, theme-options, photoblogging

	Magnitade v1.1
	http://www.missui.com/archives/129.html

	This theme was designed and built by Jinxuan,
	whose blog you will find at http://www.missui.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body{
	padding:0;
	margin:0;
	font:200 12px/20px 'Arial','Tahoma';
	color:#333333;
	background:#F3F3F3;
}
a{
	color:#007788;
	text-decoration:none;
}
a:hover{color:#000000;}
img{border:none;}
.red{color:#f30;}
.white{color:#fff;}
.black{color:#000;}
.blue{color:#009CAC;}
small{
	font-weight:100;
	font-size:12px;
}
.font14{font-size:14px;}
.bold{font-weight:bold;}
.font12{font-size:12px;}
.clear{clear:both;}
.weight100{font-weight:100;}
ul{
	padding:0;
	margin:0;
	list-style:none;
}
h1,h2,h3,h4,h5,h6,h7,p,form,hr,dl,dd,dt{
	padding:0;
	margin:0;
}
input,textarea{
	font-size:11px;
	font:200 12px/20px 'Arial','Tahoma';
}
.left{float:left;}
.right{float:right;}
.more{
	font-size:12px;
	font-weight:100;
	font-family:'ËÎÌå';
}
.more a{color:#999;}
.date{
	font-size:11px;
	font-family:'Tahoma';
	color:#666;
}
.font11{
	font-size:11px;
	color:#999999;
}
.height10{height:10px;}
.height20{height:20px;}
.height40{height:40px;}

.container{
	width:960px;
	margin:0 auto;
	
}

#header{
	padding:20px;
	background:#ffffff url('images/bg0.gif') repeat-x center bottom;
}
#header .container .logo{
	width:273px;
	height:44px;
}
#header .container .logo h1 a{
	display:block;
	width:273px;
	height:44px;
	text-indent:-9999px;
	background:url('images/logo.png') no-repeat;
}
#header .container .menu ul li{
	float:left;
	padding:0 10px;
	line-height:44px;
	font-size:11px;
}
#header .container .menu ul li.current{
	font-weight:bold;
}

#contentbox{
	padding:30px 0 50px 0;
	background-repeat : no-repeat;
	background-position: center top;
}

.category{
	background:url('images/cate_bg.png') no-repeat left center;
}
.category_c{
	background:url('images/cate_bg2.png') no-repeat right center;
	padding:0 10px;
}
.category_c ul li{
	float:left;
	padding:0 10px;
	font-size:11px;
}
.category_c ul li.current-cat{
	font-weight:bold;
}

input.search_input{
	border:none;
	width:161px;
	height:20px;
	padding:0 5px;
	background:url('images/search.png') no-repeat;
	font-size:11px;
}
.search_submit{
	border:none;
	width:30px;
	height:20px;
	text-indent:-9999px;
	background:url('images/icon/garyblogicon_021.png') no-repeat center bottom;
}


.keywords{
	font-size:11px;
	background:url('images/icon/garyblogicon_003.png') no-repeat left center;
	padding:0 0 0 25px;
	margin:20px 0 0 0;
}
/** post **/
#loop{
	padding:30px 0 10px 0;position:relative;
}

.post{
	width:300px;
	height:310px;
	overflow:hidden;
	background:url('images/imgboxbg.png') no-repeat;
}
.float1{
	float:left;
}
.float2{
	float:left;
	margin:0 0 0 30px;
}
.float0{
	float:right;
}
.post .postimg{
	width:300px;
	height:169px;
}
.post .postimg a{
	display:block;
	width:300px;
	height:169px;
	background:url('images/imgabg.png') no-repeat;
	text-indent:-9999px;
}
.post .postimg a:hover{
	background:url('images/imgahoverbg.png') no-repeat;
}
.posttext{
	padding:15px 5px 5px 5px;
	line-height:18px;
}
.post_meta{
	padding:0 0 0 20px;
}
.linka{
	background:url('images/icon/garyblogicon_008.png') no-repeat left top;
}
.linkb{
	background:url('images/icon/garyblogicon_003.png') no-repeat left top;
}
/**postdisplay**/
.postdisplay{
	width:720px;
	padding:5px 0;
}
.postdisplay .postimg{
	width:300px;
	height:169px;
	float:left;
	margin:0 10px 0 0;
}
.postdisplay .postimg a{
	display:block;
	width:300px;
	height:169px;
	background:url('images/imgabg.png') no-repeat;
	text-indent:-9999px;
}
.postdisplay .postimg a:hover{
	background:url('images/imgahoverbg.png') no-repeat;
}
h2.posttitle{font-size:14px;}
.postdisplay .posttext{padding:5px 5px 5px 5px;}
.pageing{
	padding:0 0 0 5px;
}
.pageing span, .pageing a{
	float:left;
	margin:0 2px 0 0px;
	display:block;
	line-height:23px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}
.pageing a{
	background:url('images/pageing_0.png') no-repeat;
	width:23px;
	height:23px;
	color:#555555;
}
.pageing span.pageing_t{
	background:url('images/pageing.png') no-repeat;
	width:48px;
	height:23px;
	color:#ffffff;
}
.pageing span.current{
	background:url('images/pageing_1.png') no-repeat;
	width:23px;
	height:23px;
	color:#ffffff;
}

#footer{
	background:#191919 url('images/bg1.gif') repeat-x center top;
	padding:50px 0;
	color:#666666;
}


.about, .rss_feed{
	width:500px;
	padding:0 20px 30px 20px;
}
.about h2{
	text-indent:-9999px;
	background:url('images/h2-about-me.png') no-repeat;
}
.about p{
	line-height:18px;
	padding:10px 0 10px 10px;
}
.rss_feed h2{
	text-indent:-9999px;
	background:url('images/h2-rss-feeds.png') no-repeat;
}
.rss_feed ul{
	padding:10px 0;
}
.rss_feed ul li{
	background:url('images/icon/icon-rss.png') no-repeat left center;
	padding:5px 5px 5px 30px;
	font-style:italic
}
.copyright{
	text-align:right;
	border-top:1px solid #555555;
	padding:5px 45px 0 0;
	background:url('images/logo_footer.png') no-repeat right center;
}
.mylife{
	position:relative;
	
}
.mylife_c{
	position:absolute;
	left:730px;
	top:-490px;
	/*
	background:url('images/quan.png') no-repeat 170px 13px;
	left:630px;
	top:-435px;
	*/
}

/**page**/
.pagetitle h2{
	padding:0 0 0 20px;
	background:url('images/icon/garyblogicon_028.png') no-repeat left center;
}

#page{
	padding:30px 0;
}
.page_content{
	padding:0 30px;
	width:650px;
}
.page_content p{
	padding:0 0 20px 0;
}

/**single**/
.pagenavi{
	font-size:11px;
	padding:0 0 0 25px;
	background:url('images/icon/garyblogicon_019.png') no-repeat 5px center;
}
#single{
	padding:30px 0;
}
.single_content{
	padding:0 10px;
}

.single_content p{
	padding:0 0 10px 0;
}

.single_meta{
	padding:5px 0 20px 2px;
	font-size:11px;
}
.other_post{
	width:330px;
}
.other_post h1{
	font-size:14px;
	padding:5px 0 5px 25px;
	background:url('images/icon/garyblogicon_006.png') no-repeat 5px center;
}
.other_post ul{
	border-top:1px solid #dddddd;
}
.other_post ul li{
	background:url('images/icon/garyblogicon_028.png') no-repeat 5px center;
	padding:3px 3px 3px 25px;
	border-bottom:1px solid #dddddd;
}
/**comments**/
.comment{
	padding:600px;
	padding:20px 10px;
}
.comment h2{
	background:url('images/comment.png') no-repeat left center;
	text-indent:-9999px;
}
.comment h3{
	background:url('images/lar.png') no-repeat left center;
	text-indent:-9999px;
}
h4#comments{
	padding:5px 0 5px 20px;
}
.comment_form ul li{
	padding:3px 0;
	font-size:11px;
}
ul.commentlist li{
	width:460px;
	min-height:87px;
	padding:5px 10px;
	background:url('images/commentbg.png') no-repeat;
	overflow:hidden;
	margin:5px 0;
}
ul.commentlist li.alt{
	background:url('images/commentbg_a.png') no-repeat;
}
ul.commentlist li.admin{
	background:url('images/commentbg_c.png') no-repeat;
}
.avatarimg{
	width:48px;
	height:48px;
	background:url('images/avatarbg.png') no-repeat;
	padding:9px 3px 3px 3px;
}
ul.commentlist li.admin .avatarimg{
	background:url('images/avatarbg.png') no-repeat center bottom;
}
.avatarimg img{
	width:48px;
	height:48px;
}
ul.commentlist li.admin .comment_meta,ul.commentlist li.admin .comment_content{
	color:#ffffff;
}
.comment_content{
	width:400px;

}

ul.children{
	padding-left:20px;
}
ul.children li{
	background:url('images/commentbg1.png') no-repeat;
	padding-top:10px;
}

ul.children li.alt{
	background:url('images/commentbg_a1.png') no-repeat;
}
ul.children li.admin{
	background:url('images/commentbg_c1.png') no-repeat;
}

.c_input{
	width:250px;
	height:24px;
	background:url('images/c_input.png') no-repeat;
	border:none;
	padding:0 5px;
}
#wp_seccode input{
	width:50px;
	height:24px;
	background:url('images/2c_input.png') no-repeat;
	border:none;
	padding:0 5px;
}
.c_textarea{
	width:470px;
	height:90px;
	padding:5px;
	background:url('images/c_text.png') no-repeat;
	border:none;
}
.c_submit{
	width:191px;
	height:26px;
	background:url('images/entercomment.png') no-repeat;
	border:none;
	color:#ffffff;
}
.friendlinks{
	padding:0 20px 30px 20px;
}
.friendlinks h2{
	background:url('images/broll.png') no-repeat;
	text-indent:-9999px;
}
.friendlinks ul{
	padding:10px 0 0 0;
}
.friendlinks ul li{
	float:left;
	font-size:11px;
	padding:0 5px;
	width:100px;
	overflow:hidden;
}
.navigation{
	width:480px;
}

.gallery {
	width:930px;
}
.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
.gallery img {
	border: 1px solid #cfcfcf;
	padding:1px;
	margin:0 1px;width:280px;
	height:159px;
}
.gallery-caption {
	margin-left: 0;
}
.smallattachment{
	text-align:center;width:600px;

}
.smallattachment img{padding:1px;border:1px solid #ddd;}

.ad_single{
	width:500px;
	height:225px;
	padding:15px 0 0 15px;
	background:url('images/advbg.gif') no-repeat;
	margin:0 0 0 180px;
}
.ad_single_contact{
	width:450px;
	height:190px;
	overflow:hidden;
}
blockquote{
	background:#ffffff;
	border:1px solid #ccc;
	-moz-border-radius: 5px/5px;
	-webkit-border-radius: 5px 5px;
	border-radius: 5px/5px;
	padding:0 5px;
}
.single_ad{
	padding:20px 0 0 20px;
}

#sidebar{
position:absolute;
left:760px;
top:20px;
width:200px;
}
#sidebar h2{
	font-size:12px;
	border-bottom:1px solid #cdcdcd;
	padding:15px 0 0 0;
}
.fallerynavigation{
	width:500px;
	padding:5px;
	margin:5px auto;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
}
.fallerynavigation img{
	width:140px;
	height:80px;
}
p.gallery_pic{text-align:center;width:100%;}


.views{
	width:380px;
	padding:30px 0 0 0;
}
.views ul li{
	float:left;
	width:84px;
	height:49px;
	padding:2px;
}
.views img{
	width:80px;
	height:45px;
	border:2px solid #ffffff;
	-moz-border-radius: 5px/5px;
	-webkit-border-radius: 5px 5px;
	border-radius: 5px/5px; 
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}