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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}
* html .clearfix,* html .group{height:1%;overflow:visible;}
*+html .clearfix,*+html .group{min-height:1%;}
.clearfix:after,.group:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0;}

/* Main Items */
body			{ background: #d8dcde url('images/bgplaid.jpg') repeat center top fixed; font-family: Helmet, Freesans, sans-serif; font-size: 12px; line-height: 1.5em; color: #212527; }
em			{ font-style: italic; }
strong			{ font-weight: bold; }

a:link,
a:visited		{ color: #212527; text-decoration: none; }
a:hover			{ color: #008844; text-decoration: none; }

.wrapper		{ margin: 0px auto; width: 900px; }

/* Wide */
.gray			{ height: 1px; background: #d8dcde; width: 100%; }
.white			{ background: #ffffff; width: 100%; }
.stripe			{ height: 3px; background: #ff4800 url('images/colors.gif') repeat center; width: 100%; border-bottom: 9px solid #ffffff; }

/* Headings */
.nav, .far, h2, h3, h4	{ font-weight: bold; }
.nav, .far, h3, h4	{ font-size: 1.25em; }

/* Navigation */
.nav			{ color: #7c8a91; padding-bottom: 15px; float: left; }
.nav ul,
.nav li			{ list-style: none; display: inline; margin-right: 0px; }
.nav li a:link,
.nav li a:visited	{ padding: 11px 7px 12px 7px; color: #212527; border-bottom: 3px solid #ffffff; }
.nav li a:hover		{ color: #008844; border-bottom: 3px solid #008844; }

/* Top Right */
.far			{ color: #7c8a91; padding-bottom: 15px; float: right; margin-right: -6px; }
.far ul,
.far li			{ list-style: none; display: inline; margin-right: 0px; }
.far a:link,
.far a:visited		{ padding: 11px 7px 12px 7px; color: #7c8a91; border-bottom: 3px solid #ffffff; }
.far a:hover		{ color: #ff4800; border-bottom: 3px solid #ff4800; }

.lined			{ width: 1px; height: 18px; margin: -9px 6px -4px 6px; }

/* Navigation Social */
.topper			{ height: 33px; padding: 41px 18px 0px 0px; background: #ffffff; }

/* Logo */
h1,
h1 a,
h1:hover		{ width: 97px; height: 111px; float: left; margin: 0px; }
h1			{ background: url("images/BunnyDojoLogo.png"); text-indent: -9999px; }
h1 a			{ display: block; text-decoration: none; border: 0; }
h1:hover		{ background: url("images/BunnyDojoLogoOn.png"); }

/* Headings */
h2			{ font-size: 3.5em; line-height: .8em; color: #7c8a91; }
.subtitle		{ width: 630px; float: right; border-left: 1px solid #d8dcde; padding-left: 18px; }

/* Sub-Headings */
h3			{ line-height: 1.25em; color: #7c8a91; margin: 7px 0px 14px 0px; }

/* Footer */
.footing		{ line-height: 2.0em; float: left; border-left: 1px solid #d8dcde; padding: 0px 16px 0px 17px; }

/* Small Text */
.item,
.new,
.footing		{ font-size: .75em; color: #7c8a91; }

/* Interior Divisions */
.p18			{ padding: 18px 18px 0px 18px; }
.leftside		{ float: left; width: 711px; }
.rightside		{ float: left; width: 153px; }
.item			{ float: left; width: 225px; margin: 0px 9px 9px 0px; line-height: 2.75em; }
.item a:link,
.item a:visited,
.new a:link,
.new a:visited		{ color: #7c8a91; }
.item a:hover,
.new a:hover		{ color: #008844; }

.new			{ float: left; width: 153px; margin-right: 9px; margin-bottom: 9px; line-height: 2.75em; }

.new ul,
.new li			{ list-style: none; display: block; margin: -2px 0px 16px 0px; line-height: 1.25em; }
.new li	a		{ padding: 7px 0px 7px 0px; }

.bunny			{ background: url("images/BunnyDojoOn.gif"); width: 55px; height: 73px; float: left; margin: 1px 18px 0px 0px; }
.bunny:hover		{ background: url("images/BunnyDojo.gif"); }

/* Specific Listings */
h4			{ line-height: 1.25em; color: #7c8a91; margin-top:15px; }
.description		{ float: left; width: 236px; margin: 0px 28px 18px 0px; }
small			{ color: #7c8a91; }
.info			{ width: 180px; float: right; }
.bar			{ background: #d8dcde; width: 100%; height: 1px; margin: 6px 0px 7px 0px; }

/* 223 x 277 Shots */
.dvdbg,
.cdbg,
.posterbg,
.mvbg,
.mvsebg,
.logobg,
.iphonebg,
.webbg,
.ipadbg,
.sidebg			{ border: 1px solid #d8dcde; }

.dvdbg			{ width: 166px; height:233px; padding: 23px 32px 21px 25px; background: url('http://www.mrcovers.com/tim/images/bgDVD.jpg') no-repeat center top; }
.cdbg			{ width: 157px; height:157px; padding: 61px 26px 59px 40px; background: #ffffff url('http://www.mrcovers.com/tim/images/bgCD.jpg') no-repeat center top; }
.posterbg		{ width: 139px; height:215px; padding: 31px 42px 31px 42px; background: #ffffff url('http://www.mrcovers.com/tim/images/bgPoster.jpg') no-repeat center top; }
.mvbg			{ width: 177px; height:236px; padding: 21px 23px 20px 23px; background: #ffffff url('http://www.mrcovers.com/tim/images/bgMV.jpg') no-repeat center top; }
.mvsebg			{ width: 177px; height:242px; padding: 18px 23px 17px 23px; background: #ffffff url('http://www.mrcovers.com/tim/images/bgMVSE.jpg') no-repeat center top; }
.iphonebg		{ width: 96px; height: 144px; padding: 66px 62px 67px 65px; background: #ffffff url('http://www.mrcovers.com/tim/images/bgIPHONE.jpg') no-repeat center top; }
.ipadbg			{ width: 164px; height:123px; padding: 77px 29px 77px 30px; background: #ffffff url('http://www.mrcovers.com/tim/images/bgIPADhor.jpg') no-repeat center top; }
.webbg			{ width: 203px; height:132px; padding: 71px 11px 74px 9px; background: #ffffff url('http://www.mrcovers.com/tim/images/bgWEB.jpg') no-repeat center top; }
.logobg			{ width: 207px; height:261px; padding: 8px; background: #ffffff; }
.sidebg			{ width: 207px; height:121px; padding: 8px; background: #ffffff; }

.dvd			{ width: 365px; height:512px; padding: 17px 36px 11px 19px; background: url('http://www.mrcovers.com/tim/images/DVD.jpg') no-repeat center center; float: left; margin: 0px 18px 18px 0px; }
.cd			{ width: 325px; height:325px; padding: 10px 34px 10px 61px; background: url('http://www.mrcovers.com/tim/images/CD.jpg') no-repeat center center; float: left; margin: 0px 18px 18px 0px; }
.poster			{ width: 311px; height:480px; padding: 36px 54px 36px 55px; background: url('http://www.mrcovers.com/tim/images/Poster.jpg') no-repeat center center; float: left; margin: 0px 18px 18px 0px; }
.mv			{ width: 383px; height:510px; padding: 0px 18px 0px 19px; float: left; margin: 0px 18px 18px 0px; }
.mvse			{ width: 383px; height:524px; padding: 0px 18px 0px 19px; float: left; margin: 0px 18px 18px 0px; }
.iphone			{ width: 257px; height:386px; padding: 104px 82px 115px 81px; background: url('http://www.mrcovers.com/tim/images/iPhone.jpg') no-repeat center center; float: left; margin: 0px 18px 18px 0px; }
.ipad			{ width: 305px; height:229px; padding: 33px 58px 34px 57px; background: url('http://www.mrcovers.com/tim/images/iPadHor.jpg') no-repeat center center; float: left; margin: 0px 18px 18px 0px; }
.web			{ width: 377px; height:244px; padding: 12px 6px 8px 0px; background: url('http://www.mrcovers.com/tim/images/Web.jpg') no-repeat center center; float: left; margin: 0px 18px 18px 0px; }
.logo			{ width: 383px; height:383px; padding: 0px 18px 0px 19px; float: left; margin: 0px 18px 18px 0px; }
.grayscale		{ width: 236px; height:132px; margin-top: 42px; }

.projects		{ width: 135px; height: 72px; padding: 8px; border: 1px solid #d8dcde; margin-bottom:4px; }

.dvdbg:hover,
.cdbg:hover,
.posterbg:hover,
.mvbg:hover,
.mvsebg:hover,
.logobg:hover,
.iphonebg:hover,
.ipadbg:hover,
.webbg:hover,
.projects:hover,
.sidebg:hover		{ border: 1px solid #008844; }

.quote			{ float: left; width: 225px; margin: 0px 9px 0px 0px; }
.quote img		{ float: left; margin: 0px 9px 10px 0px; }

.fields			{ float: left; width: 213px; padding: 9px; }
.optional		{ float: right; width: 213px; padding: 9px; background: #d8dcde; margin-right:18px; }
.messagebox		{ float: left; width: 444px; padding: 9px; }

input			{ font-size: 1.25em; width: 199px; padding: 6px; background: #ffffff; border: 1px solid #7c8a91; }
textarea		{ font-size: 1.25em; width: 430px; padding: 6px; background: #ffffff; border: 1px solid #7c8a91; height: 84px; font-family: Helmet, Freesans, sans-serif; }

.greenb			{ background: #008844; border: 1px solid #008844; color: #ffffff; }
.greenb:hover		{ background: #007339; }

.fields:hover,
.messagebox:hover	{ background: #d8dcde; }

.back-to-top		{ position: fixed; bottom: 9px; right: 9px; background: #ffffff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.back-to-top:hover	{ background: #212527; }
