/* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background: #fcfaf5 url(http://i1118.photobucket.com/albums/k619/dhamaldita/manilabarbie/9763bc75.png)repeat; font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #666666; text-align: left; overflow-x: hidden; } /* links */ a, a:visited { color: #fa82a1; background: inherit; text-decoration: none; } a:hover { color: #b0b0b0; background: inherit; text-decoration: none; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; font-weight: Bold; padding: 10px; color: #fa82a1; } h1 { font-size: 2.9em; } h2 { font-size: 2.5em; color: #444; } h3 { font-size: 1.6em; font-weight: normal; padding: 16px 10px 4px 10px; } /* Paragraph */ p { padding: 12px 10px; } /* Lists */ ul, ol { margin: 10px 20px; padding: 0 20px; } ul { list-style: none; } dl { padding: 10px; margin: 0; } dt { font-weight: bold; color: #79A62E; } dd { padding-left: 25px; } code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace; /* white-space: pre; */ border: 1px solid #EEE8E1; background: #FAF7F5; } acronym { cursor: help; border-bottom: 1px dotted #895F30; } blockquote { margin: 15px 10px; padding: 5px 7px 5px 40px; font-weight: normal; font-size: 12px; line-height: 1.6em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; color: #80614D; background: #FAF7F5 url(quote.gif) no-repeat 15px 15px; } /* start - table */ table { border-collapse: collapse; margin: 15px 10px; } th { height: 38px; padding-left: 12px; padding-right: 12px; color: #fff; text-align: left; background: #ADD163; border-width: 1px; border-style: solid; border-color: #C4DE8F #93C138 #93C138 #C4DE8F; } tr { height: 34px; background: #fff; } td { padding-left: 11px; padding-right: 11px; border: 1px solid #E7F0CC; } /* end - table */ /* form elements */ label { font-weight: bold; color: #A7743B; } option { padding-right: 0.5em; } #name, #email, #message, #website{ width: 455px; } li.twitter { background: url(http://i235.photobucket.com/albums/ee147/pixelledsoul/twit.png) 0px 7px no-repeat; } li.fspring { background: url(http://i235.photobucket.com/albums/ee147/pixelledsoul/formsrping.png) 0px 7px no-repeat; } li.fb { background: url(http://i235.photobucket.com/albums/ee147/pixelledsoul/fb.png) 0px 7px no-repeat; } li.yahoo { background: url(http://i235.photobucket.com/albums/ee147/pixelledsoul/yahoo-2-1.png) 0px 7px no-repeat; } /*------------------------------------------- LAYOUT --------------------------------------------*/ #wrap { position: relative; width: 850px; background: #FFF url(wrap.gif) repeat-y center top; margin: 40px auto 30px auto; text-align: left; } #content { clear: both; float: left; width: 850px; padding: 5px 0 60px 0; } /* top-menu */ #top-menu { position: absolute; margin: 0; padding: 30px 15px 8px 15px; background: #74A838 url(top-menu.gif) repeat-x; font-family: 'Trebuchet MS', Arial, Sans-serif; color: #FFF; top: 0; right: 70px } #top-menu p { margin: 0; padding: 0; } #top-menu a { font-weight: bold; color: #fff; } /* Navigation */ #nav { clear: both; padding: 0; margin: 0; width: 850px; height: 220px; background: url(http://i1118.photobucket.com/albums/k619/dhamaldita/pinaydoll/pinaydolheader.png) no-repeat; } #nav ul { float: left; list-style: none; margin-top: 50px; margin: 5px 0 0 0; height: 15px; padding-right: 10px; padding-top: 92px; } #nav ul li { float: left; margin: 0; padding: 0 0 0 5px; } #nav ul li a { float: left; margin: 0; padding: 0 20px 0 5px; letter-spacing: 1px; color: #ac8f73; text-transform: uppercase; font: bold 10px/28px 'Georgia', 'Helvetica Neue', Arial, sans-serif; text-decoration: none; } #nav ul li a:hover, #nav ul li a:active { color: #fa82a1; } #nav ul li#current { background: transparent url(left-tab.gif) no-repeat; } #nav ul li#current a { color: #fa82a1; } /* Main Column */ #main { float: left; width: 500px; padding: 0; margin: 0 0 0 20px; display: inline; } #main h2 { font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; color: #666666; padding: 10px 0 10px 5px; border-bottom: 1px dashed #E4F2C8; } #main h2 a { color: #555555; text-decoration: none; } #main ul li { list-style-image: url(bullet.gif); } #sidebar { float: right; width: 230px; padding: 0; margin: 0 30px 10px 20px; display: inline; } #sidebar h3 { margin: 5px 0 0 0; height: 38px; padding-right: 10px; padding: 5px 0 5px 10px; letter-spacing: 1px; color: #fa82a1; text-transform: uppercase; font-weight: bold; text-decoration: none; border-bottom: 0px; background: url(http://i1118.photobucket.com/albums/k619/dhamaldita/pinaydoll/block.png) no-repeat; font: bold 10px/28px 'Georgia', 'Helvetica Neue', Arial, sans-serif; } #sidebar p { margin-top: -20px; margin-left: 10px; } .blogimage { padding: 6px; border: 1px solid #ccc; } /* sidebar menu */ #sidebar .sidemenu { margin: 0px 0px 3px 3px; padding: 0px; text-decoration: none; } #sidebar .sidemenu li { list-style: none; margin: 0px; padding: 3px 3px 3px 15px; border-bottom: 1px dashed #E8E8E8; } * html body #sidebar .sidemenu li { height: 1%; } #sidebar .sidemenu li a { text-decoration: none; color: #666666; background: none; font-weight: normal; font-size: 9px; font-family: verdana; } #sidebar .sidemenu li a span { color: #666666; font-size: 9px; font-family: verdana; /* font-style: italic; */ font-weight: normal; } #sidebar .sidemenu li a:hover { color: #b0b0b0; background: none; } #sidebar .sidemenu ul { margin-top: 0 0 0 5px; padding: 0; } #sidebar .sidemenu ul li { border: none; } /* Sidebar Bottom */ #bottom-left { clear: left; float: left; width: 250px; padding: 5px; margin: 10px; } #bottom-left h3 { margin: 5px 0 0 0; height: 38px; width: 250px; padding-right: 10px; padding: 5px 0 5px 10px; letter-spacing: 1px; color: #fa82a1; text-transform: uppercase; font-weight: bold; text-decoration: none; border-bottom: 0px; background: url(http://i1118.photobucket.com/albums/k619/dhamaldita/pinaydoll/block.png) repeat-x; font: bold 10px/28px 'Georgia', 'Helvetica Neue', Arial, sans-serif; } .bottom-center { float: left; width: 260px; padding: 5px; margin: 10px; } .bottom-center h3 { margin: 5px 0 0 0; height: 38px; width: 250px; padding-right: 10px; padding: 5px 0 5px 10px; letter-spacing: 1px; color: #fa82a1; text-transform: uppercase; font-weight: bold; text-decoration: none; border-bottom: 0px; background: url(http://i1118.photobucket.com/albums/k619/dhamaldita/pinaydoll/block.png) repeat-x; font: bold 10px/28px 'Georgia', 'Helvetica Neue', Arial, sans-serif; } #bottom-right { float: right; width: 250px; padding: 5px; margin: 10px; } #bottom-right h3 { margin: 5px 0 0 0; height: 38px; width: 240px; padding-right: 10px; padding: 5px 0 5px 10px; letter-spacing: 1px; color: #fa82a1; text-transform: uppercase; font-weight: bold; text-decoration: none; border-bottom: 0px; background: url(http://i1118.photobucket.com/albums/k619/dhamaldita/pinaydoll/block.png) repeat-x; font: bold 10px/28px 'Georgia', 'Helvetica Neue', Arial, sans-serif; } /* footer */ #footer { clear: both; height: 20px; width: 840px; margin: 0; padding: 10px 0 25px 10px; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; font-size: 11px; color: #777; background: #fffdf7; text-align: left; } #footer p { padding:10px 0; } #footer a:hover { color: #555; text-decoration: none; } /* postmeta */ .post-footer { margin: 15px 5px 10px 5px; padding: 0 5px; color: #666666; text-align: left; text-transform: capitalize; font: .95em; } .post-footer a, .post-footer a:visited { color: #b0b0b0; } .post-footer a:hover { text-decoration: underline; } .post-footer .date{ margin: 0 10px 0 5px; padding: 10px 20px 10px 20px; background: #FAF7F5 url(http://i235.photobucket.com/albums/ee147/pixelledsoul/filed_in.png) no-repeat 0 9px; padding-left: 15px; } .post-footer a.comments { margin: 0; padding: 10px; background: #FAF7F5; padding-left: 15px; color: #977C57; } .post-footer a.readmore { margin: 0 5px 0 10px; padding: 10px; background: #FAF7F5 url(doc.gif) no-repeat 0 2px; padding-left: 30px; color: #977C57; } .post-footer a.edit { margin: 0 10px 0 5px; padding: 7px 5px; background: #FAF7F5 url(edit-doc.gif) no-repeat 0 2px; padding-left: 30px; color: #977C57; } .post-info { font-size: .95em; padding: 0 10px; color: #666666; } .post-info a, .post-info a:visited { color: #b0b0b0; } .post-info a:hover { text-decoration: underline; } /* comments list */ ol.commentlist { margin: 12px 10px; padding: 0; border-style: solid; border-color: #EEE8E1; border-width: 1px 1px 0 1px; } .commentlist li { margin: 0; padding: 10px; list-style: none; border-bottom: 1px solid #EEE8E1; } .commentlist li cite { display: block; font-style: normal; font-weight: bold; padding: 7px; } .commentlist li cite img { float: left; margin-right: 10px; } .commentlist li cite .comment-data { font-size: .8em; font-weight: normal; } .commentlist li .comment-text { clear: both; margin: 0; padding: 0; } .commentlist li.alt { background: #FAF7F5; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .no-border { border: none; } .clearer { clear: both; } .clear { display:inline-block; } .clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; } input{ border: 1px solid #ccc; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; color: #666; }