/*  
Theme Name: mosbef's minimal photo theme
Theme URI: http://www.mosbef.com
Description: mosbef's theme
Version: 1.1
Author: Ed Fladung
Author URI: http://qualitypeoples.com/

	Mosbef minimal photo theme v1.1
	 http://qualitypeoples.com/

	This theme was designed and built by Ed Fladung
	whose blog you will find at http://binarybonsai.com/
	
	This theme uses extensive structural code
	from Michael Heilemann's Kubrick, the default wordpress theme.
	You can find Michael's blog at http://binarybonsai.com/
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

.cathighlight {
	font-weight: bold;
	}

/* Beth's category menu */

#categorylist, #contact {
	width: 160px;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}

#categorylist p, #contact p{
	margin: 0;
	padding: 0;
	}
	
#categorylist hr, #contact hr{
	border: 0;
	height: 1px;
	background-color: #8d8d8d;
	color: #8d8d8d;
	}


#categorylist ul {
	margin: 35px 0 0 0;
	padding: 0;
	}

#categorylist ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 10px;
	}

#categorylist a, #categorylist a:visited {
	font-size: 30px;
	letter-spacing: -1px;
	color: #8d8d8d;
	text-decoration: none:
	}

#categorylist a:hover {
	text-decoration: underline;
	color: #fff;
	}

#contact {
	margin-top: 100px;

	}
	
#contact a, #contact a:visited {
	color: #8d8d8d;
	text-decoration: none:
	}

#contact a:hover {
	text-decoration: underline;
	color: #fff;
	}


#photogallery {
	width: 99%;
	height: 360px;
	overflow: auto;
	}
	
.singlecolumn {
	width: 600px;
	}

 	
 	
/* Begin Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #3a3a3a;
	color: #8d8d8d;
	text-align: left;
	}





/* post menu list markup */

#postmenu {
        margin: 0;
        padding: 50px 20px 50px 200px;
        }

#postmenu p {
        display: inline;
        }

#postmenu ul, #postmenu li {
        display: inline;
        margin: 0;
        padding: 0;
        }
        
#postmenu ul li:after {
        content: ", ";
        }
                
#postmenu ul li.last:after {
        content: ". ";
        }


h1, h2 {
	font-size: 20px;
	font-weight: normal;
	}

small {
	font-size: 10px;
	}
	
h1 {
	font-size: 4em;
	text-align: left;
	}

h3 {
	display: none;
	font-size: 10px;
	}


h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: white;
	}


a, a:visited {
	color: #8d8d8d;
	text-decoration: underline;
	}


a:hover {
	color: #fff;
	text-decoration: underline;
	}


/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}


#header {
	text-align: left;
	width: 100%;
	position: absolute;
	z-index: 1;
	left: 200px
	}


#headerimg h1 {
	text-indent: -5000em;
	overflow: hidden;
	background: url(images/header2.png) no-repeat;
	width: 798px;
	height: 184px;
	padding: 0;
	margin: 0;
	}

#headerimg .description {
	text-indent: -5000em;
	}
	
#content {
	text-align: left;
	clear: both;
	padding-top: 154px;
	}
	
#contentleft {
	float: left;
	width: 200px;
	padding-left: 20px;
	}

#contentright {
	padding: 50px 20px 50px 20px;
	width: auto;
	margin-left: 200px;
	background-color: #fff;
	}

.page p {
	width: 430px;
	font-size: 16px;
	}
.page a {
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
.navigation p {
	font-size: 30px;
	letter-spacing: -1px;
	//padding: 0 20px;
	}
	

#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;
	width: auto;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 50px 0 50px 200px;
	text-align: left;
	font-size: 12px;
	color: #8d8d8d;
	}