/*
Theme Name: Suzunoki Cafe
Theme URI: http://suzunokicafe.com/
Description: 
Version: 1.0
Author: Ian Lynam
Author URI: http://ianlynam.com/

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	background-color: #10321a;
	color: #333;
	}

#pageheader {
    background-image: url(images/background-page-top.png);
    background-repeat: no-repeat;
	background-color: #10321a;
    width: 840px;
    margin: 0 auto;
    height: 29px;
	}

#page {
    background-image: url(images/background-page.png);
    background-repeat: repeat-y;
	background-color: #10321a;
	text-align: left;
    width: 780px;
    margin: 0 auto;
    padding: 1px 30px;
	}

#content {
	font-size: 1.2em;
	background-color: white;
	}


/**** header ****/

/*
 |----------------------------|
 |/-----\ /------------------\|
 || XXX | |                  ||
 || XXX | |                  ||
 ||-----/ |                  ||
 |/-----\ |                  ||
 ||     | |                  ||
 ||     | \------------------/|
 ||     | /------------------\|
 ||     | |                  ||
 |\-----/ |                  ||
 |        |                  ||
 |        |                  ||
 |        \------------------/|
 |----------------------------|
*/

#sidebar {
    width: 200px;
    float: left;
    position: relative;
    top: -25px;
    }

#logo h1 a {
    background-image: url(images/logo.gif);
    display: block;
    height: 0;
    width: 179px;
    padding-top: 146px;
    overflow: hidden;

    }

.description {
    width: 100%;
    text-align: center; 
    color: #aaa;
    }


/**** sidebar *****/


/*
 |----------------------------|
 |/-----\ /------------------\|
 ||     | |                  ||
 ||     | |                  ||
 ||-----/ |                  ||
 |/-----\ |                  ||
 ||     | |                  ||
 ||  XX | \------------------/|
 ||     | /------------------\|
 ||     | |                  ||
 |\-----/ |                  ||
 |        |                  ||
 |        |                  ||
 |        \------------------/|
 |----------------------------|
*/


#sidebar ul {
    padding-left: 20px;
    width: 140px;
    }

#sidebar ul li {
    list-style-type: none;
    padding-bottom: 0px;
    }

#menu a {
    display: block;
    width: inherit;
    height: 0px;
    padding-top: 25px;  
    overflow: hidden;
    background-image: url(images/menu.png);
    }

#menu a#menu1 { background-position: -12px -14px; padding-top: 28px;}
#menu a#menu2 { background-position: -12px -42px; }
#menu a#menu3 { background-position: -12px -66px; }
#menu a#menu4 { background-position: -12px -92px; }
#menu a#menu5 { background-position: -12px -117px; }
#menu a#menu6 { background-position: -12px -142px; }

#menu a#menu1:hover { background-position: -167px -14px; padding-top: 28px;}
#menu a#menu2:hover { background-position: -167px -42px; }
#menu a#menu3:hover { background-position: -167px -66px; }
#menu a#menu4:hover { background-position: -167px -92px; }
#menu a#menu5:hover { background-position: -167px -117px; }
#menu a#menu6:hover { background-position: -167px -142px; }

#menu .currentpage a#menu1 { background-position: -322px -14px; padding-top: 28px;}
#menu .currentpage a#menu2 { background-position: -322px -42px; }
#menu .currentpage a#menu3 { background-position: -322px -66px; }
#menu .currentpage a#menu4 { background-position: -322px -92px; }
#menu .currentpage a#menu5 { background-position: -322px -117px; }
#menu .currentpage a#menu6 { background-position: -322px -142px; }



#blogbar {
    margin-left: 40px;
    }
    
#blogbar h2 {
    color: #10321a;
    }

#blogbar .current-cat { padding-left: 10px; }

/**** main content *****/


/*
 |----------------------------|
 |/-----\ /------------------\|
 ||     | |                  ||
 ||     | |                  ||
 ||-----/ |       XXX        ||
 |/-----\ |                  ||
 ||     | |                  ||
 ||     | \------------------/|
 ||     | /------------------\|
 ||     | |                  ||
 |\-----/ |                  ||
 |        |       XXX        ||
 |        |                  ||
 |        \------------------/|
 |----------------------------|
*/

#content {
    margin-left: 220px;
    margin-top: 30px;
    width: 500px;
    }



/**** image *****/


/*
 |----------------------------|
 |/-----\ /------------------\|
 ||     | |                  ||
 ||     | |                  ||
 ||-----/ |       XXX        ||
 |/-----\ |                  ||
 ||     | |                  ||
 ||     | \------------------/|
 ||     | /------------------\|
 ||     | |                  ||
 |\-----/ |                  ||
 |        |                  ||
 |        |                  ||
 |        \------------------/|
 |----------------------------|
*/

.mainimage {
    margin-bottom: 25px;
    width: 492px;
    }


/**** post *****/


/*
 |----------------------------|
 |/-----\ /------------------\|
 ||     | |                  ||
 ||     | |                  ||
 ||-----/ |                  ||
 |/-----\ |                  ||
 ||     | |                  ||
 ||     | \------------------/|
 ||     | /------------------\|
 ||     | |                  ||
 |\-----/ |      XXX         ||
 |        |                  ||
 |        |                  ||
 |        \------------------/|
 |----------------------------|
*/


.entry {
    background-image: url(images/background-post.png);
    background-repeat: repeat-y;
    padding: 0px 25px;
    width: 450px;
    }

.entry h2 {
    font-size: 12pt;
    margin-top: 0px;
    }
    
.entry p {
    margin-top: 0;
    margin-bottom: 0px;
    padding-bottom: 1em;
    }

.post .top {
    background-image: url(images/background-post-top.png);
    background-repeat: no-repeat;
    height: 31px;
    }

.post .bottom {
    background-image: url(images/background-post-bottom.png);
    background-repeat: no-repeat;
    height: 31px;
    margin-bottom: 20px;
    }


/**** footer ****/

#footer {
    clear: both;
    background-image: url(images/background-page-bottom.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    text-align: center;
	background-color: #10321a;
    position: relative; left: -20px;
    width: 840px;
    height: 29px;
    margin: 0 auto;
    padding: 0px;
    }

#footer p { 
    margin: 0px; 
    }



/** links **/


a:link, a:visited, h2 a:link, h2 a:visited {
    color: #10321a;
    text-decoration: none;
    }

a:hover {
	text-decoration: underline;
	}



/**** general leftovers ****/


small {
	font-size: 0.9em;
	line-height: 1.5em;
	}



code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}




.clear {
	clear: both;
}


p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */




.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	

a img {
	border: none;
	}




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