@charset "utf-8";

@import "./default.css";

body{color:#333;
	background:#ccc url("images/Back.jpg") top repeat-x fixed;}
	
/*****Container*****/
#Container{width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background:url("images/sideMenuBack.jpg") right repeat-y;
	}

/*****Wrapper*****/
#Wrapper{width:100%;
	float:left;
	background: url("images/contentBack.jpg") repeat-y left;
	margin-right:-260px;
	}

#Header{margin-left:30px;
	margin-right:260px;}
	
#Content{margin-right:260px;
	padding-bottom:5%;
background: url("images/compas.jpg") no-repeat top right;}
	
/*****Header*****/
#Header{background: url("images/Header.jpg") top right;
	height:250px;
	}
	
#Header h1{
	height:30px;
	width:100%;
	padding-top:50px;
	background: url("images/title.jpg")  bottom left no-repeat;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-size:xx-small;
	text-indent:-1000px;
}
#Header p{color:#ccc;
	font-size:x-small;
	text-align:right;
	margin-top:-65px;
	padding-right:10px}

#Menu{margin-top:170px;
margin-left:1em;}
#Menu ul{border-left:thin solid #fff;}
#Menu li {display:inline;
	float:left;
	font-size:x-small;
	border-right:thin solid #fff;
	}
#Menu li a{color:#fff;
	text-decoration:none;
	padding:0.1em 0.5em;
	}
#Menu li a:hover{color:#000;
	background: url("images/naviBack.jpg");
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
/*****Content*****/
p#pagetitle{margin:0 30px;
	padding-left:5px;
	border-left:#339 solid 3em;
	font-weight:bold}

.post{background: url("images/postBack.gif") no-repeat right bottom;
	margin:0 30px 5% 60px;
	border-bottom:thin solid #999;
	padding-bottom:2em}

.postTitle{padding-top:2em;
	margin-left:-1em;
	background:url("images/hanepen.gif") no-repeat left;}
.post h2{
	padding-left:4em;
	}
	
.post h2 a{color:#039;
	font-size:140%;
	text-decoration:none;
	}
.post p{
	padding: 0.5em 0}
.post p a{color:#0000cd}
.post p a:hover{color:#996}

.post img{border:thin solid #ccc}

.post img#right{float:right;
	margin:0 0 1em 1em;
	}
.post img#left{float:left;	
	margin:0 1em 1em 0;
	}

.postinfo{font-size:90%;
	text-align:right;
	color:#036}
.postinfo a{color:#30f}	

p.pagelink a{font-size:0.75em;
	color:#483d8b;
	}
span.pagePrev{float:left;
	margin-left:60px;}
span.pageNext{float:right;
	margin-right:20px;}


.post h3{border-left:1.5em solid #000;
	padding-left:0.5em;
	margin-top:0.5em;
	font-weight:bold;}
.post p span.bold{font-weight:bold;
	}
pre{background:#ffc;
	padding-left:1em;
	border:thin #999 solid}

.post ul{margin-left:2em}
.post li{list-style-type:square}

div.addText{font-style:italic;
	font-size:90%;
	line-height:140%;
	margin:1em}

/*****SideMenu****/
#SideMenu{
	}
	
#SideMenu ul{width:80%;
	margin-left:25px;
	margin-bottom:10%}
	
#SideMenu li{font-size:x-small;
	color:#fff;
	list-style:url("images/listMark.gif");
	line-height:120%;
	padding-bottom:0.4em;}

#SideMenu li a{color:#ccc;
	text-decoration:none}
#SideMenu li a:hover{background:#099}

#SideMenuBottom{clear:left;
	}

#SideMenu ul li ul{margin-left:0}

#SideMenu ul li ul li{list-style:url("images/listMark02.gif");}

/*****RECENT COMMENT***/
#SideMenu ul.commentList{
	font-size:90%;
	margin-bottom:0}

#SideMenu ul.commentList li{list-style:none;}

#SideMenu01,#SideMenu02{width:130px;
	float:left;
	}

	/***calendar**/
#SideMenu01{background:url("images/Calendar_cap.jpg") no-repeat top left;}
#wp-calendar{
	font-size:90%;
	color:#fff;
	margin-left:10px;
	margin-bottom:10%}
#wp-calendar caption{width:130px;
	height:35px;
	padding-top:5px;
}

#wp-calendar td{text-align:center}
#wp-calendar a{color:#cff}
	
#SideMenu h2{width:130px;
	height:35px;
	font-size:xx-small;
	color:#ddd;
	text-indent:-2000px;
	margin-bottom:8%}
	
h2.portal{background:url("images/portal_h2.jpg") no-repeat}
h2.shop{background:url("images/shop_h2.jpg") no-repeat}
h2.recent{background:url("images/Recent_h2.jpg") no-repeat}
h2.recentComment{background:url("images/RecentCom_h2.jpg") no-repeat}
h2.archive{background:url("images/Archive_h2.jpg") no-repeat}
h2.search{background:url("images/Search_h2.jpg") no-repeat;
	margin-bottom:2%}
h2.mostViewed{background:url("images/MostView_h2.jpg") no-repeat;}
h2.category{background:url("images/Category_h2.jpg") no-repeat}
h2.links{background:url("images/Links_h2.jpg") no-repeat}

h2.twitter{background:url("images/Twitter_h2.jpg") no-repeat}
h2.twitter a,h2.twitter a:hover,h2.twitter a:visited{text-decoration:none}

#tweet li{color:#ccc;
	font-size:x-small;
	margin-bottom:0.3em}
#tweet li a{color:#fff;
	font-size:xx-small;
	}
twitterTime{display:block}

input#s{width:120px;
	height:30px;
	border:none;
	background:url("images/searchBox.gif") no-repeat 0 0;}
input.button{text-indent:-1000px;
	width:23px;
	height:23px;
	background:url("images/search_But.gif") no-repeat 0 0;
	border:none;
	cursor: pointer;
	margin:0 0 3% 50px;}

p.feed{margin-left:10px;
	}
p.feed a{color:#fff;
	font-size:x-small;
	text-decoration:none}
	

/****Footer****/
#Footer{clear:both;
	background: url("images/contentBack.jpg") repeat-y left;
	}
#Footer address{text-align:center;
	font:x-small normal;
	padding-bottom:3%
	}
	
/*****comment****/
#com{clear:both;
	width:85%;
	margin:10% 240px 0 60px;
	}
#com p{font-size:90%;
	margin-left:1em;
margin-top:1em;}
#com p a{color:#0000cd;
	text-decoration:none}
#com p a:hover{color:#996}

#com li{border-bottom:1px solid #999;
margin-top:1em;
padding-bottom:1em}
#com p cite{color:#000080;
padding-left:15px;
background:url("images/commentMark.gif") no-repeat left;
}

h3#comments{
	background:url("images/Comments.gif") no-repeat;
	width:160px;
	height:20px;
	text-indent:-1000px}
	
h4#postcomment{
	background:url("images/postYourComments.gif") no-repeat;
	width:160px;
	height:20px;
	margin-top:2%;
	text-indent:-1000px}

input#submit{background:url("images/submit.gif") 0 0 no-repeat;
	width:120px;
	height:20px;
	border:none;
	margin:2% 0;
	text-indent:-1000px;}
	
textarea{width:90%;
	height:20%;
	margin-right:270px;}
	
p#comfeed img{vertical-align:center;}