/***************************************** * Theme Name: Loud and Clear * Description: The default WordPress theme based on the famous Kubrick. * Version: 1.0 * Author: Nai Saelee * Author URI: http://www.phaceinc.com * * This theme was designed and built by Nai Saelee, * whose blog you will find at http://www.phaceinc.com * * **** CSS Document ************************/ body, div, h1, h2, h3, p, ul, li { margin: 0; padding: 0; } img { border: 0; } body { background: #fff; /* typography */ font-size: .8em; font-family: Arial, Helvetica, sans-serif; } #container { margin: 0 auto; width: 980px; background: url(images/content-bg.gif) #fff repeat-y; overflow: visible; } #topBar { margin: 0 auto; padding: 0; width: 960px; height: 35px; background: #073ea4; } #topBar h3 { visibility: hidden; display: none; } #topBar ul { margin: 0 auto; padding: 0 10px; width: 940px; } #topBar ul ul { margin: 0; padding: 0; width: 600px; float: left; } #topBar li { padding: 0 10px; list-style-type: none; float: left; line-height: 35px; /* typography */ font-size: 1.2em; } #topBar li.home { padding: 0 10px; height: 35px; line-height: 35px; display: block; background: #0094cb; /* typography */ font-size: 1.4em; } #topBar form { margin: 6px 0 0 0; height: 19px; } #topBar input#s, #topBar input#searchsubmit { float: left; } #topBar input#searchsubmit { margin: 0 0 0 5px; } #seoBanner { margin: 0 auto; padding: 0; width: 980px; height: 149px; background: url(images/seo-banner.gif) #fff no-repeat 0 1px; } #headerimg { margin: 0 auto; padding: 0; width: 980px; height: 68px; } #headerimg h1 { display: none; } #headerimg .description { display: none; } /* #content */ #content { padding: 0 15px; overflow: hidden; } #content.narrowcolumn h2 { /* typography */ color: #073ea4; font-weight: normal; font-size: 2em; } #content p { line-height: 1.4em; } #content h3.pagetitle { padding: 0 0 15px 0; text-align: right; } #content #posts { overflow: hidden; float: left; } * html #content.widecolumn .post { padding: 20px 3px 20px 2px; } .post { padding: 20px 20px 20px 5px; width: 529px; } .post h2 { padding: 0 10px; font-size: 2em; } .post .smMeta { padding: 10px 0; width: 529px; border-top: 1px solid #bfdcff; border-bottom: 7px solid #bfdcff; display: block; } /* pre-metadata for posts */ .post .entry { padding: 15px 10px; width: 509px; display: block; } .post .entry p { margin: 0 0 10px 0; } .post .postmetadata { padding: 5px 10px; width: 509px; text-align: right; display: block; } .post p.alt { margin: 3px 0; text-align: left; background: #f2f9ff; } .subscribe { margin: 5px auto 0 auto; padding: 10px 3px !important; width: 100%; background: #ffffdd; border: 1px solid #ddd; text-align: center; /* typograpy */ font-size: 1em !important; } .post h3#comments { margin: 55px 0 3px 0; padding: 10px 0; width: 529px; background: #daeaf8; border-top: 1px solid #bfdcff; border-bottom: 1px solid #bfdcff; display: block; text-align: center; } .post h3#respond { margin: 35px 0 0 0; /* typography */ } .post .commentlist li { padding: 10px 0; border-bottom: 1px solid #bfdcff; } .post script { border: 1px solid red; } #content #posts ul.related-posts { margin: 0 0 0 20px; padding: 10px 0; } #content #posts .related-posts li { padding: 3px 0; list-style-type: square; } #content #posts h4 { margin: 0; padding: 0; /* typography */ color: #0094cb; font-family: "Times", Georgia, serif; font-size: 1.4em; font-weight: normal; } #navigation { padding: 5px 10px; } #navigation .alignleft, #navigation .alignright { width: 50%; } #navigation .alignright { text-align: right; } #commentform textarea { width: 99%; } #sidebar { padding: 20px 10px; width: 178px; float: left; display: inline; } * html #sidebar { width: 178px; } #sidebar-right { padding: 20px 7px 20px 13px; width:178px; float: left; display: inline; } * html #sidebar-right { padding: 20px 7px 20px 5px; width: 178px; } #sidebar ul, #sidebar-right ul { color: #fff; } #sidebar li, #sidebar-right li { list-style-type: none; text-align: center; } #sidebar h3, #sidebar-right h3 { padding: 0 0 3px 0; text-transform: uppercase; letter-spacing: .15em; border-bottom: 1px dashed #fff; } #sidebar li ul, #sidebar li p, #sidebar-right li ul, #sidebar-right li p { margin: 0 0 0 20px; padding: 5px 0 30px 0; } #sidebar li li, #sidebar li div, #sidebar-right li li, #sidebar-right li div { list-style-type: square; text-align: justify; } #sidebar li li, #sidebar-right li li { padding: 0 0 4px 0; } #sidebar-right #submit { padding: 0; width: 130px !important; } #footer-bar { margin: 0 auto; padding: 0 10px; width: 960px; background: url(images/block4-bg.gif) #fff repeat-y; display: block; clear: both; } .footer-bar-header { padding: 0 0 15px 0; width: 100%; min-height: 300px; height: 300px; background: url(images/block4-header.gif) no-repeat top center; text-align: left; overflow: auto; } .footer-bar-header li { list-style-type: none; width: 319px; float: left; display: block; } .footer-bar-header li ul { padding: 0 10px; width: 275px; } .footer-bar-header li li { list-style-type: square; width: 95%; float: none; } .footer-bar-header li h3, .footer-bar-header caption { padding: 13px 10px 25px 10px; color: #073ea4; font-size: 1.6em; font-weight: normal; font-family: "Times New Roman", Georgia, serif; text-align: left; text-transform: uppercase; letter-spacing: .15em; } .footer-bar-header #calendar h3 { display: none; } .footer-bar-header #wp-calendar { width: 100%; } .footer-bar-header #tag_cloud { padding: 0 10px; width: 297px; } .footer-bar-header #tag_cloud h3 { padding: 13px 0 25px 0; } #footer { margin: 0 auto; padding: 10px; width: 940px; background: #fff; text-align: center; /* typography */ font-size: .8em; } /* specific blocks */ /* calendar */ #wp-calendar td { text-align: center; } #sidebar #calendar, #sidebar-right #calendar { margin: 25px auto 0 auto; } #sidebar #wp-calendar, #sidebar-right #wp-calendar { margin: 0 auto; width: 100%; } #sidebar #wp-calendar caption, #sidebar-right #wp-calendar caption { margin: 0 auto; padding: 10px 0 10px 0; text-align: center !important; /* typography */ font-size: 1.3em; font-weight: bold; font-family: "Times New Roman", Georgia, serif; text-align: left; text-transform: uppercase; letter-spacing: .15em; } /* tag cloud */ #tag_cloud h3 { text-align: center !important; } #tag_cloud, .widget_tag_cloud { text-align: left !important; } /* fonts */ /* font type */ .ari { font-family: Arial, Helvetica, sans-serif; } .tnr { font-family: "Times New Roman", Georgia, serif; } .tms { font-family: "Trebuchet MS", Helvetica, sans-serif; } .plt { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } /* colors */ .dblue { color: #073ea4; } /* dark blue, same as sidebar bg */ .gblue { color: #0094cb; } /* greenish blue, same as I M S in banner */ .mred { color: #d60000; } /* medium red */ /* sizes */ .f04 { font-size: .4em; } .f05 { font-size: .5em; } .f06 { font-size: .6em; } .f09 { font-size: .9em; } .f10 { font-size: 1em; } .f12 { font-size: 1.2em; } .f13 { font-size: 1.3em; } .f14 { font-size: 1.4em; } /* weight */ .fnorm { font-weight: normal; } .fbold { font-weight: bold; } /* links */ a, a:visited, a:active { color: #0000ee; text-decoration: none; } a:hover { text-decoration: underline; } /* top bar */ #topBar a, #topBar a:visited, #topBar a:active { color: #fff; text-decoration: none; } #topBar a:hover { color: #daeaf8; } #topBar li.home a:hover { color: #fff; } /* post links */ .post h2 a, .post h2 a:visited, .post h2 a:active { color: #073ea4; font-weight: normal; text-decoration: none; } .post h2 a:hover { color: #0094cb; } .post .postmetadata span a { font-size: .9em; padding: 8px 0 0 17px; background: url(images/com-bg.gif) no-repeat bottom left; line-height: 30px; } /* sidebar links */ #sidebar a, #sidebar a:visited, #sidebar a:active, #sidebar-right a, #sidebar-right a:visited, #sidebar-right a:active, #footer-bar a, #footer-bar a:visited, #footer-bar a:active { color: #fff; text-decoration: none; } #sidebar a:hover, #sidebar-right a:hover, #footer-bar a:hover { text-decoration: underline; } #tag_cloud a, #tag_cloud a:visited, #tag_cloud a:active { padding: 2px; font-size: .85em; color: white; } #tag_cloud a:hover { color: blue; background: yellow; text-decoration: none; } #sidebar #wp-calendar a, #sidebar #wp-calendar a:visited, #sidebar #wp-calendar a:active, #sidebar-right #wp-calendar a, #sidebar-right #wp-calendar a:visited, #sidebar-right #wp-calendar a:active { background: yellow; color: blue; }