/*  
Theme Name: Naomiyaki WordPress
Theme URI: http://www.naomiyaki.com
Description: WordPress Theme for Naomiyaki.com
Version: v1a
Author: Naomi Rubin
Author URI: http://www.naomiyaki.com/
*/


/* Global CSS classes -- These effect HTML elements such as body, h1, h2 etc. */

body{

margin: 0;
padding: 0;

text-align: center;

background-image: url(images/bgWood01.jpg);
background-repeat: repeat;

font-family:     
	helvetica,			/* Unix+X, MacOS */
    sans-serif;

}

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}

img{

border: 0;

}

/*Main site classes -- These effect main site floats and widths such as the post box and the content river */
#scrollShade{

width: 100%;
height: 20px;
margin: 0 auto 0 auto;
position: fixed;
background-image: url(images/scrollShade01.png);
background-repeat: repeat-x;

}

#wrapper{

margin: 0 auto 0 auto;
width: 800px;
text-align: left;

}

#header{

float: left;
width: 800px;
margin: 5px 0 0 0;
text-align: center;

}

/*Main post classes*/
#blog{

float: left;
width: 450px;
    
}


#blog h1{

font-family:
    'Neucha',
    tahoma,			/* MS WebFont */
/* Fallback options */
    arial,			/* Windows, MacOS */
    helvetica,			/* Unix+X, MacOS */
    sans-serif;
font-weight: lighter;
font-size: 26px;
padding: 0 0 0 6px;
margin: 5px;

}

#blog h3{

font-family:
    'Neucha',
    tahoma,			/* MS WebFont */
/* Fallback options */
    arial,			/* Windows, MacOS */
    helvetica,			/* Unix+X, MacOS */
    sans-serif;


}

#blog h1 a{

color: #ffccff;
text-decoration: none;
text-shadow: 0em 0em 0.2em #000000;

}

#blog h1 a:visited{

color: #ffccff;
text-decoration: none;
text-shadow: 0em 0em 0.2em #000000;

}

#blog h1 a:hover{

background-image: url(images/blogHeadlineTextBg01.png);
background-repeat: repeat;
color: #000000;
text-shadow: none;

}


#blog h2{

font-family:
    'Neucha',
    tahoma,			/* MS WebFont */
/* Fallback options */
    arial,			/* Windows, MacOS */
    helvetica,			/* Unix+X, MacOS */
    sans-serif;

font-size: 22px;
padding: 4px 0 0 0;

}

.blogTop{

width: 450px;
height: 50px;
background-image: url(images/blogBgT02.png);
background-repeat: no-repeat;
margin: -31px 0 0 0;

}

.postDateContainer{

margin: 0 0 0 276px;

}

.postDateTop{

width: 140px;
height: 17px;
background-image: url(images/blogBgDate02T.png);

}

.postDateContent{

width: 140px;
text-align: center;
background-image: url(images/blogBgDate02S.png);
background-repeat: repeat-y;

color: #333333;

font-family:
    "Century Gothic",		/* Windows (HP printer) */
    "Avant Garde Gothic",	/* HP font name */
    "Avant Garde",		/* MacOS */
    "URW Gothic L",		/* Unix+X+FontConfig */
/* Fallback options */
    helvetica,			/* Unix+X, MacOS */
    sans-serif;
font-size: 11px;

}

.postDateBottom{

width: 140px;
height: 20px;
background-image: url(images/blogBgDate02B.png);

}

.blogContent{

width: 450px;
height: auto;
background-image: url(images/blogBgS01.png);
background-repeat: repeat-y;

}

#blogGhost{

width: 971px;
height: 460px;
margin: -380px 0 -30px -42px;
background-image: url(images/blogGhost01.png);


}

.blogBottom{

width: 450px;
height: 49px;
background-image: url(images/blogBgB01.png);
background-repeat: no-repeat;

}



/*End of main post classes*/

/*Content River classes*/
#river{

float: left;
width: 330px;
margin: 0 0 0 20px;

}

.riverTwitterTop{

width: 330px;
height: 15px;
background-image: url(images/riverTwitterBgT02.png);
background-repeat: no-repeat;

}

.riverTwitterContent{

width: 314px;
background-image: url(images/riverTwitterBgS02.png);
background-repeat: repeat-y;
color: #333333;
font-size: 12px;
padding: 4px 10px 4px 10px;

}

.riverTwitterIcon{

background-image: url(images/riverTwitterIcon01.png);
background-position: 95% 90%;
background-repeat: no-repeat;

}

.riverTwitterMeta{

margin: 6px 0 0 0;
font-size: 10px;

}

.riverTwitterMeta a{

text-decoration: none;
color: #ccffff;

}

.riverTwitterMeta a:hover{

text-decoration: none;
color: #0099cc;

}

.riverTwitterBottom{

width: 330px;
height: 13px;
background-image: url(images/riverTwitterBgB02.png);
background-repeat: no-repeat;
margin-bottom: 10px;

}

.riverFlickrTop{

width: 330px;
height: 15px;
background-image: url(images/riverFlickrBgT01.png);
background-repeat: no-repeat;

}

.riverFlickrContent{

width: 314px;
background-image: url(images/riverFlickrBgS01.png);
background-repeat: repeat-y;
color: #333333;
font-size: 12px;
padding: 4px 10px 4px 10px;

}

.riverFlickrContent img{

margin: 6px 0 6px 37px;

}

.riverFlickrIcon{

background-image: url(images/riverFlickrIcon01.png);
background-position: 95% 90%;
background-repeat: no-repeat;

}

.riverFlickrContent a{

text-decoration: none;
color: #ffccff;

}

.riverFlickrContent a:hover{

text-decoration: none;
color: #660033;

}

.riverFlickrMeta{

margin: 6px 0 0 0;
font-size: 10px;

}

.riverFlickrBottom{

width: 330px;
height: 13px;
background-image: url(images/riverFlickrBgB01.png);
background-repeat: no-repeat;
margin-bottom: 10px;

}
/*End of Content River classes*/

/*Flickr Widget classes */

#flickr_badge_uber_wrapper 
{
	text-align:center; 
	width:150px;
}

#flickr_badge_wrapper 
{
	padding:10px 0 10px 0;
}

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

.flickr_badge_image img {
	border: 1px solid black !important;
}

#flickr_badge_source {
	text-align:left; margin:0 10px 0 10px;
}

#flickr_badge_icon {
	float:left; margin-right:5px;
}

#flickr_www {
	display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;
}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important; background:inherit !important;color:#3993ff;
}

#flickr_badge_wrapper {}

#flickr_badge_source {
	padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;
}

/*End of Flickr Widget classes */

.navigation{

width: 450px;
text-align: center;	
margin: 0 auto 0 auto;

padding: 6px 0 6px 0;

}


#footer{

float: left;
clear: both;
width: 800px;
text-align: center;
margin: 40px 0 0 0;

}

#footerBack{

width: 800px;
background-image: url(images/footerBgS01.png);
background-repeat: no-repeat;
background-position: 0% 170px;

}

#footerTop{

width: 800px;
height: 172px;
background-image: url(images/footerBgT01.png);
background-repeat: no-repeat;

}

#footerContent{

  font-family:
    "courier new",		/* Windows, MacOS */
    courier,			/* Unix+X, MacOS */
    monospace;

text-align: center;
width: 500px;
margin: -80px auto 0 auto;
padding: 0 0 0 0;

}

/*Post formatting classes -- These effect the formatting of posts and content site wide */

.entry{

padding: 0 25px 0 25px;
color: #fcfcfc;

}

.entry p{

font-size: 12px;
    
line-height: 16px;
    
margin: 10px 0 10px 0;

}

.entry a{

color: #5e2637;
text-decoration: none;

}

.entry a:hover{

color: #ffccff;
text-decoration: none;

}

.entry ul{

margin: 6px 0 6px 6px;
font-size: 12px;

}

.entry ul li{

margin: 4px 0 4px 0;

}

.entry ol{

margin: 6px 0 6px 6px;
font-size: 12px;

}

.entry ol li{

margin: 4px 0 4px 0;

}

.tagLinks{

font-family:
tahoma,			/* MS WebFont */
/* Fallback options */
arial,			/* Windows, MacOS */
helvetica,			/* Unix+X, MacOS */
sans-serif;
font-weight: lighter;
font-size: 11px;

color: #ffffff;
padding: 2px 0 2px 6px;
border-top: 3px solid #000000;

}

.tagLinks a{

color: #ffffff;
text-decoration: none;
padding: 2px 0 2px 0;

}

.tagLinks a:hover{

color: #333333;
background-image: url(images/blogHeadlineTextBg01.png);
background-repeat: repeat;
text-decoration: none;

}


postmetadata{

color: #5e2637;
padding: 0 0 0 6px;
margin: 0 0 0 0;


}

p.postmetadata a{

font-family:
tahoma,			/* MS WebFont */
/* Fallback options */
arial,			/* Windows, MacOS */
helvetica,			/* Unix+X, MacOS */
sans-serif;
font-weight: lighter;

font-size: 14px;
color: #5e2637;
text-decoration: none;

}

.postmetadata a:hover{

color: #ffccff;
text-decoration: none;

}

/*Comments Template classes*/

.comments-template{
	padding: 0 25px 0 25px;
	color: #ffffff;
	font-size: 12px;
}

.comments-template a{

color: #5e2637;
text-decoration: none;

}

.comments-template a:hover{

color: #ffccff;
text-decoration: none;

}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2{
	font-family:
    'Neucha',
    tahoma,			/* MS WebFont */
/* Fallback options */
    arial,			/* Windows, MacOS */
    helvetica,			/* Unix+X, MacOS */
    sans-serif;
	font-weight: lighter;
	color: #ffccff;
	font-size: 20px;
	padding: 0 0 0 0px;
}

.comments-template h3{

	font-family:
    'Neucha',
    tahoma,			/* MS WebFont */
/* Fallback options */
    arial,			/* Windows, MacOS */
    helvetica,			/* Unix+X, MacOS */
    sans-serif;
	font-weight: lighter;
	color: #ffccff;
	font-size: 16px;
	padding: 0 0 0 0px;
	color: #5e2637;

}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family:     
	helvetica,			/* Unix+X, MacOS */
    sans-serif;
	font-size: 12px;
	
	width: 388px;
	color: #cccccc;
	padding: 6px;
	margin: 8px 0 8px 0;	
	background-color: transparent;
	border: 1px dashed #ffffff;
}

/*WordPress generated classes -- These effect classes generated by the WordPress CMS */

a.more-link{

font-family:
tahoma,			/* MS WebFont */
/* Fallback options */
arial,			/* Windows, MacOS */
helvetica,			/* Unix+X, MacOS */
sans-serif;
font-weight: lighter;
font-size: 14px;

height: 26px;
margin: 0 0 0 0;
padding: 10px 0 0 0;

color: #5e2637;
text-decoration: none;
display: block;

}

a.more-link:hover{

color: #ffccff;
text-decoration: none;
background-image: url(images/readMoreBg01.png);
background-position: 90% 0%;
text-decoration: none;
background-repeat: no-repeat;

}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/*Lytebox Classes */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/lytebox/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/lytebox/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/lytebox/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/lytebox/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/lytebox/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/lytebox/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/lytebox/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/lytebox/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/lytebox/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/lytebox/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/lytebox/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/lytebox/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/lytebox/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/lytebox/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/lytebox/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/lytebox/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/lytebox/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/lytebox/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/lytebox/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/lytebox/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/lytebox/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/lytebox/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/lytebox/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/lytebox/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/lytebox/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/lytebox/pause_gold.png) no-repeat; }