/*   
Theme Name: JaS Personal Publisher
Theme URI: http://w3.installeddesign.com/2008-08-15/jas-personal-publisher-2.html
Description: A simple and minimalist personal publishing theme for WordPress.
Author: Jorge Alberto Saldivar
Author URI: http://installeddesign.com
Version: 2
Tags: fixed width, two columns, minimalist, stylish, personal, dark, gradient header, right sidebar, widget, ready, widgets, valid CSS, ie7, firefox 3.0
.
This work is distributed under the terms of the GNU General Public License. 
This means you are free to use this template for any purpose, and make 
changes as you see fit. Please leave the link in the footer, or donate if 
you would like to remove it.
.
*/


body	{
	background: #000000 url(images/bg.gif) left top repeat-x scroll;
	margin: 0;
	padding: 10px 0;
	font-family: verdana;
	font-size: 13px;
}

a	{
	color: #4d87c1;
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	font-size: 1.1em;
}
a:hover	{
	color: #960000;
}

img	{
	border: 0;
}

/* HEADER TITLE STUFF HERE */

h1	{
	font-size: 26px;
	font-family: 微軟正黑體, Arial;
	margin: 0;
	padding: 0;
}
h2	{
	font-size: 22px;
	margin: 10px 0;
	padding: 0;
	font-family:微軟正黑體,新細明體,Arial;
}
h3	{
	font-size: 20px;
	font-family:微軟正黑體,新細明體,Arial;
padding:20px 0 5px 0;
	margin: 20px 0 5px 0;
	padding: 0;
}
h4	{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
h5	{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

/* WRAPPER STUFF GOES HERE. */

#wrapper	{
	background: #ffffff;
	width: 974px;
	border: 3px solid #b2b2b2;
	margin: 0 auto;
	padding: 0;
}

/* HEADER STUFF GOES HERE. */

#header	{
	background: #000000  url(images/header2.gif) left center repeat-x scroll ;
	height: 95px;
	padding: 5px;
}

/* START H1 GRADIENT */
#header h1	{
	float: left;
	font-size: 40px;
	color: #ffffff;
	line-height: 64px;
	font-family: 微軟正黑體, Arial, times;
	position: relative;
}
#header h1 span {
	position: absolute;
	display: block;
	width: 100%;
	height: 64px;
}
/* END H1 GRADIENT */


#header-left	{
	height: 0;
}

#header-left	a img{
	filter:alpha(opacity=70);
	opacity:0.7;
	zoom:1;
	}
#header-left	a:hover img{
	filter:alpha(opacity=100);
	opacity:1;
	zoom:1;
	}

#header-left div	{
	/* Site description */
	letter-spacing: 3px;
	text-transform: uppercase;
	clear: left;
	color: #ffffff;
	font-size: 13px;
	margin: 0 320px 0 0;
	line-height: 25px;
	padding: 0 5px;
}

/* SEARCH FORM and RSS STUFF HERE. */

.header-right	{
	float: right;
	width: 310px; 
	font-size: 15px;
	font-weight: bold;
}

#searchform	{
	background: #e5e5e5;
	margin: 0;
	padding: 5px;
}

#s	{
	width: 200px;
	border: 0;
	margin: 0;
	padding: 5px;
}
#searchsubmit	{
	background: #ffffff;
	width: 85px;
	border: 0;
	margin: 0;
	padding: 4px;
	font-weight: bold;
	color: #960000;
}
#rss	{
	text-align: right;
	margin: 5px 0 0 0;
	padding: 5px 0;
}
.feed {
	background: transparent url("images/feed-icon-14x14.png") 5px 50% no-repeat scroll;
	margin: 0;
	padding: 0 0 0 24px;
	color: #add8e6;
}
.feed:hover	{
	color: #add8e6;
	text-decoration: underline;
}


/* ALL CONTENT STUFF HERE. */

#container	{
	height: 1%;
}

#column	{
	width: 644px;
	float: left;
	margin: 0;
	padding: 5px;
}



#page-title	{
	background: #960000;
	height: 5px;  /* Remove the height if you will add content to Page Title on Index and Single files. */
	margin: 0 0 5px 0;
	padding: 5px;
	color: #ffffff;
	letter-spacing: 3px;
	font-size: 1.5em;
	font-family: arial;
}
.title	{
	font-size: 24px;
	font-family: 微軟正黑體, Arial;
}
.date	{
	background: transparent url(images/date.gif) center center no-repeat scroll;
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 5px 0 0;
}
.month	{
	display: block;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
	margin: 5px;
}
.day	{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
.year	{
	display: block;	
	text-align: center;
	font-weight: bold;
	font-size: .9em;
}
.info-1	{
	background: #fafafa;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #e5e5e5;
	color: #960000;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 0 80px;
	padding: 5px 5px 0 5px;
	line-height: 160%;
}
.info-2	{
	background: #fafafa;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e5e5e5;
	color: #960000;
	font-weight: bold;
	font-size: .8em;
	margin: 0 0 0 80px;
	padding: 0 5px 5px 5px;
}

/* START PARAGRAPH BEHAVIOR */
#column p{
	margin: 10px 0;
	padding: 0;
	font-size: 16px;
	font-family: 新細明體, Arial;
	line-height: 185%;

}
#column p a{font-size:16px;}
.par	{
	margin: 0;
	padding: 5px 15px 10px 80px;
}
.par img{padding:4px; border: 1px solid #666;}
blockquote	{
	background: transparent;
	border: 1px solid #e5e5e5; 
	margin: 0;
	padding: 5px 20px;
}
blockquote p{
	margin: 0;
	padding: 0;
	text-align: justify;
}

a.more-link	{
	background: #4d87c1;
	line-height: 160%;
	font-family:  新細明體, Arial;
	font-size: 15px;
	display: block; 
	padding: 2px;
	margin: 5px auto;
	width: 100px;
	text-align: center;
	color: #ffffff;
	filter:alpha(opacity=70);
	opacity:0.7;
	zoom:1;
	
	
}
a.more-link:hover	{
	color: #add8e6;
	background: #4d87c1;
	filter:alpha(opacity=100);
	opacity:1;
	zoom:1;
}
/*  END PARAGRAPH BEHAVIOR */
.the-meta	{
	clear: both;
	margin: 0 0 0 80px;
	padding: 0;
}
.the-meta ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.post-meta-key	{
	font-weight: bold;
}

.footer2	{
	border-bottom: 3px double #960000;
	margin: 0 0 10px 80px;
}

/* COMMENT STUFF HERE */

h3#comments	{}
ol.commentlist	{
	list-style-type: none;
	padding: 0;
}
ol.commentlist li	{
	font-size: 13px;
	margin: 0;
	padding: 5px;
	margin: 10px;
	border: 1px #ccc solid;
}
ol.commentlist li:hover	{
	background: #e5e5e5;
}

img.avatar {
	float: left;
	background: #ffffff;
	margin: 5px;
	padding: 5px;
	border: 1px solid #b2b2b2;
}
h3#respond	{}
form#commentform	{}
h3#comments,ol.commentlist,h3#respond,form#commentform	{
	margin: 0 0 0 80px;
	line-height: 150%;
}
textarea#comment	{
	width: 420px;
}
/* END COMMENT STUFF HERE */


div.navigation	{
	margin: 0 0 0 80px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 1.3em;
}


/* SIDEBAR STUFF STARTS HERE. */

#sidebar	{
	float: right;
	width: 320px;
	line-height: 180%;
}

#sidebar ul	{
	list-style-type: none;
	background: #e5e5e5;
	margin: 5px;
	padding: 5px;
}
#sidebar ul li	{
	background: #ffffff;
	margin: 0;
	padding: 5px;
}
#sidebar ul li h2	{
	color: #960000;
	font-size: 1em;
	letter-spacing: 5px;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 5px 0;
}
#sidebar ul li ul	{
	list-style-type: none;
	background: #ffffff;
	margin: 0;
	padding: 0;
}
#sidebar ul li ul li	{
	margin: 0;
	padding: 0;
}
#sidebar ul li ul li ul li	{
	margin: 0 0 5px 0;
	padding: 0;
}

#sidebar a:hover img{
	Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20) 
	}
	

/* FOOTER STUFF HERE.  */

#footer	{
	clear: both;
	background: #666666 url(images/footer.gif) left center repeat-x scroll;
	height: 90px;
	margin: 0;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	font-size: .8em;
	letter-spacing: 3px;
	text-transform: uppercase;
}
#footer a	{
	color: #ffffff;
}

/* STRUCTURE ELEMENTS */

.clear-both	{
	clear: both;
}
.clear-left	{
	clear: left;
}
.clear-right	{
	clear: right;
}
.hidden	{
	display: none;
}

/* FROM http://codex.wordpress.org/CSS FOR IMAGES */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it
   -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 p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.vote-main {border: 1px solid #c90f0f; border-width: thick; width:450; padding:2px;margin:10px;}
.vote-title {font-size:24px; font-weight:bold; color:#0000bf;}
.vote-content div{line-height:120%; border: 1px solid #c90f0f; width:350; height:280; padding:5px;}

#related-posts ul{line-height:160%; font-size:15px; font-family:Arial,新細明體;}