/*
Theme Name: Journal Theme
Theme URI: http://journal.byhiroshi.com/
Description: The <a href="http://journal.byhiroshi.com/">journal.byhiroshi.com</a>'s theme designed by <a href="http://www.byhiroshi.com/">Hiroshi Sato</a>.
Version: 1.0
Author: Hiroshi Sato
Author URI: http://byhiroshi.com/
*/

/* ------------------------------------------------------------Base */
html {
	margin: 0;
	padding: 0;
}
body {
	color: #000;
	margin: 0px;
	padding: 0px;
	background: #fff;
}
/*
* {
	margin: 0px;
	padding: 0px;
}
*/
img {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: top;
}
/*
p {
	margin: 0px;
	padding: 0px;
}
*/
td {
	text-align: left;
}
h1 {
	font-size: 3em;
	font-weight: bold;
}
h2 {
	font-size: 2em;
	font-weight: bold;
	display: inline;
}
h3 {
	font-size: 1.5em;
	font-weight: bold;
	border-style: none;
}
h4 {
	font-size: 1.1em;
	font-weight: bold;
	border-style: none;
	display: inline;
}
.toneDown {
	color: #ccc;
}
.lineThrough {
	text-decoration: line-through;
}
/* ------------------------------------------------------------Links */
a:link, a:visited {
	color: #000;
}
a:hover {
	color: #f30;
}
/* ------------------------------------------------------------General */
div#artBoard {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#header {
	margin: 0px 0px 65px 0px;
}
div#header ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div#header #headerMenu {
	margin: 0px 0px 0px 0px;
	line-height: 1em;
}
div#header #headerHome {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
	width: 95px;
	float: left;
}
div#header #headerLinks {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
}
div#header #headerTitle{
	margin: 75px 0px 0px 100px;
}
.entry {
	margin: 0px 0px 50px 100px;
	padding: 0px 0px 25px 0px;
}
.entry p,a{
	text-decoration: none;
}
.entryRuling {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #ddd;
	border: none;
	background-image: url(http://dev.journal.byhiroshi.com/wp-content/themes/journal/images/entryRuling.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 1px;
}
.entry .entryhead {
	margin: 25px 0px 25px 0px;
}
.entry .storycontent {
	margin: 0px 0px 0px 0px;
	width: 315px;
}
.entry .storycontent p a:link, .entry .storycontent li a:link, .commententry li a:link, .entry .storycontent .RTMeta a:link, .entry .storycontent p a:visited, .entry .storycontent li a:visited, .commententry li a:visited, .entry .storycontent .RTMeta a:visited {
	color: #000;
	text-decoration: none;
	border-color: #333;
	border-style: dotted;
	border-width: 0 0 1px 0;
}
.entry .storycontent p a:hover, .entry .storycontent li a:hover, .commententry li a:hover, .entry .storycontent .RTMeta a:hover {
	color: #f30;
	text-decoration: none;
	border-color: #f30;
	border-style: solid;
	border-width: 0 0 2px 0;
}
.entry .RTImage {
	margin: 0px 10px 10px 0px;
	background: #fff;
	float: left;
}
.entry .RTMeta {
	width: 225px;
	height: 80px;
	font-size: 1.15em;
	line-height: 1.7em;
	background: #ff0;
	position: relative;
	float: left;
}
.entry .RTListen {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.entry .RTText {
	margin: 0px 0px 25px 0px;
	clear: both;
}
.entry .video {
	margin: 0px 0px 0px -9px;
}
.entry .mMargin {
	left: -25px;
	position: relative;
	z-index: 0;
}
.entry .storycontent p, .entry .storycontent ul {
	font-size: 1.15em;
	line-height: 2.2em;
	width : 315px;
}
.entry .storycontent ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}
.entry .storycontent li {
	list-style-type: disc;
	margin-bottom: 1em;
	line-height: 1.5em;
}
.entry .storycontent blockquote {
	margin: 0px -10px 0px -10px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #ddd;
	background: #fefefe;
}
.entry .metadata {
	width: 315px;
	margin: 10px 0px 0px 0px;
	font-size: 1.15em;
	line-height: 1em;
	text-transform: uppercase;
}
.entry .metadata .sbiconsBlock {
	margin-top: 10px;
	padding-bottom: 10px;
}
.entry .metadata .sbiconsBlock a:hover, .entry .RTImage a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}
.navigation {
	margin: 25px 0px 0px 100px;
	width: 315px;
	height: 50px;
	line-height: 2em;
}
.navigationSingle {
	margin: 25px 0px 0px 100px;
	width: 415px;
	height: 50px;
	line-height: 2em;
}
.alignLeft {
	height: 50px;
	float: left;
}
.alignRight {
	height: 50px;
	text-align: right;
}
div#searchform {
	margin: 50px 0px 0px 100px;
}
div#searchform input {
	font-size: 1.15em;
	color: #bbb;
}
div#searchform #s {
	width: 310px;
}
div#footer {
	width: 100%;
}
div#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-align: right;
	margin-right: 5px;
}
div#footer p {
	margin: 25px 0px 20px 100px;
}
/* ------------------------------------------------------------Simple Tags Related Posts */
#STRelatedPosts {
	margin: 0px 0px 25px 100px;
}
#STRelatedPosts ul {
	margin: 0;
	margin-left: 0;
	padding-left: 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
}
#STRelatedPosts li {
	list-style: disc;
	margin-left: 0;
}
/* ------------------------------------------------------------Comment Page */
.commententry {
	margin: 0px 0px 0px 100px;
	width: 315px;
}
.commententry .commentMetadata {
	text-transform: uppercase;
}
.commententry .commentAuthor {
}
.commententry h3 {
	margin: 0px 0px 20px 0px;
}
.commententry ol {
	font-size: 1.15em;
	line-height: 1.75em;
	margin: 0;
	margin-left: 0;
	padding-left: 0;
}
.commententry li {
	list-style: none;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 20px;
}
.commententry li p {
	margin: 0px;
}
.commentform {
	width: 415px;
	margin: 50px 0px 50px 100px;
}
.commentform #author, .commentform #email, .commentform #url {
	width: 235px;
}
.commentform label {
	font-size: 1.1em;
	font-weight: bold;
}
.commentform #comment {
	width: 410px;
}
/* ------------------------------------------------------------Archives Page Layout */
.entry #smartArchivesBlock #smartArchivesBlockNav {
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 4px;
}
.entry #smartArchivesBlock .smartArchivesBlockTitles {
	margin-top: 40px;
}
.entry #smartArchivesBlock .activeYear {
}
.entry #smartArchivesBlock .activeMonth {
}
.entry #smartArchivesBlock .emptyMonth {
	color: #ccc;
}
.entry #smartArchivesBlock .smartArchivesBlockTitles h4 {
	text-transform: uppercase;
}
.entry #smartArchivesBlock ul {
	margin: 0;
	padding: 0;
}
.entry #smartArchivesBlock li {
	list-style-type: none;
	list-style-position: outside;
	margin: 10px 0px 10px 0px;
	font-size: 4em;
	line-height: 0.8em;
	font-weight: bold;
}
/* ------------------------------------------------------------Thumbnails Page Layout */
.entry #thumbnailsBlock .thumbnailsEntryBlock {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0;
}
.entry #thumbnailsBlock .thumbnailBlock {
	height:90px;
	width:90px;
	border: 1px solid #fff;
	vertical-align: middle;
	text-align: center;
}
.entry #thumbnailsBlock .thumbnailsEntryBlock .thumbnailsEntryTitle {
	width: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0px;
}