body { background-color: #FFFFFF; margin: 0px; padding: 0px; padding-bottom: 10px; }
#wrapper-bg { width: 100%; background-color: #FFFFFF; }
#wrapper-white { text-align: left; margin: auto; width: 780px; background: url('http://www.carphotosite.com/images/shadowbg.gif') top left repeat-y; display: table; clear: both; }
#wrapper-content { padding-left: -10px; padding-right: 20px; margin-left:10px; margin-right:10px; color: #666666; }
#wrapper-bg2 { width: 100%; background: #EDEDE3 url('http://www.carphotosite.com/images/wrapper-bg.gif') top left repeat-x; }
#wrapper-dark { text-align: left; margin: auto; width: 780px; background: url('http://www.carphotosite.com/images/shadowbg2.gif') top left repeat-y; display: table; clear: both; }
#wrapper-content2 { padding-left: 20px; padding-right: 20px; color: #FFFFFF; }
#advertisement { width: 740px; padding-top: 10px; padding-bottom: 10px; display: table-cell; }
#advertisement2 { width: 740px; padding-top: 10px; padding-bottom: 10px; display: table-cell; text-align: center; }
#footer { background: url('http://www.carphotosite.com/images/footer.gif') top left no-repeat; width: 780px; height: 7px; margin: auto; clear: both; }

#error { padding: 5px; background-color: #666666; color: #FFFFFF; font-size: 8pt; font-weight: bold; font-family: arial; }

#topbar { background-color: #D9D9D9; margin-left: 0px; margin-right: -15px; padding: 5px; color: #666666; font-size: 8pt; }
#topbar a { color: #0066CC; font-weight: bold; }
#topbar a:hover { text-decoration: underline; }
.here { color: #666666; font-weight: bold; }

#content { width: 525px; margin-right: 15px; float: left; margin-bottom: 30px; }
#sidebar { width: 200px; padding-top: 20px; margin-bottom: 20px; background-color: #FFFFFF; float: right; }

/* sidebar box */
#sidebarbox { padding-bottom: 20px; }
#sidebarboxheader { width: 200px; color: #666666; font-weight: bold; font-size: 12pt; padding-top: 10px; border-bottom: 1px solid #a8a8a8; font-family: arial; }
#sidebarboxcontent { padding: 5px; }

/* sidebar links */
#sidebarlink { width: 200px; }
#sidebarlink ul { margin: 0px; padding: 0px; list-style-type: none; font-family: arial; font-size: 8pt; }
#sidebarlink a { display: block; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; background-color: #FFFFFF; color: #666666; text-decoration: none; width: 195px; }
#sidebarlink a:hover { background-color: #E8E8E8; color: #404040; }

#left { float: left; }
#right { float: right; }

/* sorting stuff */
#popular { font-size: 8pt; float: left; font-weight: bold; padding-top: 5px; }
.highlighted { background: url('http://www.carphotosite.com/images/popularbutton.gif') top left no-repeat; width: 110px; height: 20px; display: block; text-align: center; color: #FFFFFF; padding-top: 3px; float: left; margin-right: 5px; }
.highlighted2 { background: url('http://www.carphotosite.com/images/popularbutton.gif') top left no-repeat; width: 110px; height: 20px; display: block; text-align: center; color: #FFFFFF; padding-top: 3px; float: left; margin-right: 5px; margin-left: 5px; }
a.popular { height: 20px; display: block; text-align: center; color: #666666; padding-top: 3px; float: left; margin-right: 5px; margin-left: 5px; }
a.popular:hover { text-decoration: underline; color: #0066CC; }
#pageheading { border-bottom: 1px solid #A8A8A8; color: #666666; font-weight: bold; font-size: 12pt; padding-top: 30px; clear: both; }
#sort { background: url('http://www.carphotosite.com/images/sortbg.gif') top left no-repeat; width: 160px; height: 30px; float: right; padding-right: 20px; }
.sort { width: 150px; margin: 5px; height: 18px; border: 1px solid #666666; background-color: #E6E6E6; font-size: 8pt; padding: 1px; color: #666666; }

/* voting stuff */
#box { width: 525px; clear: both; padding-top: 20px; }
.votebox { float: left; width: 50px; text-align: center; list-style-type: none; padding: 0px; margin: 0px; }
.votecount a { font: 11pt arial bold; color: #666666; font-weight: bold; display: block; background: url('http://www.carphotosite.com/images/votebox.gif') top left no-repeat; width: 50px; height: 33px; padding-top: 17px; }
.votecount a:hover { color: #A8A8A8; }
.votes a { background-color: #000000; width: 50px; height: 50px; }
.votebutton { padding-top: 5px; width: 50px; height: 25px; font: 8pt arial bold; font-weight: bold; color: #FFFFFF; background: url('http://www.carphotosite.com/images/votebutton.gif') top left no-repeat; background-position: -50px 0px; display: block; }
.votebutton a { width: 50px; height: 20px; font: 8pt arial bold; font-weight: bold; color: #FFFFFF; background: url('http://www.carphotosite.com/images/votebutton.gif') top left no-repeat; margin-top: -5px; padding-top: 5px; display: block; }
.votebutton a:hover { color: #FFFFFF; background: url('http://www.carphotosite.com/images/votebutton.gif') top left no-repeat; background-position: -50px 0px; }
.votecomment { font: 8pt arial; }
#votesummary { float: left; width: 355px; padding-left: 10px; }
.voteavatar { border: 1px solid #CCCCCC; margin-bottom: -4px; width: 16px; height: 16px; }

/* search */
#searchbutton a { background: url('http://www.carphotosite.com/images/search_button.gif') no-repeat; width: 18px; height: 7px; background-position: 0px 0px; margin-top: 5px; margin-left: 5px; margin-right: 10px; }
#searchbutton a:hover { background-image: url('http://www.carphotosite.com/images/search_button.gif') no-repeat; background-position: -18px 0px; }
.searchfield { width: 120px; height: 20px; margin: 2px; padding: 0px; border: 1px solid #CCCCCC; background-color: #F2F2F2; font-size: 8pt; font-family: arial; padding-top: 2px; color: #666666; }

/* topmenu */
#topmenu { display: block; }
#topmenu ul { padding: 0; margin: 0; float: left; background-color: #EDEDE3; margin-right: -15px; }
#topmenu ul li { display: inline; float: left; }
#topmenu ul li a { padding: 5px; padding-right: 10px; text-decoration: none; float: left; color: #666666; font: bold 8pt arial; }
#topmenu ul li a:hover { color: #0066CC; }

/* paging */
#paging { padding-top: 30px; float: right; clear: both; }
.paging { height: 25px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #666666; font-size: 8pt; color: #666666; margin-left: 2px; }
.paging:hover { height: 25px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #CCCCCC; font-size: 8pt; color: #666666; margin-left: 2px; background-color: #FFFFFF; }
.current { height: 25px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #666666; font-size: 8pt; font-weight: bold; color: #FFFFFF; margin-left: 2px; background-color: #666666; }
.next { height: 25px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #666666; font-size: 8pt; color: #666666; margin-left: 2px; font-weight: bold; }
.next:hover { height: 25px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #666666; font-size: 8pt; color: #FFFFFF; margin-left: 2px; background-color: #808080; }
.disabled { height: 25px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #CCCCCC; font-size: 8pt; color: #CCCCCC; margin-left: 2px; }

/* images */
.logo { padding-top: 10px; padding-bottom: 10px; } 

/* vote images */
#pic { left: 0px; position: relative; margin-top: 0px;	float: right; }
#pic a .large { border: 0px; display: block; height: 1px; left: 0px; position: absolute; top: 0px; width: 0px; }
#pic a img { border: 0;  }
#pic a.p1 { display: block; left: 0; text-decoration: none; top: 0; }
* html #pic a.p1:hover { background-color: #FFFFFF; }
#pic a.p1:hover .large { border: 0px solid #666666; display: block; height: auto; left: -425px; position: absolute; top: 0px; width: auto; }

/* font styles */
body { font: 10pt arial; }
a { color: #0066CC; text-decoration: none; }
a:hover { color: #3399FF; }
p { margin: 0px; padding: 0px; }
.login { font: 8pt arial; text-align: right; clear: both; padding-top: 14px; margin-right: -5px; }
.footer { float: left; font: 8pt arial; color: #0066CC; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; }
.footerright { float: right; font: 8pt arial; color: #8F8F8F; padding-top: 10px; padding-bottom: 10px; }
a img { border: 0px; }
a.title { font-size: 12pt; text-decoration: underline; font-weight: bold; }
a.title:hover { text-decoration: underline; }
a.postinfo { font: 8pt arial; text-decoration: none; font-weight: bold; color: #8F8F8F; }
a.postinfo:hover { color: #666666; text-decoration: underline; }
p.postinfo { font: 8pt arial; color: #8F8F8F; padding-top: 7px; padding-bottom: 7px; }
.whatisheading { font-size: 12pt; font-weight: bold; font-family: arial; padding-top: 10px; padding-bottom: 5px; }
.whatis { font-size: 9pt; padding-bottom: 15px; color: #EDEDE3; }
a.whatis { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
a.whatis:hover { color: #CCCCCC; }
.enlarge { font-size: 7pt; padding-top: 4px; text-align: center; }
.paragraph { padding-top: 10px; padding-bottom: 10px; }
.readmore { color: #B3B3B3; font-weight: bold; text-decoration: underline; }
.readmore:hover { color: #666666; }
.commentheadertext { font-size: 12pt; font-weight: bold; font-family: arial; padding-bottom: 10px; color: #EDEDE3; }
a.error { font-weight: bold; height: 20px; display: block; text-align: center; color: #660000; padding-top: 3px; float: left; }
p.error { font-weight: bold; padding-top: 5px; padding-bottom: 5px; color: #660000; font-size: 8pt; }

/* form buttons */
.input { margin-bottom: -15px; margin-right: 2px; padding: 3px; font-size: 12pt; font-weight: bold; font-family: arial; }

/* STORY STUFF STORY STUFF STORY STUFF */

#storyinfo { clear: left; margin-left: 60px; padding-top: 20px; margin-bottom: 20px; }
#storyinfobox { width: 400px; padding-top: 5px; clear: both; }
.storyinfoleft { float: left; width: 100px; font-weight: bold; font-size: 8pt; }
.storyinforight { float: right; width: 300px; font-size: 8pt; }
.storyinforight a { color: #0066CC; }
.storyinforight a:hover { color: #3399FF; text-decoration: underline; }

#commentleft { float: left; width: 525px; margin-right: 15px;  }
#commentright { float: right; width: 200px; text-align: center; }
p.commentinfo { font-size: 8pt; color: #757575; padding-bottom: 6px; }
#commentheading { border-bottom: 1px solid #EDEDE3; color: #FFFFFF; font-weight: bold; font-size: 12pt; padding-top: 10px; clear: both; }
#commentsort { background: url('http://www.carphotosite.com/images/commentsortbg.gif') top left no-repeat; width: 160px; height: 30px; float: right; padding-right: 20px; padding-bottom: 20px; }
.commentsort { width: 150px; margin: 5px; height: 18px; border: 1px solid #666666; background-color: #E6E6E6; font-size: 8pt; padding: 1px; color: #666666; }
#commentbox { clear: both; padding-top: 0px; padding-bottom: 10px; }
#commentboxtop { background: url('http://www.carphotosite.com/images/commentboxtop.gif') top left no-repeat; width: 525px; height: 5px; }
#commentcontent { background-color: #EDEDE3; padding-left: 10px; padding-right: 10px; padding-top: 5px; }
#commentboxbottom { background: url('http://www.carphotosite.com/images/commentboxbottom.gif') top left no-repeat; width: 525px; height: 5px; }
.commentavatar { border: 1px solid #CCCCCC; margin-bottom: -5px; width: 16px; height: 16px; }
#commentmiddle { background-color: #EDEDE3; color: #666666; padding: 10px; }
a.commentreply { color: #0066CC; font-weight: bold; font-size: 8pt; float: left; }
a.commentreply:hover { text-decoration: underline; }
.commentreplybr { margin-top: 15px; padding-bottom: 10px; }
.showcomment { color: #660000; text-decoration: none; font-weight: bold; }
.showcomment:hover { color: #660000; text-decoration: underline; }
.commentrate { float: right; font-size: 8pt; font-weight: bold; }
.commentratelink { text-decoration: none; color: #0066CC; }
.commentratelink:hover { text-decoration: underline; color: #0066CC; }

#commentbox2 { clear: both; padding-left: 55px; padding-top: 0px; padding-bottom: 10px; }
#commentboxtop2 { background: url('http://www.carphotosite.com/images/commentboxtop2.gif') top left no-repeat; width: 470px; height: 5px; }
#commentcontent2 { background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-top: 5px; }
#commentmiddle2 { background-color: #FFFFFF; color: #666666; padding: 10px; }
#commentboxbottom2 { background: url('http://www.carphotosite.com/images/commentboxbottom2.gif') top left no-repeat; width: 470px; height: 5px; }

.commentreplytextarea { background: #F2F2F2 url('http://www.carphotosite.com/images/formshadow2.gif') top left repeat-x; border: 1px solid #A8A8A8; height: 100px; font-size: 12pt; font-weight: bold; font-family: arial; color: #666666; padding-top: 5px; padding-left: 5px; padding-right: 5px; width: 493px; margin-right: 5px; }
.commentreplysubmit { margin-bottom: -5px; margin-top: 8px; margin-right: 2px; padding: 3px; font-size: 12pt; font-weight: bold; font-family: arial; }

.submitcomment { width: 493px; height: 100px; font-size: 12pt; font-weight: bold; font-family: arial; margin-top: -5px; margin-bottom: -5px; border: 1px solid #A8A8A8; color: #666666; padding-top: 5px; padding-left: 5px; padding-right: 5px; background: #FFFFFF url('http://www.carphotosite.com/images/formshadow.gif') top left repeat-x; }
textarea.submitcommentdisabled { width: 505px; height: 100px; font-size: 10pt; font-family: arial; margin-top: -5px; margin-bottom: -5px; border: 1px solid #A8A8A8; background-color: #F2F2F2; }

#editcomment { background: #666666 url('http://www.carphotosite.com/images/editbottom.gif') bottom left no-repeat; margin-left: -15px; padding-left: 10px; margin-right: -5px; padding-right: 10px; padding-top: 30px; padding-bottom: 2px; }

/* submit new story */
#submitnew { padding-top: 30px; padding-bottom: 30px; }
#submitboxtop { background: url('http://www.carphotosite.com/images/submitboxtop.gif') top left no-repeat; width: 525px; height: 5px; }
#submitboxbottom { background: url('http://www.carphotosite.com/images/submitboxbottom.gif') top left no-repeat; width: 525px; height: 5px; }
.note { font-size: 8pt; font-weight: bold; margin-bottom: 15px; }
.red { color: #660000; }
#submitcontent { padding-left: 0px; padding-right: 0px; padding-bottom: 10px; margin-top: 0px; clear: both; }
.legend { font-size: 12pt; font-weight: bold; padding-top: 5px; color: #666666; }
.legend2 { font-size: 12pt; font-weight: bold; padding-bottom: 10px; color: #666666; }
.instructions { font-weight: bold; font-size: 9pt; padding-bottom: 5px; color: #808080; }
.instructions2 { font-size: 9pt; padding-bottom: 5px; color: #A8A8A8; font-weight: bold; }
.submitinput { padding: 3px; font-size: 12pt; font-weight: bold; font-family: arial; margin-bottom: 1px; width: 85px; text-align: center; }
.submiturl { background: #F2F2F2 url('http://www.carphotosite.com/images/formshadow2.gif') top left repeat-x; border: 1px solid #A8A8A8; font-size: 12pt; font-weight: bold; font-family: arial; color: #666666; width: 395px; padding: 5px; margin-right: 5px; }
.submiturl2 { width: 492px; background: #F2F2F2 url('http://www.carphotosite.com/images/formshadow2.gif') top left repeat-x; border: 1px solid #A8A8A8; font-size: 12pt; font-weight: bold; font-family: arial; color: #666666; padding: 5px; margin-right: 5px; }
#submitbox { padding-top: 10px; padding-bottom: 10px; }
.submittextarea { background: #F2F2F2 url('http://www.carphotosite.com/images/formshadow2.gif') top left repeat-x; border: 1px solid #A8A8A8; height: 100px; font-size: 12pt; font-weight: bold; font-family: arial; color: #666666; padding-top: 5px; padding-left: 5px; padding-right: 5px; width: 492px; margin-right: 5px; }
.submittextarea2 { background: #F2F2F2 url('http://www.carphotosite.com/images/formshadow2.gif') top left repeat-x; border: 1px solid #A8A8A8; height: 300px; font-size: 12pt; font-weight: bold; font-family: arial; color: #666666; padding-top: 5px; padding-left: 5px; padding-right: 5px; width: 492px; margin-right: 5px; }
.fileupload { margin-top: 10px; background: #F2F2F2 url('http://www.carphotosite.com/images/formshadow2.gif') top left repeat-x; }
.preview { padding: 3px; font-size: 12pt; font-weight: bold; font-family: arial; margin-bottom: 3px; margin-right: 3px; text-align: center; }
.submitcategory { width: 500px; height: 20px; border: 1px solid #A8A8A8; background-color: #F2F2F2; font-size: 10pt; padding: 1px; color: #666666; }

/* profile */
.avatar { border: 1px solid #CCCCCC; }
#profileinfo { clear: both; display: table; width: 500px; padding-top: 20px; }
#avatarlarge { float: left; width: 52px; }
#profileinfobox { width: 400px; padding-bottom: 20px; clear: both; }
#profileinfostats { float: right; width: 430px; padding-bottom: 20px; }
.submitavatar { padding: 3px; font-size: 12pt; font-weight: bold; font-family: arial; margin-bottom: -4px; margin-top: 10px; text-align: center; }
.avatarresettext { font-size: 8pt; color: #808080; font-weight: bold; }
.avatarreset { margin-right: 5px; margin-top: 5px; margin-bottom: -2px; }
#popular2 { font-size: 8pt; float: left; font-weight: bold; padding-top: 5px; padding-bottom: 10px; }

/* GALLERY STUFF GALLERY STUFF */
#content2 { width: 730px; margin: 0px 10px 30px 0; float: left; padding-top: 20px; }
#sidebar2 { width: 160px; padding-top: 20px; margin-bottom: 20px; padding-right: 20px; background-color: #FFFFFF; float: left; }
#gallerybox { clear: both; padding-bottom: 5px; height: 85px; }
#galleryboxleft { float: left; width: 110px; height: 85px; padding-left: 50px; }
#galleryboxleft a img { border: 5px solid #CCCCCC; }
#galleryboxleft a:hover img { border: 5px solid #EDEDE3; }
#galleryboxright { float: left; width: 350px; padding-left: 25px; padding-top: 35px; }
#galleryboxright a { font-size: 14pt; font-weight: bold; font-family: arial; }
.instructions3 { padding-bottom: 15px; font-weight: bold; }

#gallerysingle a img { border: 5px solid #CCCCCC; }
#gallerysingle a:hover img { border: 5px solid #EDEDE3; }

#gallerymenu { display: inline; width: 540px; }
#gallerymenu ul { padding: 0; margin: 0; float: left; }
#gallerymenu ul li { display: inline; }
#gallerymenu ul li a { float: left; }
#galleryprev { width: 15px; height: 385px; float: left; }
#galleryprev a { background: url('http://www.carphotosite.com/images/gallerynav_prev.gif') top left no-repeat; background-position: 0px 0px; width: 15px; height: 385px; }
#galleryprev a:hover { background: url('http://www.carphotosite.com/images/gallerynav_prev.gif') no-repeat; background-position: -15px 0px; width: 15px; height: 385px; }
#gallerynext a { background: url('http://www.carphotosite.com/images/gallerynav_next.gif') top left no-repeat; background-position: 0px 0px; width: 15px; height: 385px; }
#gallerynext a:hover { background: url('http://www.carphotosite.com/images/gallerynav_next.gif') no-repeat; background-position: -15px 0px; width: 15px; height: 385px; }

#galleryboxtop { background: url('http://www.carphotosite.com/images/galleryboxtop.gif') top left no-repeat; width: 510px; height: 5px; }
#galleryboxbottom { background: url('http://www.carphotosite.com/images/galleryboxbottom.gif') top left no-repeat; width: 510px; height: 5px; }
#gallerybox2 { padding-left: 15px; padding-right: 0px; padding-bottom: 0px; padding-top: 10px; margin-top: 0px; clear: both; }
#galleryboxcontent { padding-top: 10px; padding-bottom: 10px; }
#gallerycontent { background-color: #EDEDE3; padding-left: 10px; padding-right: 10px; padding-top: 5px; width: 490px; }
.submiturl3 { background: #F2F2F2 url('http://www.carphotosite.com/images/formshadow2.gif') top left repeat-x; border: 1px solid #A8A8A8; height: 30px; font-size: 12pt; font-weight: bold; font-family: arial; color: #666666; padding-top: 5px; padding-left: 5px; padding-right: 5px; width: 490px; margin-right: 5px; }
#download { width: 490px; text-align: center; padding-bottom: 5px; }

/* wrap thumbs */
#idsingleimagewrapper { padding-top: 0px; padding-bottom: 10px; padding-left: 50px; }
div#idsingleimagewrapper ol { width: 460px; list-style-type: none; padding: 0px; margin: 0px; }
div#idsingleimagewrapper ol li { float: left; width: 110px; padding: 2px; }
div#idsingleimagewrapper { clear: none; }
#singleimage a img { border: 5px solid #CCCCCC; }
#singleimage a:hover img { border: 5px solid #EDEDE3; }
#paging2 { padding-top: 30px; float: left; clear: both; }

/* Live */
.live2 { margin: 0px; background-repeat: no-repeat; background-position: bottom right; width: 525px; }
.live2-item { width: 525px; clear: both; border-bottom: 1px solid #cccccc; text-align: center; overflow: hidden; }
.live2-type, .live2-votes, .live2-story { font-size: 8pt; font-family: arial; float: left; display: block; padding-top: 5px; padding-bottom: 5px; }
.live2-type { width: 75px; text-align: left; }
.live2-votes { width: 50px; text-align: left; }
.live2-story { width: 400px; text-align: left; }
.live3-type, .live3-story { font-size: 8pt; font-family: arial; float: left; display: block; padding-top: 5px; padding-bottom: 5px; }
.live3-type { width: 125px; text-align: left; }
.live3-story { width: 400px; text-align: left; }