/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}
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;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}


/** font reset
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}



/*===============================style*/
body{
	background:url(../img/1_bg.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464646;
}




/* #header */
#header{
	width: 950px;
	height: 173px;
	margin: 0 auto;
	background: url(../img/1_head.gif) no-repeat;
}


h1 {
	font-size: 14px;
    padding: 20px 0 0 20px;
    width: 500px;
	font-weight:bold;
}



/*#page*/

#page {
	width: 950px;
	text-align:left;
	margin: 0px auto;
	background:#fffef2;
}


/*#gnavi   =======================*/

#gnavi {
	background:#9D4525;
    height: 35px;
	margin-bottom:15px;
}

#gnavi ul { height: 35px; padding-left:5px;}
#gnavi li {  float:left;
        text-align:center;
        padding:0 7px;
		height: 35px;line-height:35px;
		color:#fff;}
		
#gnavi ul a { color:#fff;
		font-weight:bold;
		padding-left:5px;
        border-left:5px solid #9D4525;
        text-decoration:none;	
}
		
#gnavi ul a:hover { color:#FFFBDF;
        border-left:5px solid #CE5D05;
        text-decoration:none;}




/*#content   =======================*/

#content {
	float: left;
	width: 605px;
	padding: 0px 15px;
}


/* .topicpass */
.topicpass{
margin:10px 0;
font-size:12px;
}


/* .post */

div.post {
	padding: 15px;
	margin:0 0 15px;
	background: url(../img/1_text_bg.jpg) no-repeat right top #f8deb5;
}



.post .meta {
	padding: 4px 30px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #66665E;
}


.post .date {
	display: inline-block;
	background: #ff4f13;
	margin: 0px;
	padding: 3px 10px;
	color: #FFFFFF;
}



.post .meta a {
	padding: 6px 10px 5px 10px;
	background: #ff4f13;
	text-decoration: none;
	color: #FFFFFF;
}




div.post .title { margin:10px 0 5px;font-size:15px;font-weight:bold;}

div.post .title a {
	text-decoration: none;
	text-transform: capitalize;
	font-size: 16px;
	color: #B44000;
}



/* .entry */


.post .entry {
	padding: 10px 0px 20px 0px;
	line-height: 1.5;
}



.post p.connect_link {text-align:right;margin-top:5px;}

.post p.connect_link span {
	height: 18px;
	margin: 0px 0px 4px 0px; 
	padding: 4px 10px;
	background: #ff4f13 ;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.post p.connect_link span a{color:#fff;}
.post p.connect_link span a:hover{color:#fff;}
	

h2.kiji {font-weight:bold;font-size:16px;margin:15px 0 0;}
p.kiji {margin:5px 0 15px;font-size:13px;}





/*=======
twitter
==============*/

.tweet_wrapper {padding:0 10px 5px;}
.tweet_box { padding: 10px 20px;position: relative;border-bottom: 1px solid #c19d83;
    border-top: 1px solid transparent;
    clear: both;
    display: block;
    margin-top: -1px;
    min-height: 50px;}

.tweet_image {float: left;height: 48px;margin-top: 3px;overflow: hidden;width: 48px;}

.tweet_content {margin-left: 58px;min-height: 48px;}
.tweet-row {display: block;line-height: 15px;}
.user_name {font-weight:bold;}
.user_name a:hover {text-decoration:underline;}
.full_name { color: #c19d83;font-size: 12px;}
.tweet_text {margin-top:2px; line-height:15px;}
.tweet_time { color: #c19d83;font-size: 11px;}





/*fixed ================*/



.text {padding:8px;margin:15px 0 10px;}

table {
    border: 1px solid #464646;
    font-size: 12px;
    line-height: 120%;
    margin: 20px auto;
    text-align: left;
	width:530px;
}
table th {
    background: none repeat scroll 0 0 #d7ab7a;
    color: #371800;
    padding:5px;
    text-align: center;
}
table tr {
	border: 1px solid #843a1f;
    margin-bottom: 3px;
}
table tr td {
	border: 1px solid #464646;
    background: none repeat scroll 0 0 #fff8d2;
    padding: 5px 10px;
}



/*====================================
	#left
====================================*/
 
#sidebar {
	float: left;
	width: 305px;
	padding: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#sidebar h3 {
	height: 50px;
	line-height:50px;
	margin: 10px 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #1f0000;
	background: url(../img/1_title.png) no-repeat;
	border-bottom:1px dashed #cf5d02;
	padding: 0 0 0 50px;
	
}




#sidebar ul {
	margin: 10px 0;
	list-style: none;
}

#sidebar li {
	padding: 3px 0px;
}



#sidebar a {
	text-decoration: none;
	color: #464646;
}

#sidebar a:hover {
	color: #666666;
}




#sidebar p {
	margin: 0;
	line-height: 140%;
}

#sidebar p  a{color:#CF5D02;}
#sidebar p a:hover {color:#ffc365;}

/*====================================
	#footer
====================================*/

#footer {
	width: 950px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	background:#fffef2;
	clear:both;
}


#footer p {
	margin: 0;
	padding: 28px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: 12px;
}

/*===============================elements*/

a { color:#ea390e; text-decoration:none;} 
a:visited {color:#ea390e;}
a:hover {color:#fa7000;}



.mb5 { margin-bottom:5px;}


a:hover img.opa{
  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;

}

.clearfix{
zoom:1;
}

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