/*small reset*/
body, ul, ol, p, h1, h2, h3, h4, h5, h6, form, blockquote, li{
margin:0;
padding:0;
}

/*basic styles*/
body{
	font: normal 0.75em/1.2em Tahoma,Verdana,Arial,sans-serif;
	color:#ffffff;
	background-image:url(images/background.jpg);
	background-repeat:repeat;
	background-position:top left;
	text-decoration:none;
	background-color: #000000;
}

#wrapper{
background-image:url(images/background-bottom.jpg);
background-repeat:repeat-x;
background-position:bottom left;
position:relative;
}


#topbar {
	position:absolute;
	width:26px;
	height:26px;
	z-index:1;
	padding-left:-32px;
}

#top{
position:relative;
margin:0 auto;
width:970px;
}


.description{
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}

#head{
	height:200px;
	position:relative;
}

#main{
position:relative;
padding:0 0px 0px 0;

}
#top .content{
	position:relative;
	float:left;
	width:615px;
	margin-right:0px;
	padding:20px 0px 0px 32px;
	border:none;

}

.sidebar{
position:relative;
float:left;
width:300px;
padding-bottom:50px;
}

.footer{
	clear:both;
	position:relative;
	background-color:#ccff00;
	width:970px;
	z-index:-10!important;
}

div{
    word-wrap: break-word;    
}

/*-------------------- head --------------------*/
#banner{
position:absolute;
z-index:3!important;
width:800px;
height:240px;
}
#head h1 a{
display:block;
width: 200px;
height: 200px;
border:none;
outline:none;
text-indent:-9999px;
cursor:pointer;
z-index:5;

}

/*menu*/
#top #nav{
float:left;
background-image:url(images/entry_background_right.gif);
background-position:right top;
background-repeat:no-repeat;
padding-right:10px;
}

#mainmenu{
background-image:url(images/entry_background_left.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:10px;
float:left;
position:absolute;
right:20px;
top:0;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:25px; 
}

#top #nav a{
	display:block;
	padding:0 6px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	line-height:25px;
	width:75px;
	background-color:#c0000e;
}

#top #nav a:hover{
color:#ffffff;
	background-color:#B5000D;
}

#top #nav li{
float:left;
position:relative;
}

#top #nav li li{
border-left:none;
}

#top #nav ul {
position:absolute;
display:none;
width:120px;
top:28px;
}

#top #nav li ul a{
width:120px;
height:auto;
float:left;
border-left:1px solid #4f4f4f;
border-right:1px solid #4f4f4f;
position:relative;
}

#top #nav ul ul{
top:auto;
}	

#top #nav li ul ul {
left:-134px;
top:0px;

}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;
}

#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}


#submenu{
bottom:0px;
left:700px;
list-style-position:outside;
list-style-type:none;
position:absolute;
z-index:300;
}

#submenu li{
float:left;
}

#submenu a{
display:block;
float:left;
text-indent:-9999px;
outline:none;
}

#submenu .options a{
width:30px;
height:25px;
background-image:url(images/icon_options.gif);
background-position:top left;
}

#top #submenu .active{
background-position:top right;
}

#top #submenu .active:hover{
background-position:bottom right;
}

#submenu .search_js a{
width:83px;
height:25px;
background-image:url(images/icon_search.gif);
}

#submenu .search_js a:hover, #submenu .options a:hover{
background-position:left bottom;
}

#submenu .rssfeed a{
background-image:url(images/rss_icon.gif);
bottom:0;
height:101px;
position:absolute;
width:138px;
}

.rssfeed span{
height:101px;
position:absolute;
width:138px;
background-image:url(images/rss_icon_hover.gif);
display:none;
top:0;
left:0;
cursor:pointer;
}

.headersearch{
position:absolute;
right:20px;
bottom:22px;
z-index:10;
width:253px;
}
.headersearch #s{
width:159px;
}
#s, .input_text{
background:#202020 none repeat scroll 0 0;
border:1px solid #4F4F4F;
color:#FFFFFF;
font-size:11px;
height:12px;
padding:3px;
width:200px;
}
#s:hover{
border:3px solid #ccff00;
background:#333;
color:#fff;
}

.input_text:hover{
border:1px solid #ccff00;
color:#FFFFFF;
}

#searchsubmit{
width:50px;
height:20px;
border:1px solid #4f4f4f;
background:#202020;
color:#bbb;
font-size:12px;
cursor:pointer;
}
.button-login{
width:50px;
height:20px;
border:1px solid #4f4f4f;
background:#202020;
color:#bbb;
font-size:12px;
cursor:pointer;
margin-right:30px;
}

#searchsubmit:hover{
border:3px solid #ccff00;
background:#333;
color:#fff;
}
 .button-login:hover{
 border:1px solid #ccff00;
background:#333;
color:#fff;
}

.content #searchform{
clear:both;
padding-bottom:20px;
}

/*--------------------#main------------------------*/
.breadcrumb{
	background-image:url(images/background-bottom.jpg);
	background-repeat:repeat-x;
	margin-bottom:0px;
	padding:8px 20px 5px 20px;
	width:930px;
	color:#ffffff;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	z-index:300;
	font-size:14px;
	position:relative;
	font-weight:bold;
}

.breadcrumb a:hover{
color:#ccff00;
font-weight:bold;
font-size:14px;
}

/*-------------------- content --------------------*/

.entry{
z-index:1;
position:relative;
background-image:url(images/entry_background.jpg);
width:186px;
height:190px;
overflow:hidden;
float:left;
padding:0;
margin-bottom:15px;
margin-right:15px;
}

.entry h2{
position:absolute;
z-index:2;
top:156px;
left:8px;
margin:0;
padding:0 0 10px 0;
width:155px;
line-height:15px;
text-decoration:none;
}

#top .entry h2 a, #top .meta a{
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	letter-spacing:0px;
}
#top .edit_link a{
color:#FF6600;
}

#top .entry h2 a:hover, #top .edit_link a:hover, #top .entry .meta a:hover{
color:#ccff00;
text-decoration:none;
}

.left_side{
	margin-right:15px;
}

.prev_image{
z-index:2;
position:absolute;
width:170px;
height:140px;
top:8px;
left:8px;
overflow:hidden;
}

#top .prev_image a img{
border:none;
display:block;
}

.entry .meta, .edit_link{
position:absolute;
z-index:2;
font-size:11px;
}
.edit_link{
top:0px;
left:2px;
}
.entry .meta{
right:10px;
top:168px;
}

#main h2{
    padding:0px 2px 7px 3px;
    font-size:18px;
	letter-spacing:3px;
    font-family: "Microsoft JhengHei","Microsoft YaHei",simhei,Verdana,Sans-Serif;
    font-weight: normal;

}

#main h3{
padding-bottom:4px;
font-weight:bold;
font-size:13px;
}

#top .bigpic{
width:350px;
overflow:hidden;
display:block;
height:240px;
float:left;

}

#top .bigpic img{
border:none;
padding-bottom:5px;
padding-left:4px;
}

.picture_entry{
	padding:20px 17px 0px 17px;
	float:left;
	width:558px;
	background-color: #000000;

}

.nopicture_entry{
padding:0px 17px 0px 0px;
float:left;
margin-bottom:0px;
width:558px;

}

.single_entry .meta{
	display:block;
	float:right;
	font-size:11px;
	line-height:1.5em;
	border-bottom:1px dashed #4F4F4F;
	padding:7px 0px 4px 2px;
	width:193px;
}

.single_entry .meta a:hover{
color:#CCFF00!important;
}

.the_entry{
	line-height:18px;
	clear:both;
	padding:3px 3px;
	margin-top:15px;
	margin-bottom:20px;
}


.tooltip_image{
position:absolute;
z-index:200;
left:-9999px;
top:0px;
}


.tooltip_image2{
position:absolute;
z-index:200;
border:1px solid #4f4f4f;
background-color:#202020;
padding:5px;
color:#fff;
left:-9999px;
top:0px;
}

.tooltip_image div{
width:350px;
height:240px;
overflow:hidden;
left:34px;
position:absolute;
top:-66px;
z-index:210;
border:1px solid #CCFF00;
}

.tooltip_image span{
position:absolute;
z-index:209;
top:-100px;
left:0;
}


.prev_image a span{
position:absolute;
top:0;
left:0;
width:186px;
height:190px;
display:block;
}

/*     SIDEBAR     */

/*----------------------------------------- advertise widget*/

#top #advertise-widget{
margin-top:20px;
padding:0;
float:left;
width:300px;
background-image:none;
border:none;
background-color:transparent;
height:190px;
}

#advertise-widget li{
display:block;
position:absolute;
background-image:none;
border-bottom:none;
padding:0px;
height:90px;
width:145px;
}

#advertise-widget a, #advertise-widget a img{
border:none;
text-decoration:none;
}

#advertise-widget .ka_1{top:0; left:0;}
#advertise-widget .ka_2{top:0; left:155px;}
#advertise-widget .ka_3{top:100px; left:0px;}
#advertise-widget .ka_4{top:100px; left:155px;}

#advertise-widget li a{
float:left;
display:block;
height:90px;
width:145px;
background-color:#000000;
padding:0;
margin:0;
}

#advertise-widget .ka_2 a{
border-left:none;
border-right:none;
}



/*------------------------------------------------- end advertise widget*/

/*--------------------calendar--------------------*/
#wp-calendar a, #wp-calendar a:visited {
display:block;
background-color:#CCC;
color:#333;
text-decoration:none;
}

#wp-calendar a:hover{
display:block;
background-color:#202020;
color:#fff;
}
 
#wp-calendar th {
	background-color:#ffffff;
	color:#444444; 
	}


#wp-calendar {
	empty-cells: show;
	width:80%;
	text-align:center;
		color:#555555; 
	
	}

#wp-calendar #next a,#wp-calendar #prev a {
background-color:#202020;
color:#fff;
text-decoration:none;
display:block;
	}
#wp-calendar #next a:hover,#wp-calendar #prev a:hover {
background-color:#eee;
color:#333;
	}

#wp-calendar caption {
margin-bottom:5px;
	}

/*-------------------- end calendar--------------------*/


/*MY FAVORITE POSTS WIDGET*/

#top .mfp_display_widget label{
padding-left:10px;
}

#labelremember{
position:absolute;
right:85px;
top:110px;
width:180px;
}

#top .mfp_logout a{
clear:both;
margin:15px auto 0 auto;
display:block;
text-decoration:none;
background-color:#2e2e2e;
width:80px;
padding:3px 5px;
border:1px solid #4f4f4f;
text-align:center;
color:#bbb;
}

#top .mfp_logout a:hover{
border:1px solid #ff5500;
background:#333;
color:#fff;
}

#top .mfp_favorites li{
border-bottom:1px solid #282828;
padding:8px 5px 8px 5px;
position:relative;
}
#top .mfp_favorites li:hover{
border-bottom:1px solid #ff5500;
background:#000000;
color:#ffffff;
font-weight:bold;
}

#top .mfp_favorites li a{
display:inline;
padding:0;
text-decoration:none;
border:none;
color:#999999;
}

#top .mfp_favorites li .mfp_remove_link{
height:18px;
width:18px;
display:block;
background-image:url(images/del2.jpg);
position:absolute;
text-indent:-9999px;
outline:none;
right:5px;
top:8px;
}


/* end MY FAVORITE POSTS WIDGET*/


.widget_block{
width:300px;
background-color:#000000;
border:1px solid #4f4f4f;
margin-bottom:18px;
clear:both;
float:left;
}

#block1, #block2{
padding:0px;
width:300px;
position:relative;
}

#block1 .widget{
width:270px;
background-color:#000000;
border:1px solid #4f4f4f;
margin-bottom:15px;
clear:both;
float:left;
padding:15px;
}
#block2 .widget {
width:270px;
background-color:#000000;
border:1px solid #4f4f4f;
margin-bottom:15px;
clear:both;
float:left;
padding:15px;
}
.widget{
position:relative;
margin:0 0 30px 0; /*check ie6*/
}

.widget h3, .widget h4{
padding:0px;
margin:0 0 2px 0;
letter-spacing:2px;
}

#top h3 a, #top h4 a, #top h5 a{
text-decoration:none;
}

.tablist {
clear:both;
overflow:hidden;
padding:15px 15px 0 15px;
width:260px;
}

.rsswidget img{
display:none;
}


.widget li a, .nowidget li a, .widget li a:visited, .nowidget li a:visited, .sidebar-post a, .sidebar-post a:visited  {
padding:8px 5px 8px 5px;
border-bottom:1px solid #282828;
display:block;
text-decoration:none;
color:#ffffff;
width:260px;
}

#top .sidebar-post{
margin:0;
padding:0;
}

.sidebar-post a, .sidebar-post a:visited{
background-color:#000000;
border-bottom:1px solid #ccff00;
color:#ffffff;
}

.sidebar-post a:hover{
background-color:#000000;
color:#ffffff;
}

.widget li a:hover, .nowidget li a:hover{
background-color:#000000;
border-bottom:1px solid #ccff00;
color:#ffffff;
font-weight:bold;
}

#main .sidebar .advanced_link{
	display:block;
	float:left;
	padding:6px 10px;
	text-decoration:none;
background-image:url(images/nav1.gif);
background-repeat:repeat-x;
	border:1px solid #000000;
	border-top:none;
	border-left:none;
	color:#dfdfdf;
	outline:none;
}

#main .sidebar .advanced_link:hover{
background-image:url(images/nav2.gif);
background-repeat:repeat-x;
}

#top #main .sidebar .active{
background-color:#ccff00;
background-image:url(images/nav.gif);
background-repeat:repeat-x;
color:#000000;
font-weight:bold;
font-size:12px;
}

.widget div{
padding:4px;
line-height:1.5em;
}

.rss-date, .community_entry meta{
font-size:10px;
padding:3px 4px;
display:block;
}

.widget_rss cite{
padding-left:4px;
font-weight:bold;
display:block;
margin-bottom:8px;
}
.widget_rss a{
border-top:1px solid #4f4f4f;
background-color:#2e2e2e;
}

.widget_tag_cloud a{
	line-height:1em;
	padding-left:5px;
}

/*---------------------------- archive widget "special"*/
#top .widget_archive li a{
border:none;
padding:0;
background-color:transparent;
text-decoration:none;
}
#top .widget_archive li a:hover{
background-color:transparent;
text-decoration:none;
}

#top .widget_archive li, #top #recent-comments li{
padding:8px 5px 8px 5px;
border-bottom:1px solid #282828;
display:block;
text-decoration:none;
width:260px;
color:#f4f4f4;
}
#top .widget_archive li:hover, #top #recent-comments li:hover{
background-color:#000000;
border-bottom:1px solid #ccff00;
color:#ccff00;
font-weight:bold;
}

#top .footer .widget_archive li, #top .footer #recent-comments li{
width:260px;
}



/*---------------------------- archive widget "special"*/






/*-------------------------------footer widget ------------------------*/
#top .advanced_footer{
display:none;
background-image:url(images/bg.jpg);
}

.footer_bg{
background-image:url(images/bg_footer_advanced.jpg);
background-position:top left;
background-repeat:no-repeat;
display:block;
width:970px;
position:relative;
}

.footer ul{
list-style-type:none;
list-style-position:outside;
float:left;
}

.footer_bottombar{
padding:20px;
}

.footer .widget{
width:280px;
float:left;
list-style-type:none;
list-style-position:outside;
padding-right:19px;
}

.footer .widget li a, .footer .widget li a:visited {
width:260px;
}

.footer_meta{
clear:both;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}


.add_fav, .rem_fav{
background-image:url(images/add.gif);
background-repeat:no-repeat;
background-position:3px 2px;
border-left:1px solid #4F4F4F;
border-top:1px solid #4F4F4F;
bottom:42px;
display:block;
float:right;
height:18px;
overflow:hidden;
position:absolute;
right:8px;
text-indent:-9999px;
width:18px;
z-index:20;
padding:2px;
background-color:#272727;
}

#top .rem_fav{
background-image:url(images/del.jpg);
}

#top .single_entry .add_fav, #top .single_entry .rem_fav{
border-left:1px solid #4F4F4F;
border-bottom:1px solid #4F4F4F;
border-top:none;
right:25px;
top:22px;
}

/*--------------------for your text--------------------*/
img{
border:none;
}

p{
     }

h1,h2,h3,h4,h5,h6{
line-height:1.5em;  
     }
	 
#top .content h4, #top .content h5, #top .content h6{
border-bottom:1px solid #4f4f4f;
padding-bottom:2px;
margin-bottom:2px;
     }
	 
h4{
font-size:12px;
}

h5{
font-size:11px;
}

h6{
font-size:10px;
}


acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
border-bottom:1px dotted #4f4f4f;	
	}


/*--------------------comments--------------------*/
.admincomment {
	color:#ffffff;
	margin-top:-3px;
	border-bottom:0px solid #444444!important;
    background-image:url(images/comment1.jpg);
	margin-bottom:15px;
}

.gravatar{
	float:left;
	width:85px;
	height:85px;
	position:relative;
}


.gravatar img{
}


.comment_entry{
float:left;
width:450px;
}

.comment_entry p{
clear:both;
}

.commentlist{
list-style-type:none;
list-style-position:outside;
margin:0;
padding:0;
}

.commentlist li{
clear:both;
border-bottom: 1px dashed #666666;
width:540px;
float:left;
line-height:1.5em;
padding:10px 5px 0 10px;
margin-right:50px;
text-align:justify;
}

.commentlist li .floatright{
font-size:0.917em;
}

#respond, #trackbacks{
clear:both;
padding-top:20px;
}


.trackback_list{
margin:0 0 30px 20px;
padding:0;
list-style-position:outside;

}


.trackback_list li a{
color:#fff;
text-decoration:none;
}
#comments, #respond, #trackbacks {
margin-bottom:10px;
}

#commentform small {
font-size:0.917em;
font-weight:bold;
color:#ffffff;
}
#commentform small span{
font-weight:normal;
color:#ffffff;
}

#commentform label{
padding-left:5px;
}

#commentform input {
width:200px;
padding:7px 5px 5px 5px;
color:#ffffff;
line-height:1em;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:1em;
background-image:url(images/comment1.jpg);
background-repeat:no-repeat;
background-color:#000000;	
border:none;
}

#commentform textarea {
	width:545px;
	height:110px;
	background-image:url(images/comment1.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	color:#ffffff;
	line-height:1.5em;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:1em;
	overflow:auto;
	border:none;
	padding:7px 5px 0px 5px;
}

#commentform #submit {
	cursor:default;
	width:80px;
	padding:8px 5px 2px 5px;
	font-size:12px;
	}

#commentform #submit:hover {
	 cursor:pointer;
	 color:#ffffff;
     font-weight:bold;
	 background-color:#232323;
	 padding:8px 5px 2px 5px;
	 width:80px;
     font-size:12px;
	}

.showcase_comments{
clear:both;
margin:0px 0px 20px 0px;
padding:20px 9px 9px 15px;
}

#top .commentlist{
padding:0;
margin:0;
}

/*GENERIC*/

pre{
font-family:"Courier New", Courier, monospace;
font-size:1em;
}


code{
border:1px solid #585858;
padding:10px;
background-color:#111111;
display:block;
overflow:auto;
font-size:1em;
font-family:"Courier New", Courier, monospace;
color:#fff;
}

.noborder, .noborder img, .noborder a img{
border:none;
margin:0;
padding:0;
background-color:transparent;
}

.alignnone, .fullsize {
float:none;
margin:10px 0;
max-width:470px;
overflow:hidden;
}
.alignleft{
float:left;
margin:0px 10px 10px 0pt;
max-width:460px;
overflow:hidden;
}
.alignright{
float:right;
margin:0px 0pt 10px 10px;
max-width:460px;
overflow:hidden;
}
.aligncenter{
clear:both;
display:block;
margin:0pt auto 1.5em;
max-width:470px;
overflow:hidden;
}
.floatleft {
clear:both;
float:left;

}
.floatright {
float:right;
}
.clearboth {
clear:both;
}

.wp-caption {
text-align: center;
}

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

.wp-caption a:active, .wp-caption a:visited, .wp-caption a:link, .wp-caption a:hover, .wp-caption a:focus {
border:none;
outline:none;
}

p.wp-caption-text {
font-size: 0.917em;
line-height: 1.1em;
padding: 0 5px 6px;
margin: 0;
font-style:italic;
}

p{
padding-bottom:1em;
}

.content ul, .content ol{
list-style-position:outside;
padding:0 0 1em 2em;
}

.sidebar ul, .sidebar ol{
list-style-position:outside;
list-style-type:none;
}

blockquote{
background-image:url(images/quote.gif);
padding:5px 40px 0 40px;
background-repeat:no-repeat;
background-position:top left ;
margin:10px 0 10px 0;
color:#fff;
}

blockquote em{
color:#dedede;
background-image:url(images/quote2.gif);
padding:5px 40px  20px 0px;
background-repeat:no-repeat;
background-position:top right;
display:block;
text-align:right;
font-style:italic;
}

a:link, a:active{
text-decoration:none;
color:#fff;
}

a:visited{
text-decoration:none;
color:#ffffff;
}

a:hover, a:focus{
text-decoration:none;
color:#ccff00;
}

/* ---------------------- Pagination -------------------*/

.pagination{
	clear:both;
	position:relative;
	z-index:3;
	padding:15px 5px 0px 270px;
	margin-bottom:65px;
}
.pagination span, .pagination a{
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
	color:#000000;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
	border:1px solid #000000;
	
}

.pagination a:hover{
	border:1px solid #2e2e2e;
	background-color: #2e2e2e;
	color:#ccff00;
}
.pagination .current{
	background-color: #ccff00;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	padding:2px 5px 1px 5px;
	border:1px solid #ccff00;
	margin-top:-3;
}

.jshide{
display:none;
}

.gloss{
background-image:url(images/glas-trans.png);
background-repeat:no-repeat;
}

a .gloss{
cursor:pointer;
}