/* Global CSS for Mandybee.com */

body {
	font:14px/19px Arial, Helvetica, sans-serif;
	color:#4d4d27;
	text-align:center;
	/*background:#30332c url(../images/main-bg.jpg) repeat-x;*/
	background:#240a00;
	margin:0;
	padding:0;
}

/* ---------------------------------------------------- */
/* =layout                                              */
/* ---------------------------------------------------- */

div.wrapper {
	margin:0 auto;
	width:806px;
	text-align:left;
}

	div.header {
		padding:22px 0 8px 0;
	}

/* ---------------------------------------------------- */
/* =navigation                                          */
/* ---------------------------------------------------- */

	div.navigation {
		float:left;
		clear:both;
		padding:0 2px;
	}
	
		div.navigation ul li {
			float:left;
			width:199px;
			background:transparent url(../images/nav-shadow-over.png) no-repeat;
		}
		
			* html div.navigation ul li {
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/nav-shadow-over.png');
			}
		
			div.navigation ul li a {
				background: transparent url(../images/nav-tab-over.png) no-repeat;
				display:block;
				width:199px;
				padding:24px 0 0;
				height:24px;				
				font-size:18px;
				color:#1d1b16;
				text-align:center;
			}
			
				* html div.navigation ul li a {
					background:none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/nav-tab-over.png');
					display:block;
				}
				
			div.navigation ul li a:hover,
			div.navigation ul li:hover a {
				color:#1d1b16;
			}
	
			
		div.navigation li.home {
			background-color:#b8441c;
			margin-right:2px;
		}
		
			div.navigation li.home:hover {
				background-color:#c14c24;
			}
		
		div.navigation li.portfolio {
			background-color:#b8741c;
			margin-right:2px;
		}
		
			div.navigation li.portfolio:hover {
				background-color:#cb8933;
			}
		
		div.navigation li.about {
			background-color:#81abbb;
			margin-right:2px;
		}
		
			div.navigation li.about:hover {
				background-color:#95bfcf;
			}
		
		div.navigation li.contact {
			background-color:#cece7a;
		}
		
			div.navigation li.contact:hover {
				background-color:#dcdc88;
			}
		
			body.home div.navigation li.home,
			body.portfolio div.navigation li.portfolio,
			body.about div.navigation li.about,
			body.contact div.navigation li.contact {
				background:none;
				background-color:#efefeb;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='');
			}
		
/* ---------------------------------------------------- */
/* =content                                             */
/* ---------------------------------------------------- */
			
	div.contentWrapper {
		clear:both;
		float:left;
		width:806px;
		background:url(../images/content-bg.gif) repeat-y;
	}
	
		div.content {
			float:left;
			width:451px;
			padding:61px 0 16px 29px;
			position:relative;
		}
		
/* ---------------------------------------------------- */
/* =side content                                        */
/* ---------------------------------------------------- */
		
		div.sideContent {
			float:right;
			width:222px;
			padding-top:60px;
			margin-right:2px;
		}
		
			* html div.sideContent {
				margin:0;
			}
		
			div.sideContent h2,
			div.sideContent h3{
				font-size:24px;
				color:#7d7d15;
				padding-bottom:4px;
				border-bottom:1px solid #dedece;
			}
				
				* html div.sideContent ul {
					margin-right:2px;
				}
			
			div.sideContent h2 a,
			div.sideContent h3 a{
				color:#7d7d15;
			}
			
			div.sideContent h3 {
				font-size:18px;
				line-height:1.2em;
				margin-bottom:10px;
			}
			
				div.sideContent h3 span.note {
					font-size:10px;
					line-height:1.2em;
				}
			
			div.sideContent ul {
				margin-left:26px;
				font-size:11px;
				line-height:1em;
			}
			
				div.sideContent ul li a {
					display:block;
					padding:4px 9px;
					border-bottom:1px solid #dedece;
					margin-bottom:1px;
					color:#a59c7b;
				}
				
				div.sideContent ul li a:hover {
					background:#b8741c url(../images/sideli-bg.gif) repeat-x bottom;
					border-bottom:1px solid #b8741c;
					color:#fff;
				}
				
				* html div.sideContent ul li a {
					width:178px;
					border-bottom:1px solid #dedece;
					margin-bottom:0px;
				}
				
					* html div.sideContent ul li a:hover {
						display:block;
						padding:4px 9px;
						border-bottom:1px solid #b8741c;
						margin-bottom:0px;
					}
					
			div.sideContent ul ul {
				margin-bottom:10px;
			}
				
			div.sideContent div.widget_flickrrss {

			}
				
				div.sideContent div.widget_flickrrss ul {
					margin-left:34px;
					float:left;
					clear:both;
				}
						
					div.sideContent div.widget_flickrrss li {
						padding:0 16px 16px 0;
						float:right;
						list-style:none;
					}
					
						div.sideContent div.widget_flickrrss li a {
							display:inline;
							border:none;							
						}
						
							div.sideContent div.widget_flickrrss li a:hover {
								background:none;
							}
						
							div.sideContent div.widget_flickrrss li a img {
								border:1px solid #a9a990;
							}
							
							div.sideContent div.widget_flickrrss li a:hover img {
								border:1px solid #7d7d15;
							}
						
			div.sideContent div {
				padding-bottom:35px;
				float:left;
				clear:both;
				width:222px;
			}
			
			div.sideContent select#cat {
				width:178px;
				margin-left:26px;
				background-color:#fff;
				border:1px solid #dedece;
				color:#b8741c;
				font-size:14px;
				padding:3px;
			}
		
/* ---------------------------------------------------- */
/* =footer                                              */
/* ---------------------------------------------------- */
		
		
	div.footer {
		clear:both;
		background:#240A00 url(../images/footer-bg.gif) no-repeat center top;
		padding:5px 0 0 350px;
		height:50px;
		
		font-size:10px;
		color:#454507;
	}
	
		div.footer p,
		div.footer ul,
		div.footer ul li {
			display:inline;
		}
		
		div.footer ul {
			padding-left:20px;
		}
		
			div.footer ul li {
				padding:0 5px;
			}
			
		div.footer a {
			color:#454507;
		}
		
			div.footer a:hover {
				color:#b8741c;
			}
		
	
/* ---------------------------------------------------- */
/* =typography global                                   */
/* ---------------------------------------------------- */	

a {
	color:#81abbb;
	text-decoration:none;
}

	a:hover {
		color:#b8741c;
	}
	
p {
	margin:1em 0;
}

h1 {
	font-size:28px;
	margin-bottom:20px;
}

	body.portfolio h1 {
		color:#b8741c
	}
	
	body.about h1 {
		color:#5d90a4;
	}
	
	body.contact h1 {
		color:#939343;
	}

h2 {
	font-size:28px;
	line-height:32px;
	color:#454507;
	margin-bottom:10px;
}

	h2 a {
		color:#a53913;
	}

h3 {
	font-size:20px;
	color:#454507;
}

	
/* ---------------------------------------------------- */
/* =home / wordpress                                    */
/* ---------------------------------------------------- */

div.homeContent {
	padding-top:262px;
}

div.aboutCTA {
	background:url(../images/cta-about-bg.gif) no-repeat;
	position:absolute;
	left:-10px;
	top:42px;
	padding:30px 20px 20px 100px;
	margin-bottom:39px;
	width:436px;
	
	font:11px/15px Arial, Helvetica, sans-serif;
	color:#5b390c;
}

	div.aboutCTA h2 {
		font-size:18px;
		line-height:18px;
		margin-bottom:13px;
	}
	
	div.aboutCTA p {
		margin:.5em 0;
	}
	
	div.aboutCTA a {
		color:#638F9F;
	}
	
	div#twitter_div ul#twitter_update_list li,
	div#twitter_div p,
	div#twitter_div ul {
		display:inline;
	}
	
	div#twitter_div ul#twitter_update_list {
		color:#7D7D15;
	}
	
	div.aboutCTA a.readMore {
		display:block;
		margin:30p 0x;
		text-align:right;
		color:#5b390c;
		text-decoration:underline;
	}

div.post {
	padding-bottom:46px;
}
	
	div.post p.date {
		color:#454507;
		background:#B7B890 none repeat scroll 0% 50%;
		border-bottom:1px solid #9D9F6D;
		border-right:1px solid #9D9F6D;
		font-size:10px;
		left:-28px;
		margin:0;
		padding-left:30px;
		position:relative;
		width:100%;
	}
	
	div.post div.postContent {
		padding-left:23px;
	}
	
	p.postTags,
	p.postInfo {
		font-size:10px;
		color:#999979;
		margin:2px 0;
	}
	
div.widget_categories ul li {
	padding:4px 9px;
	border:none;
	margin-bottom:1px;
	color:#a59c7b;
}

	div.widget_categories ul li li {
		border:none;
	}
				
	div.widget_categories ul li:hover {
		border:none;
		background:none;
	}
	
	div.widget_categories ul li a {
		display:inline;
		background:none;
		border:none;
		margin:0;
		color:#a59c7b;
	}
	
	div.widget_categories ul li a:hover {
		background:none;
		color:#b8741c;
		border:none;
	}
	
div.content div.navigation {
	clear:both;
	float:left;
	width:100%;
	border-bottom:1px solid #dedece;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:11px;
}

	div.content div.navigation div.alignleft {
		float:left;
	}
	
	div.content div.navigation div.alignright {
		float:right;
	}
	
img.alignRight {
	float:right;
	margin:0 0 0 10px;
	border:1px solid #454507;
}

img.alignLeft {
	float:left;
	margin:0 10px 0 0;
	border:1px solid #454507;
}
	
form#commentform input {
	border:1px solid  #DEDECE;
	background-color:#fff;
	font:14px Arial, Helvetica, sans-serif;
	color:#b8741c;
	padding:3px;
}

form#commentform label {
	color:#7D7D15;
	font-size:14px;
}
	
textarea#comment {
	width:441px;
	border:1px solid  #DEDECE;
	padding:5px;
	font:14px Arial, Helvetica, sans-serif;
	color:#b8741c;
}

input#submit {
	font-size:16px;
	color:#7D7D15;
}

small {
	font-size:10px;
}

h3#comments {
}

ol.commentlist {
	margin:30px 10px;
}

	ol.commentlist li {
		padding:10px;
	}

	ol.commentlist li.alt {
		background-color:#fff;
		border:1px solid #dedece;
		
	}
	
	ol.commentlist li small.commentmetadata {
		border-bottom:1px solid #7D7D15;
		display:block;
	}
	
	ol.commentlist a {
		color:#7D7D15;
	}

	
	
div.wordpressFooter {
	position:relative;
	left:1px;
	background-color:#81abbb;
	font-size:10px;
	color:#4d4d27;
	padding:3px 10px;
	margin:0 0 20px;
	width:300px;
	clear:both;
	border-bottom:1px solid #59818F;
	border-right:1px solid #59818F;
}

	div.wordpressFooter a,
	div.wordpressFooter a:hover {
		color:#fff;
	}
	
	
/* ---------------------------------------------------- */
/* =contact page                                        */
/* ---------------------------------------------------- */

fieldset.contactForm {
	background-color:#DEDFC3;
	padding:0pt 9px 20px;
	margin:0 0 20px 0;
}
	
	fieldset.contactForm label {
		font-size:10px;
	}
	
	fieldset.contactForm input,
	fieldset.contactForm textarea {
		background-color:#fff;
		border:1px solid #dedece;
		color:#b8741c;
		font-size:14px;
		padding:3px;
		font-weight:bold;
	}
	
	fieldset.contactForm div.txtField {	
		margin:1em 0;
	}
	
		fieldset.contactForm div.txtField label {
			margin-left:5px;
		}
	
	fieldset.contactForm textarea.comments {
		width:423px;
		margin-bottom:1em;
		font-size:16px;
	}
	
/* ---------------------------------------------------- */
/* =portfolio page                                      */
/* ---------------------------------------------------- */

body.portfolio div.content {
	width:510px;
}

div.portfolio {
}

	div.portfolio div.portfolioThumb {
		border-bottom:1px solid #DEDECE;
		color:#B8741C;
		left:-27px;
		margin:8px 0pt;
		padding:10px 0pt 18px 30px;
		position:relative;
		width:508px;
	}
	
		div.portfolio div.portfolioThumb a,
		div.portfolio div.portfolioThumb h3 {
			color:#486c7a;
		}
		
			div.portfolio div.portfolioThumb a:hover {
				color:2C464F;
			}
		
		div.portfolio div.portfolioThumb h3 {
			padding:0;
			line-height:30px;
		}
		
		div.portfolio div.portfolioThumb img {
			border:1px solid #4a2a01;
		}
		
		div.portfolio div.portfolioThumb div.links {
			padding:8px 0 0 0;
		}
	div.portfolio div.alt,
	div.portfolio div.alt div.links,
	div.portfolio div.alt a,
	div.portfolio div.alt h3 {
		color:#b8741c;
	}
	
		div.portfolio div.alt a:hover {
			color:#8F5811;
		}