/*
Theme Name: ColorMatic Theme
Theme URI: http://www.themewars.com/themes/colormatic-theme
Description: ColorMatic
Version: 1.0.2
Author: Theme Wars
Author URI: http://www.themewars.com
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img { 
  border: 0;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

q:before,q:after { content: ''; }
abbr, acronym { border: 0; }

body {
  font-size: 12px;
  line-height: normal;
  text-align: center;  
}

.entry p,

.entry ul,
#footer ul,
#footer p {
line-height: 1.5;
}


a { text-decoration: none; }
a:hover { text-decoration: underline; }

#container {
  margin: 0 auto;
  text-align: left;
  width: 978px;
}

.clear { clear: both; }
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft { margin-right: 10px; }
img.alignright { margin-left: 10px; }

.action-link, .action-link:hover {
  display: inline-block;
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px; font-weight: bold;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  text-decoration: none;
}

.border {
  height: 6px;
  font-size: 6px;
  margin: 20px 0px;
}

label.list {
  clear: left;
  margin: 0 0 5px 0;
}
  
label.inline {
  margin: 0 10px 0 0;
}
  
input.hiddenCheckbox {
  position: absolute; left: -10000px; /* Hide the input */
}
  
label.prettyCheckbox span.holderWrap {
  display: block; float: left;
  position: relative;
  margin-right: 5px;
  overflow: hidden;
}
    
label.prettyCheckbox span.holder {
  display: block;
  position: absolute;
  top: 0; left: 0;
}

label.checkbox span.holder {
  height: 48px; /* Total height of your checkbox image */
  background: url('images/checkbox.png') 0 0px no-repeat; /* Path to your checkbox image */
}

label.radio span.holder {
  height: 48px; /* Total height of your radio buttons image */
  background: url('images/checkbox.png') 0 0px no-repeat; /* Path to your radio button image */
}

label.checkbox:hover span.holder,
label.radio:hover span.holder { top: -16px !important; } /* Background position on mouseover */

label.checked span.holder,
label.checked span.holder,
label.checked:hover span.holder,
label.checked:hover span.holder { top: -32px !important; } /* Background position when checked */
  
.adblock-wrapper {
  padding: 10px 0px;
  text-align: center;
}
.social-media a { display: inline-block; margin-right: 7px; }

#searchform label { display: block; margin-bottom: 10px; font-weight: bold; font-size: 14px; }

#searchform #s {
  background: transparent url('images/input_bg.png') no-repeat top left;
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px;
  padding-top: 6px; padding-bottom: 7px; padding-left: 5px; padding-right: 5px;
}

#searchform #searchsubmit {
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px; font-weight: bold;
  padding: 6px 10px;  
  cursor: pointer;
}

/* Announcement */

#announcement {
  display: block;
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-weight: bold; font-size: 14px;
  margin-top: 15px;
  padding: 12px 0px;
  text-align: center;
}

/* Wrapper */

.wrapper {
  padding-left: 27px; padding-right: 29px; padding-top: 20px; padding-bottom: 20px;
  width: 922px;
}

#main-content {
  margin-top: 20px;
  margin-bottom: 30px;
}

/* Header */

#header {
  width: 922px;
  margin-bottom: 20px;
  overflow: hidden;
}

#header #logo {
  float: left;
  width: 430px;
  overflow: hidden;
}


#header .topa {
  float: right;
  width: 468px;
  overflow: hidden;
}

#header #logo h1 a {
  display: block;
  font-size: 38px;
  margin-bottom: 10px;
}

#header #logo .tagline {
  font-size: 18px;
}

/* Navigation */
#navigation-wrapper {
  width: 922px;
  margin-bottom: 20px;
  overflow: hidden;
}

#navigation-wrapper .rss {
  float: right;
}

#navigation {
  float: left;
  height: 47px;
  line-height: 47px;
  width: 858px;
}

#navigation li { float: left; }
#navigation li a {
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  height: 47px;
  padding: 0 20px;
  text-decoration: none;
}

/* Generic Slider */

#slider h3 { font-size: 24px; margin-bottom: 5px; }
#slider h3 a { text-decoration: none; }
#slider h3 a:hover { text-decoration: underline; }
#slider .postmetadata { display: inline-block; margin-bottom: 18px; }
#slider .excerpt p { margin-bottom: 10px; line-height:1.5 }
#slider .jcarousel-container { margin-bottom: 10px; }
#slider .pagination a {
  display: inline-block;
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px; font-weight: bold;
  height: 22px;
  line-height: 22px;
  margin-right: 10px;
  padding: 0 10px;
}

#slider .pagination a:hover { text-decoration: none; }

/* Columns */

#content-wrapper {
  overflow: hidden;
  width: 922px;
}

.medium #col-wrapper {
  float: left;
  width: 625px;
  overflow: hidden;
}

.medium #slider {
  width: 591px;
}

.medium #slider .jcarousel-container { padding: 10px 18px 10px 16px; }
.medium #slider .jcarousel-clip, .medium #slider .jcarousel-container {
  width: 591px;
}

.medium #slider .jcarousel-list li, .medium #slider .jcarousel-item {
  width: 591px;
}

.medium #slider .slider-content {
  float: left;
  width: 305px;
}

.medium #slider .image { float: right; }

.medium #col-1 {
  float: left;
  width: 292px;
}

.medium #col-1 h3 {
  font-weight: bold; font-size: 16px;
  margin-bottom: 18px;
}

.medium .post h2.post-title {
  font-weight: 14px; font-weight: bold; font-size: 14px;
  margin-bottom: 6px;
}

.medium .post .postmetadata { margin-bottom: 10px; }
.medium .post .entry p { margin-bottom: 18px; }

.medium #col-2 {
  float: right;
  overflow: hidden;
  width: 301px;
}

.medium #col-3 {
  float: right;
  overflow: hidden;
  width: 269px;
}

.rmore {
font-weight:bold;
}
/* Small */

.small #col-wrapper {
  float: left;
  width: 602px;
  overflow: hidden;
}

.small #slider {
  width: 602px;
}

.small #slider .jcarousel-container { padding: 10px 18px 10px 16px; }
.small #slider .jcarousel-clip, .small #slider .jcarousel-container {
  width: 568px;
}

.small #slider .jcarousel-list li, .small #slider .jcarousel-item {
  width: 568px;
}

.small #slider .slider-content {
  float: left;
  width: 305px;
}

.small #slider .image { float: right; }

.small #col-1 {
  float: left;
  width: 602px;
}

.small #col-1 .post {
  float: left;
  margin-right: 45px;
  margin-bottom: 25px;
  width: 278px;
}

.small #col-1 h3 {
  font-weight: bold; font-size: 16px;
  margin-bottom: 18px;
}

.small .post h2.post-title {
  font-weight: 14px; font-weight: bold; font-size: 14px;
  margin-bottom: 6px;
}

.small .post .postmetadata { margin-bottom: 10px; }
.small .post .entry p { margin-bottom: 18px; }

.small #col-3 {
  float: right;
  width: 293px;
}

/* Large */

.large #col-wrapper {
  float: left;
  width: 621px;
  overflow: hidden;
}

.large #slider {
  width: 888px;
  margin-bottom: 25px;
}

.large #slider .jcarousel-container { padding: 10px 18px 10px 16px; }
.large #slider .jcarousel-clip, .large #slider .jcarousel-container {
  width: 888px;
}

.large #slider .jcarousel-list li, .large #slider .jcarousel-item {
  width: 888px;
}

.large #slider .slider-content {
  float: left;
  width: 291px;
}

.large #slider .image { float: right; }

.large #col-1 {
  float: left;
  width: 621px;
}

.large #col-1 .post {
  margin-bottom: 25px;
  width: 621px;
}

.large #col-1 h3 {
  font-weight: bold; font-size: 16px;
  margin-bottom: 18px;
}

.large .post h2.post-title {
  font-weight: 14px; font-weight: bold; font-size: 14px;
  margin-bottom: 6px;
}

.large .post .postmetadata { margin-bottom: 10px; }
.large .post .entry p { margin-bottom: 18px; }

.large #col-3 {
  float: right;
  width: 269px;
}

.large .post-image { float: left; margin-right: 20px; }

/* Horizontal */

.horizontal #col-wrapper {
  float: left;
  width: 922px;
  overflow: hidden;
}

.horizontal #slider {
  width: 888px;
  margin-bottom: 25px;
}

.horizontal #slider .jcarousel-container { padding: 10px 18px 10px 16px; }
.horizontal #slider .jcarousel-clip, .horizontal #slider .jcarousel-container {
  width: 888px;
}

.horizontal #slider .jcarousel-list li, .horizontal #slider .jcarousel-item {
  width: 888px;
}

.horizontal #slider .slider-content {
  float: left;
  width: 291px;
}

.horizontal #slider .image { float: right; }

.horizontal #col-1 {
  float: left;
  width: 922px;
}

.horizontal #col-3 .widget { float: left; width: 300px; margin-right: 10px; }
.horizontal #col-3 .widget-3 { margin-right: 0px; }

/* jCarousel */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
.jcarousel-container {
    position: relative;
    overflow: hidden;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* Single Page */

.single-page #col-wrapper {
  float: left;
  width: 602px;
  overflow: hidden;
}

.single-page #col-1 {
  float: left;
  width: 602px;
}

.single-page #col-1 .post {
  margin-bottom: 40px;
  width: 602px;
}

.single-page #col-1 .post .entry {
  padding: 5px 10px;
}

.single-page #col-1 .headline {
  font-weight: bold; font-size: 15px;
  height: 46px;
  line-height: 47px;
  margin-bottom: 15px;
  text-indent: 22px;
}

.single-page .post .entry .postmetadata { padding: 10px; font-weight: bold; margin-bottom: 25px; }
.single-page .post .entry .postmetadata p { padding-bottom: 10px; }
.single-page .post .entry .postmetadata .social-media { padding-bottom: 0; }

.single-page .post .entry p { padding-bottom: 18px; }
.single-page .post .entry blockquote { clear: both; padding: 18px; }
.single-page .post .entry img.alignleft, .single-page .post .entry img.alignright { margin-bottom: 10px; }
.single-page .post .entry h1 { font-size: 20px; font-weight: bold; margin-bottom: 18px; }
.single-page .post .entry h2 { font-size: 18px; font-weight: bold; margin-bottom: 18px; }
.single-page .post .entry h3 { font-size: 16px; font-weight: bold; margin-bottom: 18px; }
.single-page .post .entry h4 { font-size: 14px; font-weight: bold; margin-bottom: 18px; }
.single-page .post .entry h5 { font-size: 12px; font-weight: bold; margin-bottom: 18px; }
.single-page .post .entry h6 { font-size: 10px; font-weight: bold; margin-bottom: 18px; }
.single-page .post .entry ol { list-style-type: decimal; }
.single-page .post .entry ul  { list-style-type: disc; }
.single-page .post .entry ol, .single-page .post .entry ul { margin-left: 20px; margin-bottom: 18px; }
.single-page .post .entry li { margin-bottom: 10px; }

.single-page #col-3 {
  float: right;
  width: 301px;
}

.single-page .post-image { float: left; margin-right: 20px; }

.navigation { margin-bottom: 50px; font-size: 14px; font-weight: bold; }

/* Comments */

.comments-pagination-top { margin-bottom: 20px; }
.comments-pagination-bottom { margin-bottom: 20px; }

.commentlist, .commentlist ul {
  list-style: none;
}

.commentlist li.depth-1 { margin-bottom: 40px; }
.commentlist ul li .comment-container-div { margin-left: 20px; margin-bottom: 15px; }

.commentlist li .comment-container-div .author-info {
  height: 38px;
  line-height: 38px;
  margin-bottom: 10px;
}

.commentlist li .comment-container-div .author-info .avatar { float: left; }
.commentlist li .comment-container-div .author-info .text-info { float: left; margin-left: 12px; }

.commentlist li .comment-container-div .author-info .text-info .author_name,
.commentlist li .comment-container-div .author-info .text-info .comment_date { float: left; }

.commentlist li .comment-container-div .author-info .text-info .author_name,
.commentlist li .comment-container-div .author-info .text-info .author_name a {
  font-size: 18px; font-weight: normal;
  margin-right: 6px;
}

.commentlist li .comment-container-div .author-info .text-info .comment_date { font-size: 12px; }

.commentlist .comment-entry {
  color: #2a2a2a;
  line-height: 24px;
}

.commentlist .comment-entry p { margin-bottom: 5px; }

.comments-container { margin-top: 45px; margin-bottom: 20px; }
.pings-list { list-style: none; }
.pings-list li { margin-bottom: 10px; }

/* Respond */

#respond p { margin-bottom: 18px; }
#respond label { display: block; font-weight: bold; margin-bottom: 10px; }
#respond .text {
  background: transparent url('images/input_bg.png') no-repeat top left;
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px;
  padding-top: 6px; padding-bottom: 7px; padding-left: 5px; padding-right: 5px;
  width: 223px;  
}

#respond textarea {
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px;
  padding-top: 6px; padding-bottom: 7px; padding-left: 5px; padding-right: 5px;
  width: 580px;    
}

#respond #submit {
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px; font-weight: bold;
  margin-top: 10px;
  padding: 4px 10px;  
  cursor: pointer;
}

/* Sidebar(s) */

#col-2 .widget h3.headline, #col-3 .widget h3.headline {
  font-weight: bold; font-size: 16px;
  height: 42px;
  line-height: 42px;
  text-indent: 10px;
}

#col-2 .widget .widget-wrapper, #col-3 .widget .widget-wrapper {
  margin-bottom: 24px;
  padding: 18px 0px; padding-left: 8px; padding-right: 8px;
}

.widget .widget-wrapper h1, .widget .widget-wrapper h2, .widget .widget-wrapper h3,
.widget .widget-wrapper h4, .widget .widget-wrapper h5, .widget .widget-wrapper h6 {
  margin-bottom: 18px;
}

.widget .widget-wrapper p { margin-bottom: 18px; }

.widget_blog_navigator #tab {
  list-style: none;
  height: 20px;
  margin-bottom: 10px;
}

.widget_blog_navigator #tab li { float: left; margin-right: 6px; }
.widget_blog_navigator #tab li a {
  display: inline-block;
  font-weight: bold; font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 2px 5px;
  text-decoration: none;
}

.large .widget_blog_navigator #tab li a,
.medium .widget_blog_navigator #tab li a {
padding: 2px 4px;
}

.large .widget_blog_navigator #tab li,
.medium .widget_blog_navigator #tab li 
{ 
float: left; margin-right: 2px; 
}

.widget_blog_navigator li span {
  display: inline-block;
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px; font-weight: bold;
  height: 22px;
  line-height: 22px;
  margin-right: 10px;
  padding: 0 10px;  
}

.widget_twitter { font-weight: bold; }

.widget_twitter #twitter_update_list {
  list-style: none;
  width: 270px;
}

.widget_twitter #twitter_update_list li {
  width: 180px;
}

.widget .widget-wrapper label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

#twitter-link {
font-weight: bold;
}


.widget .widget-wrapper .text {
  background: transparent url('images/input_bg.png') no-repeat top left;
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px;
  padding-top: 6px; padding-bottom: 7px; padding-left: 5px; padding-right: 5px;
  width: 223px;
}

.widget .widget-wrapper .submit, .widget .widget-wrapper .Buttons {
  font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 14px; font-weight: bold;
  margin-top: 10px;
  padding: 4px 10px;
}

.large .sponsors li, .medium .sponsors li { float: left; margin: 2px; }
.large .sponsors li img, .medium .sponsors li img {border: 1px silver solid; height: 120px; width:120px; }
.sponsors li { float: left; margin: 6px; }
.sponsors li img {border: 1px silver solid }
.sponsors li.alt { margin-right: 0px; }

.widget .widget-wrapper .wp-polls-ul li label {
  display: inline;
}

.widget_my_social_networks ul { list-style: none; }
.widget_my_social_networks ul li a.facebook {
  background: transparent url('images/facebook.png') no-repeat top left;
  display: inline-block;
  height: 22px;
  padding-left: 30px;
  line-height: 22px;
}

.widget_my_social_networks ul li a.digg {
  background: transparent url('images/digg.png') no-repeat top left;
  display: inline-block;
  height: 22px;
  padding-left: 30px;
  line-height: 22px;
}

.widget_my_social_networks ul li a.delicious {
  background: transparent url('images/delicious.png') no-repeat top left;
  display: inline-block;
  height: 22px;
  padding-left: 30px;
  line-height: 22px;
}

.widget_my_social_networks ul li a.technorati {
  background: transparent url('images/technorati.png') no-repeat top left;
  display: inline-block;
  height: 22px;
  padding-left: 30px;
  line-height: 22px;
}

.widget_my_social_networks ul li a.twitter {
  background: transparent url('images/twitter.png') no-repeat top left;
  display: inline-block;
  height: 22px;
  padding-left: 30px;
  line-height: 22px;
}

.widget_my_social_networks ul li a.linkedin {
  background: transparent url('images/linkedin.png') no-repeat top left;
  display: inline-block;
  height: 22px;
  padding-left: 30px;
  line-height: 22px;
}

.widget_about_me .avatar { float: left; margin-right: 15px; margin-bottom: 15px; border: 1px silver solid }
.widget_flickr .flickr_badge_image { float: left; margin:7px; border: 1px silver solid;}

#col-2 .widget_premium_sponsor h3.headline, #col-3 .widget_premium_sponsor h3.headline {
  font-weight: bold; font-size: 16px; margin-bottom: 10px;
  height: auto;
  line-height: normal;
  text-indent: 0;
}

#col-2 .widget_premium_sponsor .widget-wrapper, #col-3 .widget_premium_sponsor .widget-wrapper {
  width: 285px;
  height: 235px;
  overflow: hidden;
  padding: 7px;  
}

#col-1 .post ul.check li {padding:0 0 0 18px;margin:0 0 23px; background: url(images/check.png) no-repeat 0 6px;list-style: none; border: 1px}

/* Footer */

#credit {
text-align: center;
font-size:11px;
padding-bottom:15px;
font-weight:bold;
}

#footer { margin-bottom: 30px; }
#footer ul { list-style-type: none; }
#footer li { display: inline; float: left; width: 210px; margin-right: 20px; }
#footer li h3.headline {
  font-weight: 16px; font-weight: bold; margin-bottom: 15px; }