body { margin: 0px; background: url(img/sitebg.jpg) repeat-x #77aad2; font-family: Verdana, Arial, sans-serif; font-size: 1em; }
h1, h2, h3, h4, h5, h6, ul, li, form, p { padding: 0; margin: 0; }
img { border: none; }

#allpicsbysheep { width: 940px; margin: 0 auto; position: relative; }

h1 { background: url(img/sitetop.gif) no-repeat bottom; height: 105px; }
h1 a { display: block; width: 425px; height: 85px; background: url(img/logo.gif) no-repeat; margin: 0 0 0 15px; text-indent: -9999px; }
p  { color: #555; font-size: 0.9em; line-height: 1.4; margin: 0 0 8px 0; }
p a { color: #114b82; text-decoration: none; }

#content { background: #fff; padding: 0px 20px 0 20px; width: 900px; margin: 0 auto; font-size: 0.75em; }
#content:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
#fpcontent { background: #fff; padding: 270px 20px 0 20px; width: 900px; margin: 0 auto; font-size: 0.75em; }
#fpcontent:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
#center { float: left; width: 100%; }

#catlist { margin: 0 0 0 0; }

#brief { float: left; width: 250px; margin-left: -900px; }
p.latesttitle { height: 36px; line-height: 1; margin: 0 16px 0 0; background: url(img/latesttitle.gif) right top no-repeat; text-indent: -9999px; }
p.abouttitle { height: 36px; line-height: 1; margin: 0; background: url(img/abouttitle.gif) right top no-repeat; text-indent: -9999px; }
.about { border: 1px solid #ccc; padding: 3px 15px 15px 15px; margin: 20px 0 0 0; } 
 
#extra { float: left; width: 200px; margin-left: -200px; }

#footer { background: url(img/sitebottom.png) no-repeat bottom; height: 95px; position: relative; font-size: 0.75em; color: #999; clear: both; border-top: 15px solid #fff; }
#footer span { position: absolute; top: -5px; }
#footer .copy { right: 310px; }
#footer .dev { right: 50px; }
#footer a { text-decoration: none; padding: 0 0 1px 0; color: #777; border-bottom: 1px dotted #999; }

#fcomments { width: 340px; height: 250px; position: absolute; top: 105px; right: 20px; }
p.comtitle { height: 21px; width: 330px; background: url(img/reccom.gif) no-repeat; text-indent: -9999px; }
.combox { height: 65px; padding: 5px 0 0 2px; margin: 5px 0 0 0; background: url(img/combg.gif) repeat-x; }  
.comrating { float: left; height: 65px; width: 70px; padding: 0 5px 0 0; } 
.comcomment { float: left; height: 65px; width: 243px; padding: 0 15px 0 5px; }
.comcomment p { font-size: 0.65em; color: #666; line-height: 14px; padding: 0 0 0 5px; }
.comcomment strong { display: block; text-indent: -5px; }
.comcomment p a { font-size: 1.3em; text-decoration: none; color: #114b82; }
.comcomment blockquote { line-height: 1.3; padding: 0 0 0 10px; margin: 3px 0 0 1px; font-size: 0.7em; color: #555; background: url(img/opquo.gif) 0 1px no-repeat; }
.comcomment blockquote a { text-decoration: none; color: #114b82; padding: 0 0 0 20px; background: url(img/clquo.gif) 0 1px no-repeat; }
 
.fpimg { height: 248px; width: 548px; border: 1px solid #aaa; position: absolute; top: 105px; left: 20px; } 
.fpimg div { height: 246px; width: 546px; border: 1px solid #fff; position: relative; }
.fpimg span { position: absolute; display: block; right: 0px; background:url(img/opaqueblue.png); z-index: 50; }
.fpalt { top: 76px; line-height: 18px; height: 18px; padding: 0 10px 5px 80px; font-size: 0.9em; font-weight: 700; } 
.fpalt a { color: #9cf; text-decoration: none; } 
.fpnme { top: 40px; line-height: 34px; height: 34px; padding: 0 10px 2px 130px; font-size: 1.6em; color: #fff;  } 
.fpnme a { color: #fff; text-decoration: none; } 
 
.stars { display: block; width: 66px; background: url(img/starsoff.gif) bottom no-repeat; font-size: 0.65em; text-align: left; color: #555; font-weight: 700; margin: 3px auto 0 auto; }
.stars i { display: block; height: 14px; margin: 1px 0 0 0; text-indent: -9999px; text-align: left; }
.stars b { display: block; text-align: right; white-space: nowrap; }
.stars .user { background: url(img/starsuser.gif) no-repeat; }
.stars .all { background: url(img/starsall.gif) no-repeat; }

.sifr { font-family: Arial, sans-serif; font-weight: 100; color: #1d7db5; font-size: 2.2em; clear: both; height: 35px; }
.sifr a { text-decoration: none; color: #1d7db5; }
 
.social { position: absolute; right: 0; top: -5px; }
.social img { display: inline; margin: 5px 0 12px 4px; }
.social strong { display: block; font-size: 0.95em; font-family: Verdana, sans-serif; color: #777; text-align: right; }
 
.pdesc strong, .addatag strong { color: #f63; }


 /*----- FORMS ----------*/

label { width: 175px; float: left; text-align: right; line-height: 30px; padding: 0 5px 0 0; font-size: 16px; color: #39f; }
.inputs { float: left; width: 350px; text-align: left; line-height: 30px; padding: 2px 0 0 0; height: 1%; } 
.inputs span { display: block; line-height: 16px; color: #999; margin: 0 0 5px 0; } 
.inputs em { font-size: 16px; color: #666; }
.inputs input { font-family: Times New Roman, sans-serif; font-size: 19px; color: #666; width: 300px; padding: 3px 0 0 2px; border: 1px solid #ccc; }
.inputs sup { font-size: 17px; }
.inputs input.x2 { font-size: 20px; color: #666; width: 40px; padding: 2px 0 0 8px; }
.inputs select { font-family: Times New Roman, sans-serif; font-size: 19px; color: #666; width: 254px; border: 1px solid #ccc; margin: 0 0 3px 0; }
.inputs select.x1 { font-size: 20px; color: #666; width: 53px; padding: 0 0 0 2px; border: 1px solid #ccc; }
.inputs .nobor { border: 0; }
textarea { width: 296px; padding: 3px; font-family: Times New Roman, sans-serif; font-size: 19px; color: #666; border: 1px solid #ccc; } 
#formcontainer { width: 557px; }
 
.ddowns { line-height: 20px; margin: 1px 0 0 0; }
.regminitext { padding: 2px 6px 2px 180px; width: 320px; font-size: 10px; }
