/* Mamacitta.com designed & developed by Darren Hoyt (darrenhoyt.com)

/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Navigation
  Headings
  Content Area
  Forms
  Footer
  Footer Hack

 COLOR CHART

  Light blue - #C1D8F4 
  Beige content - #DCD9CD 
  Brown sidebar - #52503F 

*/



/* ---------- @ HTML Elements -----------*/


html,body {
	height: 100%;
	background: #191919 url(/images/bg.png) repeat-x fixed;
	color: #565656;
	font: 100% Arial,Verdana;
	min-height:101%;
	}

* {
	margin: 0px;
	padding: 0px;
	}

p {	
	margin: 15px 0px 15px 0px;
	line-height: 140%
}

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

a:hover, a:active {
	color: #D6953A;
	}

img {	
	border:none;
}


*:focus { 
	outline: none 
}




/* ---------- @ Page Structure -----------*/


#wrapper {
	background: url(/images/bg_wrapper.jpg) repeat-y;
	width: 751px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	padding: 0px 0px 60px 0px;
	text-align:left;
	font-size: 0.7em;
	}
	   
#masthead {
	background: url(/images/bg_masthead.png);
	height: 150px;
	border-top: 4px solid #8E8B79;
	height: 90px;
}
   
h1#logo {
	width:195px;
	background: url(/images/logo.png);
	height: 90px;
	text-indent:-9000px;
	float:left
}

#headerimg {
	background: url(/images/bg_headerimg.jpg);
	width: 751px;
	height: 175px;
	}

#headerimg-02 {
	background: url(/images/bg_headerimg02.jpg);
	width: 751px;
	height: 175px;
	}

#headerimg-03 {
	background: url(/images/bg_headerimg03.jpg);
	width: 751px;
	height: 175px;
	}	

#headerimg-04 {
	background: url(/images/bg_headerimg04.jpg);
	width: 751px;
	height: 175px;
	}

#headerimg-05 {
	background: url(/images/bg_headerimg05.jpg);
	width: 751px;
	height: 175px;
	}	
	
.content {	
	background: url(/images/bg_content.jpg) no-repeat;
	padding: 0px 25px 0px 25px;
	width: 485px;
	}
		
.content a:link, .content a:visited {	
	text-decoration:none;
	color: #B88032; 
}

.content a:hover, .content a:active {	
	background: #E7E5DC;
	color:#A3712C;
}
.left {	
	float:left;
}

.right {	
	float:right
}

br.clear {	
	clear:both; 	
	margin:0px !important; 
	padding:0px !important; 
	height: 1px; 
	font-size: 1px; 
	line-height: 1px; 
}




/* ---------- @ Navigation -----------*/


/* Top */

ul#topnav {
	float: right;
	}

ul#topnav li {
	display: inline;
	}
	
ul#topnav a {
	float:left;
	color: #C1D8F4;
	font-weight: bold;
	padding: 22px 18px 0px 18px;
	background: url(/images/bg_list_topnav.png) no-repeat;
	}

ul#topnav a:hover {
	color: #FFF;
	}	

ul#topnav #first {
	background: none;
	}



/* Left */
		
.navbar {	
	padding: 0px 17px 0px 17px;
	color:#FFF;
	width: 163px;
}

.navbar a, .navbar a:visited {	
	color:#C0BCA3;
	background: #6C6957;
	padding: 4px 9px 4px 9px;
	width: 138px;
	display: block
}
	
.navbar a:hover, .navbar a:active {	
	color:#DAD5B9;
	background: #63614F;
}

.navbar li {
	list-style:none;
	margin-bottom: 1px;
		}




	
		
/* ---------- @ Headings -----------*/
	
h1 {
	font-size: 1.4em;
	}

h2 {
	font-size: 1.3em;
}

h2#topics {
	width: 91px;
	background: url(/images/hdr_topics.gif);
	}

h2#archives {
	width: 107px;
	background: url(/images/hdr_archives.gif);
	}	

h2#recent {
	width: 147px;
	background: url(/images/hdr_recent.gif);
	}	
	
h2#search {
	width: 91px;
	background: url(/images/hdr_search.gif);
	}	

h2#topics, h2#archives, h2#search, h2#recent {
	text-indent: -9000px;
	height: 31px;
	margin-top: 22px;
	}

.content h2 {
	font-size: 1.8em;
	color: #333;
	font-weight:normal;
	line-height: 100%;
	}
		
h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h2.pagetitle  {
	margin-bottom: 26px;
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
	color: #958E7F;
	}
	
	

/* ---------- @ Content Area -----------*/

.metadata {
	color: #999;
	padding-top: 3px;
	}

.post {
	padding-bottom: 35px;
	}

.calendar {
	float: left; 
	width: 30px; 
	height: 48px; 
	margin: 0px 10px 0px 0px;
	border-right: 1px dotted #6A6A6A;
	text-align: center;
	color: #958E7F;
	padding-right: 5px;
	}

.day {
	font: 2.2em bold Georgia,Times New Roman;
	line-height: 90%;
	}
	
ul#recent li a {
	background: none;
	}
	
		

/* ---------- @ Forms -----------*/

.button {	
	background: #8C8B80 ! important;
	color:#DCD9CC;
	border: none;
	padding: 2px;
}

.button:focus {	
	background: #7B796D ! important;
	border: none;
}
		
.button:hover {	
	background: #7B796D ! important;
}

input.searchbox {
	background: #DCD9CC ! important;
	border: 1px solid  #52503F;
	font-size: 0.8em;
	padding: 3px;
	}
	
p.go {
	display:inline
	}
	
input {
	font-size: 0.8em;
	}
		

/* ---------- @ Footer -----------*/


#footer {
	position:fixed;
	bottom:0;
	left:0;
	z-index:999;
	width:100%;
	height:24px;
	background: #343223;
	border-top: 1px solid #191919;
	color: #AAA78F;
	font-size: 0.6em;
	padding-top: 5px;
}


#footer p {
	width: 751px;
	margin: 0 auto;
	}

#footer a:hover {
	background: none;
	color: #FFF;
	}
	
	
/* ---------- @ Footer Hack-----------*/

* html, * html body {
	overflow-y: hidden; 
	}
		
* html #footer {
	position:absolute;
	bottom:-1px;
	}


#framebot {
	position:relative;
	z-index:2;
	min-height:100%;
	}


* html #framebot {
	height:100%;
	overflow:auto;
	overflow-y:scroll;
	position:relative;
	z-index:2;
}