/* Common */
body {
margin: 0;
padding: 0;
background: #333;
font-family: "Bitstream Vera Serif", Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height:25px;
}
p{ text-indent:1.5em;line-height:25px;}
h1 {
margin: 0 0 15px 0;
padding: 20px 50px;
font-size: 40px;
}
h2 {
margin: 0;
padding: 10px 0;
font-size: 20px;
}
h3 {
margin: 0;
padding: 6px 0;
font-size: 16px;
}
h4, h5, h6 {
margin: 0;
padding: 6px 0;
font-size: 14px;
}
a {
color: #1274A9;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
}
p {
margin: 0;
padding: 5px 0;
}
dl,dt,dd,form {
margin: 0;
padding: 0;
}
code {
margin: 5px 0;
padding: 0.5em;
line-height: 80%;
border: 1px dashed #C4D7E8;
background: #EEF3F9;
color: black;
font-family: "Courier New", monospace;
white-space: pre;
display: block;
overflow: auto;
}
blockquote {
margin: 5px;
padding: 0 0 0 0.5em;
border: 1px solid #C4D7E8;
background: #F8FAFC;
color: black;
}
.clear {
clear: both;
}
.hide {
display: none;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.top {
vertical-align: top;
}
.middle {
vertical-align: middle;
}
.bottom {
vertical-align: bottom;
}
.fleft,
.alignleft {
float: left;
}
img.fleft,
img.alignleft {
margin-right: 1em;
margin-bottom: 0.5em;
}
.fright,
.alignright {
float: right;
}
img.fright,
img.alignright {
margin-left: 1em;
margin-bottom: 0.5em;
}
.fcenter,
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
.strong {
font-weight: bold;
}

/* Block */
#container {
margin: 0 auto;
width: 1280px;
background: white;
}
#header {
background: #3088B8 url("../images/header.png") repeat-x left top;
color: white;
font-family: FreeSerif, "Times New Roman", Times, Charcoal, Chicago, serif;
}
#header a {
color: white;
text-decoration: none;
outline: none;
}
#header a:hover {
text-decoration: underline;
}
#header h1 a:hover {
text-decoration: none;
}
#content {
padding: 15px;
background: #EEF3F9;
}
#footer {
padding: 10px 15px;
background: #2B79A4 url("../images/footer.png") repeat-x left bottom;
color: white;
font-size: 12px;
}
#footer a {
color: #F0E386;
text-decoration: underline;
}
#guide {
position: absolute;
top: 0;
width: 1280px;
height: 24px;
line-height: 24px;
font-family: "Bitstream Vera Serif", Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: right;
overflow: hidden;
}
#guide ul {
margin: 0;
padding: 0 15px;
list-style: none;
display: inline;
}
#guide li {
margin-left: 15px;
display: inline;
}
#nav {
padding: 0 20px;
height: 30px;
background: url("../images/nav.png") repeat-x;
font-size: 14px;
font-weight: bold;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav li {
padding-left: 30px;
height: 30px;
line-height: 30px;
background: url("../images/menu.png") no-repeat left top;
display: block;
float: left;
}
#nav li a {
padding-right: 30px;
background: url("../images/menu.png") no-repeat right -30px;
color: #1274A9;
text-decoration: none !important;
display: block;
}
#nav li.current-cat,
#nav li.current-menu-item,
#nav li:hover {
background-position: left -60px;
}
#nav li.current-cat a,
#nav li.current-menu-item a,
#nav li:hover a {
background-position: right -90px;
color: black;
}
#nav ul ul {
position: absolute;
margin: -3px 0 0 -30px;
font-weight: normal;
display: none;
}
#nav li:hover > ul {
display: block;
}
#nav ul ul li {
padding: 0;
height: 28px;
line-height: 28px;
background: none;
float: none;
}
#nav ul ul li a {
padding: 0 15px;
height: 28px;
background: #2C7BA7;
color: white !important;
overflow: hidden;
}
#nav ul ul li a:hover {
background: #3394C8;
}
#nav ul ul ul {
display: none !important;
}
#header-description {
position: absolute;
top: 40px;
padding-left: 600px;
width: 600px;
opacity: 0.7;
}
#leftbar {
padding-right: 15px;
float: left;
}
#rightbar {
padding-left: 15px;
float: right;
}
#maincontent {
width: 740px;
background: white url("../images/content-top.png") no-repeat left top;
float: left;
}
#maincontent-inner {
padding: 15px;
width: 710px;
background: url("../images/content-bottom.png") no-repeat left bottom;
overflow: hidden;
}

/* Form */
input.text,
input.file {
height: 18px;
line-height: 18px;
border: 1px solid #C4D7E8;
background: #F8FAFC;
}
textarea {
border: 1px solid #C4D7E8;
background: #F8FAFC;
}
input.button,
button.button {
height: 22px;
border: 1px solid;
border-color: #63A7CB #25678B #25678B #63A7CB;
background: #3088B8;
color: white;
cursor: pointer;
outline: none;
}
button.submit,
input.submit {
width: 160px;
height: 24px;
border: 0;
background: url("../images/submit.png") no-repeat;
color: white;
cursor: pointer;
outline: none;
}
select {
padding: 3px;
border: 1px solid #C4D7E8;
}
fieldset {
border: 1px solid #C4D7E8;
}

/* Wide-Thin-Thin */
.layout-wtt #leftbar {
padding:  0 0 0 15px;
float: right;
}
.layout-wtt #rightbar {
padding: 0 0 0 15px;
float: right;
}

/* Thin-Wide-Thin */
.layout-twt #leftbar {
padding: 0 15px 0 0;
float: left;
}
.layout-twt #rightbar {
padding: 0 0 0 15px;
float: right;
}

/* Thin-Wide */
.layout-tw #leftbar {
padding: 0 15px 0 0;
float: left;
}
.layout-tw #maincontent {
width: 995px;
background: white url("../images/content-top2.png") no-repeat left top;
}
.layout-tw #maincontent-inner {
width: 965px;
background: url("../images/content-bottom2.png") no-repeat left bottom;
}

/* Wide-Thin */
.layout-wt #rightbar {
padding: 0 0 0 15px;
float: right;
}
.layout-wt #maincontent {
width: 995px;
background: white url("../images/content-top2.png") no-repeat left top;
}
.layout-wt #maincontent-inner {
width: 965px;
background: url("../images/content-bottom2.png") no-repeat left bottom;
}

/* Widgets */
.widget-top {
margin-bottom: 0.5em;
}
.widget-bottom {
margin-top: 0.5em;
}
#wp-calendar {
margin: 0 auto;
border: 1px solid #D6E2F1;
text-align: center;
}
#wp-calendar caption {
margin-bottom: 3px;
font-weight: bold;
}
#wp-calendar thead {
background: #D6E2F1;
}
#wp-calendar tbody td {
padding: 0 3px;
border: 1px solid #D6E2F1;
background: white;
}
#wp-calendar tbody td a {
margin: -1px -4px;
display: block;
}
#wp-calendar tbody td a:hover {
border: 1px solid #EFE394;
background: #FBF8CC;
color: #C77405;
text-decoration: none;
}
#wp-calendar tbody td.pad {
border: 0;
background: none;
}
#wp-calendar tbody #today {
border: 1px solid #EFE394;
background: #FBF8CC;
font-weight: bold;
}
#wp-calendar tbody #today a {
margin: 0;
display: inline;
}
#wp-calendar tbody #today a:hover {
border: 0;
background: #F9F3B3;
color: #1274A9;
}

/* Misc */
ul.sidebar {
margin: 0;
padding: 0;
width: 240px;
line-height: 20px;
list-style: none;
}
ul.sidebar li {
margin: 0 0 10px 0;
padding: 0 0 8px 0;
background: white url("../images/sidebar-bottom.png") no-repeat left bottom;
list-style: none;
}
ul.sidebar li li {
margin: 0;
padding: 0 0 0 12px;
background: none;
background: url("../images/list.png") no-repeat left 8px;
white-space: nowrap;
}
ul.sidebar .widget-inner {
background: url("../images/sidebar-top.png") no-repeat left top;
}
ul.sidebar h2,
ul.sidebar h3 {
margin-bottom: -3px;
padding: 3px 10px 2px 10px;
height: 20px;
background: url("../images/sidebar-title.png") no-repeat left top;
color: white;
font-size: 13px;
overflow: hidden;
}
ul.sidebar ul {
list-style: none;
}
ul.sidebar ul,
ul.sidebar .widget-inner div {
margin: 0 10px;
padding: 8px 0 0 0;
overflow: hidden;
display: block;
}
ul.sidebar ul ul,
ul.sidebar .widget-inner div div {
margin: 0;
padding: 0;
overflow: visible;
}
.pages {
margin: 0 0 5px 0;
padding: 3px 0;
display: inline;
}
.pages ul {
margin: 0;
padding: 0;
display: inline;
}
.pages li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
.pages a {
margin-right: 10px;
}
.post {
clear: both;
}
h1.storytitle {
margin: 0;
padding: 10px 0;
font-size: 20px;
}
div.storytitle {
padding: 5px;
line-height: 16px;
background: #EEF3F9;
}
div.storytitle h2,
div.storytitle h3 {
padding: 0;
font-size: 14px;
}
div.storytitle .meta {
margin-top: -16px;
height: 16px;
color: #1274A9;
text-align: right;
}
.storycontent {
margin: 3px 0;
line-height: 150%;
overflow: hidden;
}
.paginate {
padding: 5px 0;
text-align: right;
}
.linkpages {
padding: 5px 0;
text-align: center;
}
.paginate a,
.linkpages a {
padding: 0 4px;
border: 1px solid #B9D0E3;
vertical-align: middle;
display: inline-block;
}
.paginate a:hover,
.linkpages a:hover {
border: 1px solid #1274A9;
text-decoration: none;
}
.paginate span {
padding: 0 4px;
font-weight: bold;
}
#comments {
margin: 5px 0;
}
#postcomment {
margin-top: 5px;
}
ol.commentlist {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #D5E3EE;
}
ol.commentlist li {
margin: 0;
padding: 0;
border-bottom: 1px solid #D5E3EE;
background: #EEF3F9;
}
.authorinfo {
position: absolute;
padding: 5px 0;
width: 140px;
text-align: center;
}
.comment-content {
margin-left: 140px;
border-left: 1px solid #D5E3EE;
background: white;
}
.meta {
font-size: 12px;
color: #333;
}
.meta img {
vertical-align: middle;
}
.post .meta {
text-align: center;
}
.page .meta {
text-align: left;
}
.comment-content .meta {
position: absolute;
padding: 5px 10px;
}
.meta-action {
padding: 5px 10px;
background: #F8FAFC;
font-size: 12px;
text-align: right;
}
.comment-text {
padding: 0 10px;
min-height: 100px;
line-height: 20px;
overflow: hidden;
}
.pagetitle {
padding: 5px 0 20px 0;
font-size: 16px;
text-align: center;
}
.powered {
margin-top: -1em;
text-align: right;
}
.zoom {
margin-bottom: 5px;
text-align: right;
}
.navigation {
text-align: left;
}
.next-post {
float: right;
}
.breadcrumb {
margin-bottom: 10px;
}