/* MrsPancake.com Styles v2.0 -------------------------- Contents -------------------------- Reset Basic Structure General Rules Embeds - Sponsorbar - Sidebar - Footer Individual Templates - Home Page - Individual Category - Topics Page - Individual Doodad Page - Search Results */ /* v1.0 | 20080212 */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, xform, xlabel, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } xol, xul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ____________________________________________________________________________________________________________________________________________________________ Basic Structure */ html{width:100%; line-height:0; margin:0; padding:0;} body{margin:0; line-height:18px; width:100%; font-size:12px; padding:0;} #freedoodads{position:absolute; z-index:8;top:115px; right:0px; height:141px; width:140px; background-color:transparent; margin:0px; padding:0px; border:0px none;} #nav_secondary {width:100%; height:20px; margin:0; padding:3px 0 2px 0; margin: 0 auto; position:relative; display:block;} #nav_secondary_container{width:900px; margin: 0 auto; position:relative; display:block;} #nav_secondary ul{list-style-type:none; margin:0; padding:0; border:none; width:900px; display:block; border:0; float:left;} #nav_secondary ul li{display:inline; border-left:1px solid #333; padding: 0 1em 0 1em; margin:0px;} #nav_secondary ul li:first-child{border:none} #nav_secondary ul li a{font-size:12px; padding:0.7em 0.7em; border-bottom:0; border-top:0; } body{background-color:#fff; color:#000; font-family:Verdana, Arial, Sans-Serif; } #nav_secondary {background-color:#333; font-size:14px;} #nav_secondary ul a{color:#fff; font-size:14px; text-decoration:none;} #nav_secondary ul a:link{} #nav_secondary ul a:visited{} #nav_secondary ul a:hover{color:#000; background-color:#fff;} #nav_secondary ul a:active{} #container {width:900px; text-align:left; margin: 0 auto; display:block; clear:both;} #xheader a, #xheader a:hover{margin: 0 auto; height:210px; width:100%; margin-top:5px; margin-bottom:35px; margin-top:36px; display:block; background: url(/images/header.gif) no-repeat top; text-decoration:none; border:0;} #xheader a span {visibility: hidden;} #header{height:130px; margin:0 auto 15px auto; border-top:1px dotted #70CDE0; width:99.9%; background:url(/images/headerbg.jpg) repeat-x; text-align:center} #header a{border:0;} #maincontent{width:900px;} #mainbar{width:660px; float:left; xbackground-color:#ccc} #sidebar {width:210px; float:right; xbackground-color:green;} /* ____________________________________________________________________________________________________________________________________________________________ General Rules */ form{margin:0; padding:0;} /* green is #48a3b0 */ /* pink is #ee4283 */ .pink, .highlight{color:#ee4283;} p{margin-top:0; margin-bottom:18px;} .serif, .serif a, .fourupbar, .fourupbar a {font-family:Georgia, TImes, Serif; } .skinnypink{font-weight:normal; color:#ee4283;} .skinnywhite{font-weight:normal; color:#fff;} .dark{color:#333;} .tiny{font-size:9px; color:#333; margin:0; line-height:1.2em;} .tinywhite{font-size:10px; color:#fff; margin-bottom:1em;} .tinywhite a{color:#48a3b0} .prettysmall{font-size:11px; color:#555;} h1{font-family:Georgia, TImes, Serif; font-size:18px;} h2{font-family:Georgia, TImes, Serif; font-size:17px; color:#ee4283; margin:0 0 8px 0;} h3{font-family:Georgia, TImes, Serif; font-size:15px; color:#444; margin:0px; font-weight:normal;} h3 a{color:#555; margin-bottom:0px; display:inline;} /* ____________________________________________________________________________________________________________________________________________________________ Sponsorbar */ .sponsortable{width:920px; text-align:center;} .sponsortable td{} #sponsortop{margin:0 auto; height:90px; padding:12px 0; background-color:#fff; width:900px; text-align:center; line-height:0;} #sponsortop a, #sponsortop a:link, #sponsortop a:visited, #sponsortop a:hover{border:0; text-decoration:none;} #sponsorbottom{margin:30px 0; border-top:1px dotted #70CDE0; border-bottom:1px dotted #70CDE0; height:90px; padding:12px 0; background-color:#fff; width:900px; text-align:center; line-height:0;} #sponsorbottom a, #sponsorbottom a:link, #sponsorbottom a:visited, #sponsorbottom a:hover{border:0; text-decoration:none;} .sponsor1, .sponsor2, .sponsor3, .sponsor4, .sponsor5, .sponsor6, .sponsor7, .sponsor8, .sponsor9, .sponsor10, .sponsor11, .sponsor12{border-bottom:0; text-decoration:none; display:inline;} .sponsor1{margin:0;} .sponsor2, .sponsor3, .sponsor4, .sponsor5, .sponsor6, .sponsor7, .sponsor8, .sponsor9, .sponsor10, .sponsor11, .sponsor12{padding:0; margin:0; margin-left:10px;} .sponsor1, .sponsor2, .sponsor3, .sponsor4, .sponsor5, .sponsor6{} ul.sponsor{display:inline;} .sponsor li{display:inline;} /* ____________________________________________________________________________________________________________________________________________________________ Sidebar */ #nav_main{margin-top:2.2em;} #nav_main ul{list-style-type:none; margin:0; padding:0; border:none; display:block;} #nav_main ul li a{background-color:#eee; margin:0; width:210px; padding: 2px 2px 1px 4px; height:20px; display:block; margin-bottom:5px; border:0;} #nav_main ul li.lightpink a{background-color:#EDA2BD;} #nav_main ul li.lightblue a{background-color:#91D0D8;} #nav_main ul li.lightgreen a{background-color:#C9D380;} #nav_main ul li.yellow a{background-color:#FFE383;} #nav_main ul li.orange a{background-color:#F7A366;} #nav_main ul li.midpink a{background-color:#EC639D;} #nav_main ul li a{font-family:Georgia, Times, Serif; font-size:17px; color:#000; text-decoration:none;} #nav_main ul li a:hover{background-color:#48a3b0; text-decoration:underline; color:#fff} #tags { } #search{margin-bottom:1em; margin-top:3em; } .sponsor{text-align:center; border:1px dotted #ebc8d5; xwidth:208px; margin-top:3em; margin-bottom:3em; padding:0 0 0 0;} .sponsor img{border:1px solid #eee; padding:0; margin:0 15px 0 15px;} .sponsortitle{font-size:10px; margin-bottom:3em; margin-top:0; text-align:center;} .sponsor .tiny{margin-top:5px;} #mrsphearts{text-align:center; border:1px dotted #ebc8d5; xwidth:208px; margin-top:3em; margin-bottom:0.5em; padding:0 0 0 0; } .mrsphearts{margin-top:1em; margin-bottom:0.5em; color:#555;} #mrsphearts .tiny{margin-bottom:1em;} #mrsphearts img{border:1px solid #eee;} #mrsphearts .hearts{color:#ee4283;} #sidebar h2{margin-top:18px;} .sidebar_comments p{font-style:italic; font-size:11px; color:#444; margin-bottom:0;} /* ____________________________________________________________________________________________________________________________________________________________ Footer */ #footer{clear:both; width:100%; margin:36px 0 0 0; background-color:#333; line-height:0;} #footercontainer{width:940px; margin: 0 auto; display:block; padding:30px 0; line-height:0px; } #footercontainer p {line-height:18px;} #whattodonextimage img{height:155px;} #whattodonext{width:500px; float:left; margin-70px;} #whattodonextimage{float:left; width:155px; height:155px;} #whattodonextimage img{width:155px; height:155px;} #whattodonexttext{float:right; margin-left:10px; width:300px;} #about{width:350px; float:right; margin-right:20px;} #footernav, #footerlinks{margin:30px 0 0 0; width:940px; clear:both; font-size:10px; border-top:1px solid #555; height:20px; padding:5px 0;} #footernav .tinywhite{color:#ccc;} #footer .clear{width:940px; height:1px; clear:both; margin:0; padding:0; line-height:0;} .boring{color:#aaa; font-size:9px;} .boring a{color:#aaa;} /* span.label{color:#ddd; font-size:10px; margin-top:1em;} span.label,span.spacer,span.multiple span {width:120px;float:left;} span.multiple {float:left;} span.button {padding-left:120px;} div.clear {clear:both;padding-top:5px;} span.input{width:200px;} */ .label, .button, .form{line-height:18px; color:#fff; font-size:10px} #footer h2{margin-top:20px; margin-bottom:9px;} .clear{width:660px; clear:both; padding:0; margin:0; line-height:0;} /* ____________________________________________________________________________________________________________________________________________________________ Home Page */ #latestdoodads {margin-bottom:2em;} #latestdoodads h1 {} .verylatestdoodad img, .otherrecentimg img, #sponsor img{text-decoration:none; display:block;} .fourupbar{margin:9px 0 0 0; width:660px; clear:both; xbackground-color:red; padding:0;} .fourupfloatleft{margin:0; width:327px; float:left; clear:left; padding:0;} .fourup1{width:160px; float:left; border:0; margin:0; padding:0;} .fourup2{width:160px; float:right; border:0; margin:0; padding:0;} .fourupfloatright{margin:0; width:327px; float:right; clear:right; padding:0;} .fourup3{width:160px; float:left; border:0; margin:0; padding:0;} .fourup4{width:160px; float:right; border:0; margin:0; padding:0;} .fourupbar p{height:2em; line-height:1em;} .fourup1 a img, .fourup2 a img, .fourup3 a img, .fourup4 a img{border:1px dotted #ccc; margin-bottom:0.5em;} .fourup1 a:hover img, .fourup2 a:hover img, .fourup3 a:hover img, .fourup4 a:hover img{border:1px solid #333;} .fourup1 a:hover, .fourup2 a:hover, .fourup3 a:hover, .fourup4 a:hover{} #otherrecentdoodads {margin:0; text-align:left; width:320px; float:left; xbackground-color:purple; margin-top:9px;} #mostpopulardoodads {margin:0; text-align:left; width:320px; float:right; xbackground-color:yellow; margin-top:9px;} .otherrecentlisting{margin-top:9px; margin-bottom:27px; width:320px;} .otherrecentimg, .tagsearchresults img{width:90px; height:90px; float:left; margin-right:10px; display:block;} .otherrecenttitle{display:inline; clear:right;} .otherrecenttext{width:210px; display:block; margin-left:100px; height:70px;} .otherrecenttext, .otherrecenttext p{margin-top:9px margin-bottom:0; } .otherrecenttags, .filedunder a, .otherrecenttags p{text-transform:capitalize; margin-top:0;} /* ____________________________________________________________________________________________________________________________________________________________ Individual Category Pages and Static Pages */ #twoup{margin-top:3em;} .twoup1{float:left; margin-bottom:2em;} .twoup2{float:right; margin-bottom:2em;} #introcontainer{width:640px; height:160px; background:url("/images/introbg.gif") no-repeat; margin-bottom:20px;} .introillo{width:160px; height:160px; float:left; display:block; margin-right:20px;} #introcontainer h2{padding:25px 0 0 0; margin:0;} #introcontainer h3{font-size:13px; width:620px; margin:0; display:inline;} /* ____________________________________________________________________________________________________________________________________________________________ Topics Page */ .onetopic{margin:0 25px 10px 25px; padding:0; width:160px; height:200px; clear:none; float:left;} .onetopic a{border-bottom:none;} .onetopic a img, .otherrecentimg a img, #mainimage a img, .sevenup1 a img, .sevenup2 a img, .sevenup3 a img, .sevenup4 a img, .sevenup5 a img, .sevenup6 a img, .sevenup7 a img{border:1px solid #dbf1f8;} .onetopic a:hover img, .otherrecentimg a:hover img, #mainimage a:hover img, .sevenup1 a:hover img, .sevenup2 a:hover img, .sevenup3 a:hover img, .sevenup4 a:hover img, .sevenup5 a:hover img, .sevenup6 a:hover img, .sevenup7 a:hover img{border:1px solid #888;} .light{font-size:10px; color:#ee4283;} a, a p{text-decoration:none; color:#000; border-bottom:1px dotted;} a:hover, a:hover p{text-decoration:none; } .imglink, .imglink:hover{border-bottom:0; text-decoration:none;} p a, h2 a, .otherrecenttitle a,{text-decoration:none; border-bottom:1px dotted;} p a:hover, h2 a:hover, .otherrecenttitle a:hover{text-decoration:none; border-bottom:1px solid;} #headerlogo img, #headerlogo a img, #headerlogo a {border:0; text-decoration:none;} img {border:0;} .otherrecenttitle{font-family:Georgia, Times, Serif; font-size:14px; text-decoration:none;} .otherrecenttitle a{color:#333;} .otherrecenttext{color:#555; font-size: 10px; text-decoration:none;} .otherrecenttags p{color:#000; font-size: 10px; text-decoration:none; color:#333;} .otherrecenttags a{color:#333;} /* ____________________________________________________________________________________________________________________________________________________________ Individual Doodad Page */ #mainimage{margin:0; padding:0; border:none; line-height:0;} #mainimage img{border:1px solid #dbf1f8; margin:0; padding:0;} #doodaddetails{width:668px; clear:both;} #descfiled{width:390px; float:left; clear:left;} .description p{margin: 5px 0 0 0;} .donate{width:250px; float:right; clear:right;} .donate h3{color:#ee4283} .donate h3{margin:5px 0 0 0;} .donate p{margin-right:5px; margin-bottom:5px; font-size:11px;} .filedunder, .filedunder a{font-weight:bold; font-size:11px; margin: 10px 0 10px 0; color:#333; font-weight:bold; color:#555} #flavours{width:660px; margin: 3px 0 0 0;} #flavours .oneflavour{width:115px; float:left;} #flavours p {float:left; display:block; font-size:10px; color:#000; text-decoration:none; margin-bottom:0px; text-align:center; margin-bottom:20px;} #relateddoodads, #kindofrelateddoodads{width:640px; clear:both; height:130px; margin-top:10px; border-top:1px solid #DBF1F8; padding:1em 0;} #relateddoodads p, #kindofrelateddoodads p {font-size:10px;} .comingsoon{color:#888;} #yourcomments, #otherpeoplescomments, .sponsorwide{width:640px; clear:both; margin:10px 0 40px 0; border-top:1px solid #DBF1F8; padding:1em 0; line-height:18px;} #yourcomments .label{float:left; width:30px; display:inline; color:#222; font-size:13px} .onecomment{background-color:#DBF1F8; font-size:10px; padding:1em; line-height:13px; clear:both; width:640px;} .onecomment{margin:0.5em 0 1.5em 0;} .commentcredit{width:100px; text-align:center; float:left; color:#ee4283; margin-top:0 line-height:0; line-height:13px;} .commentcredit strong{font-size:14px;} .commentbody{width:530px; float:right; margin-left:10px;} .avatar{margin:0.5em 0 0.1em 0;} .inputbox {display:inline; width:500px;} textarea{width:660px;} .sevenupbar{width:660px; clear:both;} .sevenup1234{width:373px; float:left;} .sevenup12{float:left; width:181px;} .sevenup1{float:left; width:85px;} .sevenup2{float:right; width:85px;} .sevenup34{width:181px; float:right;} .sevenup3{float:left; width:85px;} .sevenup4{float:right; width:85px;} .sevenup567{width:276px; float:right;} .sevenup56{float:left; width:180px;} .sevenup5{float:left; width:85px;} .sevenup6{float:right; width:85px;} .sevenup7{float:right; width:85px;} .sponsorwide{margin:0; xpadding:1em; text-align:left; xborder:1px dotted #ebc8d5; } /* ____________________________________________________________________________________________________________________________________________________________ Search Results Page */ .tagsearchresults{clear:both;} #searchresults{min-height:400px;} /* ____________________________________________________________________________________________________________________________________________________________ Reporting */ td{width:900px;} .a4downloads{width:60px;} .a3downloads{width:60px;} .downloadtitle{width:300px;} .mp{width:60px; font-size:10px} .onelisting1, .onelisting2{padding:1em 0; margin:1em 0; line-height:18px; width:900px;} .onelisting1 a, .onelisting2 a{border:0;} .onelisting1 a:hover, .onelisting2 a:hover{color:#ee4283} .onelisting1, .onelisting2{background-color:#e2f4f9;} .downloadscategories{font-size:9px; margin-bottom:10px; line-height:20px; color:#333;} .downloadsrelated{font-size:9px;margin-bottom:10px; line-height:20px; color:#aaa;} .related1{color:#ee4283} .floatright{float:right; display:inline-block;}