/*  
Theme Name: ROCK
Theme URI: http://hc-rock.heavy.jp
Description: ROCK color
Version: 1.0
Author: ROCK
Author URI: http://www.hc-rock.com

The CSS, XHTML, images, and design are released under the GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

body {
 background-color: #ffff00;
 background-image: url('images/body_bg.gif');
 margin: 0px;
 padding: 0px;
 font-family: Tahoma, Helvetica, Arial;
}
/* stuff for the site heading */

a img {
	border: none;
}

#header { 
	background-image: url(images/headban_back.jpg); 
	width: 800px; 
	height: 150px; 
	margin: 0 auto; 
	padding: 0; 
	text-align: left; }

.head { width: 370px; height: 80px; margin: 10px 0 0 15px; }
div#content, div.left div.right  {
	padding: 0 0 0 0;
}


div#header div#headerCol2 h1 a {
 color: white;
 text-decoration: none;
}
div#header div#headerCol2 span#description {
 color: #5379b7;
 font-size: 12px;
 font-family: Tahoma, helvetica, arial;
 font-weight: bold;
 font-style: italic;
 text-transform: uppercase;
 text-align: center;
}

span#description {
	position: relative; top: 15px; 
	left: 10px; 
	font-size: 13px; 
	padding: 20px 5px 5px; 
	color: black;  
	text-decoration: none; }


div#main {
	width: 800px;
	margin: auto;
	margin-top:15px;
	}

/* stuff for the left column.. 
   also will have some stuff for the right column since it'd be redundant to
   write it twice
*/

div#leftColumn {
	margin: 0;
 width: 200px;
 float: left;
}
div#leftColumn ul, div#rightColumn ul {
 list-style: none;
 padding-left: 0;
 margin-left: 0;
 color: #000000;
 font-size: 12px;
}


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

div#leftColumn ul , div#rightColumn ul  {
 color: #000;
 text-decoration: none;
}
div#leftColumn ul a:hover, div#rightColumn ul a:hover {
 text-decoration: underline;
}
div#leftColumn ul li h2, div#rightColumn ul li h2.headings {
 color: #ffff00;
 background-color: #000000;
 background-image: url('images/menu_bar.gif');
 background-repeat: no-repeat;
 font-size: 18px;
 font-style: italic;
 text-transform: uppercase; 
 padding: 2px 0px 2px 5px;
 margin: 0px;
}
div#leftColumn ul li ul#recentComments li {
 padding: 0px 0px 5px 0px;
}
div#leftColumn ul li ul, div#rightColumn ul li ul {
 padding: 0px;
 margin: 0px;
 line-height: 14px;
}
div#leftColumn ul li div#searchForm {
 margin: 15px 0px 15px 0px;
}
div#leftColumn ul li div#searchForm input {
 background-color: #FDEC9C;
 border: 1px white solid;
 margin-top: 5px;
}
div#leftColumn ul li div#searchForm input#s {
 background-color: black;
 color: #ffff00;
 border: 1px #FEE475 solid;
 padding: 2px;
 font-size: 11px;
 margin-top: 5px;
 margin-left: 15px;
}

#searchsubmit {
	background-color: black;
	color: #000000;
	font-size: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
}

#archives {
	background-color: #ffff00;
	color: #000000;	
	margin-top: 15px;
}

#searchForm {
	background-color: #ffff00;
	color: #000000;	
}

/* middle column */

div#middleColumn {
 width: 400px;
 margin: auto;
	float; left;
}

div#middleColumn div.post {
/*  background-image: url('images/bodytile.gif'); */
 background-color: #ffff00;
 margin: 0px 0px 15px 0px;
/* border: 2px solid #000000; */
 font-size: 14px;
 padding: 15px;
}
div#middleColumn div.post a {
 color: #c56131;
 text-decoration: none;
 font-weight: bold;
}
div#middleColumn div.post a:hover {
 text-decoration: underline;
}
div#middleColumn div.post img {
 border: 2px solid #f0d97f;
 padding: 3px;
 background-color: white;
}
div#middleColumn div.post h3 {
 padding: 15px 0px 0px 0px;
 margin: 0px;
 font-size: 18px;
 color: #c56131;
}
div#middleColumn div.post h3#comments, div#middleColumn div.post h3#respond {
 color: black;
 font-family: times;
 font-size: 14px;
}

div#middleColumn div.post h3 a {
 color: #c56131;
 text-decoration: none;
}
div#middleColumn div.post h3 a:hover {
 text-decoration: underline;
}
div#middleColumn div.post h3 {
 margin: 0px;
}
div#middleColumn div.post p {
 padding: 0px 15px 15px 15px;
 font-family: times;
}
div#middleColumn div.post p a {
 color: #c56131;
 text-decoration: none;
 font-weight: bold;
 font-family: Tahoma, helvetica, arial;
}
div#middleColumn div.post blockquote {
 padding: 10px;
 border: 2px solid #f0d97f;
 background-image: url('images/bodytile-blockquote.gif');
}
div#middleColumn div.post p a:hover {
 text-decoration: underline;
}
div#middleColumn div.post p.postByline {
 margin: 0px 0px 0px 5px;
 padding: 0px 0px 0px 0px;
 font-size: 11px;
 font-family: Tahoma, helvetica, arial;
}
div#middleColumn div.post p.postFooter {
 margin: 0px 0px 0px 5px;
 padding: 0px 0px 0px 0px;
 font-size: 11px;
 font-family: Tahoma, helvetica, arial;
 text-align: center;
}
p#nextLast {
 width: 150px;
 text-align: left;
 color: black;
 background-color: #ffff00;
}
p#nextLast a {
 color: black;
 text-decoration: none;
}
p#nextLast a:hover {
 text-decoration: underline;
}

/* comments */

div#middleColumn div.post table.commentsTable {
 margin: 15px;
}
div#middleColumn div.post table.commentsTable tr td {
 border-bottom: 1px solid #c56131;
 padding: 10px 0px 10px 0px;
}
div#middleColumn div.post table.commentsTable td.c1 cite.author {
 color: black;
 font-family: Tahoma, Helvetica, Arial;
 font-weight: bold;
 font-size: 11px;
 font-style: normal;
}
div#middleColumn div.post table.commentsTable td.c1 cite.author a {
 color: #c56131;
 text-decoration: none;
}
div#middleColumn div.post table.commentsTable td.c1 cite.author a:hover {
 text-decoration: underline;
}
input#author, input#email, input#url {
 background-color: white;
 color: #5B3715;
 border: 1px #FEE475 solid;
 padding: 2px;
 font-size: 11px;
 margin-top: 5px;
}
textarea#comment {
 background-color: white;
 color: #5B3715;
 border: 1px #FEE475 solid;
 padding: 2px;
 font-size: 11px;
 margin-top: 5px;
 width: 350px;
 font-family: arial;
}
input#submit {
 background-color: #FDEC9C;
 border: 1px white solid;
 margin-top: 5px;
}

/* right column */

div#rightColumn {
 width: 160px;
 float: right;
}
div#rightColumn ul li h2 {
 font-size: 12px;
 padding: 0px;
 margin: 0px;
}
div#rightColumn ul li p#about {
 margin: 0px 0px 15px 0px;
}
div#rightColumn ul li p#pagesList {
 
}

#navcontainer {
	background-color: #ffff00;
	}

#link {
	background-color: #ffff00;
	color: #000000;	
	margin-top: 15px;
}

/* footer */

div#footer {
 width: 800px;
 background-color:#000000;
 color: #ffff00;
 text-align: center;
 font-size: 12px;
 margin-bottom: 25px;
}
div#footer a {
 color: #ffff00;
 text-decoration: none;
 font-weight: bold;
}
div#footer a:hover {
 text-decoration: underline;
}


/* Begin Calendar */

#wp-calendar-navi { top: 0; bottom: 0; height: 25px; margin: 0 auto; padding: 0; }
#wp-calendar-navi TD#year { background-color: yellow; margin:0; padding: 0; text-align: left; width: 100px; font-size: 12px; font-weight: bold; font-style: italic; }
#wp-calendar-navi TD#month { background-color: yellow; margin: 0; padding:0; text-align: right; width: 100px; font-size: 12px; font-weight: bold; font-style: italic; }
#wp-calendar-navi TD#month a#monthPrev {
	display: inline;
	background: url(images/month_prev.gif) 5px top no-repeat;
	text-decoration: none;
}
#wp-calendar-navi TD#month a#monthNext {
	display: inline;
	background: url(images/month_next.gif) left top no-repeat;
	text-decoration: none;
}

#wp-calendar { 
	color: #000000;
	background-color: yellow; 
	text-align: center;
	width: 200px; 
	margin: 0;
	margin-top: 3px;
	 }

#wp-calendar #next a {
	padding-right: 0;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 0;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	background-color: black;
	color: yellow;
	}

#wp-calendar caption { 
 }

#wp-calendar td { font-size: 8pt; font-weight: bold; width: 25px; padding: 0; text-align: center; border: solid 1px #000000; margin: 0; }

#wp-calendar th { font-size: 7.5pt; font-weight: bold; padding: 0; width: 25px; text-align: center; border: solid 1px #000000; }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }


/* End Calendar */