/*
Theme Name: CryBook
Theme URI: http://themetation.com/
Description: A simple, no image theme. With custom Admin Panel. The theme CSSed by <a href="http://kailoon.com/">Kailoon</a> and Funtion by <a href="http://crynobone.com/">Zaki</a>.
Date: 17th Dec 2008
Version: 2.7
Author: kailoon &amp; Zaki
Author URI: http://kailoon.com/
Tags: blue, fixed width, three columns
*/
@import 'wordpress.css';
* { margin: 0; padding: 0; }
input { border: 1px solid #1c3872; padding: 2px; }
body { margin: 0px auto; padding: 0; font: normal 12px/18px "lucida grande",tahoma,verdana,arial,sans-serif; text-align: center; color: #434343; }

/* HTML ======================================= */
p { line-height: 113%; padding: 0 0 15px 0; }
a { font-weight:normal; text-decoration: none; }
a:hover {color: #ff1493; text-decoration: none; }
fieldset { border: 1px solid #ccc; padding: 10px; margin-top: 20px; }

fieldset label { 
font-size: 13px; display: block; 
font-weight: bold; padding: 2px 0px; 
text-transform: uppercase; }

			
fieldset label span { color: red; }
			
fieldset legend { 
font-size: 14px; font-weight: 900; 
padding: 0 5px; color: #000; }

fieldset em { 
display: block; 
font-style: normal; 
color: #999; padding: 5px 1px; 
font-family:Gulim; font-size: 13px;}
			
fieldset input, fieldset select { 
width: 50%; border: 1px solid #ccc; padding: 3px; }
			
fieldset input#submit { width: auto; }
			
fieldset textarea { width: 95%; border: 1px solid #ccc; padding: 3px; }
			
/* #wrapper ======================================= */
	
#wrapper { margin: 0px auto; width: 960px; text-align: left; }

/* #header ======================================= */
		
#header { 
height: 40px; 
padding-top:12px;
-moz-border-radius-bottomleft: 3px; 
-moz-border-radius-bottomright: 3px; }
			
#header h1 { margin: 0; padding: 0; }
				
#header h1 a { 
color: #fff; font-family:MS PGothic; 
font-size: 21px; 
font-weight: 400; 
text-decoration: none; 
padding: 4px 30px 0px 14px; float: left; }

/* #navigation 網誌分頁*/
			
#navigation ul { 
display: block; list-style: none; 
margin: 4px 0 0; padding: 0; 
float: left; font-weight: 400; }

#navigation ul li { 
display: block; float: left; 
padding: 0; margin: 0; font-family:Gulim;
font-size: 13px;
font-weight:normal; }

#navigation ul li a { 
display: block; padding: 1px 8px 2px; 
color: #fff; text-decoration: none; }
					
#navigation ul li a.current, #navigation ul li.current_page_item a { -moz-border-radius: 3px; }
					
#navigation ul li a:hover { color: #fff; text-decoration: underline; }
					
			
#search { float: right; width: 205px; padding-top: 3px; }
				
#search input { width: 130px; }
				
#search input#searchsubmit { padding: 2px; font-family:Gulim; font-size: 13px; width: 52px;}
				

/* #content ======================================= */		

#content { 
font-family:Gulim;
font-size:13px;
line-height:113% ;
margin: 10px 0 0 0; 
float: left; width: 600px; }

#content a:hover{
		color: #ff1493;
		border-bottom:1px dotted #ffb6c1 ;
		padding-bottom:-2px;
		}
			
#content .entry { 
font-family:Gulim;
font-size:13px;
padding: 10px 0 0; clear: left; 
border-bottom: 1px solid #ccc; 
margin-bottom: 20px; }

/*文章標題*/				
#content .entry h2 { 
font: 17px Gulim; 
margin: 1px; padding: 0; font-weight: 400; }
					
#content .entry h2 a { 
color: #1e3b78; text-decoration: none; 
border-bottom: 1px solid #fff; font-weight: 400; }

				
#content .entry h3 { 
font: 400 18px Gulim; }
				
#content .entry pre {
overflow: auto; width: 590px; padding:10px 3px; }

				
#content .entry ul { 
list-style: circle; 
margin: 4px 0 0 15px; padding: 18px; }

				
#content .entry ol { 
list-style: decimal; 
margin: 4px 0 0 15px; padding: 18px; }
					
#content .entry ul li { padding: 1px 0; }
					
#content .entry ol li { padding: 1px 0; }
					
#content .entry ul ul { list-style: square; 
margin: 1px 0 0 20px; padding: 0; }
					
#content .entry ol ol { list-style: lower-roman; 
margin: 1px 0 0 20px; padding: 0; }

/*文章發表時間作者*/				
#content .meta-header { 
font-family:MS PGothic;
font-size: 12px; }

				
#content .meta-footer { margin: 15px 0 0; }
					
#content .meta-footer ul { 
font-family:Gulim;
font-size: 13px; display: block; 
list-style: none; margin: 0; padding: 0;  }
						
#content .meta-footer ul li { 
float: left; padding: 0; margin: 0 2px 0 0; 
-moz-border-radius-bottomleft: 3px; 
-moz-border-radius-bottomright: 3px; }
							
#content .meta-footer ul li a { 
display: block; padding: 2px 7px; 
color: #fff; text-decoration: none; }
							
#content .meta-footer ul li a:hover { 
color: #fff; -moz-border-radius-bottomleft: 3px; 
-moz-border-radius-bottomright: 3px; }		

		
#content #comments { clear: left; padding-top: 10px; }
			
#content #comments h3 { 
font: 500 13px Gulim; margin: 1px; padding: 0; }
			
#content #comments .meta-comment { 
font-family:MS PGothic;
font-size: 12px; margin-bottom: 10px; }
				
#content #comments .meta-comment a { text-decoration: none; }
			
#content #comments .commentlist { 
list-style: none; margin: 0; padding: 0; }
				
#content #comments .commentlist li { 
background: #F7F7F7; 
border-bottom: 1px solid #ddd; padding: 10px; }
				
#content #comments .commentlist li.alt { background-color: #fff; }
		
#content #respond { clear: left; margin-top: 30px; padding: 15px; }
			
#content #respond h3 { 
font: bold 16px tahoma; margin: 1px; 
padding: 5px; border: 1px solid #ccc; background-color: #fff;}

		
#content #respond input, #content #respond textarea { border: 1px solid #ccc; padding: 4px; }
		
#content #respond div { padding: 5px 0; }
		
.cp { 
font: 400 9px/16px Gulim; 
}
	
label { font-weight: 900; }	
		
#content .tutorials { 
background: #f9f9f9; border: 1px solid #d6d3ca; 
margin: 5px 1px 10px; 
padding: 10px; text-align: center; }
			
#content .tutorials a, #content .tutorials a:link { 
text-decoration: none; 
width: 174px;  margin:0px 3px; 
text-align: center; }
			
#content .tutorials a img { border: 0; }
			
#content ul.delicious { padding: 5px 0; }
			
#content .delicious-tags { font-size: 13px; }
			
#content .pagination { clear: left; padding: 20px 0 5px; }
			
#content .pagination a { text-decoration: none; }
			
#content .pagination .prev-page { float: left; }
			
#content .pagination .next-page { float: right; }
		
#content .portfolio { clear: left; margin: 10px 0px 8px; }
			
#content .portfolio img.portfolio-image { float: left; width: 211px; height: 160px; }
			
#content .portfolio .portfolio-detail { float: right; width: 370px; }
				
#content .portfolio .portfolio-detail h4 { 
margin: 1px 0; padding: 0; 
font-family:Gulim;
font-size: 13px; }
					
#content .portfolio .portfolio-detail h4 a, #content .portfolio .portfolio-detail h3 a:link { text-decoration: none; }
				
#content .portfolio .portfolio-detail strong { display: block; color: #3b5999; margin: 7px 0px 3px; }
				
#content .portfolio .portfolio-detail span { display: block; 
font-family:Gulim;
font-size: 13px; }

img a:link { 
      padding: 0px;
      border: #fff 1px solid;
      }

img a:hover { 
      padding: 0px;
      border: #fff 1px solid;
      }

/* #sidebar ======================================= */
		
.box { 
font-family:Gulim;
font-size: 13px;
background-color: #f7f7f7; 
 
-moz-border-radius: 4px; margin-bottom: 15px; }
		
#sidebar { 
font-family:Gulim;
font-size:13px;
margin: 10px 0 0 20px; 
float: left; width: 340px; }

/*側邊連結列標題*/			
#sidebar h3 { 
font: 900 13px Gulim; 
padding: 5px 10px; 
background-color: #e0e0e0; 
float: left; width: 318px; }
			
#sidebar .about p { 
padding: 10px; 
font-family:Gulim;
font-size: 13px; clear: left; }
				
.avatar { 
display: inline; float: left; 
margin: 0 10px 0 0; padding: 3px; 
background-color: #fff; }

			
#sidebar .feeds { 
padding: 0 0 10px; 
clear: left; margin-top: -5px; }

			
#sidebar .col { 
float: left; width: 165px; 
margin-right: 5px; display: inline; }
			
#sidebar .col2 { 
float: left; width: 165px; 
margin-left: 5px; display: inline;}
			
#sidebar .col a, #sidebar .col2 a { font-weight: 400; }
					
#sidebar .col ul, #sidebar .col2 ul { 
list-style: none; 
padding: 0; text-align: center; }

/*月曆*/					
div#calendar_wrap{ 
font-family:MS PGothic;
font-size:12px;
line-height: 105%; 
padding: 10px; text-align: left; }

div#calendar_wrap table { 
line-height: 105%; 
width: 100%; }

iv#calendar_wrap table a { 
font-weight:normal; }


/*迴響列表*/						
#sidebar .col ul#recentcomments li, #sidebar .col2 ul#recentcomments li { 
font-family:Gulim;
font-size:13px;
width: 149px; padding: 5px 7px; 
line-height: 113%; border-bottom: 1px dashed #ccc; }
						
#sidebar .col ul#recentcomments li a, #sidebar .col2 ul#recentcomments li a { 
font-family:Gulim;
font-size:13px;
font-weight: normal; }
						
#sidebar .col ul#recentcomments li a:hover, #sidebar .col2 ul#recentcomments li a:hover { 
font-family:Gulim;
font-size:13px;
background-color: #fff; }

#commentform textarea { font-family:Gulim;
                        font-size:13px;
                        background: #ffffff;
                        border: 1px solid #bbd4cf;
                        color: #222222;
                        
                        }

#commentform textarea {
         font-size:13px;
         font-family:Gulim;
	width: 500px;
}
						
#sidebar .col h3, #sidebar .col2 h3 { 
font-family:Gulim;
font-size:13px;
float: left; width: 143px; }
						
/*右邊連結欄位*/
#sidebar .col ul li, #sidebar .col2 ul li { 
border-bottom:1px dashed #ccc;
width: 163px; 
text-align: left; 
font-family:Gulim;
font-size: 13px; }
						
#sidebar .col ul ul, #sidebar .col2 ul ul { padding: 0; }
						
#sidebar .col ul li a, #sidebar .col2 ul li a { display: block; padding: 2px 10px; }
						
#sidebar .col ul li a:hover, #sidebar .col2 ul li a:hover { background-color: #f1f1f1; }

input{
color: #765c47 ;
font-size:13px;
font-family:Gulim;
background: #fef4f4;
border: #726250 1px solid;
}

select{width: 150px;
　　　   font-family:Gulim;
         color:#56564b;
          background: #fff;}

/* #footer ======================================= */
		
#footer { 
margin-top: 20px; 
padding: 0 0 10px; 
font-family:Gulim;
font-size: 13px; clear: both; 
text-align:center; 
float: left; width: 100%; 
background-color: #e5e5e5; 
border-top: 1px solid #b5b5b5; }

		
#footer p { padding: 5px 0 0 0; border-top: 1px solid #fcfcfc; }

/* misc ======================================= */
	
.clear-both { clear: both; }
	
.gap { height: 8px; }
	
.clear { clear: both; padding: 10px 0 0; }

h2.pagetitle { 
font: 400 12px/18px Gulim; }

#content #comments .commentlist { clear: both; }

#content #comments .commentlist ul { list-style: none; } 

#content #comments .commentlist #respond { 
background-color: #fff; 
border: 1px solid #ccc; 
padding: 10px; margin-bottom: 5px; }

#content #comments .commentlist ul li { 
border: 1px solid #ccc; 
padding: 10px; }

.reply a { 
float: right; margin: -40px 0 0 0; 
font: 400 13px Gulim; 
padding: 3px 6px; background-color: #fff; 
-moz-border-radius: 3px; border: 1px solid #ccc; }

.reply a:hover { border: 1px solid #333; }

code { 
font: 400 13px Gulim; 
color: #666; }

.vcard em { 
font-style: normal; 
font-family:Guim;
padding-bottom: 13px; 
display: block; 
font-weight: 900; }

.vcard small { 
font: 13px/13px Gulim; color: #999; }

#met { 
padding: 4px 10px; 
float: left; 
width: 578px; margin: 0 0 20px; }

#met h3 { float: left; }

#content #comments #met .meta-comment { 
float: right; 
margin-bottom: 0; }

/*footnote語法，貼在css語法*/
.footnotes {
  font-size:13px;
  color:#ffb6c1;
  line-height:95%;
  padding: 10px 0 10px 0;
}

.footnotes .footnotedivider {
  width: 250px;
  border-bottom: 2px dashed #a8c97f ;
}

.footnotes li {
  margin: 0 0 4px 0;
}



.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
         line-height:113% ;
	border: 2px dotted #ffddcc;
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color:#fff9e5; }

/*回應欄位背景色*/
.chalt{  padding-top:12px;
         padding-left: 12px;
	background-color:#fef4f4 ;
         font-color:#b2a6a0;
         line-height:113% ;

}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
         line-height:113% ;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color:#999;
}