/*   
Theme Name: ssc
Theme URI: http://beigeheart.net/blog/
Description: theme named ssc, create by <a href="http://beigeheart.net/blog/">BeigeHeart</a>, 2 column,
Author: Chako_BeigeHeart
Author URI: http://beigeheart.net/blog/
*/

@charset "utf-8";

/* =============================================  
	Body
 ============================================= */
*{margin : 0; padding : 0 ;}

body {
	margin: 0px 0px 0px 15px;
	text-align : left;
	font-family : "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "Osaka",sans-serif;
	font-size : 11px; 
	color : #000;
	line-height : 150%;
	background-color : #300;
	background-image  : url("./images/sscredblack-s.gif"); 
	background-repeat : repeat; 
	background-attachment : fixed;	
}

body#index {
	background-color : #900;
	background-image  : url("./images/sscred-s.gif"); 
	background-repeat : repeat; 
	background-attachment : fixed;	
}


hr {
	margin : 2px 0px;
	color: #C00;
	background-color:#C00;
	border : none; 
	height: 3px ;
}
hr.clear {
	clear: both;
	display: none; 
}


/* =============================================  
	Link
 ============================================= */
a {font-weight:bold ;text-decoration: underline ;}
a:link { color : #000; text-decoration : underline;}
a:active { color : #DDD; text-decoration : underline;}
a:visited { color : #333; text-decoration : underline;}
a:hover { color : #DDD; background-color:#000; text-decoration : none;}


/* =============================================  
	Form
 ============================================= */
input,select,textarea{
	font-family : "Osaka","Verdana", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
	border-top : 1px solid #777; 
	border-bottom : 1px solid #777; 
	border-left : 1px solid #777; 
	border-right : 1px solid #777; 
	color : #000;
	font-size : 100%;
	background-color : #DDD; 
}
input:hover,textarea:hover {
	background-color : #EEE;
	border: 1px solid #BDB4DA;
}


/* =============================================  
	Layout
 ============================================= */
#top {
	text-align:left;
	margin: 0px;
	padding:10px 0 0 0;
	width: 815px;
	height : 50px; 
	color: #FFF;
}
body#index #top {
	text-align:right;
	padding:10px 15px 0 0;
}
#wrapp {
	margin : 0px auto ; 
	width : 800px;
	margin: 0;
	padding: 5px 0px 10px 15px;
	text-align:left;
	background-color:#ddd;
}

/*header*/
#header {

}
#HederTitle {

}

/*main*/
#wrappinner {
	margin-top:5px;
}
#main {
	float : right;
	width: 675px;
	height : 550px;
	overflow : auto; 
	margin:0px;
	background-color:#FFF;
	background-image  : url("../../../back/sscwhite.gif"); 
	background-repeat : repeat; 
	background-attachment : fixed;
}

/*sidebar*/
#sidebar {
	float : left;
	margin:0px;
	padding:0px;
	width: 125px;
	font-size: 10px; 
	background-color:#DDD;
}
#sidebar img {
	border: none;
	margin: 0px;
	padding: 0px;
	float:none;
	vertical-align: middle; 
}

/*footer*/
#footer {
	clear: both;
	width: 800px;
	text-align:left;
	padding: 10px 0 2px;
}


/* =============================================  
	Title
 ============================================= */
h1 { font-size : 150%;}
h2 { font-size : 120%;}
h3 { font-size : 110%;}
h4 { font-size : 105%; color : #693;}
h5 { font-size : 100%; color : #693;}
h6 { font-size : 95%; color : #693;}

#HederTitle h1 {
	margin: 5px 0px;
	padding:2px;
	color:#FFF;
	font-weight: bolder;
	background-color:#C00;
	border-bottom : 1px solid #900; 
}
h1 a:link { color : #FFF; text-decoration : none;}
h1 a:active { color : #DDD; text-decoration : none;}
h1 a:visited { color : #FFF; text-decoration : none;}
h1 a:hover { color : #DDD; background-color:#C00; text-decoration : none;}

#HederTitle .description {
	margin : 0px;
	padding: 20px 20px 0 130px;
	font-size : 110%;
	font-weight : normal;
	color : #693;
}

/*Main_entry_title*/
#main .entryBox h2 {
	margin: 2px 0px;
	padding:2px;
	width: 550px;
	color:#333;
	background-color:#DDD;
	border-bottom : 1px solid #999; 
	border-left : none; 
}

body#index #main .entryBox h2 {
	margin: 2px 0px;
	padding:2px;
	width: 630px;
	color:#333;
	background-color:#DDD;
	border-bottom : none; 
	border-left : 5px solid #C00; 
}

h2.pagetitle , #main .entryBox h2#entry-16 , #main .entryBox h2#entry-7, #main .entryBox h3#omake {	
	margin-top: 5px;
	padding:2px;
	width: 650px;
	color:#FFF;
	background-color:#900;
	border-left : 5px solid #000; 
}

h3 {
	margin-top: 5px;
	padding:0px;
	width: 550px;
	color:#000;
	font-weight:bolder ;
	background-color:#DDD; 
	border-bottom : 1px solid #999; 
}

h3.map {
	font-size: 120%; 
	font-weight:bold ;
	color:blue;
	background-color:#9CF;
	margin:10px 0 5px 15px;
	padding : 2px 5px;
	border-left : 10px solid #009; 
}

h3.map a:link { color:blue; text-decoration: none;}
h3.map a:active { color:blue; text-decoration: none;}
h3.map a:visited { color:blue; text-decoration: none;}
h3.map a:hover { color:#FFF; background-color:#9CF; text-decoration: none;}


/* =============================================  
	Main
 ============================================= */
/*Main_maintxt*/
#main .maintxt {
	margin: 0;
	padding:5px 0 5px 10px; 
	color: #F63; 
	background-color:#000;
	background-image  : url("../../../back/sscblack2.gif"); 
	background-repeat : repeat; 
	background-attachment : fixed;	 
	border-top : 1px solid #999; 
}

/*Main_entry_box*/
#main .entryBox {
	margin : 5px 0px 50px 0;
}


/*Main_entry*/
#main .entryBox .entry {
	margin: 0px;
	padding: 5px 20px 10px 0px;
}

/*Main_entry_state*/
#main .entryBox ul.entry_state {
	margin: 0;
	padding : 5px 20px 0px 0;
	list-style-type : none;
	color : #696969 ;
	text-align : right;
	border-bottom : 1px dotted #743F91 ; 
}
#main .entryBox ul.entry_state li { 
	display : inline; 
}


#main .entryBox .entry p {
	margin : 5px 10px;
}

#main .entryBox .entry img {
	margin: 0px ;
	padding: 2px;
	border: none;
}
#main .entryBox .entry a:hover img {
	background-color:#FFF; 
}

#main .entryBox .entry ul,
#main .entryBox .entry ol {
	margin : 0px;
	padding : 5px 0px 10px 30px;
}
#main .entryBox .entry ul li,
#main .entryBox .entry ol li {
	line-height : 120%;
	margin-bottom : 5px;
}
#main .entryBox .entry dl , 
#main .entryBox .entry dl dt , 
#main .entryBox .entry dl dd{
	margin : 0px;
	padding : 5px 0px;
}
#main .entryBox .entry dl dt {
	margin-top: 5px;
	padding: 0 0 0 5px;
	width: 450px;
	color:#000;
	font-weight:bolder ;
	background-color:#DDF; 
	border-bottom : 1px solid #999;  
}

#main .entryBox .entry table.waku {
	border:1px solid #999;
	border-collapse: collapse; 
	width: 530px;
	margin:10px 0 10px 10px;
	background-color:#FFF;
}
#main .entryBox .entry table.waku td,
#main .entryBox .entry table.waku th {
	padding : 2px;
	border:1px solid #999;
}
#main .entryBox .entry table.waku th {
	background-color:#CCC;
}

table.ssc-ob {
	border:1px solid #DDD;
	border-collapse: collapse; 
	width: 600px;
	margin:10px 0;
	color: #333;
}
table.ssc-ob.blue-td {
	background-color:#E5FFFF;
}
table.ssc-ob.yellow-td {
	background-color:#FFFFE5;
}
table.ssc-ob th , 
table.ssc-ob td {
	padding : 2px;
	border:1px solid #DDD;
	vertical-align: top; 
}
table.ssc-ob th {
	background-color:#69C;
	color: #FFF;
}


/* =============================================  
	SINGLE/COMMENT PAGE
 ============================================= */
#main .entryBox .entryDescription {
	width: 500px;
	overflow: auto;
	background-color : #F3F1FB;
}

#main .entryBox .entryDescription p,
#main .entryBoxAlt .entryDescription p {
	padding: 10px 8px;
	line-height: 1.5em;
}


#main .CommentList .entryBox {
	background-color : #F3F1FB;
	margin: 0px 0 30px;
}
#main .CommentList .entryBoxAlt {
	background-color : #EAE8F1;
	margin: 0px 0 30px;
}


#main .entryBox p.who,
#main .entryBoxAlt p.who {
	margin: 0px;
	padding: 2px 0 2px 22px;
	font-weight : normal;
	color : #636;
	border-bottom : 1px dotted #743F91 ; 
}


#main .entryBox .entryBottom p.commentmetadata,
#main .entryBoxAlt .entryBottom p.commentmetadata {
	padding: 10px 10px 5px 0;
	color: #999;
	text-align : right;
}
#main .entryBoxAlt .entryBottom {
	height: 30px;
}


#main #commentForm {
	width:500px;
}
#main #commentForm p.tags {
	padding: 10px;
	width: 480px;
}
#main #commentForm p {
	padding:5px;
}


#main #commentForm input#submit {
	font-size: 1em;
	padding: 5px;
	cursor:pointer;
}
#main #commentForm input#author,
#main #commentForm input#email,
#main #commentForm input#url,
#main #commentForm textarea#comment {
	padding: 5px;
}

#main h3#comments, #main h3#respond, #main h3.nocomments {
	padding: 10px 5px 10px;
	color : #A194CA;
	font-weight : bold;
}


/* =============================================  
	Sidebar
 ============================================= */
#sidebar h2,
#sidebar h3 {
	margin: 0px;
	padding: 5px 0px 2px 5px;
	height : 40px; 
	color: #636;
	font-weight : normal;
}

#sidebar ul,
#sidebar li {
	list-style-type: none;
	list-style-image: none;
}
#sidebar ul.sidemenu {
	margin : 0px ;
	padding : 5px 0px 0px 0px;
}
#sidebar ul.sidemenu li {
	margin : 0px ;
	padding : 0px;
}

#sidebar form input#s {
	margin : 5px 0px ;
}



/* =============================================  
	Footer
 ============================================= */
#footer ul.footermenu {
	margin: 0;
	padding : 0;
	list-style-type: none;
	list-style-image: none;
}

#footer ul.footermenu li { 
	display : inline; 
	padding : 5px 30px 0px 0;
}

#footer ul.footermenu li a {font-weight:bold ;text-decoration: none ;}

#copyright {
	padding: 5px 0 0px;
	width: 815px;
	font-size: 95%;
	line-height: 180%;
	text-align:right;
	color : #eee;
}
#copyright a:link { color : #FFF; text-decoration : underline;}
#copyright a:active { color : #DDD; text-decoration : underline;}
#copyright a:visited { color : #FFF; text-decoration : underline;}
#copyright a:hover { color : #DDD; background-color:#000; text-decoration : none;}


/* =============================================  
	Calendar
 ============================================= */
#wp-calendar {
	font-size : 90%; 
}
#wp-calendar caption {
	padding : 5px 0 1px 0;
	font-size : 90%; 
}
#wp-calendar th {
	font-weight : normal;
	text-align : center;
	background-color : #D4B5DC; 
	border-bottom : 3px solid #AAA;
}
#wp-calendar td {
	width :  16px;
	padding : 0px;
	text-align : center;
	border : 1px dotted #743F91;
}
#wp-calendar td a {
	display : block;
}
th#sun {
	color : #C03;
	border-bottom : 3px solid #D77FBB; 
}
th#sat {
	color : #03C;
	border-bottom : 3px solid #7FBBD7 ; 
}
#wp-calendar td a:link {
	color : #FFF; 
	background-color : #D4B5DC; 
	text-decoration : none; 
}
#wp-calendar td a:visited { 
	color : #636; 
	background-color : #ECF; 
	text-decoration : none; 
}
#wp-calendar td a:hover { 
	color : #636; 
	background-color : #ECF; 
	text-decoration : none;
}
#wp-calendar td#next , #wp-calendar td#prev , #wp-calendar td.pad {
	background-color : #F0EFF8; 
	border : none;
}