/*
Theme Name: Moni3
Theme URI: 
Description: Monique's custom theme loosley based on Bricks
Version: 0.1
Author: Joe
Author URI: http://joepopp.com/
.
*/

/* General Rules */
body
{
	margin: 0;
	padding: 0;
	font: x-small/180% Verdana, Helvetica, sans-serif;
	background: #fff url(images/bg.gif) repeat-y top left;
	color: #333;
}

h1, h2, h3, h4, h5, h6, p, ul, li, blockqoute, dl, dt, dd
{
	margin: 0;
	padding: 0;
}

hr.clear
{
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}

/* Links */
a:link {color: #392B1E;	text-decoration: none;	font-weight: bold;}
a:visited {color: #392B1E;	text-decoration: none;	font-weight: bold;}
a:hover {text-decoration: underline; color: #392B1E; font-weight: bold;}

.storytitle a:link {	text-decoration: none;	color: #392B1E; font-weight: normal;}
.storytitle a:visited {	text-decoration: none;	color: #392B1E; font-weight: normal;}
.storytitle a:hover {	text-decoration: none;	color: #392B1E; font-weight: normal;}

a.whitelink:link { color: #FFFFFF; }
a.whitelink:visited { color: #FFFFFF; }
a.whitelink:hover {text-decoration: none;color: #9FB6DF;}


/* 
This piece of code is for clearing
the floats without structural markup
Don't modify it
*/
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */



/* Container */
#wrap
{
	width: 800px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Header */
#headerwrap
{
	width: 800px;
	margin: 0;
	padding: 0;
	height: 237px;
}

#headerimg
{
	width: 800px;
	padding: 0px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	height: 237px;
}

h1#header
{
	height: 100px;
	width: 400px;
	padding: 100px 25px 0 1px;
	font: bold xx-large/100% Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
}

* html h1#header
{
	width: 450px;
	w\idth: 400px;
}


h1#header a:link, h1#header a:visited { text-decoration: none; }

.description
{
	width: 400px;
	margin: 10px 0;

	padding: 0 1px;
	font: bold small Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #CCCCCC;
}

* html .description
{
	width: 450px;
	w\idth: 400px;
}

/* Content */
#content
{
	width: 550px;
	margin: 0px 0 0;
	padding: 10px 25px 0;
	clear: left;
}

* html #content
{
	width: 450px;
	w\idth: 550px;
}

#content h2
{
	font: bold medium Verdana, Helvetica, sans-serif;
	text-decoration: none;	font-weight: normal;
	padding: 0;
	margin: 5px 0;
}

#content h2.archivetitle
{
	font: bold large Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 5px 0 20px 0;
	color: #62431C;
}
#content .post
{
	background: #FEF5E6;
	margin: 0px 0 20px;
	padding: 1px 5px;
	min-height: 150px;
}
#content h3
{
	font: bold x-large Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 15px 0 0px;
	color: #62431C;
}
#content h4
{
	font: bold large Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 15px 0 10px 0;
	color: #62431C;
}

#content .meta
{
	margin: 0px 0 10px;
	padding: 0;
	color: #C0B097;
}

#content .meta p
{
	margin-bottom: 5px;
	font-size: xx-small;
}

#content .meta p.ca
{

}

#content .meta p.po
{
}

#content .storycontent p, #content .entry p
{
	margin: 0 0 10px 0;
	padding: 0;
}

#content .storycontent ul, #content .storycontent ol, #content .entry ul, #content .entry ol
{
	margin: 0 0 10px 40px;
	list-style: square;
}

#content .storycontent ul li, #content .storycontent ol li, #content .entry ul li, #content .entry ol li { margin-bottom: 5px; }

#content .feedback
{
	margin: 0 0 10px 0;
}

/* Sidebar */
/* Sidebar 1 - Pages and Links - External Stuffs */

#menu a:link {color: #94978F;font-weight: normal;}
#menu a:visited { color: #94978F; font-weight: normal;}
#menu a:hover { text-decoration: underline; font-weight: normal;}

#menu
{
	width: 200px;
	padding: 0;
	margin: 0px 0 0 0px;
	float: none;
	visibility: visible;
	position: absolute;
	left: 600px;
	top: 250px;
}

#menu ul
{
	margin: 2px 0 2px 10;
	padding: 0;
	list-style-type: none;
}


#menu ul li
{
	margin: 0 5px 0 10px;
	padding: 0;
	font-size: 11px;
}

#menu ul li h2
{
	font-weight: bold;
	font-size: 11px;
}



#recentcomments
{
	width: 200px;
	height: 25px;
	background-image: url(images/title_recentcomments.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#recentcomments_content
{
	width: 200px;
	font-size: 9px;
	line-height: 12px;
	padding-bottom: 10px;
	list-style-type: circle;
}
#recententries
{
	width: 200px;
	height: 25px;
	background-image: url(images/title_recententries.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#recententries_content
{
	width: 200px;
	font-size: 9px;
	line-height: 12px;
	padding-bottom: 10px;
	list-style-type: circle;
}
#search
{
	width: 200px;
	height: 25px;
	background-image: url(images/title_search.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#search_content
{
	width: 200px;
	padding-left: 5px;
}
#categories
{
	width: 200px;
	height: 25px;
	background-image: url(images/title_categories.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#categories_content
{
	width: 200px;
	font-size: 9px;
	line-height: 12px;
	color: #94978F;
	font-weight: normal;
	padding-bottom: 10px;
}
#archives
{
	width: 200px;
	height: 25px;
	background-image: url(images/title_archives.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#archives_content
{
	width: 200px;
	font-size: 9px;
	line-height: 12px;
	color: #94978F;
	font-weight: normal;
	padding-bottom: 10px;
}
#links
{
	width: 200px;
	height: 25px;
	background-image: url(images/title_sites.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#meta
{
	width: 200px;
	height: 25px;
	background-image: url(images/title_meta.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#meta_content
{
	width: 200px;
	font-size: 9px;
	line-height: 12px;
	padding-left: 10px;
}
#tunes
{
	width: 200px;
	height: 30px;
	background-image: url(images/title_tunes.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#wishes
{
	width: 200px;
	height: 30px;
	background-image: url(images/title_wishes.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#linkcat-blogroll
{
	width: 200px;
	background-image: url(images/title_blogroll.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 25px;
	padding-left: 0px;
	padding-bottom: 10px;
	list-style-type: none;
}

#linkcat-swellsites
{
	width: 200px;
	background-image: url(images/title_sites.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 25px;
	padding-left: 0px;
	padding-bottom: 10px;
	list-style-type: none;
}

#links_content
{
	width: 200px;
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 10px;
	padding-left: 10px;
	list-style-type: circle;
}


#menu ul li ul
{
	margin: 0 5px;
	list-style-type: circle;
}

#menu ul li ul li
{
	font-size: 10px;
	font-weight: normal;
	margin: 0 10px;
	padding: 0;
}

#menu input#submit
{
	font-size: 10px;
	margin-top: 5px;
}


/* Search Field */
#search input#s
{
	border: 1px solid #ccc;
	width: 120px;
}

#search input#submitsearch
{
	font-size: 10px;
	border: 1px solid #ccc;
	background-color: #D8DEEA;
	color: #000;
	margin-top: 5px;
	padding: 2px;
	width: 50px;
}

/* Comments */
h2#comments
{
	padding: 20px 0 0 0;
	background: transparent url(images/bd.png) no-repeat top center;
	font-size: 16px;
	margin-top: 20px;
}

h2#postcomment
{
	padding: 20px 0 0 0;
	background: transparent url(images/bd.png) no-repeat top center;
	font-size: 16px;
}

ol#commentlist
{

	margin: 10px 0 10px 20px;
	padding: 0;
}

ol#commentlist li
{
	margin: 20px 0;
	padding: 0;
}

ol#commentlist li p
{
	margin: 0 0 5px 0;
	padding: 0;
}


.alt {
	background-color: #EEE7D9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}


p.commenter { margin: 5px 0 0 0; }
#commentform p { font-size: 11px; }

#commentform #author
{
	border: 1px solid #333;
	margin-bottom: 10px;
}

#commentform #email
{
	border: 1px solid #333;
	margin-bottom: 10px;
}

#commentform #url
{
	border: 1px solid #333;
	margin-bottom: 10px;
}

#commentform textarea
{
	border: 1px solid #333;
	width: 100%;
}

#commentform input#submit
{
	font-size: 10px;
	width: 100px;
	margin-top: 5px;
	background-color: #D8DEEA;
	color: #000;
	border: 1px solid #000;
	padding: 5px 0;
}

p.nocomment { margin: 10px 0; }
.footnote { font-size: x-small; }

/* Navigation for multiple pages */
.navigation
{
	width: 540px;
	font-size: x-small;
	margin: 0;
	padding: 10px 0;
	clear: both;
	height: 20px;
	background: transparent url(image/bd.png) no-repeat top center;
}

.alignleft { float: left; }
.alignright { float: right; }

/* Error Capture */
#error
{
	text-align: center;
	width: 400px;
	height: 300px;
	margin: 0;
	padding: 0;
}

/* Footer */
#footer
{
	width: 550px;
	clear: both;
	padding: 5px 0;
	margin: 5px 25px;
	text-align: center;
}

#footer p { font-size: xx-small; }

.flickrimg {
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
	border: 1px gray solid;
	margin-top: 4px;
	margin-left: 12px;
	background-color: #FFFFFF;
}

A:hover .flickrimg {
	background-color: #B2E1E7;
}

#flickrbar {
	margin: -37px 0 0;
	padding: 10px 5px 0 8px;
	float: left;
	clear: right;
}


#netflixbar {
	margin: -37px 0 0;
	padding: 10px 5px 0 8px;
	float: left;
}

#netflixbar img {
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
	border: 1px gray solid;
	margin-top: 4px;
	margin-left: 12px;
	background-color: #FFFFFF;
}

#netflixbar a:hover img {
	background-color: #B2E1E7;
}

.flickr-photo {
	border: 2px gray solid;
}

A:hover .flickr-photo {
	border: 2px #B2E1E7 solid;
}

.hilite {
	background-color: #C9DF8D;
}
#scrobbler
{
	width: 200px;
	background-image: url(images/title_scrobbler.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	list-style-type: none;
}

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

.wp-caption {
	border: 1px solid #262626;
	text-align: center;
	background-color: #0e1015;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* Begin Images */
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 */