/* Theme Name: WP-Palette Theme URI: http://thedesigninc.com Description: A premium Wordpress theme Author: TheDesignInc Author URI: http://thedesigninc.com Version: 1.0 */ body { margin:0; padding: 0; background-color: #eeeeee; text-align:center; font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; } a:link { font-size: 12px; color: #888888; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: underline; } a:active { font-size: 12px; color: #888888; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: underline; } a:visited { font-size: 12px; color: #888888; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: underline; } a:hover { font-size: 12px; color: #888888; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: underline; } #header-container { width: 100%; height: 151px; margin:0; padding: 0; background-color: #050505; text-align: center; } #header { width: 990px; height: 151px; margin: 0 auto; background: url(images/header.jpg) no-repeat; position: relative; } #header-container { width: 100%; height: 151px; margin:0; padding: 0; background: url(images/headerbackground.jpg) repeat-x; text-align: center; } #header-nav { width: 990px; height: 96px; margin: 0; padding: 0; position: absolute; top: 50px; right: 50px; text-align: right; } #header-nav ul { margin: 0; padding: 0; list-style-type: none; } #header-nav ul li { margin: 0; padding: 0 0 0 20px; display: inline; } #header-nav ul li a:link { font: 18px tahoma; color:#000000; text-decoration: none; } #header-nav ul li a:visited { font: 18px tahoma; color:#000000; text-decoration: none; } #header-nav ul li a:hover { font: 18px tahoma; color:#3333cc; text-decoration: underline; } #header-nav ul li a:active { font: 18px tahoma; color:#000000; text-decoration: none; } #main-container { width: 890px; height: 300px; margin: 15px auto 0 auto; background-color: #ffffff; border: 1px solid #cccccc; text-align:left; } #main-container-left { float: left; width:430px; height: 250px; margin: 25px 0 0 40px; text-align: left; } h1#main-container-title { margin: 0; padding: 0; font: bold 22px "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; color:#000000; } #main-container-description { margin: 13px 0 0 0; font: 13px "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; color:#222222; } #big-button { width: 124px; height: 28px; margin: 20px 0 0 0 ; } #main-container-bottom-left { float: left; margin: 10px 10px 0 0; font: 15px arial; color:#000000; } #main-container-bottom-right { float: right; margin: 10px 0 0 0; font: 15px arial; color:#000000; } #main-container-bottom-left img { padding: 0 10px 0 0; } #main-container-bottom-right img { padding: 0 10px 0 0;} #main-container-bottom-left a:link{ color:#246daa; font: 16px arial;} #main-container-bottom-left a:active{ color:#246daa; font: 16px arial;} #main-container-bottom-left a:visited{ color:#246daa; font: 16px arial;} #main-container-bottom-left a:hover{ color:#246daa; font: 17px arial;} #main-container-bottom-right a:link{ color:#246daa; font: 16px arial;} #main-container-bottom-right a:active{ color:#246daa; font: 16px arial;} #main-container-bottom-right a:visited{ color:#246daa; font: 16px arial;} #main-container-bottom-right a:hover{ color:#246daa; font: 17px arial;} #main-container-right { float: right; width:340px; height: 250px; margin: 25px 40px 0 0; } #slider { width: 340px; height: 250px; margin: 0; padding: 0; } #slideshow { position:relative; height:250px; } #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 250px; width: 340px; } #slideshow IMG.active { z-index:10; opacity:1.0; } #slideshow IMG.last-active { z-index:9; } #content-container { width: 890px; height: 100%; margin: 15px auto 0 auto; background-color: #ffffff; border: 1px solid #cccccc; text-align: left; } .content { float: left; width: 205px; height: 100%; margin: 15px 0 15px 0; padding: 0 0 0 15px; border-right: 1px solid #cccccc; line-height:18px; } .content-last { float: left; width: 205px; height: 100%; margin: 15px 0 15px 0; padding: 0 0 0 15px; line-height:18px; } p.content-title { font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; } p.content-title a:link{ font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; } p.content-title a:active{ font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; } p.content-title a:visited{ font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; } p.content-title a:hover{ font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; } p.content-description { font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 12px; color: #888888; } p.content-photo { } p.content-description img { padding: 10px 0 0 0; } #links-container { width: 890px; height: 100%; margin: 15px auto 0 auto; background-color: #ffffff; border: 1px solid #cccccc; text-align: left; } .links { float: left; width: 150px; height: 100%; margin: 40px 0 40px 50px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; color: #888888; } h2.links { margin: 0; padding: 0; font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; font-weight: bold; color: #000000; } .links h2{ margin: 0; padding: 0; font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; font-weight: bold; color: #000000; } .links ul{ margin: 0; padding: 0; list-style-type: none; } .links ul li a:link { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 13px; color: #888888; text-decoration: none; } .links ul li a:active { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 13px; color: #888888; text-decoration: none;} .links ul li a:visited { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 13px; color: #888888; text-decoration: none;} .links ul li a:hover { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 13px; color: #000000; text-decoration: none;} #footer-container { width: 890px; height: 50px; margin: 15px auto 0 auto; background-color: #eeeeee; text-align: center; } #footer { font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 12px; color: #888888; } #blog-container { width: 890px; height: 100%; margin: 15px auto 0 auto; border: 1px solid #cccccc; background-color: #ffffff; text-align: left; } #blog-container-left { float: left; width: 595px; height: 100%; margin: 15px 0 15px 15px; border: 1px solid #cccccc; background-color: #ffffff;} #blog-sidebar { float: right; width: 250px; height: 100%; margin: 15px 15px 15px 0; border: 1px solid #cccccc; background-color: #ffffff;} #blog-sidebar h2 { margin: 15px 15px 25px 25px; padding: 0; font-size: 16px; color: #222222; font-weight:bold; } #blog-sidebar ul { margin: 0 15px 30px 40px; padding: 0; list-style-type: none; } #blog-sidebar ul li { margin: 0; padding: 10px 0 10px 0; font-size: 14px; color: #666666; border-bottom: 1px solid #e3e3e3; } #blog-sidebar ul li a:link { font-size: 14px; color: #666666; text-decoration: none; } #blog-sidebar ul li a:visited { font-size: 14px; color: #666666; text-decoration: none; } #blog-sidebar ul li a:active { font-size: 14px; color: #666666; text-decoration: none; } #blog-sidebar ul li a:hover { font-size: 14px; color: #666666; text-decoration: none; } .blog-single { margin: 0 15px 15px 15px; font-size: 13px; color: #888888; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; line-height: 22px; } p.blog-single-title { margin: 15px 15px 15px 0; font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } p.blog-single-description { margin: 0 15px 15px 15px; font-size: 12px; color: #888888; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } p.blog-single-post-meta { margin: 0 15px 15px 0; font-size: 12px; color: #888888; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } .clear { clear: both; } p.blog-single-title a:link { font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; } p.blog-single-title a:active { font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; } p.blog-single-title a:visited { font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; } p.blog-single-title a:hover { font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; } p.next-previous { margin: 0 0 15px 0; text-align: center; } p.next-previous a:link { font-size: 12px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; font-weight: bold; } p.next-previous a:active { font-size: 12px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; font-weight: bold;} p.next-previous a:visited { font-size: 12px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; font-weight: bold;} p.next-previous a:hover { font-size: 12px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; font-weight: bold;} #blog-container-left-full-width { width: 858px; height: 100%; margin: 15px 0 15px 15px; border: 1px solid #cccccc; background-color: #ffffff;} .hackadelic-sliderPanel { border: 1px solid #ccc; padding: 10px; text-decoration: none; text-size: 18px; } a.hackadelic-sliderButton { border: 1px solid lightgrey; color: #99999; padding: 2px 10px; text-decoration: none; font-size: 18px; -moz-border-radius: 1em; -webkit-border-radius: 1em; } a.hackadelic-sliderButton:hover { border: 1px solid #cccccc; background-color: #99ccff; text-decoration: none; font-size: 18px; } .entry .hackadelic-sliderPanel { background-color: #fcfcfc; text-decoration: none; } .textwidget .hackadelic-sliderButton { display: block; text-align: center; text-decoration: none; margin: .5em; } .textwidget .hackadelic-sliderPanel { background-color: #CCCCCC; text-decoration: none; } /* CSS accordion menu content styling: */ ul.portfolio .hackadelic-sliderPanel { width: 39em; /* skip this if you don't need a width limitation */ } /* CSS accordion menu title/button styling: */ ul.portfolio a.hackadelic-sliderButton { width: 39em; /* skip this if you don't need a width limitation */ height: 24px; /* skip this if you don't need a specific height */ background: url(/i/bg/sidebar-button-bg-1.png) left top repeat-x; /* add some cool button background */ color: black; /* skip this if your link text color looks good on the background image*/ display: block; /* important: make all slider buttons expand over the whole list */ margin: 3px 3px; /* skip this if you don't need specific margins */ text-indent: 1em; /* skip this if you don't need a specific text indentation */ line-height: 22px; font-weight: bold; } /* CSS accordion menu title/button styling when the mouse hovers over it: */ ul.portfolio a.hackadelic-sliderButton:hover { background: url(/i/bg/sidebar-button-bg-2.png) left top repeat-x; } /* overall portfolio list styling */ ul.portfolio { list-style-type: none; /* if you don't like the bullet points, remove them */ }