/***************************** Reset ******************************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;.zoom:1;}
html,body {border:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

ul { list-style:disc; list-style-position: inside; padding-left:1em; }
ol { list-style:decimal; list-style-position: outside; padding-left:2em; }

em,i { font-style:italic; }
strong,b { font-weight:bold; }

h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica, Arial;
	font-weight:normal;
	color:#e27c29;
}

h1 { font-size:2em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1em; }

html, body {
	font: 13px 'helvetica neue', helvetica, sans-serif, Arial;
	background-color:#292f31;
	color:#000;
	text-align: center;
}

h1 a, #base_name a {
	color: #e27c29;
}

h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #302c29;
}

a, a:visited, a:hover {
	color:#8eb025;
}

#base-page {
	text-align:left;
	margin: auto;
	width: 960px;
	margin-top: 15px;
}

#base-header-wrapper {
}

#base-header {
/*	border-bottom:3px solid #F5C42E;*/
	/*background-color:#eaf8ff;*/
	/*background-color:#ddd;*/
	width:940px;
	margin:auto;
	text-align:left;
	padding: 0 10px 1px 10px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}

#base-menu {
	padding-top: 10px;
}

#base-menu a, #base-menu a:visited {
  font: 18px Helvetica, arial;
  /*font-weight: bold;*/
  color: #aaa;
  text-decoration: none;
  text-transform: lowercase;
  /*border-bottom: 1px solid #ccc;*/
	padding:0 1em;
}

#base-name a {
	font-family: Helvetica;
	font-style: normal;
	font-weight:  bold;
	/*color: #302c29;*/
}

#base-logo {
	padding-top:1em;
}

#base-logo a {
	text-decoration:none;
}

#base-name {
	font-size:2em;
}

#base-menu {
	text-align:right;
	margin-bottom:1em;
}


#base-search {
	text-align:right;
	padding-top:1em;
	float:right;
}

#base-search input.text {
	width:200px;
}

#base-content-wrapper {
	width:960px;
	margin:auto;
	overflow:hidden;
	background-color:#fff;
	padding-bottom: 10px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}

#base-content {
	float:left;
	padding:10px 10px 15px 10px;
    width:625px;
	text-align:left;
	min-height:300px;
	/*background-color: green;*/
}

#base-sidebar {
	/*background-color: red;*/
	float:right;
	width:310px;
	padding:5px 0 5px 0;
	text-align:left;
	font-size:0.9em;
}

#base-sidebar h3 {
	font-size:1.1em;
	padding:3px;
	background-color:#8C1720;
	color:#fff;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	margin-bottom: 5px;
	margin-top: 10px;
}

#base-sidebar .ads {
/*  margin-top:20px;*/
/*  text-align:center;*/
}

#base-footer {
	margin:20px 0 15px 0;
	text-align:center;
	color: #ccc;
}

#base-links a {
	margin-left:10px;
}

.section {
	margin-top:1em;
}

form table {
	width:100%;
}

form table td {
	padding:5px;
}

form th {
	text-align:right;
	font-weight:bold;
}

form input[type=text], form input[type=password] {
	width:100%;
}

form textarea {
	width:100%;
}

.buttons {
	text-align:right;
}
.username {
	font-weight:bold;
}

.tstamp {
	font-style:italic;
}

#recipe_list {
    margin-left: 10px;
}

#recipe_list .recipe {
	width: 300px;
	float: left;
	height: 250px;
	/*border: 1px solid #000;*/
	margin-right: 10px;
}

#recipe_list .recipe-name {
	font-size: 14px;
	background-color: #ddd;
	padding: 5px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	text-transform: uppercase;
	height: 2.1em;
	overflow: hidden;
}

#recipe_list .recipe-name a, #recipe_list .recipe-name a:visited {
	font-style: normal;
	font-weight: bold;
	color: #302c29;
}

#recipe_list .recipe-summary, #recipe_list .recipe_image {
	font-size: 13px;
	color: #444;
	padding: 5px;
	background-color: #eee;
	height: 175px;
	overflow: hidden;
}

#recipe_list .recipe-info {
	font-size: 0.9em;
}

#recipe_list .recipe_image {
    display: block;
}
#recipe_list .hide {
    display: none;
}

#recipe_list .recipe:hover .hide{
    display: block;
}
#recipe_list .recipe:hover .recipe_image {
    display: none;
}