/*   
Theme Name: Clean-and-plain
Theme URI: http://www.sandrosalsi.com/blog/1015/free-wordpress-theme-clean-and-plain/
Description: A clean and simple theme that just works. Fixed width, two columns, left sidebar, standards compliant.
Author: Sandro Salsi
Author URI: http://www.sandrosalsi.com/about.html
Version: 1.0.6
.
Tags: fixed-width, two-columns, right-sidebar, blue, white, light, threaded-comments

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

body {
font-size : 62.5%;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #818181;
background : #fff url(images/bg.jpg) repeat-x;
}
small {
font-family : Arial, Helvetica, Sans-Serif;
font-size : 0.8em;
}
h1, h2, h3, h4, h5, h6 {
font-family : "Times New Roman", Times, serif;
font-weight : bold;
text-transform : uppercase;
text-align : left;
}
h1 {
font-size : 2.4em;
color:#000;
font-weight:bolder;
}
h2 {
font-size : 2em;
}
h3 {
font-size : 1.2em;
}
h4 {
font-size : 1em;
}
pre {
overflow : auto;
}
acronym, abbr {
font-size : 0.9em;
letter-spacing : 0.07em;
cursor : help;
border-bottom : 1px dashed #999;
}
strong {
font-weight: bold;
color : #666;
}
a {
color : #26a;
text-decoration : none;
}
a:hover {
background : #DAFF85;
/*color:#417022;*/

  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
  /* for Mozilla, Firefox */
  -moz-opacity:0.5;
}
postmetadata a, postmetadata a:hover {
font-weight: bold;
}
hr {
display : none;
}
a img {
border : none;
}
body {
margin : 0;
padding : 0;
}
#page {
margin : 0 auto;
/*margin : 0 4% \9;*/
margin-left: auto \9;
margin-right: auto \9;

_position: absolute;
_left:50%;
_margin-left: -500px;



padding : 0;
width : 960px;
/*width : 900px \9;*/


}
#header {
margin : 0 20px;
/*background: url(¡¦rotating.jpg¡¦) no-repeat bottom center;  */

}
#wrapper {
padding : 19px;
width: 920px;
clear:both;
}
#content {/**//**//**//**//**/
margin : 0;
padding : 0px;
width : 580px;
float : left;
/*border:5px dashed #999;*/
}
#sidebar {
width : 260px;
width : auto \9;
float : right;
margin : 0 0 0 30px;
padding : 20px 0;
}
#footer {
margin : 20px auto;
clear : both;
}
#headerimage {
padding : 30px 0;

}
#bgbg{
background : url('everywhereblog.png') no-repeat /*5px 6px*/;
}
#header h1 {
margin : 10px 0;/**/
}
#titleh1{
color:#000;
}
#header .description {
font-size : 1.2em;
color:#000000;
}
#hmenu {
/*border-bottom : 3px solid #eee;*/
height : 33px;
margin:43px 20px 0px 20px;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  /* for Mozilla, Firefox */
  -moz-opacity:0.8;
  
}
#hmenu ul {
/*list-style-image:url(ulil.gif);*/
margin : 0;
padding : 0;

}
#hmenu li {
background : #eee;
float : left;
display : inline;
margin : 0;
padding : 0;
position : relative;

}
#hmenu li:hover {
background : #ccc;
}
#hmenu li a {
display : block;
padding : 0 0.8em;
text-decoration : none;
line-height : 33px;
font-size : 1.3em;
background : none;

}
#hmenu li ul {
display : none;
position : absolute;
/*z-index : 99;*/

}
#hmenu li:hover ul {
background : #fff;
border : 1px solid #999;
display : block;
left : 0;
min-width : 150px;
top : 2.2em;
white-space : nowrap;

}
#hmenu li:hover li {
background : #fff;
display : block;
float : none;
font-size : 0.9em;
margin : 0;
padding : 0;

}
#hmenu li:hover li:hover {
background : #eee;

}
#hmenu li:hover li a {
padding : 0 0.5em;

}
#hmenu ul li#hmenu_rss a {
background : url('images/rss.png') no-repeat 5px 6px;
padding-left : 25px;

}
.post {
margin : 0;
padding : 20px 0;
text-align : left;
overflow : hidden;
clear : both;
}
.post h2 {
margin : 0;
padding : 0;
text-align : left;
}
.post h3.post-title {
font-weight : bold;
font-size : 1.8em;
margin : 0;
padding : 0;
text-align : left;
}
div.archive-title {
font-size : 1.6em;
font-weight : bold;
}
.post hr {
display : block;
}
.postmetadata {
clear : both;
font-size : 1.1em;
color : #888;
float : right;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.entry {
font-size : 1.3em;
line-height : 1.4em;
margin : 20px 0;

}
.entry blockquote {
border : 1px dashed #ccc;
font-size : 0.9em;
padding : 5px 20px;
margin : 10px 0;
background : #f8f8f8;
}
.entry blockquote blockquote {
font-size : 1em;
}
.entry fieldset {
border : 1px dashed #ccc;
}
.entry fieldset legend {
font-weight : bold;
text-transform : uppercase;
}
.entry table {
border-width : 0 1px 1px 0;
border-style : solid;
border-color : #ccc;
font-size : 0.9em;
margin : 10px 0;
}
.entry table tr td {
padding : 5px 10px;
border-width : 1px 0 0 1px;
border-style : solid;
border-color : #ccc;
margin : 10px 0;
}
.entry table tr th {
border-width : 1px 0 0 1px;
border-style : solid;
border-color : #ccc;
padding : 5px 10px;
background : #f4f4f4;
color : #666;
font-weight : bold;
text-transform : uppercase;
text-align : center;
}
.entry ol {
list-style-type :decimal ;/**********************************************/

}
.entry ol ol {
list-style-type : lower-alpha;
}
.entry ol ol ol {
list-style-type : lower-roman;
}
.entry ul {
list-style-image:url(ulil.gif);
}
.entry il {
list-style-image:url(ulil.gif);
}
p img {
padding : 0;
max-width : 100%;
border-right:5px solid #CCC;
border-bottom:7px solid #CCC;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignright {
padding : 0;
margin : 2px 0 5px 10px;
display : inline;
float : right;
}
.alignleft {
padding : 0;
margin : 2px 10px 5px 0;
display : inline;
float : left;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.navigation .alignleft {
text-align : left;
}
.retsua{
/*max-width:250px;*/
font-size : 1.2em;
text-align : left;
position : relative;
z-index:1;
}
.retsub{
/*padding-left:250px;*/
width:200px;
left: 400px;
font-size : 1.2em;
text-align : right;
bottom:15px;
position : relative;
z-index:2;
}
.navigation .alignright {
text-align : right;
}
.navigation {
font-size : 1.2em;
clear : both;
margin : 20px 0;
}
.wp-caption {
border : 1px solid #ccc;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
}
.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;
}
.searchbox {
padding : 20px;
text-align : center;
clear : both;
}
.center {
text-align : center;
}
.hidden {
display : none;
}
#comments {
font-size : 1.4em;
line-height : 1.4em;
}
.commentlist {
margin : 20px 0;
padding : 0 0 1px 0;
background : url('images/border_h.png') repeat-x bottom;
}
.commentlist li {
/*list-style-image:url(ulil.gif);*/
margin : 0;
padding : 0;
background : url('images/border_h.png') repeat-x top;
}
li.comment div, li.pingback div {
padding : 20px;
overflow : auto;
}
li.comment div div, li.pingback div div {
padding : 0;
overflow : visible;
}
.commentlist li.even {
background-color : #fafafa;
}
.commentlist li.odd {
background-color : #f6f6f6;
}
ul.children li {
/*list-style-image:url(ulil.gif);*/
}

.comment-meta, .reply {
margin : 0;
padding : 0;
font-size : 0.8em;
}
.comment-author cite {
font-style : normal;
font-weight : bold;
}
textarea#comment {
width : 100%;
}
#comments div.navigation {
font-size : 0.8em;
}
.commentlist li{
border : nene;
}
.commentlist li.bypostauthor {/**//**/
/*border : 1px solid FFE62A ;*/
}

#sidebar {
font : 1.2em 'Lucida Grande', Arial, Sans-Serif;
}
#sidebar h2 {
font-family : 'Lucida Grande', Sans-Serif;
font-size : 1.2em;
}
#sidebar h2 {
padding : 0;
background : url('images/border_h.png') repeat-x bottom;
}
#sidebar ul, #sidebar ul ol {
margin : 0;
padding : 0;
}
#sidebar ul li {
margin : 0;
padding : 0;
list-style-type:none;
list-style-image : none;
margin-bottom : 20px;
}
#sidebar ul p, #sidebar ul select {
margin : 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin : 5px 0 0 0;
}
#sidebar ul ul ul, #sidebar ul ol {
margin : 0 0 0 20px;
}
#sidebar ul ol li {
/*list-style : decimal;*/
}
#sidebar ul ul li, #sidebar ul ol li {
margin : 3px 0 0;
padding : 0;
}
#wp-calendar {
empty-cells : show;
width : 155px;
}
#wp-calendar #next a {
padding-right : 10px;
text-align : right;
}
#wp-calendar #prev a {
padding-left : 10px;
text-align : left;
}
#wp-calendar a {
display : block;
font-weight : bold;
}
#wp-calendar caption {
font-weight : bold;
text-transform : uppercase;
text-align : left;
margin : 0 0 5px 8px;
color : #666;
}
#wp-calendar td {
padding : 3px 5px;
text-align : center;
}
#wp-calendar td#today {
background : #eee;
}
#wp-calendar td#prev a {
padding : 0;
text-align : left;
font-weight : normal;
}
#wp-calendar td#next a {
padding : 0;
text-align : right;
font-weight : normal;
}
#footer {
background : url('images/border_h.png') repeat-x top;
padding : 10px;
text-align : center;
font-size : 1em;
color : #888;
margin : 20px;
}
.navigation{
position:relative ;
}
.navigationindex{
font-size : 1.2em;
clear : both;
margin : 20px 0;
position:relative ;
left:180px;
}
.form_row {
/**/
margin-bottom : 10px; 
}
.commentsubmit a:hover{
background: #D14640;
border: none;
color: white;
cursor: pointer;
float: right;
font-size: 11px;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
}
.avataravatar-64fbavatar{
float: left;
border : 5px solid #fff;
padding : 3px;
margin-right : 20px;
/*background : #ff0000;*/
}
img.avatar {
float : left;
/*border : 1px solid #eee;*/
padding : 5px;
margin-right : 20px;
background : #fff;
}
/*2010.3.13*/
.yhl{
text-decoration: none;
background: url(underline_yhl.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}

.cyc{
text-decoration: none;
white-space: nowrap;
line-height:22px;
padding:4px 2px 2px 2px;
letter-spacing:0px;
background: url(underline_cyc.gif) repeat-x bottom;
}
.comment-meta{
float : right;
}
.editcomment{
font-size : 0.8em ;
}
.more-link{/*繼續閱讀*/
font-size : 1.1em;
/*color: #F55555;*//*2010.03.13*/
float : right;
margin : 15px 100px 25px 0px ;
/*padding-right : 20px;*/
}
.admincomment{
/*background-color:#EEE;*/
position:relatve;
border:3px solid #DDD;
padding-left:30px;
}
/*
.ul{
list-style-image:url(ulil.gif);
}
.il{
list-style-image:url(ulil.gif);
}*/