@charset "UTF-8";

/*
Theme Name: SarahProject
Theme URI: http://www.sarahproject.com/
Description: SarahProject Theme 2008.01
Version: 2.5
*/

/*
 Neutralize - Based on YUI
 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.4.1
-----------------------*/
html{background:#333;color:#333;}
body{text-align:center;margin:10px 0 10px !important;}
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:normal;}
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;border:none;padding:.2em;}
legend{color:#000;}
body{font:13px/1.4 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
a{color:#333;text-decoration:underline;}


/*
To edit font-size,
refer to table below.
-----------------------
10px (eq.x-small) = 78%
11px = 86%
12px = 93%
13px = 100% default!
14px = 108%
15px = 116%
16px (eq.medium) = 123%
18px (eq.large) = 138.5%
20px = 153.9%
22px = 168%
24px (eq.x-large) = 183%
*/


/*
 Clearfix
-----------------------*/
div{
*display:inline-block;
} 

div:after{
content:".";
clear:both;
display:block;
height:0;
font-size:0;
visibility:hidden;
}

/*\*/
* html div{height:0;}
div{display:block;}
/**/


/*
 Layout
-----------------------*/
body{
text-align:center;
}

#wr{
width:900px;
border:1px solid #fff;
margin:1em auto;
background:#39f;
text-align:left;
}

#hd{
margin:10px 50px;
}

#content{
margin:10px 50px;
}

#ctwr{
width:100%;
float:left;
margin-right:-115px;
}
#ctwrc{
margin-right:115px;
}

#mn{
width:100%;
float:right;
margin-right:-215px;
}
#mnc{
margin-right:215px;
}

#sd1{
float:left;
width:200px;
}

#sd2{
float:right;
width:100px;
}

#sd1 li{
*display:inline-block;
padding-left:1em;
margin-bottom:.5em;
background:url(images/listmark.gif) no-repeat scroll 0.45em 0.7em;
}

#sd1 h3,
#sd2 h3{
margin:1em 0 .5em;
border-top:2px solid #fff;
color:#fff;
padding:.25em;
font-weight:bold;
background:url(images/slash02.png);
}
#sd1 h3.ctT,
#sd2 h3.ctT{
margin-top:0;
}

#sd2 li{
width:100%;
float:left;
text-align:center;
margin-bottom:.5em;
}

#sd2 img{
margin:0 auto 3px;
border:1px solid #ccc;
display:block;
}

#ft{
clear:both;
}

/* news */
#news #mn{
float:left;
margin-left:-215px;
margin-right:0;
}
#news #mnc{
margin-left:215px;
margin-right:0;
}

#news #sd1{
float:right;
}


/*
 GlobalNavi
-----------------------*/
#hd #navcontainer li{
display:inline;
margin-right:10px;
float:left;
}


/*
 MainTitle
-----------------------*/
#hd #maintitle{
padding:10px;
background:url(images/slash01.png);
}


/*
 Calender
-----------------------*/
#wp-calendar{
width:100%;
}

#wp-calendar td a {
display: block;
width:100%;
height:100%;
}

#wp-calendar #next a {
text-align: right;
}

#wp-calendar #prev a {
text-align: left;
}

#wp-calendar caption {
background:#4EA7FA;
text-align: center;
}

#wp-calendar th,
#wp-calendar td {
width:14.285%;
text-align: center;
}

#wp-calendar th{
background:#69B5F6;
}

#wp-calendar tbody td {
border-bottom:1px solid #69B5F6;
background:#84C2F1;
}


/*
 MainColumn
-----------------------*/
#mn input{
background:#69B5F6;
}

#mn .bottom-navigation{
margin-bottom:1em;
}

#mn .bottom-navigation p{
text-align:center;
}


/*
 Posts
-----------------------*/
.post{
background:url(images/slash02.png);
margin-bottom:1em;
padding:1em;
border-top:2px solid #fff;
}

#news .post{
background:#66b3ff;
margin:0 0 1em;
padding:0;
border:none;
}

.post .cthd, .post .cthd div,
.post .ctft, .post .ctft div{
height:10px;
font-size:0px;
overflow:hidden;
}
.post .cthd{background:url(images/corner1a.gif) no-repeat;}
.post .cthd div{background:url(images/corner1b.gif) no-repeat 100% 0; }
.post .ctft{background:url(images/corner1c.gif) no-repeat 0 100%;}
.post .ctft div{background:url(images/corner1d.gif) no-repeat 100% 100%;}
.post .ctbd{padding:0 10px;}


.post .postlist .storytitle{
color:#fff;
font-size:183%;
}
.post .postlist .storytitle a{
color:#fff;
text-decoration:none;
}

.post .postlist .date,
.post .meta,
.post .feedback{
font-size:93%;
}

.post .meta .author{float:left;}
.post .meta .tag{float:right;}

.post .storycontent{
margin:1em 0 0;
}
#news .post .storycontent{
background:#cdf;
}

.storycontent .cthd, .storycontent .cthd div,
.storycontent .ctft, .storycontent .ctft div{
height:10px;
font-size:0px;
overflow:hidden;
}
.storycontent .cthd{background:url(images/corner4a.gif) no-repeat;}
.storycontent .cthd div{background:url(images/corner4b.gif) no-repeat 100% 0; }
.storycontent .ctft{background:url(images/corner4c.gif) no-repeat 0 100%;}
.storycontent .ctft div{background:url(images/corner4d.gif) no-repeat 100% 100%;}
.storycontent .ctbd{padding:0 10px;}

.post .storycontent p img{
float:left;
border:1px solid #fff;
margin:1em;
}


/*
 TarentIndex
-----------------------*/
.tarentIndex{
background:#66b3ff;
color:#fff;
}

.tarentIndex .cthd, .tarentIndex .cthd div,
.tarentIndex .ctft, .tarentIndex .ctft div{
height:10px;
font-size:0px;
overflow:hidden;
}
.tarentIndex .cthd{background:url(images/corner1a.gif) no-repeat;}
.tarentIndex .cthd div{background:url(images/corner1b.gif) no-repeat 100% 0; }
.tarentIndex .ctft{background:url(images/corner1c.gif) no-repeat 0 100%;}
.tarentIndex .ctft div{background:url(images/corner1d.gif) no-repeat 100% 100%;}
.tarentIndex .ctbd{padding:0 10px;}

.tarentIndex h2{float:left;}
.tarentIndex p{float:right;}

.tarentIndex ul{
width:100%;
float:left;
margin:5px 0 0;
background:url(images/dotline.gif) repeat-x;
}

.tarentIndex li{
background:#fff;
color:#333;
display:index;
float:left;
margin:5px 5px 0 0;
text-align:center;
}

.tarentIndex li a{
display:block;
padding:5px;
}

.tarentIndex li a:hover{
background:#f6f;
}

.tarentIndex li img{
display:block;
padding-bottom:5px;
}

.tarentIndex li span{
font-size:93%;
}


/*
 TarentSummary
-----------------------*/
.tarentSummary{
background:#66b3ff;
color:#fff;
}

.tarentSummary .cthd, .tarentSummary .cthd div,
.tarentSummary .ctft, .tarentSummary .ctft div{
height:10px;
font-size:0px;
overflow:hidden;
}
.tarentSummary .cthd{background:url(images/corner1a.gif) no-repeat;}
.tarentSummary .cthd div{background:url(images/corner1b.gif) no-repeat 100% 0; }
.tarentSummary .ctft{background:url(images/corner1c.gif) no-repeat 0 100%;}
.tarentSummary .ctft div{background:url(images/corner1d.gif) no-repeat 100% 100%;}
.tarentSummary .ctbd{padding:0 10px;}

.tarentSummary .ctbd .tarentSummaryIndex{
margin-bottom:10px;
background:#000;
padding:1px 6px;
}

.tarentSummary .ctbd .tarentSummaryIndex li{
width:47px;
height:47px;
float:left;
background:#cf0;
display:inline;
margin-right:1px;
}


.tarentSummary .ctL{
width:300px;
float:left;
padding:10px;
background:url(images/slash01.png);
}
.tarentSummary .ctL dt img{
display:block;
}
.tarentSummary .ctL dd{
padding:10px;
background:#fff;
color:#333;
}
.tarentSummary .ctL dd table{
width:100%;
}
.tarentSummary .ctL dd th{
white-space:nowrap;
padding-right:1em !important;
color:#39f;
text-align:right;
}
.tarentSummary .ctL dd th,
.tarentSummary .ctL dd td{
padding:.1em;
vertical-align:top;
}

.tarentSummary .ctR{
width:450px;
float:right;
}

.tarentSummary .ctR .title{
background:url(images/dotline.gif) repeat-x 0 100%;
margin:0 0 10px;
padding:0 0 5px;
}


.tarentSummary .ctR .title h2{
font-size:185%;
}
.tarentSummary .ctR .title h2 span{
float:none;
font-size:11px;
}


.tarentSummary .ctR .title h3{
float:left;
}

.tarentSummary .ctR .title span{
float:right;
}

.tarentSummary .ctR .description{
color:#333;
}

.tarentSummary .ctR #tabs{
width:100%;
float:left;
}

.tarentSummary .ctR #tabs div{
width:100%;
float:left;
background:#fff;
color:#333;
}

.tarentSummary .ctR #tabs div div{
width:auto;
float:none;
background:none;
}

.tarentSummary .ctR #tabs div .cthd, .tarentSummary .ctR #tabs div .cthd div,
.tarentSummary .ctR #tabs div .ctft, .tarentSummary .ctR #tabs div .ctft div{
height:10px;
font-size:0px;
overflow:hidden;
}
.tarentSummary .ctR #tabs div .cthd{background:url(images/corner2a.gif) no-repeat;}
.tarentSummary .ctR #tabs div .cthd div{background:url(images/corner2b.gif) no-repeat 100% 0; }
.tarentSummary .ctR #tabs div .ctft{background:url(images/corner2c.gif) no-repeat 0 100%;}
.tarentSummary .ctR #tabs div .ctft div{background:url(images/corner2d.gif) no-repeat 100% 100%;}
.tarentSummary .ctR #tabs div .ctbd{padding:0 10px;}

.tarentSummary .ctR #tabs ul{
margin-left:10px;
}

.tarentSummary .ctR #tabs li{
float:left;
display:inline;
margin:0 3px 0 0;
padding:.2em .4em;
font-size:93%;
background:#39f;
}
.tarentSummary .ctR #tabs li a{
color:#fff;
}


.tarentSummary .ctR #tabs li.ui-tabs-selected{
background:#fff;
}
.tarentSummary .ctR #tabs li.ui-tabs-selected a{
text-decoration:none;
color:#39f;
}


.tarentSummary .ctR table{
width:100%;
}
.tarentSummary .ctR th{
width:1%;
white-space:nowrap;
padding-right:1em !important;
text-align:right;
color:#fff;
}
.tarentSummary .ctR th,
.tarentSummary .ctR td{
padding:.1em;
vertical-align:top;
}

.tarentSummary .ctR #tabs .ctbd th{
color:#39f;
}

@media projection, screen{
.ui-tabs-hide{display: none;}
}

@media print{
.ui-tabs-nav{display: none;}
}


/*
 TarentSelect
-----------------------*/
#tarentSelect{
text-align:center;
background:#66b3ff;
padding:8px 0;
margin-bottom:10px;
}

#tarentSelect ul{
width:784px;
padding:1px 0 0 1px;
margin:0 auto;
*display:inline-block;
background:#66b3ff;
}

#tarentSelect ul:after{
display:block;
content:".";
clear:both;
visibility:hidden;
height:0px;
}

#tarentSelect li{
display:inline;
float:left;
width:48px;
height:48px;
margin:0 1px 1px 0;
*margin:0 1px 0 0;
}

#tarentSelect li img{
display:block;
}

#tarentSelect li a{
display:block;
width:100%;
height:100%;
}


/*
 50
-----------------------*/
#content2{
width: 450px;
margin:30px auto;
padding:10px 0;
border-top:1px dashed #fff;
border-bottom:1px dashed #fff;
}

#content h1{
font-size:120%;
color:#fff;
font-weight:bold;
}

#ctwr2{
width:100%;
float:left;
margin-right:0px;
}
#ctwrc2{
margin-right:0px;
}

#mn2{
width:100%;
float:right;
margin-right:-420px;
}
#mnc2{
margin-right:420px;
}

#sd12{
float:left;
width:400px;
}
#mn2 h3,
#sd12 h3{
margin:1em 0 .5em;
border-top:2px solid #fff;
color:#fff;
padding:.25em;
font-weight:bold;
background:url(images/slash02.png);
}