/* Theme Name:ColorTyme Theme URI: http://www.colortyme.com Description: ColorTyme premium theme. Compatible with WordPress 2.7. Valid CSS & HTML, SEO Layout, clean code. Version: 1.0 Author: Firehost Author URI: http://www.firehost.com/ Tags: blue, white, light, two-columns, right-sidebar, fixed-width This theme is released under GNU General Public License (GPL): http://www.gnu.org/licenses/gpl.html */ html, body, div, span, input, textarea, form {margin: 0px; padding: 0px;} /* Begin Typography, Colors & Structure */ body {background:#ffffff url(images/topbar_bg.png) repeat-x scroll 0px 73px;color:#3E3E3E;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;line-height:1.5;} #wrapper {width:720px;margin: 0px auto;position:relative;} #page { position:absolute;top:164px;margin: 0px auto; width:720px;background-color: #fff;} #container {clear:both;margin: 0px auto; width:720px; position:relative;} #header {width: 100%;position:absolute; top:0px;margin: 0px auto; background:url(images/header.png) no-repeat top left; height:160px; /*position:relative; overflow:hidden;*/} #logo {padding:5px 5px 0 0;} #content {font-size: 11px; padding-top:20px;} .narrowcolumn {float: left;padding: 0 0 10px 13px;margin: 0px 0 0;width: 459px;} .narrowcolumn .entry{line-height: 1.4em;} .narrowcolumn .entry p {padding-top:0;margin-top:0;} .narrowcolumn .postmetadata {padding: 5px 0; border-bottom:dashed 1px #cccccc;border-top:dashed 1px #cccccc;font-size:10px;color:#888;} .narrowcolumn .entry p.postmetadata {padding-top:5px;} .narrowcolumn .postmetadata a {color:#000;text-decoration:none;} .narrowcolumn .postmetadata a:hover {text-decoration:underline;color:#000;} .narrowcolumn .smallattachment {float: left;width: 128px;margin: 5px 5px 5px 0px;} .narrowcolumn .attachment {margin: 5px 0px;} .thread-alt {background-color: #f8f8f8;} .thread-even {background-color: white;} .depth-1 {border: 1px solid #ddd;} .even, .alt {/* border-left: 1px solid #ddd; */} /* Header & Navigation */ div#topNavContainer {width:722px;height:154px;margin:0px auto;padding-left:19px;} div#topNavLogo a {width:175px; height:143px; display:block;} div#topNavLogo a span {display:none;} div#topNavLinks {position:absolute;height:12px;width:400px;left:48%;top:30px;} div#topNavLinks a {margin-right:20px;} div#topNavLinks a.last {margin-right:0px;} div#topNavLinks img {border:0px;} #topnav {height:34px;width:383px;margin:38px 0 0 0;padding:0px;vertical-align:bottom;float:right;} #topnav ul {margin:0px;padding:0px;list-style-type:none;} #topnav ul li {float:left;padding:0;margin:0px 20px 0px 0px;background:none;} #topnav ul li a{font-size:11px; font-family:"Arial Narrow";} #btn_aboutus{ width:45px;background-image: url(images/btn_aboutus.gif);} #topnav li.btn_aboutus {margin-top:0px;background:#fff url(images/btn_aboutus.gif);} #topnav a#btn_aboutus:hover{margin-top:0px;background-position:100% -34px;z-index:50;} #btn_jobs {background-image:url(images/btn_jobs.gif);width:23px;} #topnav li.btn_jobs {margin-top:0px;background:#fff url(images/btn_jobs.gif);} #topnav a#btn_jobs:hover{margin-top:0px;background-position:100% -34px;z-index:50;} #btn_blog{ width:24px;background-image: url(images/btn_blog.gif);} #topnav li.btn_blog {margin-top:0px;background:#fff url(images/btn_blog.gif);} #topnav a#btn_blog:hover{margin-top:0px;background-position:100% -34px;z-index:50;} #btn_franchise{ width:123px;background-image: url(images/btn_franchise.gif); } #topnav li.btn_franchise {margin-top:0px;background:#fff url(images/btn_franchise.gif);} #topnav a#btn_franchise:hover{margin-top:0px;background-position:100% -34px;z-index:50;} #btn_contact{ width:56px; background-image: url(images/btn_contact.gif);} #topnav li.btn_contact {margin-top:0px;background:#fff url(images/btn_contact.gif);} #topnav a#btn_contact:hover{margin-top:0px;background-position:100% -34px;z-index:50;} #btn_aboutus, #btn_blog, #btn_franchise, #btn_contact, #btn_jobs {display:block;float:left;height: 34px;} #btn_aboutus:hover, #btn_blog:hover, #btn_franchise:hover, #btn_contact:hover, #btn_jobs:hover {background-position:100% -34px;} #btn_aboutus span, #btn_blog span, #btn_franchise span, #btn_contact span, #btn_jobs span {display:none;} .topnav_activebtn{ background-position:100% -34px;} /* Footer */ div#footer {clear:both;width:719px;margin:0px auto;} div#footerLinks, div.sitelinks {width:749px;margin:0px auto 50px;text-align:center;margin-top:15px;color:#999999;} div.sitelinks {margin:8px;} div#footerLinks a, div.sitelinks a{color:#999999;text-decoration:none;margin:0px 8px 0px 8px;border:none;font-size:10px;} div#footerLinks a:hover, div.sitelinks:hover {color:#000;border:none;} .copyrightContainer {background:#CFCFCF url(images/copyright_top.gif) no-repeat scroll left top;margin-top:18px;padding:10px 22px;text-align:left;} .copyrightContainer span {float:right;width:300px;text-align:right;color: Black; font:12px 'Trebuchet MS', Verdana, Arial, sans-serif;font-weight: bold;} .copyrightContainer span em {color:#239D54;font-style:normal;font-weight: bold;} div#author {border-bottom:dashed 1px #cccccc;border-top:dashed 1px #cccccc;padding: 5px 0; color:#888888;font-size:10px;margin:5px 0 10px 0;} div#author span {color:#000000} small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;} h1, h2, h3, h4, h5, h6 {margin: 0px; padding:5px 0 5px 0;} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;} h2 a { color: #0c2c84;text-decoration:none;} h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;} h2 a:hover { color: #0c2c84;text-decoration:underline;} h1, h2 {font-size:18px;color: #0c2c84;} h4, h5, h6 { font-size: 14px; color:#333333;} h3, h3 a, h3 a:visited{font-size: 14px; color: #333333;} h3 {/*font-size: 1.3em;*/} h2.pagetitle {} #sidebar h2 {font-size: 12px;} .entry p a {color: #9a1402; text-decoration:underline;} a:hover, .entry p a:hover {color: #9a1402;text-decoration: none;} .commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentlist li ul li {font-size: 1em;} .commentlist li {font-weight: bold;} .commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;} .commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;} #commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentmetadata {font-weight: normal;} #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #3E3E3E;} p.alt small {font-style:italic;color:#666;padding:10px 0;} p.alt small a {color:#666;text-decoration:underline;} p.alt small a:hover {color:#666;text-decoration:none;} code {font: 11px 'Courier New', Courier, Fixed;} acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;} h3 a:hover {color: #000000;text-decoration: none;} .post {clear:both;margin: 0 0 10px;text-align:left;} .post hr {display: block;} .postmetadata {clear: both;} .clear {clear: both;} /* End Typography, Colors & Structure */ /* Begin Headers */ h1 {padding-top: 20px;margin: 0;} h2 {margin:0;} h2.pagetitle {margin-top: 10px;} #sidebar h2 {margin: 0;padding: 7px 0 3px 10px; font-family:"Arial Narrow"; color:#FFFFFF; font-weight:bold;height:20px;} h3.comments {padding: 0;margin: 40px auto 20px ;} /* End Headers */ /* Begin Images */ p img {padding: 0;max-width: 100%;} /* 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;} .alignright {float: right;color:#F28D0C;} .alignleft {float: left;color:#F28D0C;} /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;} .entry li {margin: 7px 0 8px 10px;list-style-type:disc;} .entry li a {color:#9A1402;text-decoration:underline;} .entry li a:hover {text-decoration:none;} .entry ol {padding: 0 0 0 25px;margin: 0;} .entry ol li {margin: 0;padding: 0;} .postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;} #sidebar ul, #sidebar ul ol {margin: 0;padding: 0;} #sidebar ul li {list-style-type: none;list-style-image: none;padding-bottom:12px;margin:0 7px 0px 1px;} #sidebar ul li ul li{padding-left:10px;} #sidebar ul p, #sidebar ul select {margin: 5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;} #sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;} ol li, #sidebar ul ol li {list-style: decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;} #sidebar ul li.widget_archive h2 {background:url(images/archives.png) no-repeat top left; width:221px;text-indent:-9999px;} #sidebar ul li.widget_archive ul li a {background:url(images/arrow.png) no-repeat center right; padding-right:13px;} #sidebar ul li.widget_recent_entries h2 {background:url(images/recent-posts.png) no-repeat top left; width:221px;text-indent:-9999px;} #sidebar ul li.widget_recent_entries ul li a {background:url(images/arrow.png) no-repeat center right; padding-right:13px;} #sidebar ul li.widget_categories h2 {background:url(images/categories.png) no-repeat top left; width:221px;text-indent:-9999px;} #sidebar ul li.widget_categories ul li a {background:url(images/arrow.png) no-repeat center right; padding-right:13px;} #sidebar ul li.widget_tag_cloud h2 {background:url(images/tags.png) no-repeat top left; height:25px; width:221px; margin:0 0 0 -9px;text-indent:-9999px;} #sidebar ul li.widget_tag_cloud {background-color:#f4e6c7; padding:0 9px 9px 9px;} * html #sidebar ul li.widget_tag_cloud a {padding-left:0;padding-right:0;margin-right:0;margin-left:0;} #sidebar ul li#text-453098781 {padding-bottom:5px} #sidebar ul li#text-453098781 h2 {background:url(images/hometown.png) no-repeat top left; width:221px;text-indent:-9999px;} #sidebar ul li#text-453098781 div.textwidget {background-color:#e1e1e1;padding:9px; margin-top:1px;} #sidebar ul li#text-453098781 div.textwidget p {padding-top:1px;margin-top:0px;} #sidebar ul li#text-453098781 div.textwidget h3 {color:#0d2d84; padding:0px; font-size:11px; margin-bottom:0px;} #sidebar ul li.widget_text a.btn_rss {background:url(images/rss.png) no-repeat top left;width:220px; padding:15px 0 10px 43px;color:#FFFFFF; display:block;font-size:11px; font-weight:bold;text-decoration:none;text-indent:-9999px;} #sidebar ul li.widget_text a.btn_email {background:url(images/email.png) no-repeat top left;width:220px; padding:15px 0 10px 43px;color:#FFFFFF; display:block;font-size:11px; font-weight:bold;text-decoration:none;text-indent:-9999px;} #sidebar ul li ul{background-color:#f4e6c7; margin:1px 0 0 1px; padding:5px 0; width:auto;} #sidebar ul li #searchform {background:url(images/search-box.png) no-repeat top left;padding:14px 0 0 15px; margin-top:0px; height:56px;} #sidebar ul li #searchform span{color:#FFFFFF; font-weight:bold; font-family:"Arial Narrow"; font-size:12px;display:none;} #sidebar div.shop_search {background:url(images/shop-search-bg.png) no-repeat top left; height:92px; width:221px; margin-top:5px;} /* End Entry Lists */ /* Begin Form Elements */ #shopform {margin: 10px auto;padding: 51px 6px 0;} #shopform input#q{width:140px; margin:12px 0 0 4px; border:none; height:16px; font-size:11px; background:none;} #shopform #shopsearch {padding: 1px;background:url(images/find.png) no-repeat top left; width:47px; border:none; margin-left:5px;vertical-align:middle;height:20px;cursor:pointer;} #searchform {margin: 10px auto;padding: 5px 6px 0;} #sidebar #searchform input#s {width: 142px;padding: 2px; background:none; border:none; margin-left:50px;} #sidebar #searchform #searchsubmit {background:url(images/go.png) no-repeat top left; width:29px; margin:15px 7px 0 0; border:none;float:right;height:20px;cursor:pointer;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;} #commentform {margin: 5px 10px 0 0; } #commentform textarea {width: 100%;padding: 2px;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #commentform #submit {margin: 0 0 5px auto;float: right;} /* End Form Elements */ /* Begin Comments*/ .alt {margin: 0;padding:0;} .commentlist {padding: 0;text-align: justify;} .commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;} .commentlist li ul li { margin-right: -5px;margin-left: 10px;} .commentlist p {margin: 10px 5px 10px 0;} .children { padding: 0; } #commentform p {margin: 5px 0;} .nocomments {margin: 0;padding: 0;} .commentmetadata {margin: 0;display: block;} /* End Comments */ /* Begin Sidebar */ #sidebar {font: 1em;padding: 20px 0 10px 0;margin-left: 499px;width: 228px;} * html #sidebar {margin-left:475px;} #sidebar a {color:#3E3E3E;text-decoration:none;} #sidebar a:hover{color:#F28410;text-decoration:none;} #sidebar form {margin: 0;} /* End Sidebar */ /* Begin Calendar */ #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar a {text-decoration: none;} #wp-calendar caption {font: bold 1.2em;text-align: center;} #wp-calendar th {font-style: normal;text-transform: capitalize;} #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;} #wp-calendar #next a {padding-right: 10px;text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left;} #wp-calendar a {display: block;} #wp-calendar caption {text-align: center;width: 100%;} #wp-calendar td {padding: 3px 0;text-align: center;} /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;} blockquote cite {margin: 5px 0 0;display: block;} .center {text-align: center;} .hidden {display: none;} hr {display: none;} a img {border: none;} .navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 20px;} #n {border-bottom:1px dashed #CCCCCC; border-top:1px dashed #CCCCCC;margin-bottom:0;padding:5px 0;} .navigation .alignleft a, .navigation .alignright a {color:#F28D0C;text-decoration:none;} .navigation .alignleft a:hover, .navigation .alignright a:hover {color:#F28D0C;text-decoration:underline;} /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;border-radius: 3px;} .wp-caption img {margin: 0;padding: 0;border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} /* End captions */ .breadcrumb{position:absolute;top:0px;left:0px;padding: 5px 10px 0px 15px; color:#666666;} .breadcrumb a{color:#828a8f; text-decoration:none; background:url(images/arrow-trans.png) no-repeat center right; padding-right:12px;margin-right:5px;} .breadcrumb a:hover{text-decoration:underline;}