/* Theme Name: Official Jamie Hayes Theme Theme URI: http://www.jamiehayes.com/ Version: 1.0 Author: Maile Lani Author URI: http://www.emptycrowdedroom.com/ */ @charset "UTF-8"; /* CSS Document */ /**************************************************************************************************/ /* Reset CSS for all broswers*/ /* DO NOT CHANGE ANYTHING WITHIN THIS BLOCK */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height:25px;} /* remember to define focus styles! */ :focus { outline: 0;} body { line-height: 1; color: black; background: white;} ol, ul { list-style: none; padding-bottom:20px;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: bold;} blockquote:before, blockquote:after,q:before, q:after { content: "";} blockquote, q { quotes: "" "";} address {font-style:normal;} /* fix images in IE*/ .ie6 img {behavior: url("pngbehavior.htc"); border:none; outline:none;} .ie5 img {behavior: url("pngbehavior.htc"); border:none; outline:none;} /* float and clear*/ .clrflt {clear:both; line-height:1px; height:0; margin:0; padding:0; font-size:1px} .clrrt {clear:right; line-height:1px; height:0; margin:0; padding:0; font-size:1px;} .clrlft { clear:left; line-height:1px; height:0; margin:0; padding:0; font-size:1px; } .fltrt {float:right;} .fltlft {float:left; } /************ FIX CSS CROSS BROWSER SUPPORTS ************************************** Examples: * html.gecko div#header { margin: 1em; } * .opera #header { margin: 1.2em; } * .ie .mylink { font-weight: bold; } * .mac.ie .mylink { font-weight: bold; } * .[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser] Available OS Codes [os]: * win - Microsoft Windows * linux - Linux (x11 and linux) * mac - Mac OS Available Browser Codes [browser]: * ie - Internet Explorer (All versions) * ie8 - Internet Explorer 8.x * ie7 - Internet Explorer 7.x * ie6 - Internet Explorer 6.x * ie5 - Internet Explorer 5.x * gecko - Mozilla, Firefox, Camino * opera - Opera (All versions) * opera8 - Opera 8.x * opera9 - Opera 9.x * konqueror - Konqueror * webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira Extra Codes: * js - Will be available when js is enable, so you can show/hide some stuffs ***************/ @charset "UTF-8"; /* CSS Document */ body {margin: 0 auto; overflow-x: hidden; background-color: #00a2df; text-align: center;} hr {border-left: 0; border-right: 0; border-bottom: 0; border-top: 1px dashed #00a2df;} #top {margin: 0 auto; width: 100%; background-color: #ffa700; padding: 5px 0;} #orange {margin: 0 auto; width: 980px; text-align: right;} #orange p {font-family: Arial, Helvetica, sans-serif; color: #1f1f1f; font-size: 11px; line-height: 21px;} #orange .newsup {font-family: Arial, Helvetica, sans-serif; color: #1f1f1f; font-size: 14px; font-weight: bold; margin: 10px 0 10px 200px; float: left;} #container {margin: 0 auto; width: 100%; background: url(images/dotbg.jpg); background-color: #b3e33c; overflow: hidden;} #fullsite {margin: 0 auto; width: 980px;} #menu {width: 245px; height: 585px; background: url(images/menubg.png) no-repeat top right; float: left; text-align: right; padding: 80px 20px 0 0;} #menu .buttons {padding-bottom: 20px;} #blackwhite {width: 640px; background: url(images/bwborder.jpg) repeat-y top left;} #content {width: 640px; background: url(images/bluegrad.jpg) repeat-x top left; background-color: #c7e2f0; float: left;} #banner {width: 630px; height: 244px; background: url(images/jhkitty.jpg) no-repeat top right;} #intro {margin: 0 auto; width: 582px; padding: 10px 10px 0 48px;} #topround {height: 31px;} #middle {background: url(images/roundedmiddle.png) repeat-x top left; background-color: #8fd6f0; text-align: left; padding: 0 20px;} #middle p {font-family: "Goudy Old Style", Arial, Helvetica, sans-serif; color: #1f1f1f; font-size: 16px; line-height: 25px; padding: 0px 0 10px 0;} #middle p.bold {font-weight: bold;} #middle h2 {font-family: Times; font-size: 28px; padding-bottom: 10px;} #middle h3 {font-family: Arial; font-size: 14px; padding: 10px 0; font-weight: bold;} #middle small {font-family: Arial; font-size: 16px; color: #1f1f1f; font-weight: bold;} #middle a {color: #002A8F; font-size: 18px; text-decoration: none; font-weight:bold;} #middle a:hover {color: #3D74FF; text-decoration: underline;} #shoppingcart {background: url(images/roundedmiddle.png) repeat-x top left; background-color: #8fd6f0; text-align: left; padding: 0 20px;} #shoppingcart p {font-family: "Goudy Old Style", Arial, Helvetica, sans-serif; color: #1f1f1f; font-size: 16px; line-height: 25px; padding-top: 10px;} #shoppingcart p.bold {font-weight: bold;} #shoppingcart h2 {font-family: Arial; font-size: 21px; padding-bottom: 10px; font-weight: bold;} #shoppingcart h4 {font-family: Arial; font-size: 14px; padding-bottom: 5px; font-weight: bold;} #shoppingcart h3 {font-family: Arial; font-size: 14px; padding: 10px 0; font-weight: bold;} #shoppingcart small {font-family: Arial; font-size: 16px; color: #1f1f1f; font-weight: bold;} #shoppingcart a {color: #9D2FFF; text-decoration: none;} #shoppingcart a:hover {color: #3D74FF; text-decoration: underline;} .leftshop {float: left; padding: 0 10px 15px 0;} #shoppingcart form {padding-top: 10px;} #botround {height: 28px;} #ecard {width: 290px; float: left; text-align: right; z-index: 20000; position: relative;} #featured {width: 330px; float: left; padding: 10px 10px 10px 10px;} #featured a {color: #FF3300; text-decoration: none;} #featured a:hover {color: #993300; text-decoration: underline;} #featop {height: 34px;} #featmid {background: url(images/featuredmiddle.png) no-repeat top left; background-color: #fffbe6; padding: 0 10px;text-align: left;} #featmid p {font-family: "Goudy Old Style", Arial, Helvetica, sans-serif; color: #1f1f1f; font-size: 14px; line-height: 23px; padding-top: 15px;} .leftfeat {float: left; padding: 10px 10px 0 0;} .titlefeat {padding-bottom: 10px; padding-left: 30px;} #featbot {height: 33px;} #footer {margin: 0 auto; width: 100%; background-color: #00a2df; padding-top: 200px; padding-bottom: 10px;} .comingsoonpad {padding-bottom: 200px;} .padlittle {padding-bottom: 100px;} #footertext {margin: 0 auto; width: 910px; text-align: right; position: relative; padding-right: 70px;} #footertext a {color: #b3e33c; text-decoration: none;} #footertext a:hover {color: #c7e2f0; text-decoration: underline;} #footertext ul {font-family: Arial; color: #1f1f1f; font-size: 12px; padding-bottom: 20px;} #footertext li {display: inline; border-right: 1px solid #1f1f1f; padding: 0 5px 0 6px;} #footertext li.noborder {border-right: none; padding-right: none;} #footertext li a {color: #1f1f1f;} #footertext li a:hover {color: #b3e33c;} #footertext p {font-family: Arial; font-size: 11px; color: #1f1f1f; padding-bottom: 10px;} #footertext p.littletext {font-size: 10px;} .moonman {position: absolute; top: -200px; left: -40px; z-index: 10;} .rightposts {float: right; margin: 0 0 20px 20px; border: 5px dashed #00a2df;} td.titlenews {font-family: Arial, Helvetica, sans-serif; color: #1f1f1f; font-size: 16px; line-height: 25px; padding-top: 10px;}