/*
THEME NAME: PROTO
THEME URI: http://upperfortstewart.com/essay-sandbox-wordpress-theme/
VERSION: 1.0
DESCRIPTION: An essay into the Sandbox designs competition
AUTHOR: Ian Stewart
AUTHOR URI: http://upperfortstewart.com/about
TEMPLATE: sandbox
@import url(css/reset.css);
*/

/*-----------------------------------------------
 __default style
-----------------------------------------------*/
*
{
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	margin: 0;
	padding: 0;
}
html{overflow-y:scroll;}
img,fieldset{border:0;}
p{margin:0 0 1em;}


/*-----------------------------------------------
 __base style
-----------------------------------------------*/
body
{
	background-color:#EDF2F8;
	text-align: center;/*ie6*/
	background-image:url(http://proto.jp/images/body_bg.jpg);
	background-repeat:repeat-x;
	zoom:1;
}
#wrapper
{
	width:930px;
	text-align:left;
	margin:0 auto;/*センター揃え*/
	background-image:url(http://proto.jp/images/content_bg.jpg);
}

/*-----------------------------------------------
 __header style
-----------------------------------------------*/
#header
{
	position:relative;
	height:105px;
	background-image:url(http://proto.jp/images/heder_bg.jpg);
}
#title_proto
{
	position:absolute;
	left:35px;
	top:35px;
}
/*
#topimage
{
	color:#000;
	background-color:#ccf;
	height:200px;
}
*/
#access
{
	position:absolute;
	left:689px;
	top:62px;
	color:#000;
}
#access img{margin:0 6px 0 0;}

/*-----------------------------------------------
 __content style
-----------------------------------------------*/
#container
{
	padding:0 30px;
}
#selectbar
{
	margin:0 auto;
	text-align:center;
}

#content
{
	
	float:right;
	margin:0 20px 0 0;
	padding:28px 0;
	width:480px;
	
	line-height:150%;
	letter-spacing:0.4pt;
}
#subcontent
{
	float:left;
	/*margin:0 0 0 15px;*/
	padding:25px 0;
	width:355px;
	letter-spacing:0.4pt;
}
.entry-title a
{
	font-size:106%;
	text-decoration:none;
}
.entry-title a:link{ color:#92221F;}
.entry-title a:visited{ color:#791C1A;}
.entry-title a:hover{ color:#BE2E29;}
.entry-title a:active{ color:#BE2E29;}
.entry-content
{
	color:#444;
	font-size:80%;
	padding:10px 15px 0px 15px;
	/*
	background-image:url(http://proto.jp/images/entry_bg.jpg);
	background-repeat:repeat-y;
	*/
}
.entry-content a:link{ color:#007BCE;}
.entry-content a:visited{ color:#666;}
.entry-content a:hover{ color:#069BFF;text-decoration:none;}
.entry-content li{margin:8px 8px 8px 24px}
.entry-content hr{margin:8px 0}
.entry-date
{
	font-size:70%;
	border-bottom:1px dotted #ccc;
}
.entry-date abbr
{
	color:#666;
	border: 0px #EDF2F8 none;
}
.entry-date a
{
	color:#999;
	text-decoration:none;
}
.entry-date a:link{ color:#007BCE;}
.entry-date a:visited{ color:#666;}
.entry-date a:hover{ color:#069BFF;}
.hentry{margin:0 0 35px 0;}

.navigation
{
	/*border-top:1px dotted #ccc;*/
	text-align:center;
}

.navigation a{ font-size:90%;}
.navigation a:link{ color:#007BCE;}
.navigation a:visited{ color:#666;}
.navigation a:hover{ color:#069BFF;text-decoration:none;}

/*---widget---*/
#primary{ margin:15px 0 0 0;}
.xoxo li
{
	list-style:none;
	font-size:90%;
}
.xoxo a:link{ color:#007BCE;}
.xoxo a:visited{ color:#666;}
.xoxo a:hover{ color:#069BFF;}
.widget
{
	margin:10px 0;
	padding:5px 0;
}
.widget ul{margin:0 0 0 15px;}
.widget input
{
	display:inline;
	margin:5px 5px 0 0;
}
.widget #searchform{margin:0 0 0 15px;}
.widget #searchform #s{ width:120px}
.widgettitle{border-bottom:1px dotted #ccc;}

/*---subcontent---*/
#subcontent a:link{ color:#007BCE;}
#subcontent a:visited{ color:#666;}
#subcontent a:hover{ color:#069BFF; text-decoration:none;}
.sub{margin: 0 0 10px 0;}
.subcontent_title
{
	margin:0 auto;
	text-align:center;
}
.sub_desc
{
	padding:0 30px 15px 30px;
	color:#666;
	font-size:70%;
}
.sub_cont{padding:3px 30px 0 30px;}
.sub_cont li img{vertical-align:middle;}
.sub_cont li
{
	color:#999;
	font-size:90%;
	margin:0 0 5px 0;
	
	list-style-tyupe: disc;
	list-style-position:inside;
	vertical-align:middle;
}
/*---OtherSite---*/
#OtherSite
{
padding:10px 0 0 0;
}

/*---Tumblr---*/
#pjp_tPhoto{margin:0px auto;}
#pjp_tPhoto img{border: 2px solid  #fff;}

/*---delicious---*/
#pjp_delicious{font-size:80%;line-height:1.1em; margin:0 0 10px 0; }
#pjp_delicious a:hover{ color:#fff; background-color:#007BCE;}
.ReadRank_0{font-size:80%}
.ReadRank_1{font-size:90%}
.ReadRank_2{font-size:100%}
.ReadRank_3{font-size:110%}
.ReadRank_4{font-size:120%;}
.ReadRank_5{font-size:130%;}
.ReadRank_6{font-size:150%;}
.ReadRank_7{font-size:150%;}
.ReadRank_8{font-size:150%; font-weight:bold;}
.ReadRank_9{font-size:150%; font-weight:bold;}
.ReadRank_10{font-size:150%;; font-weight:bold;}
.ReadRank_11{font-size:150%;font-weight:bold;}
#pjp_delicious a{text-decoration: none;}


/*-----------------------------------------------
 __etc style
-----------------------------------------------*/
/*---comment---*/
#comment-notes{font-size:50%;}
.form-label
{
	font-size:80%;
	color:#333;
}
.form-textarea{ margin:0 0 10px 0;}

/*-----------------------------------------------
 __labs style
-----------------------------------------------*/
.labs{ margin:0 0 30px 0;}
.labs .page-content
{
	font-size:80%;
}
.labs .page-title
{
	font-size:120%;
}

.labs a:link{ color:#007BCE;}
.labs a:visited{ color:#666;}
.labs a:hover{ color:#069BFF;text-decoration:none;}

.labs .page-title a:link{ color:#92221F;}
.labs .page-title a:visited{ color:#791C1A;}
.labs .page-title a:hover{ color:#BE2E29;}

.labs .page-content{ padding:5px 0 0 15px; }
.labs .more{ padding:0 0 0 15px; }
.labs .dl{ text-decoration:none;}

.labs hr{border:1px dotted #ccc;border-width:1px 0px 0px 0px;}

/*-----------------------------------------------
 __footer style
-----------------------------------------------*/
#footer
{
	clear:both;
	background-image:url(http://proto.jp/images/footer_bg.jpg);
	background-position:bottom;
	height:16px;
	
	/*text-align:center;*/
	color:#83A5BC;
	text-align:center;
	font-size:10px;
	padding:0 20px;
}
#footer a
{
	color:#83A5BC;
	text-decoration:none;
}