/* Theme Name: DJ Nasty Naz Theme URI: http://wordpress.org/ Description: WordPress theme for DJ Nasty Naz. Version: 1.0 Author: Mike Postma Author URI: http://www.mikepostma.com/ Tags: fixed width, two columns, widgets */ /* Begin Resets & General*/ * { margin: 0; padding: 0; } img { border: 0; display: block; } .clear { clear: both; height: 1px; overflow: hidden; } a { text-decoration: none; color:#fff; } a:hover { text-decoration: underline; } /* Body & Wrapper */ body { background:url("images/BG.jpg") left top repeat; font-size:75%; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; } .wrapper { margin:0 auto; text-align:left; width:980px; position:relative; } /* Header */ #header { background: url("images/DJ-Nasty-Naz.jpg") center no-repeat; min-width: 980px; width: 100%; height: 400px; } /* Header - Menu */ #header-menu { position: absolute; top: 0px; left: 0px; } #header-menu ul { list-style-type:none; } #header-menu ul li { float:left; font:bold 1.0em/45px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; } #header-menu ul li a { color:#fff; height:50px; padding:0 15px; background:url("images/Button.jpg") right no-repeat; display:block; } #header-menu ul li ul { display: none; } /* Header - Topbar */ #topbar { position:absolute; top:264px; left:306px; width:671px; height:136px;} #topbar ul { list-style-type:none; } #topbar ul li { padding-top:8px; font:bold 0.9em/1.2em Verdana, Arial, Helvetica, sans-serif; } /* Header - Topbar - Boxes */ #topbar #topbar-left , #topbar #topbar-right { width:271px; padding:25px 10px 0px 18px; float:left; } #topbar #topbar-right { margin-left:73px;} /* Main */ #main { float:left; padding:20px; background:#303030 url("images/ContentBG.jpg") no-repeat; } /* Main - Content */ #content { float:left; } /* Main - Content - Image alignment */ #content img { display: inline; } #content .alignright { float:right; } #content .alignleft { float:left; } #content .alignright img, #content img.alignright { margin-left: 10px; } #content .alignleft img, #content img.alignleft { margin-right: 10px; } #content .aligncenter img, #content img.aligncenter { display: block; margin-left: auto; margin-right: auto; } #content .wp-caption-text { float:inherit; font:bold 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif; margin-top: 2px;} #content .navigation {clear:both;} /* Main - Content - Post */ #content .post { float:left; width:633px; margin-bottom:30px; color:#ccc; font:normal 1.0em/1.6em Verdana, Arial, Helvetica, sans-serif;} #content .post h2 { color:#c43d00; font:bold 1.4em/1.8em Verdana, Arial, Helvetica, sans-serif; } #content .post h3 { color:#fff; font:bold 1.4em/1.5em Verdana, Arial, Helvetica, sans-serif; padding: 0 4px; clear: both; } /* Post - Title */ #content .post .post-title { float:left; width:100%; color:#ccc; font:bold 1.0em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; } #content .post .post-title .post-date { float:left; background: url("images/post_date.gif") repeat-x; width: 50px; height: 51px; color: #fff; text-align: center; text-transform: uppercase; margin-right:10px; font:bold 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif; } #content .post .post-title .post-date span { margin-bottom:4px; display: block; font:bold 2.2em/1.6em Verdana, Arial, Helvetica, sans-serif; } #content .post .post-title h2 { color: #fc6; font: bold 1.5em/1.8em Verdana, Arial, Helvetica, sans-serif; } #content .post .post-title h2 a { color: #fc6; } /* Post - Entry */ #content .post p, ul { margin-bottom:1.4em; } #content .post ul { list-style: square outside; padding-left: 15px;} #content .post .post-entry { float:left; width:100%;} #content .post .post-entry p.quote { text-align:center; } #content .post .post-entry .more-link { display: inline;} #content .post .post-entry a { color:#ff9900;} /* Post - Info */ #content .post .post-info { padding:0 4px; width:100%; clear:both; color:#fff; font:bold 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif; } /* Post - Comments */ #content .post .commentlist { padding: 0 7px; width: 90%; font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #ccc; } #content .post .commentlist p { margin-bottom: 1.2em; } #content .post .commentlist { margin: 10px 0; padding-left: 10px; list-style: none;} #content .post .commentlist li { padding: 10px 0px 3px; } #content .post .commentlist li.odd { background: #000; } #content .post .commentlist li.comment-author-djnastynaz { background-repeat: repeat-x; background-image: url("images/AuthorComment.png"); } #content .post .commentlist li cite { color: #fff; font-weight: bold; font-style: normal; } #content .post .commentlist li small { color: #999; } #content .post .commentlist li .commentmetadata { margin-bottom: 1.2em; font-size: 0.8em; } #content .post #commentform { padding: 0 5px 10px 5px; font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #ccc; border-bottom: #CCC 1px dashed; margin-bottom: 10px;} #content .post #commentform p { margin-bottom: 1.2em; } #content .post #commentform .commentline { margin-bottom: 5px; font-size } /* Main - Sidebar */ #sidebar-wrapper { float:right; margin-left:15px;} .sidebar, .sidebar-img { border:1px #CCCCCC solid; margin-bottom:15px; } .sidebar { padding:10px; width:270px; } /* Sidebar - Titles */ .sidebar h2 { color:#fc6; font:bold 1.4em/1.6em Verdana, Arial, Helvetica, sans-serif; } /* Sidebar - Menus */ .sidebar ul { margin-left:5px; list-style:square inside; } .sidebar ul li { color: #fff; font:normal 1.0em/1.8em Verdana, Arial, Helvetica, sans-serif; } .sidebar p { color: #fff; font:normal 1.0em/1.8em Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; } /* Sidebar - Searchform */ .sidebar #searchform { margin:0 auto; text-align:center; } .sidebar #searchform #s { width:200px; } .sidebar .hidden { display:none; } /* Table markup */ td { vertical-align:top; padding: 4px 5px; } td p { margin:0; } /* Footer */ .footer { float:left; width:100%; text-align:center; font:normal 1.0em/1.2em Verdana, Arial, Helvetica, sans-serif; } .footer a { color:#666; } .footer a:hover { color:#fff; text-decoration:none; }