/* ============================================================
What: RockPower Pizza Styles
Who: K.Makaveev / kmakaveev (at) logicalperformance (dot) com
When: Sept 2007
=============================================================== */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 10px;
  padding: 0;
  background: #9bcb3b;
  text-align: center;
}

* {
  margin: 0;
  padding: 0;
}

.hide {
  display: none;
}

.transp {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}

address {
	font-style: normal;
}

input, textarea, select, option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input, textarea {
	border: 1px solid #435700;
	padding: 3px;
	font-size: 12px;
	background: #f0f7c1;
}

input.btn {
	background: #c00;
	border: 1px solid #c00;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}

label {
	cursor: pointer;
	color: #435700;
}

/* =Layout
--------------------------------------------------------------- */

#layout {
  margin: 0 auto;
  text-align: left;
  width: 960px;
  background: url("../images/layout_bkgr.gif") repeat-y top left;
}

/* =Header
--------------------------------------------------------------- */

#header {
  background: url("../images/rpp_hdr_bkgr.gif") repeat-x left -16px;
  height: 125px;
  padding-right: 15px;
}

#header h1 {
   float: left;
}

#header h1 a {
  display: block;
  margin-left: 15px;
  width: 165px;
  height: 125px;
  background: url("../images/rpp_logo.png") no-repeat top left;
}

#header h1 a span {
  display: none;
}

#header #slogan {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  float: right;
  width: 410px;
  font-size: 11px;
  font-style: italic;
  color: #435700;
  text-align: justify;
  margin: 19px 0 0 0;
  padding: 0 10px 0 0;
  line-height: 1.4em;
}

#header #top_nav_out {
  float: right;
  width: 430px;
  background: #435700 url("../images/top_nav_left.png") no-repeat top left;
  margin: 4px 0 0 0;
}

#header #top_nav_in {
  float: left;
  width: 430px;
  height: 30px;
  line-height: 30px;
  background: url("../images/top_nav_right.png") no-repeat top right;
}

#header #top_nav_out ul {
  list-style: none;
  text-align: center;
}

#header #top_nav_out ul li {
  display: inline;
  background: #435700;
}

#header #top_nav_out ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
 background: url("../images/nav_pipe.gif") no-repeat left 50%;
  padding: 0 0 0 7px;
}

#header #top_nav_out ul li a:hover {
  text-decoration: underline;
}

#header #top_nav_out ul li.fst a {
	background: none;
	padding: 0;
}

/* =Content
--------------------------------------------------------------- */

#content {
  float: left;
  width: 960px;
  background: url("../images/pizza_slice.png") no-repeat 30px 40px;
}

/* =Sidebar
--------------------------------------------------------------- */

#sidebar {
  float: left;
  width: 199px;
}

#nav {
  margin: 15px auto;
  width: 160px;
  background: url("../images/nav_top.gif") no-repeat top left;
  padding-top: 15px;
}

#nav ul {
  list-style: none;
  background: url("../images/nav_bottom.gif") no-repeat bottom left;
  padding-bottom: 15px;
  border-top: 1px solid #fff;
}

#nav ul li {
  border-bottom: 1px solid #fff;
  background: #f0f7c1;
}

#nav ul li a {
  display: block;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px;
  line-height: 25px;
  height: 25px;
  color: #c00;
}

#nav ul li a:hover, #nav ul li a.act {
  background: #fff;
  color: #030;
}

#nav span.new {
	background: #c00;
	color: #fff;
	padding: 1px 3px;
	font-size: 11px;
}

/* Phone number box */

#phone_num {
  display: block;
  width: 160px;
  height: 43px;
  margin: 0 auto 15px auto;
  background: url("../images/phone_num.gif") no-repeat top left;
}

#phone_num span {
  display: none;
}

#sidebar .info_bubble_top {
	margin: 0 auto;
	width: 160px;
	height: 15px;
	background: url("../images/nav_top.gif") no-repeat bottom left;
}

#sidebar .info_bubble_cont {
	margin: 0 auto;
	width: 140px;
	background: #f0f7c1;
	padding: 0 10px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #c00;
	font-size: 12px;
}

#sidebar .info_bubble_bottom {
	margin: 0 auto 15px auto;
	width: 160px;
	height: 15px;
	background: url("../images/nav_bottom.gif") no-repeat top left;
}

#sidebar .info_bubble_cont address {
	font-weight: bold;
}

#sidebar .info_bubble_cont address .cmpy_name {
	font-size: 14px;
}

/* =Main content
--------------------------------------------------------------- */

#main {
  float: right;
  width: 745px;
  padding-right: 15px;
  font-size: 12px;
  color: #000;
}

#main h1, #main h2, #main h3 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#main h1 {
  font-size: 32px;
  color: #e52928;
}

#main h2 {
  font-size: 26px;
  color: #435700;
}

#main p {
  margin: 15px 0;
  font-size: 12px;
  line-height: 1.6em;
}

#main a {
	color: #e52928;
	font-weight: bold;
}

#main a:hover {
	text-decoration: none;
	background: #e52928;
	color: #fff;
}

#main a img {
	border: 0;
	background: #fff;
}

#main img.photo, #main p img.photo, #main div img.photo, #main img {
	padding: 5px;
	background: #fff;
}

#main img.photo-c {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#main img.photo-r {
	float: right;
	border: 0;
	margin: 0 0 5px 10px;
}

#main img.photo-l {
	float: left;
	border: 0;
	margin: 0 10px 5px 0;
}

#main .msg {
	background: #c00;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0;
	padding: 2px 5px;
	width: 400px;
}

#main .col {
	float: left;
	width: 350px;
	margin-right: 15px;
}

#main .row {
	clear: both;
}

#main ul {
	margin: 5px 25px;
	list-style: square;
}

/* Contact Form */

#main form.contact_frm input, #main form.contact_frm textarea {
	width: 300px;
}

#main form.contact_frm textarea {
	height: 160px;
}

/* Coupons list */

#main ul.coupon_list {
	list-style: none;
	width: 650px;
	margin: 0;
}

#main ul.coupon_list li {
	margin: 0 0 15px 0;
}

#main ul.coupon_list li.coupon {
	background: #fff url("../images/rpp_logo_clean.png") no-repeat bottom left;
	border: 3px dashed #000;
	padding: 10px;
}

#main ul.coupon_list li.coupon h1 {
	text-align: center;
	margin: 0 0 10px 0;
}

#main ul.coupon_list li.coupon .offer {
	font-size: 11px;
	text-align: justify;
}

#main ul.coupon_list li.coupon .offer .price {
	float: right;
	background: #eee;
	border: 1px solid #c00;
	margin: 0 0 15px 15px;
	padding: 10px;
	font-size: 28px;
	letter-spacing: -3px;
	font-weight: bold;
	color: #c00;
}

#main ul.coupon_list li.coupon .valid, #main ul.coupon_list li.coupon .cpy {
	clear: both;
	line-height: 60px;
	margin: 0;
	text-align: right;
}

#main ul.coupon_list li.coupon .valid {
	color: #435700;
	font-size: 16px;
	letter-spacing: -1px;
}

#main ul.coupon_list li.coupon .cpy {
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

/* Products list */

#main ul.product_list {
	list-style: none;
	margin: 0;
}

#main ul.product_list li {
	clear: both;
	margin: 0 0 15px 0;
	width: 700px;
}

#main ul.product_list li {
	background: #fff;
	border: 1px solid #000;
	padding: 10px;
	float: left;
}

#main ul.product_list li h1 {
	text-align: center;
	margin: 0 0 10px 0;
}

#main ul.product_list li .desc {
	font-size: 12px;
	text-align: justify;
}

#main ul.product_list li .desc .price {
	float: right;
	text-align: center;
	background: #eee;
	border: 1px solid #c00;
	margin: 0 0 10px 10px;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #c00;
	line-height: 1.6em;
}

#main ul.product_list li ul li {
	border: none;
	padding: 0;
	margin: 2px 25px;
	clear: both;
	float: none;
	width: auto;
}

#main table {
	width: 99%;
	clear: both;
}

/* =Comments
--------------------------------------------------------------- */

#comments_box {
	margin: 10px 10px 10px 0;
	border-top: 1px solid #e0cc33;	
}

#comments_box .comments_row {
	clear: both;
	float: left;
	width: 730px;
	vertical-align: top;
	border-bottom: 1px solid #e0cc33;
}

#comments_box .comments_user {
	float: left;
	width: 150px;
	padding: 5px;
}

#comments_box .comments_content {
	float: left;
	width: 560px;
	padding: 5px;
}

#comments_box .paginate {
	clear: both;
	text-align: center;
	padding-top: 1px;
}

#comments_box .act {
	color: #fff;
	background: #e52928;
	text-decoration: none;
}

#enter_userinfo {
	float: left;
	margin: 0 10px;
}

#enter_comment {
	float: left;
	margin: 0 10px;
}

#enter_userinfo input, #enter_comment textarea, #secret_question input {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}

#enter_userinfo input, #enter_comment textarea {
	width: 180px;
}

#enter_comment textarea {
	width: 500px;
	height: 80px;
}

#enter_userinfo .btn  {
	margin-top: 10px;
	text-align: center;
}

#secret_question {
	float: left;
	margin: 0 0 20px 10px;
}

#submit_comment {
	float: right;
	margin: 10px 10px 20px 0;
}

#submit_comment input{
	width: 150px;
	margin-right: 10px;
}

#our_menu {
	float: center;
	background: #fff;
	border: 2px solid #000;
	text-align: center;
	margin: 10px 20px 20px 20px;
	padding: 10px;
}

#our_menu table {
	text-align: left;
}

#our_menu table tr th, #our_menu table tr td {
	padding: 2px;
}

#our_menu table tr th {
	font-style: italic;
}

#our_menu table tr td {
	font-size: 11px;
}

/* =Footer
--------------------------------------------------------------- */

#footer {
  clear: both;
  background: #435700;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  font-style: normal;
  font-size: 11px;
}