/*
	www.i-design.tw Default Styles
	Author: underfire
	=========================================================
	Copyright (c) underfire.
	=========================================================
*/


/* ~~~~~~~~~~ YUI RESET ~~~~~~~~~~ */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:blod;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
/* ~~~~~~~~~~ YUI FONTS ~~~~~~~~~~ */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small; /* for IE */*font:x-small; /* for IE in quirks mode */}
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


/* ~~~~~~~~~~ BASIC STYLE ~~~~~~~~~~ */

html, body {
    height: 100%;
}

body {
    background: url(../images/bg.jpg) center top repeat-y;
    font-family: Helvetica, Arial, Verdana, sans-serfi;
    color: #777;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display:inline-block;
}
/* Hide from IE Mac \*/

.clearfix {
    display:block;
}
/* End hide from IE Mac */

a:link, a:visited {
    color: #000;
    text-decoration: none;
}

a:hover, a:active {
    color: #C14D2F;
    text-decoration: none;
}

::selection {
    background: #443D2D; 
    color: white; /* Safari */
}

::-moz-selection {
    background: #443D2D; 
    color: white; /* Firefox */ 
}

.wrapper {
    margin: 0 auto -80px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 920px;
}

.push {
    height: 120px;
}

input, select, textares {
    font-size: 93%;
    color: #444;
}

.left {
    float: left;
}

.right {
    float: right;
}

h2 {
    font-size:138.5%;
    color: #555;
}

h3 {
    font-size:123.1%;
    color: #555;
}

/* ~~~~~~~~~~ HEADER STYLE ~~~~~~~~~~ */

.header {
    border-bottom: 4px #ddd solid;
    margin-bottom: 30px;
    padding: 20px 0 10px;
}

.header h1 {
    margin-bottom: 16px;
    font-size: 197%;
}

.nav li {
    float: left;
    margin-right: 16px;
    padding-right: 16px;
    border-right: 1px #ddd solid;
    font-weight: bold;
}

.nav li.last {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

/* ~~~~~~~~~~ CONTAINER STYLE ~~~~~~~~~~ */

.main {
    float: left;
    width: 580px;
}

.sidebar {
    float: right;
    width: 280px;
}

/* ~~~~~~~~~~ MAIN STYLE ~~~~~~~~~~ */

.main .section {
    margin-bottom: 20px;
}

.main h2 {
    margin-bottom: 5px;
}

.main .ft {
    border-bottom: 1px #ddd dashed;
    padding: 10px 0;
    font-size: 93%;
    color: #999;
}

.main .ft span {
    padding-right: 12px;
}

.main .ft span a {
    display: inline-block;
    margin-right: 4px;
    padding: 0 2px;
}

.main .ft span a:hover {
    background: #222;
    color: #ddd;
}

/* ~~~~~~~~~~ SIDEBAR STYLE ~~~~~~~~~~ */

.sidebar .section {
    margin-bottom: 20px;
}

.sidebar h3 {
    margin-bottom: 8px;
    color: #aaa;
}

.sidebar .section li {
    margin-bottom: 4px;
}

.sidebar .section li a {
    display: block;
    border-bottom: 1px #ddd dotted;
    margin-bottom: 6px;
    padding-bottom: 5px;
}

.sidebar .categories li a {
    font-weight: bold;
}

/* ~~~~~~~~~~ FORM STYLE ~~~~~~~~~~ */

form {
    background: #f4f4f4;
    padding: 20px;
}

form .field {
    margin-bottom: 6px;
}

form label {
    float: left;
    display: block;
    margin-right: 20px;
    width: 100px;
    font-weight: bold;
    line-height: 2;
    text-align: right;
    color: #555;
}

form .text {
    float: left;
    border: 1px #dcdcdc solid;
    padding: 3px 4px;
    color: #999;
}

form .text:focus {
    border: 1px #aaa solid;
}

form .submit {
    background: #777;
    border: 0;
    padding: 5px 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    margin-left: 120px;
    overflow: visible;
}

form .submit:hover {
    background: #333;
}

/* ~~~~~~~~~~ FOOTER STYLE ~~~~~~~~~~ */

.footer {
    background: #3d3d3d;
    padding-top: 20px;
    height: 60px;
    color: #aaa;
}

.footer-inner {
    margin: 0 auto;
    width: 920px;
}
















/* ~~~~~~~~~~ PAGGING STYLE ~~~~~~~~~~ */
#pagination-clean li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
/* savers #pagination-clean li,*/
#pagination-clean a           { border-right:solid 1px #DEDEDE; margin-right:2px; }
#pagination-clean .previous-off,
#pagination-clean .next-off   { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; }	
#pagination-clean .next a,
#pagination-clean previous a  { border:none; font-weight:bold; }	
#pagination-clean .active     { color:#000000; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
#pagination-clean a:link,
#pagination-clean a:visited   { color:#000; display:block; float:left; padding:3px 6px; text-decoration:underline; }
#pagination-clean a:hover     { text-decoration:none; }
/* ~~~~~~~~~~ BASE-MIN STYLE ~~~~~~~~~~ */
.base-min h1 {font-size:138.5%;}
.base-min h2 {font-size:123.1%;}
.base-min h3 {font-size:108%;}
.base-min h1,.base-min h2,.base-min h3 {margin:1em 0;}
.base-min h1,.base-min h2,.base-min h3,.base-min h4,.base-min h5,.base-min h6,.base-min strong {font-weight:bold;color: #111;}
.base-min abbr,.base-min acronym {border-bottom:1px dotted #000;cursor:help;} 
.base-min em {font-style:italic;}
.base-min blockquote,.base-min ul,.base-min ol,.base-min dl {margin:1em;}
.base-min ol,.base-min ul,.base-min dl {margin-left:2em;}
.base-min ol li {list-style:decimal outside;}
.base-min ul li {list-style:disc outside;}
.base-min dl dd {margin-left:1em;}
.base-min th,td {border:1px solid #000;padding:.5em;}
.base-min th {font-weight:bold;text-align:center;}
.base-min caption {margin-bottom:.5em;text-align:center;}
.base-min p,.base-min fieldset,.base-min table,.base-min pre {margin-bottom:1em;}
.base-min input[type=text],.base-min input[type=password],.base-min textarea {padding:1px;}