/* Theme Name: FD Theme URI: http://forbidden-destinies.net Version: 7 Author: AllyKat Author URI: http://forbidden-destinies.net Made by AllyKat, Text #373737 Background #EAEAEA Main body #FFF Sidebar #CDCDCD Links #005B7F Hover menu #CC99FF Hover links #CC99FF */ /* Main Body */ body { font-family: Arial, Helvetica, sans-serif ; font-size: 11px; background-color: #EAEAEA; color: #373737; line-height: 14px; text-align: center; padding: 0px; margin: 0px; border: 0px; height: 100%; } #page { background: url(#) repeat-y; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 770px; border: 0px; } #content { margin: 0px 10px; } a:link, a:visited { color: #005B7F; text-decoration: none; } a:hover, a:active { color: #2798C5; text-decoration: underline; } .date { color: #656565; font-size: 1em; } /* Header & Footer */ #header { background: url(http://www.forbidden-destinies.net/NewLayout/S.jpg) no-repeat center; height: 206px; width: 856px; border: 0px; margin: 0px; padding: 0px; } #footer { clear: both; height: 30px; line-height: 30px; color: #999; background: #373737; text-align: center; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #fff; } /* Menu */ #menu { height: 30px; width: 856px; background: #373737; text-align: center; border: 0px; margin: 0px; padding: 0px; } #menu a:link, #menu a:visited { display: block; line-height: 30px; padding: 0px 30px; color: #fff; text-decoration: none; border-right: 1px solid #fff; border-bottom: 0px; } #menu a:hover, #menu a:active { display: block; background: #B0D1EF; color: #000; text-decoration: none; border-right: 1px solid #fff; border-bottom: 0px; } .selected a:link, .selected a:visited { display: block; background: #005B7F; color: #fff; text-decoration: none; border-right: 1px solid #fff; border-bottom: 0px; } /* Content - Column Locations */ #main_column { float: left; width: 550px; padding: 0px; margin: 0px; } #sidebar { float: right; width: 190px; padding: 0px; margin: 0px; } .padding { padding: 2px 12px 10px 14px; text-align: left; } /* Content - Left Column Fonts */ h2 { font-weight: bold; font-size: 1.25em; } h3 { font-weight: bold; font-size: 1.1em; line-height: 1em; margin: 24px 0px 1px 0px; } h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { color: #CC99FF; text-decoration: none; } h2 a:hover, h2 a:active, h3 a:hover, h3 a:active { color: #CC99FF; text-decoration: underline; } /* Content - Posts & Sections */ .post { text-align: justify; } .byline { color: #656565; font-size: 1em; height: 18px; line-height: 1.1em; padding: 4px 2px 3px 18px; border-bottom: 1px solid #EAEAEA; background: #F7F7F7 url(#) 0px 4px no-repeat; } .discuss { text-align: right; padding: 0px 2px 0px 14px; background: #F7F7F7 url(#) center left no-repeat; } .share_this img { float: right; margin: 0px; padding: 4px 4px 0px 0px; position: relative; top: -16px; } blockquote { margin: 15px 30px 0 5px; padding-left: 20px; border-left: 2px solid #EAEAEA; } .tags { text-align: justify; padding: 12px; } ul.section_list { margin: 0px; padding: 0px 0px 0px 10px; } ul.section_list li { list-style: none; padding: 0px 0px 2px 0px; margin: 0px 0px 6px 2px; text-indent: -1em; } ul.section_list li ul { margin: 0px 0px 0px 4px; padding: 0px 0px 0px 3px; } ul.section_list li li { list-style-image: url(#); padding: 0px 0px 0px 1px; margin: 0px 0px 3px 0px; text-indent: -.5em; } ul.news_list { margin: 0px; padding: 0px 0px 0px 14px; } ul.news_list li { list-style-image: url(#); padding: 0px 0px 2px 2px; margin: 0px 0px 2px 2px; text-indent: -.5em; } ul.press_list { margin: 0px; padding: 0px 0px 0px 14px; } ul.press_list li { list-style-image: url(#); padding: 0px 0px 3px 2px; margin: 0px 0px 4px 4px; text-indent: -.5em; } ul.links_list { margin: 0px; padding: 0px 0px 0px 12px; } ul.links_list li { list-style-image: url(#); padding-left: 8px; margin: 0px 0px 4px 8px; text-indent: -.75em; } /* Subcontent - Right Column Fonts */ #sidebar h2 { font-weight: bold; font-size: .9em; text-transform: uppercase; margin: 12px 0px 0px 0px; padding: 0px; } #sidebar ul { margin: 0px; padding: 0px; } #sidebar ul li { list-style-type: none; margin-bottom: 15px; font-size: 1em; } #sidebar ul ul { margin: 2px 0px 0px 2px; } #sidebar ul ul li { margin: 2px 0px 0px 2px; padding: 0px; } #sidebar .proImg { margin: 0px; padding: 0px; float: left; } #sidebar .proInfo1 { margin: 4px 0px 10px 0px; padding: 2px 2px 2px 77px; font-size: .8em; line-height: 12px; border: 1px #F7F7F7 solid; background-color: #EAEAEA } #sidebar .proInfo2 { margin: 14px 0px 10px 0px; padding: 2px 2px 2px 77px; font-size: .8em; line-height: 12px; border: 1px #F7F7F7 solid; background-color: #EAEAEA; } #sidebar ul.quicklinks { margin: 2px 0px 0px 2px; padding: 0px; } #sidebar ul.quicklinks li { padding: 0px; margin: 0px; } #sidebar ul.quicklinks li a, #sidebar ul.quicklinks li a:visited { display: block; margin: 0px; padding: 2px; text-decoration: none; border-bottom: 1px solid #EAEAEA; height: 1%; /* IE WIN */ } #sidebar ul.quicklinks li a:hover, #sidebar ul.quicklinks li a:active { display: block; margin: 0px; padding: 2px; text-decoration: none; background: #EAEAEA; border-bottom: 1px solid #EAEAEA; height: 1%; /* IE WIN */ } /* Comments */ #comments ol { margin: 2px; padding: 2px; text-align: justify; } #comments li { margin: 2px; padding: 2px; list-style-type: none; } .alt { background-color: #FAFAFA; } #comments li p { margin-left: 6px; padding-left: 6px; } #commentform p { margin: 5px 0; } #comments h3 { line-height: 1.1em; padding: 4px 0px 4px 0px; border-bottom: 1px solid #EAEAEA; } #commentform { padding: 2px 0px; margin-bottom: 18px; } #commentform fieldset { border: 0px solid; } #commentform input { font-family: Arial, Helvetica, sans-serif; font-size: 1em; border-color: #CDCDCD #F0F0F0 #F0F0F0 #CDCDCD; border: 1px solid; background-color: #FAFAFA; padding: 2px; } #commentform textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; border-color: #CDCDCD #F0F0F0 #F0F0F0 #CDCDCD; border: 1px solid; background-color: #FAFAFA; overflow:auto; padding: 2px; } #commentform label { font-size: 1em; display: block; float: left; width: 50px; margin-left: 4px; margin-right: 10px; margin-top: 3px; } #commentform em { margin-left: 5px; font-size: 1em; font-style: normal; color: #CDCDCD; } #commentform .button { width: 90px; border-bottom: 1px solid; font-size: 1em; margin-left: 70px; background-color: #CDCDCD; } /* Search Elements */ #searchform { margin: 0px; padding: 0px; text-align: center; } #searchform #s { font-family: Arial, Helvetica, sans-serif ; font-size: 11px; line-height: 14px; height: 1.5em; width: 100px; margin: 0px 5px 0px 0px; padding: 0px; border: 1px solid; vertical-align:middle; } #searchsubmit { font-family: Arial, Helvetica, sans-serif ; font-size: 9px; letter-spacing: 1px; text-align: center; vertical-align: bottom; height: 2em; width: auto; padding: 0px 1px; border: 1px solid; } /* Single Post Navigation */ .alignright { float: right; } .alignleft { float: left } .top_navigation { display: block; text-align: center; margin-top: 10px; padding-bottom: 10px; } .bottom_navigation { display: block; text-align: center; padding-top: 16px; padding-bottom: 24px; } /* Standard Tags */ .center { text-align: center; } hr { display: none; } a img { border: none; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }