@import url("reset.css");

body { background-color: #ac0e72; font: normal 12px/20px Georgia, "Times New Roman", Times, serif; margin: 0; }
a { color: #b90f7b; }
a:hover { text-decoration: underline; }
p { margin-bottom: 1em; }
input, textarea { border: solid 1px #222; padding: 2px; }

.outer { background: #f5f1f1 url(images/bgPageTop.png) repeat-x; }
.wrapper { background: url(images/bgPageBottom.png) repeat-x 0 100%; }
.header { height: 181px; margin-bottom: 25px; }
.content { margin: 0 auto; width: 960px; position: relative; }
.footer { clear: both; height: 123px; }

.header { background: url(images/bgHeader.png) no-repeat 50% 0;}
.header .logo { position: absolute; top:25px; }
.header .logo a { background: url(images/logoPageHeader.png) no-repeat; display: block; height: 0; padding-top: 57px; overflow: hidden; width: 470px; }
.header .ordernow { background: url(images/hdrOrderNow.png) no-repeat; display: block; height: 0; left: 19px; padding-top: 13px; position: absolute; top:102px; overflow: hidden; width: 303px; }
.header .nav { position: absolute; top:130px; }
.header .nav li { float: left; }
.header .nav a { background: url(images/navSend.png) no-repeat 0 0; display: block; height: 0; overflow: hidden; padding-top: 51px; width: 202px; }
.header .nav #what a { background-image: url(images/navWhat.png); width: 242px; }
.header .nav #fun a { background-image: url(images/navFun.png); width: 132px; }
.header .nav #when a { background-image: url(images/navWhen.png); width: 218px; }
.header .nav a:hover { background-position: 0 -51px; }

.hr { background: url(images/bgHr.png) no-repeat center center; height: 20px; margin-bottom: 10px; }

.main { background: url(images/bgMain.png) repeat-y; float: left; margin-right: 8px; padding: 10px 15px; width: 660px; }
.main.captop { background: url(images/capTopContent.png) no-repeat 0 100%; height: 5px; padding: 0 15px; }
.main.capbottom { background: url(images/capBottomContent.png) no-repeat 0 0; height: 5px; margin-bottom: 25px; padding: 0 15px; }
.main h2 { font-size: 18px; }

.side { background: url(images/bgSide.png) repeat-y; float: left; padding: 10px 15px; width: 232px; }
.side.captop { background: url(images/capTopSide.png) no-repeat 0 100%; height: 5px; padding: 0 15px; }
.side.capbottom { background: url(images/capBottomSide.png) no-repeat 0 0; height: 5px; padding: 0 15px; }

.side ul ul { background-color: #71c3e1; padding: 4px; }
.side ul ul li { background-color: #b0e3f6; margin-bottom: 4px; padding: 3px 8px; }
.side ul ul li:last-child { margin-bottom: 0; }
.side ul ul li a { color: #000; }

.alignleft {float: left; margin-bottom: 5px; }
.alignright {float: right; margin-bottom: 5px; }

.post { clear: both; }
.post h2 { margin-bottom: 5px; }
.post .date { color:#444; font-size: 10px; }

h3#comments { font-weight: bold; margin-bottom: 5px;}
.commentlist li { background-color: #f5f1f1; border: solid 1px #ddd; margin-bottom: 10px; padding: 5px; }
.commentmetadata {font-size: 0.8em; margin-bottom: 5px; }

.footer .nav { padding: 6px; margin-bottom: 1em; text-align: center; }
.footer .nav li { display: inline; }
.footer .nav li:after { content:" | "; padding: 0 25px; }
.footer .nav li:last-child:after { content:""; padding: 0; }
.footer .nav li a { color: #000; }
.footer p { background: url(images/logoPageFooter.png) no-repeat 100% 50%; color: #fff; padding: 0 300px 0 0; }

#advice { background: #ac0e72 url(images/hdrAdviceColumn.png) no-repeat 50% 12px; border-bottom: solid 6px #f178a5; height: 0; margin-bottom: 1em; overflow: hidden; padding-top: 55px; }
h1.pagetitle {  background: #ac0e72; border-bottom: solid 6px #f178a5; color: #fff; padding: 10px; font-size: 18px; margin-bottom: 5px; }
.widget_categories h2 { background: url(images/hdrCategories.png) no-repeat 50% 0; height: 0;  margin-top: 1em; overflow: hidden; padding-top: 38px; }
.widget_archive h2 { background: url(images/hdrRecentPosts.png) no-repeat 50% 10px; height: 0; overflow: hidden; padding-top: 48px; s}