/*  
Theme Name: Mekosh Summer Dune Grass
Theme URI: http://mekosh.org/
Description: This is a custom WP theme by Stephen Mekosh of mekosh.org
Version: 1
Author: Stephen Mekosh
Author URI: http://mekosh.org/
*/



/* =page layout
**************************************************************************************************/

body
{
	background: url(http://mekosh.org/wp-content/themes/summer-grass/images/diagonal.png) repeat;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0 0 26px 0;
	text-align: center;
}

#wrapper
{
	background: #fff url(http://mekosh.org/wp-content/themes/summer-grass/images/wrapper-bg.gif) repeat-y;
	margin: 0 auto 0 auto;
	width: 760px;
}

#wrapper.verywide
{
	background: #fff url(http://mekosh.org/wp-content/themes/summer-grass/images/wrapper-bg-wide.gif) repeat-y;
}

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

#header
{
	background: url(http://mekosh.org/wp-content/themes/summer-grass/images/banner.jpg) no-repeat;
	border-bottom: 1px #c0c0c0 solid;
	display: block;
	height: 150px;
	width: 740px;
}

#navigation
{
	background: #f8f8f8 url(http://mekosh.org/wp-content/themes/summer-grass/images/navigation-bg.gif) no-repeat bottom;
}

.verywide #navigation
{
	background: #f8f8f8 url(http://mekosh.org/wp-content/themes/summer-grass/images/navigation-bg-wide.gif) no-repeat bottom;
}

#main
{
	margin: 13px 13px 0 13px;
}

#content
{
	background: #ffffff;
	border: 1px #c0c0c0 solid;
	padding: 13px;
	width: 448px;
}

.verywide #content
{
	width: 686px;
}

#side
{
	float: right;
	padding: 13px 0 0 0;
	width: 207px;
}

#footer
{
	clear: both;
	margin: 0;
	padding: 13px 13px 0 15px;
}

#wrapper-endcap
{
	background: url(http://mekosh.org/wp-content/themes/summer-grass/images/wrapper-endcap.gif) no-repeat bottom;
	height: 15px;
}

#wrapper-endcap-verywide
{
	background: url(http://mekosh.org/wp-content/themes/summer-grass/images/wrapper-endcap-verywide.gif) no-repeat bottom;
	height: 15px;
}

/* =lesser layout elements
**************************************************************************************************/

div.post
{
	margin-bottom: 42px;
}

div.post div.pmeta, p.postmetadata
{
	xbackground: #ffffff url(http://mekosh.org/wp-content/themes/summer-grass/images/post-meta.jpg) no-repeat bottom;
	color: #666;
	font-size: 8pt;
	line-height: 150%;
	padding: 0;
}

div.entry, div.post div.entrytext
{
	clear: left;
}

.archive-link
{
	background: #ffffff url(http://mekosh.org/wp-content/themes/summer-grass/images/pointer-whitebg.gif) no-repeat 5px 50%;
	border-bottom: 1px #eee solid;
	color: #666666;
	margin: 0 0 26px 0;
	padding: 5px 5px 5px 21px;
}

#r-movies .archive-link, #r-music .archive-link, #r-books .archive-link
{
	background: #f8f8f8 url(http://mekosh.org/wp-content/themes/summer-grass/images/pointer.gif) no-repeat 5px 50%;
	border-top: 1px #eee solid;
}

#flickr-archive, #more-about
{
	border-top: 1px #eee solid;
}


/* =headings and text
**************************************************************************************************/

dl, h1, h2, h3, h4, p, ol, ul, li, blockquote { margin-top: 0; }

dd, dl, dt, p, ol, ul, li, .archive-link { font-size: 13px; }

h2
{
	font-size: 22px;
	font-weight: normal;
	line-height: 100%;
}

.post h2
{
	border-bottom: 1px #ccc solid;
	margin: 0 0 5px 70px;
	padding: 10px 0 5px 0;
}

.mpage .post h2
{
	border: none;
	margin: 0 0 5px 0;
}

h3
{
	color: #333333;
	font-size: 18px;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 5px;
}

p
{
	color: #333333;
	text-align: justify;
}

#side p { text-align: left; }

.small, #side p { font-size: 11px; }

#side p#introduction { color: #666666; margin-bottom: 5px; }



/* =links
**************************************************************************************************/

a { color: #60B267; }
a:hover { color: #2D8412; }

h1 a, h1 a:hover
{
	display: block;
	height: 60px;
	position: relative;
	top: 90px;
	left: 500px;
	width: 240px;
}

#navigation a, #navigation a:hover
{
	font-weight: bold;
	text-decoration: none;
}

.post h2 a, .post h3 a
{
	text-decoration: none;
}

.admin, .admin a, .admin a:hover
{
	color: #eeeeee; /* make this the same as footer background color */
}

.archive-link a
{
	font-weight: bold;
	text-decoration: none;
}


/* =lists
**************************************************************************************************/

li { margin-bottom: 5px; }

#navigation ul
{
	font-size: 12px;
	padding: 0;
	margin: 0 0 0 28px;
	padding: 6px 0 11px 0;
}

#navigation ul li
{
	display: inline;
	list-style: none;
	margin: 0 25px 0 0;
}

ul.zebra, #r-music ul
{
	margin: 0;
	padding: 0;
}

ul.zebra li, #r-music li, #r-movies dl
{
	border-bottom: 1px solid #eee;
	font-size: 13px;
	line-height: 140%;
	list-style: none;
	margin: 0;
	padding: 5px;
}

ul.zebra li a
{
	border: none;
	font-size: 13px;
	text-decoration: none;
}

ul.zebra li a img { border: 0; }

#side ul.zebra li.even { background: white; }
#content ul.zebra li.even, #r-music li.even { background: #f8f8f8; }


/* =comments list
**************************************************************************************************/

ol.commentlist
{
	margin-left: 0;
	padding-left: 0;
}

ol.commentlist li
{
	background-position: 13px 13px;
	background-repeat: no-repeat;
	border: 2px #c0c0c0 solid;
	list-style: none;
	margin: 13px 13px 26px 13px;
	padding: 13px 13px 0px 66px;
}

ol.commentlist li.alt, ol.commentlist li.althighlighted
{
	background-color: #f8f8f8;
}

ol.commentlist li.highlighted, ol.commentlist li.althighlighted
{
	border-color: #60B267;
	border-style: solid;
	border-width: 2px;
}

ol.commentlist li .commentmetadata
{
	font-size: 13px;
	margin-bottom: 13px;
}

ol.commentlist li .commentmetadata cite
{
	font-size: 16px;
	font-weight: bold;
}

ol.commentlist li .commentmetadata small
{
	color: #666666;
}

ol.commentlist li .commentmetadata a
{
	text-decoration: none;
}


/* =delicious links
**************************************************************************************************/

.delicious-posts
{
	margin: 0;
	border: 0;
	padding: 0;
	width: *;
}

.delicious-posts ul, .delicious-posts li, .delicious-banner
{
	margin: 0;
	padding: 0;
}

.delicious-posts li { padding: 5px; }

.delicious-post { border-bottom: 1px solid #eee; }
.delicious-even { background-color: #ffffff; }

.delicious-banner a { ; }
.delicious-extended { color: #666666; }
.delicious-link { display: block; margin-bottom: 3px; text-decoration: none; }
.delicious-posts a { ; }
.delicious-posts a:hover { ; }

.delicious-post a { ; }
a.delicious-tag { ; }


/* =images
**************************************************************************************************/

a img.plain, a img.plain
{
	border: 0;
}

.feedicon { padding-left: 5px; }

.boxed
{
	float: right;
	margin: 0 0 7px 13px;
}

.boxed-wide
{
	margin: 0 0 7px 0;
	text-align: center;
}

.boxed-wide img
{
	border: 1px #c0c0c0 solid;
	padding: 3px;
}

.boxed img, .boxed a img, .boxed-wide img, .boxed-wide a img
{
	border: 1px #c0c0c0 solid;
	padding: 3px;
}

.boxed a:hover img, .boxed-wide a:hover img
{
	border: 1px #60B267 solid;
}

.flickrimg, .fset
{
	border: 1px #c0c0c0 solid;
	margin: 3px;
	padding: 3px;
}

.fset { margin: 0; }

.flickrimg:hover, .fset:hover
{
	border: 1px #60B267 solid;
}

#flickr-home #flickrimg1 { margin-right: 15px; }

#flickr-home .flickrimg
{
	background: url(http://mekosh.org/wp-content/themes/summer-grass/images/flickr-slide.png) no-repeat top left;
	border: 0;
	margin: 5px;
	padding: 6px;
}

#flickr-home .flickrimg:hover
{
	background: url(http://mekosh.org/wp-content/themes/summer-grass/images/flickr-slide-hover.png) no-repeat top left;
}



/* =media
**************************************************************************************************/

div #r-movies
{
	clear: both;
	float: left;
}

#r-movies dl
{
	clear: both;
	margin: 0;
	padding: 0;
	width: 215px;
}

#r-movies dl.odd dt, #r-movies dl.odd dd { background: #f8f8f8; }

#r-movies dl dt, #r-movies dl dd
{
	float: left;
	margin: 0;
	padding: 5px 0;
}

#r-movies dl dt { padding-left: 5px; width: 140px; }
#r-movies dl dd.rating { width: 70px; }

#r-movies dl dt a { text-decoration: none; }

div #r-music
{
	margin-left: 235px;
	min-height: 300px;
	width: 215px;
}


div #r-books
{
	float: right;
	width: 215px;
}

div#all-books { clear: both; margin-top: 5px; }

.LTwrapper
{
	color: #333;
}

.LTheader {}
.LTitem
{
	clear: both;
	font-size: 12px;
	padding: 5px 0 0 0;
}

.LTitem img
{
	float: left;
	padding: 0 5px 5px 0;
}

.LTitem a { text-decoration: none; }

.LTprovided
{
	display: none;
	visibility: none;
}




p.postcal
{
	background: url(http://mekosh.org/wp-content/themes/summer-grass/images/calendar-page.gif) top left no-repeat;
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	margin: 0 10px 10px 0;
	padding: 0;
	height: 68px;
	text-align: center;
	width: 60px;
}

p.postcal .month
{
	display: block;
	font-weight: bold;
	margin: 20px 0 5px 0;
	text-transform: uppercase;
}

p.postcal .day { font-size: 20pt; }
p.postcal .year { display: none; }









.adsense
{
	display: none;
	text-align: center;
}

#searchform div
{
	margin: 0 0 25px 0;
	text-align: center;
	width: 100%;
}

#searchform input
{
	font-size: 1em;
}

#searchform input#s
{
	font-weight: bold;
	width: 75%;
}

#searchform input#searchsubmit
{
	font-size: 1em !important; font-size: 1.1em;
	width: *;
}

.navigation { font-size: 11px; margin-bottom: 52px; }

.navigation .alignleft
{
	float: left;
	text-align: left;
	width: 50%;
}

.navigation .alignright
{
	float: right;
	text-align: right;
	width: 50%;
}


#commentform textarea
{
	width: 99%;
}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}


hr {
	display: none;
	}

.hidden
{
	display: none;
}
	
/* End Various Tags & Classes*/