body{
	font-family:arial,helvetica,sans-serif;
	font-size:0.9em;
	text-align:center;
}

h1,h2,h3,h4{margin:2px 0;}

select{border:1px solid #ccc;}
select.close{width:60px;}
select.open,select.temp-open{width:190px;}

body{font-family:arial,helvetica,sans-serif;font-size:0.8em;margin:0;text-align:center;}

a{color: #ff7800;text-decoration:none;}
a:hover{color:#9e581a;}
a img{border:none;vertical-align:middle;}

table{font-size:1.0em;}

h1{font-size:1.8em;margin:2px 0px 6px 0px;}
h2{font-size:1.6em;margin:2px 0px;}
h3{font-size:1.4em;margin:2px 0px;}
h4{font-size:1.2em;margin:2px 0px;}

h1 a, h2 a, h3 a, h4 a{color:#015FAB;text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{color:#01457c;}

h1 span.light{color:#87A8C1;}

input{background:#fff;border:1px solid #999;padding:3px;}
input:hover{background:#FFFFDD;}

label,div.label{display:block;font-weight:bold;width:98%;padding-bottom: 5px;}
label span,div.label span{color:#000;float:left;width:9em;text-align:left;}
label.top,form div.top{display:block;float:none;}
label.top span,form div.top span{display:block;float:none;width:auto;}
fieldset{border:1px dotted #ccc;padding:3px;}

/**************[ Header ]*****************/
#wrapper,#top_inner,#login_inner{margin:0px auto;position:relative;text-align:left;}

#header{
	background:#215e21 url(http://grocerylists.com/templates/default/images/top_tile.gif) bottom left repeat-x;
	border-bottom:1px solid #44714b;
	margin:0;
	padding: 0;
	position:relative;
	height:139px;
}
#header img{margin: 0;}
#sub-header{background: #77ac81;font-size:0.2em;height:10px;}

/**************[ Sidebars ]*****************/
#left{background: url(http://grocerylists.com/templates/default/images/left_tile.gif) top right repeat-y;}

.sidebar{text-align:left;width:200px;}
.sidebar ul{margin:0;padding:0;}
.sidebar li{list-style:none;}
.sidebar h3,.sidebar h3 a{color: #583a16;font-size:1.1em;}
.sidebar .inner{padding:5px;}

.side-top{
	background:#77ac81;
	color: #eee;
	padding: 0 5px 10px 5px;
}

#right .side-top{color: #666;text-align:center;}
.sidebar #login_form{margin:0 auto;width:98%;}
.sidebar #login_form .body{font-size:0.9em;padding:5px;}
.sidebar #login_form input{font-size:0.8em;}
.sidebar #login_form label span{width:6em;}

#right li.more a{color:#6e9450;}

.sidebar .my-lists{
	border: 1px dotted #ccc;
	font-size: 0.9em;
	margin-bottom: 10px;
	padding:3px;
}
.sidebar .my-lists li{
	list-style-image: url(http://grocerylists.com/templates/default/images/sidebar_bullet.gif);
	margin-left: 20px;
}

.sidebar .my-lists li li{
	list-style-image: none;
	margin-left: 10px;
}

.sidebar ul h3{
	background: #e4f3dd;
	padding: 5px 0 5px 7px;
}

.sidebar .article-links{
	margin-top: 10px;
}
.sidebar .article-links li{
	margin-bottom: 5px;
}
.sidebar .article-links li ul{
	padding: 5px;
}
.sidebar .article-links li li{
	font-size: 0.9em;
	list-style: none;
	list-style-image: url(http://grocerylists.com/templates/default/images/sidebar_bullet.gif);
	margin-left: 20px;
}

.sidebar .article-links li li.right{
	list-style-image: none;
	margin-top:10px;
}

.sidebar .article-links a{
	color: #6e9450;
}

.sidebar .article-links a:hover{
	color: #3c5627;
}

#search{padding: 0 5px;}
#search input{font-size: 0.9em;}

/**************[ Primary ]*****************/
#primary{padding:0;position:relative;}
#primary .top{
	background: #e9fae2;
	color: #8fa48c;
	font-weight: bold;
	padding:5px 10px;
	position:relative;
}
#primary .top ul{
	list-style-type: disc;
	margin: 0;
	padding:0;	
}
#primary .top ul li{
	float: left;
	margin-left: 20px;
}
#primary .top form{display:inline;}
#primary .top label,#primary .top div.label{
	display: inline;
	float:none;
	padding-right: 10px;
	width: auto;
}
#primary .top label span{
	display: inline;
	float: none;
}

#primary .top div.label span{display:none;}

#primary .left-curve{position:absolute;top:0;left:0;}
#primary .right-curve{position:absolute;top:0;right:0;}
#primary #body{padding:5px 10px;position:relative;}

.yellow-block{
	background: #f5f5f5;
	border: 1px solid #dfdfdf;
	padding: 3px;
	position:relative;
}
.yellow-block .inner{
	background: #fdffc6 url(http://grocerylists.com/templates/default/images/yellow_box_top_tile.gif) repeat-x;
	border: 1px solid #e9e8c8;
	padding: 60px 15px 5px 15px;
	position: relative;
}

.yellow-block .cart{
	position: absolute;
	top: 0px;
	right: 10px;
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.yellow-block .label{
	position: absolute;
	top:0px;
	left:10px;
}

.yellow-block ul{
	font-size: 1.5em;
	list-style-type: none;
	list-style-image: url(http://grocerylists.com/templates/default/images/yellow_box_check.gif);
	margin: 0 0 0 40px;
	position:relative;
}	

.yellow-block li{
	margin: 0 0 5px 0;
	padding:0;
	position:relative;
}

.yellow-block li.right{
	list-style-image: none;
	margin-top: 20px;
}

.yellow-block .action{color: #ff7800;}

#join-form{
	background:#f5f5f5;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin-top:0px;
	padding: 5px;
}

.article h2{color: #297535;}
.article h2 a{color: #297535;}

.article .sub-header{
	border-bottom: 1px dotted #ddd;
	font-size: 0.8em;
	color: #999;
	margin-bottom: 5px;
	padding-bottom: 3px;
}

.article-brief{
	border: 1px dotted #ccc;
	padding: 5px;
}

.article .read-more{
	font-size: 0.9em;
}

.block{margin-bottom: 10px;padding:3px;}
/**************[ Footer ]*****************/
#footer{
	text-align:center;
}

#footer ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
#footer ul li{
	display:inline;
	padding: 5px;
}

/**************[ Misc ]*****************/
ol{margin:0;padding-left:20px;}

.curved .rnd1{
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#fff;
  font-size:1px;
}

.curved .rnd2{
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 2px; 
  background:#fff; 
  font-size:1px;
}

.curved .rnd3{
  display:block; 
  overflow:hidden; 
  height:1px; 
  background:#fff; 
  margin:0 1px;
  font-size:1px;
}

.curved .body{
	background:#fff;
}

.strength{border:1px solid #ccc;display:inline;margin-left:10px;padding:3px;}
.strength em{font-style:normal;margin-left:5px;}
.strength em.poor{color:red;}
.strength em.medium{color:#d3914a;}
.strength em.strong{color:#4a74d3;}
.strength em.very-strong{color:#29a729;}

#item_container,#sub_category_container,#list_container{
	position:relative;
}

#footer{clear:both;}

.bar{background:url(templates/default/images/bar.gif) repeat-x;border:1px solid #333;font-size:1px;height:15px;}

.small-table{width:500px;}
.wide-table{width:99%;}
.bar-cell{width:250px;}
.percent-cell{width:75px;}

.bold{color:#FF9212;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.small{font-size:0.9em;}
.error{color:red;font-weight:bold;}
.success{color:#108510;font-weight:bold;}

.loading{margin-left:10px;position:absolute;top:0;right:0;vertical-align:middle;}
#add_section{
	height:20em;
	padding-top:120px;
}
#add_section input{margin-bottom:10px;}
#list-builder{text-align:center;}
#list-builder h3{position:relative;}
select#list{
	border:1px solid #ccc;
	overflow:auto;
	padding:3px;
	width:250px;
}

#list h2{font-size:1.1em;}
#list li{list-style:none;margin:0 0 5px 0;padding:0;}
#list li li{cursor:pointer;}
#list li li.selected{background: #eee;border: 1px dotted #ccc;}
#list li li .sub_category{color: #bbb;font-size:0.9em;padding-left: 10px;}

#list li ul.item-list{margin:0 0 0 10px;padding:0;}

.saved{
	background:#DEEBCB;
	border:1px dotted #BCD99E;
	margin-bottom:5px;
	padding:3px;
}

.unsaved{
	background:#FEF7D0;
	border:1px dotted #FEF4A7;
	margin-bottom:5px;
	padding:3px;
}

.sub-text{font-size:0.9em;}

#lists{
	margin:0;
	padding:0;
}

#lists li{
	background:#fafafa;
	border:1px solid #DADDD6;
	list-style:none;
	margin:0 0 10px 0;
	padding:3px;
	position:relative;
}

#lists .options{
	position:absolute;
	top:3px;
	right:3px;
}

.separated{border:1px solid #ddd;}
.separated th{padding:3px;}

.separated td{
	background:#eee;
	border:1px solid #ddd;
	padding:3px;
}

.message_area{display:none;}

.sent{color:#2F702F;font-weight:bold;}

ul.admin-list{
	margin:0;
	padding:0;
}

ul.admin-list li{
	border: 1px dotted #ccc;
	font-size: 1.1em;
	margin: 0 0 10px 0;
	padding:5px;
	list-style:none;
}

.admin-articles{margin:0;padding:0;}
.admin-articles li{
	border:1px dotted #ccc;
	list-style:none;
	margin:0 0 10px 0;
	padding:3px;
}
.admin-articles h3{color:#215e21;font-size:1.1em;margin:0;}
.admin-articles .sub-header{color:#ccc;font-size:0.9em;}

#TB_title{
	background: #287536;
	color: #fff;
}

#TB_title a,#TB_title a:link,#TB_title a:visited,#TB_title a:active{color:#eee;}
#TB_title a:hover{color:#fff;}
