@charset "utf-8";

/* CSS Document */

/*----------------------------------------

Theme designed by noir

http://noir.blackcatclub.org all rights reserved.



/ =1 base

/ =2 layout

/ =3 header design

/ =4 side design

/ =5 stage design

/ =6 entry design

-----------------------------------------*/





/* =1 base--------------------------------------*/

* {

}

img{

	border:none;

}

html, body {

	height: 100%;

}

body {

	font-family:Arial, Helvetica, sans-serif;

	line-height: 1.5;

	font-size:78%;

	text-align:center;

	padding:0;

	color:#333333;

	margin:0;

	background:url(image/body_bg.jpg) repeat-y center top;

}

a {

	color: #1177AA;

	text-decoration:none;

}

a:hover {

	color: #0099EA;

	text-decoration:underline;

}



/* =2 layout--------------------------------------*/

#noir_container_gohan {

	width:880px;

	text-align:left;

	background:url(image/bg_recipe.jpg) no-repeat 203px top;



	min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0 auto;

}

#noir_top {

	background:#333333;

	color:#FFFFFF;

	text-align:right;

}

#noir_header {

	padding:15px 0 0 0;

	zoom: 100%;/*fix for ie*/

}

#noir_header:after {/*fix for firefox*/

	content: ".";  

	display: block;  

	visibility: hidden;  

	height: 0.1px;  

	font-size: 0.1em;  

	line-height: 0;  

	clear: both;  

}  

#noir_main {

	float:right;

	width:590px;

	margin-left:80px;

	margin-top:15px;

	padding-right:10px;

}

#noir_sub {

	float:right;

	width:200px;

	color:#990000;

	margin-top:35px;

}

#noir_footer,

.noir_push {

	height:20px;

	clear:both;

}

#noir_footer {

	width:100%;

	text-align:center;

	background:#333333;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FFFFFF;

}

/* =3 header--------------------------------------*/

#noir_top form {

	margin:0;

}

#noir_header .noir_logo {

	float:left;

	margin:0;

	padding:10px 0;

}

#noir_header .noir_menu {

	text-align:right;

	margin:0;

}

#noir_header .noir_menu li {

	display:inline;

	list-style:none;

	padding:0 10px;

	border-left:1px dotted #CCCCCC;

}

#noir_header .noir_menu li.top {

	border:none;

}

/* =4 side--------------------------------------*/

#noir_sub {

	color:#888888;

}

#noir_sub ul {

	margin:0 0 15px 0;

	padding:0;

}

#noir_sub li {

	list-style:none;

	margin:0 0 0 10px;

	font-size:11px;

}

h2.widgettitle {

	font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;

	padding-left:25px;

	color:#AAAAAA;

	border-bottom:1px solid #DDDDDD;

	margin-top:15px;

}

#text-94748481 .widgettitle {

	background:url(image/icon_today.jpg) no-repeat left center;

	padding-left:22px;

}

#recent-comments .widgettitle {

	background:url(image/icon_comments.jpg) no-repeat left center;

	padding-left:22px;

}

#recent-comments li {

	background:url(image/icon_arrow2.jpg) no-repeat left 4px;

	padding-left:12px;

	color:#888888;

}

#recent-posts .widgettitle {

	background:url(image/icon_entry.jpg) no-repeat left center;

	padding-left:22px;

}

#text-94762852 .widgettitle {

	background:url(image/icon_book.jpg) no-repeat left center;

	padding-left:22px;

}

#archives .widgettitle {

	background:url(image/icon_archive.jpg) no-repeat left center;

	padding-left:22px;

}

#categories-112910351 .widgettitle {

	background:url(image/icon_category.jpg) no-repeat left center;

	padding-left:22px;

}

.noir_rss {

	margin:40px 10px;

	color:#888888;

}

/* =5 main--------------------------------------*/

#noir_main ul,

#noir_main ol {

margin-left:28px;

}

#noir_main .date {

	background:url(image/calendar.jpg) no-repeat left top;

	float:left;

	width:53px;

	height:60px;

}

#noir_main .month {

	color:#FFFFFF;

	font-size:9px;

	padding:13px 0 0 0;

	text-align:center;

	xfont-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

#noir_main .day {

	color:#000000;

	font-size:25px;

	font-weight:bold;

	padding:5px 0 0 0;

	text-align:center;

	margin:0;

	line-height:1;

	xfont-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

#noir_main h2 {

	font-size:25px;

	border-bottom:1px solid #CCCCCC;

	margin:0 10px 20px 55px;

	padding-top:20px;

}

.gohan_title {

	font-size:12px;

	border-bottom:1px solid #CCCCCC;

	margin:0 10px 20px 55px;

	padding-top:20px;

}

.gohan_title a {

	color:#888888;

}

.noir_clear {

	clear:both;

}

.img {

	margin:0 0 0 40px;

	padding:0;

}

.img p {

	display:table-cell;

	vertical-align:middle;

	color:#666666;

	padding:0 0 10px 10px;

	margin:0;

}



* html .img p {/* IE 6 */

	display:inline;

	zoom:1;

}

*:first-child+html .img p{/* IE 7 */

	display:inline;

	zoom:1;

}



/* =6 entry--------------------------------------*/

.alt {

	border-top: 1px dotted #CCCCCC;

	border-bottom: 1px dotted #CCCCCC;

	}

.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentlist li {

	list-style:none;

	background:url(image/icon_comments.jpg) no-repeat left 3px;

	padding:0 0 10px 23px;

}



.commentlist cite, .commentlist cite a {

	font-style: normal;

	font-size:12px;

}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	font-size:12px;

	}



#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}

.noir_inputstyle {

	margin:0 0 0 40px;

}

#noir_main .post h2 {

	font-size:25px;

	color:#888888;

	font-weight:normal;

}

#noir_main .post h2 a {

	color:#888888;

}

#noir_main .post h2 a:hover {

	color:#999999;

	text-decoration:none;

}

#noir_main dl {

	margin:20px;

}

.postmetadata {

	clear:both;

}

/* =7 search--------------------------------------*/

#noir_main .post h3 {

	font-size:15px;

	color:#888888;

	font-weight:normal;

	margin:0 0 0 20px;

}

#noir_main .post p {

	margin: 0 0 10px 50px;

}

#noir_main .pagetitle {

	font-size:25px;

	color:#CCCCCC;

	font-weight:normal;

}

/* =8 highslide.js--------------------------------------------------*/

.highslide-loading {

    display: block;

	color: black;

	font-size: 8pt;

	font-family: sans-serif;

	font-weight: bold;

    text-decoration: none;

	padding: 2px;

	border: 1px solid black;

    background-color: white;

    

    padding-left: 22px;

    background-image: url(highslide/graphics/loader.white.gif);

    background-repeat: no-repeat;

    background-position: 3px 1px;

}

/* Styles for the popup */

.highslide-wrapper {

	background-color: white;

}

.highslide-wrapper .highslide-html-content {

    width: 550px;/*need to resize for each popup contenta.  fix for firefox*/

    padding: 5px;

}

.highslide-wrapper .highslide-header div {

}

.highslide-wrapper .highslide-header ul {

	margin: 0;

	padding: 0;

	text-align: right;

}

.highslide-wrapper .highslide-header ul li {

	display: inline;

	padding-left: 1em;

}

.highslide-wrapper .highslide-header ul li.highslide-previous, 

.highslide-wrapper .highslide-header ul li.highslide-next {

	display: none;

}

.highslide-wrapper .highslide-header a {

	font-weight: bold;

	color: gray;

	text-transform: uppercase;

	text-decoration: none;

}

.highslide-wrapper .highslide-header a:hover {

	color: black;

}

.highslide-wrapper .highslide-header .highslide-move a {

	cursor: move;

}

.highslide-wrapper .highslide-footer {

	height: 11px;

}

.highslide-wrapper .highslide-footer .highslide-resize {

	float: right;

	height: 11px;

	width: 11px;

	background: url(highslide/graphics/resize.gif);

}

.highslide-wrapper .highslide-body {

}

.highslide-move {

    cursor: move;

}

.highslide-resize {

    cursor: nw-resize;

}

.highslide-footer {

	display: none;

}



/* These must be the last of the Highslide rules */

.highslide-display-block {

    display: block;

}

.highslide-display-none {

    display: none;

}