/*
Theme Name: PILE
Theme URI: http://piledesign.jp/
Description: PILE theme.
Author: PILE
Author URI: http://piledesign.jp/
version: 2.0
Tags: PILE, Delicious, Common magazine
*/



/* basics --------------------------------------------------------------------------*/

*{ margin: 0; padding: 0; zoom: 1; }

html { height: 100%; }

body {
	background:#000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 8pt;
        color: #231815;
        height: 100%;
	margin: 0;
        padding: 0;
	}

li { list-style: none; }
	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}

img { border: none; padding:0; }
img a { border:none; }

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

img#wpstats{display:none}

header,section,article,aside,footer,nav { display: block; }

/* links --------------------------------------------------------------------------*/

a{
	color:#000;
	text-decoration:none;
	}

a:hover{ color: #ae8249; text-decoration: none; }

/* container --------------------------------------------------------------------------*/

#wrapper {
        width:1040px;
        background: #dadada;
        height: 100%;
        min-height: 100%;
        height: auto !important;
        margin: 0 auto;
        }

#container {
	width: 1000px;
	margin: 0 auto;
	/*padding: 0 20px;*/
        background: #fff;
        height: 100%;
        min-height: 100%;
        height: auto !important;
	margin: 0 auto;
	}
	
/* header --------------------------------------------------------------------------*/

#header {
  	width: 920px; 
        padding: 40px 20px 0 40px;
        position: relative;
	}

#header h1 { float: left; }

.nav { float: left; width: 800px; }

.brands { clear: left; text-align: right; }

.brands li { display: inline; }

nav {
        display: block;
        width: 800px;
        height: 15px;
        margin-top: 68px;
        }
	
nav ul.left { float: left; padding-left: 20px; }

nav ul.left li { display: inline; padding-right: 10px; }

nav ul.right {
        float: right;
        overflow: hidden;
        position: relative;
        top: -15px;
}

nav ul.right li { float: left; margin: 0 10px 0 0; }

nav ul.right li.myspace,
nav ul.right li.twitter,
nav ul.right li.facebook { text-indent: -9999px; }

nav ul.right li a {
        background: url(./images/header/icon.gif) 0 0 no-repeat;
        display: block;
        width: 24px;
        height: 24px;
        overflow: hidden;
}

nav ul.right li.twitter a { background-position: -24px 0; }
nav ul.right li.facebook a { background-position: -48px 0; }
nav ul.right li.myspace a:hover { background-position: 0 -24px; }
nav ul.right li.twitter a:hover { background-position: -24px -24px; }
nav ul.right li.facebook a:hover { background-position: -48px -24px; }

/* content --------------------------------------------------------------------------*/

#content {
	float: left;
	width:400px;
        padding: 0 40px;
	margin: 40px 0 50px 0;
	}

#tweetblender-t1 { margin-top: 50px; }

.post {
	margin:0;
	padding:0;
        line-height: 1.5em;
        border-top: 1px dotted #231815;
	}
	
.post h2 { margin: 10px 0 5px 0; line-height: 1.5em; }
	
.post h2 a{
	text-decoration: none;
	}
	
.post h2 a:hover {
	color: #777;
	text-decoration: none;
	}

.backtop {
        padding: 0 0 0 310px;
        border-bottom: 1px dotted #231815;
        margin: 10px 0 7px 0;
        }

.backtop img { vertical-align: bottom; }

.post ul {}

.post li {}

.entry p{ margin:12px 0; }

.entry a { color: #ae8249; text-decoration: underline; }
.entry a:hover { color: #663300; text-decoration: underline; } 

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}

.profile { font-size: 0.8em; overflow: auto; zoom: 1; }
.profile h2 { font-size: 1.2em; font-weight: normal; }
.profile dl { clear: left; }
.profile dt { float: left; width: 50px; height: 10px; }
.profile div { width: 400px; margin: 15px 0; overflow: auto; }
.text_l { float: left; width: 50px; height: 10px; margin:0 0 5px 0;}
.text_r { float: left; }

.prof  { padding-left: 30px; }
.prof li { display: inline; }
.prof_center { margin: 0 30px 0 35px; }

.portfolio ul { clear: left; }
.portfolio li { float: left; ; margin: 0 5px 5px 0; }
.portfolio img { vertical-align: bottom; margin-bottom: 5px; }

#post-2 h2 {
        font-weight: normal;
        font-size: 1.1em;
        }

#post-2 address { font-style: normal; }


/* left sidebar --------------------------------------------------------------------------*/

#left {
        clear: both;
	width:240px;
	float:left;
	margin: 40px 0 50px 0;
	padding-left: 20px;
	}

#left dt { text-indent: -9999px; margin-bottom: 3px; }

.leftback1 {
         width: 240px;
         height: 19px;
         background: url(./images/left/left1.gif) 0 0 no-repeat;
         }
.leftback2 {
         margin-top: 20px;
         width: 240px;
         height: 19px;
         background: url(./images/left/left2.gif) 0 0 no-repeat;
         }


/* right sidebar --------------------------------------------------------------------------*/

#right{
	width: 240px;
	float: right;
	margin: 40px 0 50px 0;
	padding-right: 20px;
	}

#right h3 {
        text-indent: -9999px;
        width: 240px;
        height: 19px;
        margin: 15px 0 10px 0;
        clear: both;
        }

.recent { background: url(./images/right_blog/resent.gif) 0 0 no-repeat; }
.archive { background: url(./images/right_blog/archive.gif) 0 0 no-repeat; }
.category { background: url(./images/right_blog/category.gif) 0 0 no-repeat; }

.random { clear: left; overflow: hidden; margin-bottom: 10px; }
.random dt { float:left; width: 67px; height: 67px; padding: 0 15px 0 20px; }
.random dd { height: 67px; }

#right ul { padding: 0 0 0 20px; }

#right ul li { margin-bottom: 10px; }

/* right1 sidebar --------------------------------------------------------------------------*/

#right1 {
	width:240px;
	float:right;
	margin: 40px 0 50px 0;
	padding-right: 20px;
	}

#right1 a { color: #595757; }
#right1 a:hover { color: #ae8249; }

.banner { margin: 10px 0 10px 0; }

.fbtitle {
        margin: 15px 0 5px 0; 
        font-weight:normal;
        }

#right1 h3 {
        width: 240px;
        height: 22px;
        text-indent: -9999px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #717071;
        }

#right1 h3.twitter {
        width: 240px;
        height: 24px;
        text-indent: -9999px;
        padding-bottom: 7px;
        border-bottom: 1px dotted #717071;
}

#right1 h3.twitter a {
        display: block;
        width: 240px;
        height: 24px;
}

.twitter { background: url(./images/right/tw.jpg) 5px 0 no-repeat; }
.rss1 { background: url(./images/right/pblog.gif) 5px 0 no-repeat; }
.rss2 { background: url(./images/right/cblog.gif) 5px 0 no-repeat; }
.rss3 { background: url(./images/right/dblog.gif) 5px 0 no-repeat; }

#right1 ul { margin: 10px 0 30px 0; }
#right1 ol { margin: 10px 0 30px 0; }
#right1 li { margin-left: 35px; line-height: 2em; }

/* misc --------------------------------------------------------------------------*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* footer --------------------------------------------------------------------------*/

footer {
	clear: both;
	width: 100%;
        overflow: auto;
        padding: 15px 0;
        border-top: 2px solid #231815;
	}
	
footer ul { float: left; padding-left: 20px; }
footer li { display: inline; }
.f_center { float: left; padding-left: 185px; }
.f_right { float: right; padding-right: 20px; }

/* tweet blender *************/

div.tb_header img.tb_twitterlogo { width: 170px; height: 20px; }