/* 
	Theme Name: Photopress
	Theme URL: http://www.wpthemejp.com/
	Description: Photopressは640×480ピクセルのショットを使用したフォトブログとしては最適の1カラムテーマです。
	Author: Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 1.1
	Tags: white, gray, one-column, threaded-comments, microformats, sticky-post, fixed-width, photoblogging
			
	CSS、XHTML、デザインはGPLライセンスとしてリリースしています。
	http://www.opensource.org/licenses/gpl-license.php
	
	更新履歴:
		v1.0 - 06.15.07
			Photopressリリース
		v1.1 - 02.01.09
			WP 2.7に対応 (ポストクラス、強化されたコメント表示、画像やキャプション、ギャラリーの表示位置を変更する CSS)
*/

body {
	background: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	background: #FFFFFF url(images/content.gif) top center repeat-y;
	width: 800px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}

	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #017F8D;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFFFFF;
	width: 680px;
	margin: 0px auto 0px;
	padding: 10px 0px 10px 0px;
	text-align: right;
	border-top: 5px solid #03B2C8;
    text-transform: uppercase;
	}
	
#header a {
	font-family: Century Gothic, Verdana, Tahoma;
	font-size: 36px;
	color: #03B2C8;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	}

#header a:hover{
	color: #999999;
	}

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #999999;
	width: 680px;
	margin: 0px auto 0px;
	padding: 5px 0px 5px 0px;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbar ul {
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li a {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
	}

#navbar ul li a:hover {
	background: #03B2C8;
	color: #FFFFFF;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#contenttop {
	background: #FFFFFF url(images/contenttop.gif);
	width: 800px;
	height: 20px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#contentbottom {
	background: #FFFFFF url(images/contentbot.gif);
	width: 800px;
	height: 20px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content {
	width: 640px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}
	
.title {
	width: 640px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
.titleleft {
	width: 440px;
	height: 40px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}
	
.titleright {
	width: 195px;
	height: 40px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}

#content p{
	padding: 10px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content p img{
	border: none;
	margin-bottom: 10px;
	}
	
#content h1 {
	color: #333333;
	font-size: 18px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-top: 2px solid #03B2C8;
	border-bottom: 2px solid #03B2C8;
	padding: 5px 0px 5px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}
	
#content h1 a  {
	color: #333333;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #017F8D;
	text-decoration: none;
	}

#content blockquote p, #content blockquote ol, #content blockquote ul{ margin: 0 0 10px 0px; padding: 10px 0 0 0; }
	
blockquote{
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	background: #E8E8E8;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#content ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#content ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#content ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#content ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

table {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

	
/************************************************
*	Image Styles 					     	    * 
************************************************/
	#content div.wp-caption { margin: 10px; background: #efefef; overflow: hidden; }
		#content .wp-caption img { display: block; margin: 5px auto; }	
		#content .wp-caption-text { margin: 5px; font-size: 0.9em; line-height: 1.3em; }
	#content div.alignnone { display: block; margin: 10px 10px 10px 0; }
	#content img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	#content img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	#content img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	#content div.alignleft { text-align: left; float: left; margin-left: 0; }
	#content div.alignright { text-align: right; float: right; margin-right: 0; }
	#content div.aligncenter { text-align: center; margin: 0 auto 10px; }
	#content .gallery { margin: auto auto 0; }
		#content .gallery img { border: none; }
		#content .gallery .gallery-item, #content .gallery .gallery-icon { clear: none; margin: 0; }
		#content .gallery .gallery-icon {  }
		#content .gallery .gallery-caption { text-align: left; font-size: 0.9em; line-height: 1.3em; margin: 0 5px 10px; }

		
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 680px;
	color: #333333;
	margin: 0px auto 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	line-height: 17px;
	}
	
#footer p {
	color: #333333;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#footer h2 {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #03B2C8;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}

#footer a, #footer a:visited{
	color: #333333;
	text-decoration: none;
	}
	
#footer a:hover{
	text-decoration: underline;
	}

#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a, #footer ul li a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #666666;
	}

#footer ul li a:hover {
	background: #03B2C8;
	color: #FFFFFF;
	text-decoration: none;
	}

.footerupleft {
	float: left;
	width: 320px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
	}
	
.footerupmiddle {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
	}
	
.footerleft {
	float: left;
	width: 215px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
	}
	
.footermiddle {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
	}
	
.footerright {
	float: right;
	width: 215px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
	}	

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	width: 190px;
	background: #EFEFEF url(images/search.gif);
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 3px;
	margin: 8px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	}

/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 580px;
	color: #000000;
	float: left;
	padding: 0px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	background: #EFEFEF url(images/comment.gif) no-repeat top;
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 15px 10px 0px 10px;
	width: 500px;
	}

.commenttext-admin {
	background: #EFEFEF url(images/comment.gif) no-repeat top;
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 15px 10px 0px 10px;
	width: 500px;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea { width: 95%; }
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
#commentblock .commentlist li { line-height: 1.4; clear: both; }
#commentblock .commentlist li .comment-avatar { float: right; margin: 0 0 0 10px; display: inline; }
#commentblock .commentlist li .commenttext { float: right; }
#commentblock .commentlist .children { margin: 0 0 0 10px; }
#commentblock .commentlist .children .commenttext { width: 90%; }
.comment-navigation { margin: 0 0 40px; overflow: hidden; clear: both; }
.comment-navigation .alignleft { float: left; }
.comment-navigation .alignrigt { float: right; }
#respond { margin: 10px 0; clear: both; }