/*

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: 1px;

  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: 602px;

  overflow: hidden;

}



.medium #slider {

  width: 602px;

}



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

.medium #slider .jcarousel-clip, .medium #slider .jcarousel-container {

  width: 568px;

}



.medium #slider .jcarousel-list li, .medium #slider .jcarousel-item {

  width: 568px;

}



.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: 301px;

}



.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: 301px;

}



/* Large */



.large #col-wrapper {

  float: left;

  width: 602px;

  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: 602px;

}



.large #col-1 .post {

  margin-bottom: 25px;

  width: 602px;

}



.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: 301px;

}



.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;

}



.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: 10px;

  height: 20px;

  line-height: 20px;

  padding: 2px 0px;

  text-decoration: none;

}



.large .widget_blog_navigator #tab li a,

.medium .widget_blog_navigator #tab li a {

padding: 2px 1px;

}



.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: 125px; width:125px; }

.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; }