/* @override http://www.fairycakesbakery.com/style.css */
* {margin: 0; padding: 0;}
html, body {background-image: url(images/bg2.gif); font: 77% "Century Gothic", Arial, Helvetica, sans-serif;}
:focus {outline: 0;}
.clearFix {clear: both; display: block;}
a img {border-style: none;}
strong {color: #FF3399; font-size: 13px;}
#header {background: url(images/bg1.gif) repeat-x; width: 100%; display: block; position: absolute; height: 50px;}
#wrapper {width: 870px; margin-right: auto; margin-left: auto; background: #FFF url(images/bg3.jpg) no-repeat left 0; padding-top: 400px;}
h1 {padding-top: 50px; text-indent: -9000em;}
.ocmenu {float: right; margin-right: 30px; margin-top: -20px;}
#nav {display: block; padding-left: 380px;}
#nav li {list-style-type: none; float: left; margin-right: 25px;}
#nav li a {text-decoration: none; color: #f15e6e; font: 1.4em "Comic Sans", "Comic Sans MS";}
.right_column {width: 510px; float: right; padding-right: 30px; padding-left: 10px;}
p {font-size: 1.3em; line-height: 170%; margin-bottom: 15px;}
h2 {color: #563E32; padding-bottom: 7px; font: 1.7em Georgia, "Times New Roman", Times, serif; margin-top: 12px;}
.menu {text-align: center; padding-bottom: 30px;}
.left_column {width: 300px; float: right; padding-top: 20px;}
.menu img {margin-top: 10px; margin-bottom: 10px;}
.left_box {border: 1px solid #FF3399; margin-bottom: 20px; width: 260px; padding-right: 10px; padding-left: 10px; background-color: #FFF;}
.left_box h2 {margin-top: 5px;}
.left_box table {margin-bottom: 15px; margin-left: auto; margin-right: auto;}
.2columns {padding-top: 20px; margin-top: 40px;}
div.left_box.facebook {padding-left: 0; padding-right: 0; width: 280px;}
/* Order Form styles */
#order-form #wrapper {padding-top: 25px; background: #FFF url(images/bg4.jpg) repeat-x;}
#order-form h1 {color: #563E32; text-indent: 0; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 6px;}
#order-form div.form {width: 80%; margin-right: auto; margin-left: auto;}
#cupcake-form .your-info, #cupcake-form .their-info {width: 310px; float: left; padding-right: 30px;}
#order-form p.input-text {background: url(images/form-text-bg.jpg) no-repeat; display: block; height: 30px; padding-top: 10px; padding-left: 10px;}
#order-form input.text {width: 240px; background-image: none; background-color: transparent; border-style: none;}
#order-form label {display: block; margin-bottom: 5px; padding-left: 5px; clear: left;}
#order-form p.lastup.input-text {padding-top: 4px; height: 36px;}
#order-form p.time.input-text {padding-top: 4px; height: 36px;}
#order-form #finalDate {background-image: none; background-color: transparent; border-style: none; width: 215px;}
#order-form #deliveryTime {width: 220px;}
#order-form p.instructions {margin-bottom: 4px; padding-left: 4px;}
#order-form span.input-city {background: url(images/city-bg.jpg) no-repeat; height: 30px; padding-top: 10px; padding-left: 10px; display: inline-block; width: 187px;}
#order-form span.input-city input {width: 170px; border-style: none;}
#order-form span.input-zip input {width: 130px; border-style: none;}
#order-form span.input-zip {background: url(images/zip-bg.jpg) no-repeat; height: 30px; padding-top: 10px; padding-left: 10px; display: inline-block; width: 187px;}
#order-form fieldset {padding: 10px; margin-bottom: 10px;}
#order-form legend {padding-right: 5px; padding-left: 5px;}
#order-form #cupcake-flavors td {padding-right: 30px; text-align: center; padding-top: 5px; padding-bottom: 8px; border-bottom: 1px solid #ccc;}
#order-form #cupcake-flavors th {padding-right: 30px; padding-left: 0;}
#order-form #cupcake-flavors {margin-bottom: 10px;}
#clockicon {position: relative; top: 4px; left: 3px; margin-left: 18px; margin-right: 7px;}
#newline {background: none repeat scroll 0 0 #9CD001; border-color: #BCE058 #80A300 #80A300 #BCE058; border-style: solid; border-width: 1px; color: #FFFFFF; font-weight: normal; line-height: 1em; padding: 4px 5px; text-decoration: none; text-transform: uppercase; margin-right: 5px;}
p.table-control {margin-bottom: 10px;}
#deleteline {background: #e22a31 none repeat scroll 0 0; border-color: #BCE058 #80A300 #80A300 #BCE058; border-style: solid; border-width: 1px; color: #FFFFFF; font-weight: normal; line-height: 1em; padding: 4px 6px 4px 7px; text-decoration: none; text-transform: uppercase; margin-right: 5px; border-top-color: #f44348; border-left-color: #f52140; border-bottom-color: #b20614; border-right-color: #b20c0f;}
p.commentBox {display: block; border: 1px solid #d5d5d5; margin: 0 0 18px 0; padding: 0; width: 498px;}
#message, #message2 {display: block; margin: 0; width: 492px; border: 1px solid #fff; background: url(media/grey-grad.gif) 0 -22px repeat-x; padding: 2px; color: #848484; text-align: left; font: normal 12px/18px Verdana, Arial, sans-serif; max-height: 144px;}
#message:hover, #message2:hover {border: 1px solid #fff; color: #545454;}
#message:focus, #message2:focus {border: 1px solid #c56d76; color: #333;}
p.errors {color: red; font-weight: bold;}