/*
Theme Name: Potato
Theme URI: 
Description: Wordpress theme for bakeapotato.com
Version: 1.0
Author: linmq
Author URI: http://linmq.com
*/
@import url("layout.css");
@import url("common.css");

/*******************************************************************************************/
/**************************************** style.css ****************************************/
/*******************************************************************************************/

body {
	/*background: #f4f2f2 url('images/content-gradient.png') repeat-x 0 156px;*/
	background-color: #f4f2f2;
}


/******************/
/* HEADER REGIONS */
/******************/

#header {
	background: #3066a6 url('images/header-bg.jpg') no-repeat center top;
}

#header-wrapper {
	position: relative;
	margin: 0 auto;
	width: 80%;
	padding: 25px 0 15px;
}

#header-middle {
	position: relative;
	margin: 0 auto;
	width: 80%;
	padding-top: 8px;
}

#header-bottom {
	position: relative;
	margin: 0 auto;
	width: 90%;
	padding-top: 12px;
}


/*********/
/* TITLE */
/*********/

#header .title {
	font-size: 2.8em;
	line-height: 80%;
}

#header .title a {
	text-decoration: none;
	color: #fff;
}

#header .title a:hover { 
	color: #1e1e1e;
}


/***********/
/* SLOGAN */
/***********/

#slogan {
	padding-left: 8px;

	color: #27638C;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
}


/***********/
/* MISSION */
/***********/

#mission {
	padding: 8px 0;

	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}


/****************/
/* PRIMARY MENU */
/****************/

#primary-menu {
	position: relative;
	float: right;

	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

#primary-menu ul.links {
	border: medium none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
}

#primary-menu ul.links li {
	background: transparent url('images/tab-left.png') no-repeat left 0;
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 0 0 0 0.833em;
	position: relative;
	width: auto;
}

#primary-menu ul.links li:hover,
#primary-menu ul.links li.hover,
#primary-menu ul.links li.active-trail {
	background-position: left -29px;
}

#primary-menu ul.links li a {
	background: transparent url('images/tab-right.png') no-repeat right 0;
	color: #154B70;
	display: block;
	padding: 0.416em 0.833em 0.083em 0;
	text-decoration: none;
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li:hover a,
#primary-menu ul.links li.hover a,
#primary-menu ul.links li.active-trail a {
	background-position: right -29px;
	color: #fff;
}

/********************************/
/* PREFACE REGIONS */
/********************************/

#preface {
	background: #000 url('images/preface-wrapper-bg.png') repeat-x top;
	padding: 0 10px;
	height: 35px;
}

/***********************/
/* CONTENT */
/***********************/

#content .title {
	border-bottom: 1px solid #c7d0d8;
	font-size: 1.5em;
	font-weight: 600;
	margin: 15px 0 15px;
}

#content .title a:link,
#content .title a:visited {
}

#content .title a:hover,
#content .title a:active {
	color: #619CBE;
	text-decoration: none;
}

#content div.content {
	margin: 0 0 25px;
}

#content div.content h3 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#content div.content p {
	margin-bottom: 0.5em;
}

/**********/
/* LINKS */
/*********/

div.links {
	background-color: #eeebeb;
	margin: 1em 0 0;
	text-align: right;
	clear: both;
}

div.links span.submitted {
	margin-right: 14px;
}

div.links ul.links {
	display: inline;
}

div.links ul.links li {
	background: transparent;
	padding: 0 14px 0 0;

	font-size: 0.9em;
	font-weight: bold;
}

div.links ul.links li.node_read_more {
	background: url('images/mini-page.gif') no-repeat left center;
	padding-left: 20px;
}

div.links ul.links li.comment_add,
div.links ul.links li.comment_reply,
div.links ul.links li.comment_comments {
	background: url('images/mini-comment.gif') no-repeat left center;
	padding-left: 20px;
}

/**********/
/* PAGERS */
/**********/

#content .item-list .pager {
	clear: both;
	margin: 0 0 20px;
	text-align: center;
}

#content .item-list .pager li {
	background-image: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}

#content .item-list .pager a.active {
	color: #27638C;
	font-size: 1em;
	font-weight: bold;
	padding: 4px;
	text-decoration: none; 
}

#content .pager li.pager-current {
	background-color: #27638c;
	border: 1px solid #eeebeb;
	color: #fff;
	margin: 0 3px;
	padding: 4px;
}

#content .pager-first,
#content .pager-next,
#content .pager-previous,
#content .pager-item,
#content .pager-last {
	background-color:#f8f7f7;
	border: 1px solid #eeebeb;
	margin: 0 3px;
	padding: 4px;
}

#content .pager-first:hover,
#content .pager-next:hover,
#content .pager-previous:hover,
#content .pager-item:hover,
#content .pager-previous:hover,
#content .pager-last:hover {
	background-color: #fff;
}


/*****************/
/* FOOTER REGION */
/*****************/

#footer {
  border-bottom: 1px solid #c7d0d8;
  border-top: 1px solid #c7d0d8;
  clear: both;
  display: block;
  font-size: 0.9em;
  margin: auto 0;
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
}

#legal-notice {
  background: #545e68;
  clear: both;
  color: #AAA;
  display: block;
  font-size: 9px;
  padding: 6px 0;
  text-align: center;
  width: 100%;
}

#legal-notice a {
  color: #545e68;
  background: #AAA;
  margin: 0 0 0 10px;
  padding: 0 5px;
  text-decoration: none;
}


/*********/
/* TOOLS */
/*********/

.advt {
	margin: 8px 0;
}

.hide {
	display: none;
	visibility: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
	clear: both;
	content: "."; 
	display: block;
	font-size: 0;
	height: 0; 
	visibility: hidden;
}

.center {
	text-align: center;
}