/*
Theme Name: Cardeo 	
Theme URI: http://www.cardeo.ca	
Description: A Web Design, WordPress, and Interwebs blog by Matt Lambert
Version: 2.0
Author: Matt Lambert
Author URI: http://www.cardeo.ca
*/

/***------------------------------------
RESET
------------------------------------***/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin:0;
 padding:0;
 border:0;
 font-weight:inherit;
 font-style:inherit;
 font-size:100%;
 font-family:inherit;
 vertical-align:baseline;
}

body { line-height:1.5; }

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

caption, th, td {
 text-align:left;
 font-weight:normal;
}

table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }


/***------------------------------------
ALL
------------------------------------***/

body {
 font-family: helvetica, arial, verdana, sans-serif;
 font-size: 11pt;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 line-height: 1.5;
 color: #000; 

 margin: 0 auto;
}

h1 {
 display: none;
 text-indent: -9999px;
 font-size: 4em;
 margin-bottom: 1em;
 margin-top: 0em;
}

h2 {
 font-size: 3em;
  margin-bottom: 0.5em;
/* margin-top: 0.375em; */ 
 line-height: 1.25em;
}

h2 a { 
 text-decoration: none;
/* color: #333; */
}

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

#bio h3 {
 line-height: 1.25em;
 background: url(/wp-content/themes/cardeo2/images/me.png) 0 0 no-repeat;
 padding-left: 5.5em;
 color: #666;
 height: 145px;
}

#bio h3 span { 
 color: #c06;
}

h3 {
 font-size: 2em;
 line-height: 1;
 margin-bottom: 0.5em;
 margin-top: 0.25em;
}

h3 a {
 text-decoration: none;
/* color: #333; */
 }

h3 a:hover {
 color: #c06;
 text-decoration: none;
}

h4 {
 font-size: 1.5em;
 margin-bottom: 0.375em;
 margin-top: 0.1875em;
}

h4.comments {
 margin: 2em 0;
}

h4.comments span {
 color: #c06;
}

h5 {
 font-size: 1.333em;
 margin-bottom: 0.333em;
 margin-top: 0.166em;
}

.box h5 {
 color: #666;
}

.comment-text h5 a {
 text-decoration: none;
}

h6 {
 font-size: 1em;
 margin-bottom: 0.5em;
 margin-top: 0.125em;
 text-transform: uppercase;
 color: #999;
 letter-spacing: 0.1em;
 font-weight: normal;
}

h1,h2,h3,h4,h5 {
 font-weight: bold;
 color: #333;
}

p {
 margin: 0em 0em 1.5em 0em;
}

p img {
/* margin: 0 1.5em 1.5em 0; */
 margin: 0;
 padding: 0;
}

p img.right {
 float: right;
 margin: 0 0 1.5em 1.5em;
 padding: 0;
}

a:hover {
 text-decoration: underline;
 color: #c06;
}

a {
 color: #09c;
 text-decoration: underline;
 font-weight: bold;
} 

blockquote {
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 border-collapse: collapse;
 background: #f5f5f5;
 padding: 1em;
 margin-bottom: 1em;
}

blockquote > p {
 padding: 0;
 margin: 0;
}

blockquote p img {
 margin: 0;
 padding: 0;
 text-align: center;
}

blockquote.center {
 text-align: center;
}

blockquote ul, blockquote ol, blockquote dl { 
 margin-bottom: 0;
}
 
strong {
 font-weight: bold;
}

#bio strong {
 color: #333;
}

hr {
 margin-bottom: 1.5em;
 color: #ccc;
 float: left;
 width: 100%;
}

em, dfn { 
 font-style: italic;
}

dfn {
 font-weight: bold;
}

sup, sub {
 line-height: 0;
}

abbr, acronym {
 border-bottom: 1px dotted #000;
}

address {
 margin: 0 1.5em; 
 font-style: italic;
}

del {
 color: #ccc;
}

pre, tt {
 background-color: #f5f5f5;
 border: 1px solid #ccc;
 color: #333;
 font-size: 0.75em;
 margin-bottom: 2em;
 padding: 1.5em; 
}

ul,ol,dl {
 margin: 0 1.5em 1.5em 1.5em;
}

ul { 
 list-style: disc;
}

ol {
 list-style: decimal;
}

li { 
 margin: 0 1em;
}

#sidebar ul {
 margin: 1.5em 0em 0em 0em;
}

#sidebar li {
 list-style-type: none;
 margin-top: 1em;
 padding-bottom: 1em;
 border-bottom: 1px solid #ebebeb;
}

#sidebar li.last {
 border: 0;
 padding-bottom: 0.5em;
}
 
#sidebar li a {
 text-decoration: none;
}

#sidebar #cats li {
 margin: 0;
 background: url(/wp-content/themes/cardeo2/images/cats.png) 0 3px no-repeat;
 padding-left: 20px;
 margin-top: 1.25em;
}

#social-media ul {
 padding-bottom: 0.5em;
}

#social-media li  {
 border: 0;
 display: inline;
 margin-right: 0;
}

dl dt {
 font-weight: bold;
}

dd {
 margin-left: 1.5em;
}

.small { 
 font-size: 0.833em;
 margin-bottom: 1.5em; 
 color: #666;
 line-height: 1.75em;
}

.quiet {
 color: #666;
}

.loud {
 color: #000;
}

.highlight {
 background-color: #fff6bf;
 color: #000;
}

.left-align {
 margin-left: 0;
}

.right-align {
 margin-right: 0;
}

#post-nav-bottom {
 clear: both;
 float: left;
 padding-bottom: 2em;
 width: 570px;
}

/* for alignment floats */
.alignleft {
 float: left;
}

.alignright {
 float: right;
}

.subscribe {
 background: url(/wp-content/themes/cardeo2/images/rss-note.png) 0 0 no-repeat;
 display: block;
 height: 60px;
 width: 150px;
 padding-left: 75px;
 line-height: 65px;
}

#twitter_update_list li {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 1.333em;
 font-weight: bold;
 color: #666;
}

p#twitter_update_list {
 margin: 0;
 padding: 0;
}

/* Twitter bird icon on sidebar 
#twitter_update_list span {
 background: url(/wp-content/themes/cardeo2/images/bird.png) 0 -2px no-repeat;
 padding-left: 20px;
}
*/

/***------------------------------------
LAYOUT
------------------------------------***/

#container {
 width: 960px;
 margin: 0 auto;
}

#header { 
 width: 960px;
 float: left;
 margin: 4em 0em 4em 0em;
}

#logo {
 float: left;
}

#search-form {
 float: right;
}

#bio {
 float: left;
 width: 910px;
 border-top: 5px solid #ebebeb;
 background-color: #f5f5f5;
 padding: 25px;
 margin-bottom: 2em;
}

#main {
 width: 960px;
 float: left;
}

#post-roll { 
 width: 570px;
 float: left;
}

.cardeo-post {
 width: 550px;
 padding-top: 1em;
 margin-bottom: 2em;
 border-top: 5px solid #ebebeb;
 clear: both;
 float: left;
}

#next {
 margin-bottom: 2em;
 }

.postmetadata {
 width: 570px; 
}

#post-ads {
 clear: both;
 padding-top: 1em;
 border-top: 5px solid #ebebeb;
}

#post-ads p {
 text-align: center;
}

#share {
 border-top: 5px solid #ebebeb; 
 background-color: #f5f5f5;
 clear: both;
 width: 570px;
 margin-bottom: 1em;
}

#share .inner {
 padding: 1em;
}

#share ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#share li  {
 border: 0;
 display: inline;
 margin-right: 0;
}

.first { 
 margin-left: 0;
}

#comments {
 width: 570px;
 clear: both;
 padding-top: 1em;
}

#comments-header {
 padding: 1em;
 border-top: 5px solid #ebebeb;
 background-color: #f5f5f5;
 margin-bottom: 2em;
}

.comment-single { 
 width: 550px;
 float: left;
 margin-bottom: 2em;
}

.comment-text {
 width: 570px;
 float: left;
 background-color: #f5f5f5;
 border-top: 5px solid #ebebeb;
}

.comment-text .inside {
 padding: 10px;
}

.comment-text p {
 margin: 0em 0em 1.5em 0em;
}

.comment-text p.small {
 margin: 0;
}

#sidebar {
 width: 350px;
 margin-left: 40px;
 float: left;
}

#sidebar .box {
 padding: 1em;
 border-top: 5px solid #ebebeb;
 margin-bottom: 2em;
 background-color: #f5f5f5;
}

#sidebar .feature {
 border-top: 5px solid #09c;
 background-color: #ebebeb;
 color: #666;
}

#sidebar .feature h6 {
 color: #fff;
}

#sidebar .box p {
 clear: left;
 padding-top: 0.5em;
}

#sidebar .ad {
 text-align: center;
 padding-top: 1.5em;
 padding-bottom: 2em;
}

#sidebar .fb-widget {
 text-align: center;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
}

#sidebar p.last { 
 margin-bottom: 0.5em;
}

#paypal {
 background-color:#ebebeb;
 margin-bottom: 20px;
 padding-top: 20px;
 padding-bottom: 15px;
 text-align: center;
}

#footer { 
 width: 960px;
 float: left;
 background-color: #f5f5f5;
 border-top: 5px solid #ebebeb;
 margin-top: 2em;
 margin-bottom: 2em;
 padding-bottom: 2em;
}

.footer-ad {
 width: 960px;
 float: left;
 background-color: #ebebeb;
 text-align: center;
 padding-bottom: 2em;
 padding-top: 2em;
}

#footer .col {
 width: 280px; 
 margin-right: 40px;
 float: left;
}

#footer .col-last {
 width: 280px;
 margin: 0;
 float: left;
}

#footer .inner {
 padding: 20px;
 }

#footer ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#footer #pages li {
 margin: 0;
 background: url(/wp-content/themes/cardeo2/images/page.gif) 0 2px no-repeat;
 padding-left: 20px;
 padding-bottom: 1em;
 border-bottom: 1px solid #ebebeb;
 margin-top: 1.25em;
}

#footer #archives li {
 margin: 0;
 background: url(/wp-content/themes/cardeo2/images/calendar.png) 0 2px no-repeat;
 padding-left: 20px;
 padding-bottom: 1em;
 border-bottom: 1px solid #ebebeb;
 margin-top: 1.25em;
}
#footer a, #footer a:hover {
 text-decoration: none;
 }

#footer #popular-posts li {
 margin: 0;
 background: url(/wp-content/themes/cardeo2/images/post.png) 0 2px no-repeat;
 padding-left: 20px;
 padding-bottom: 1em;
 border-bottom: 1px solid #ebebeb;
 margin-top: 1.25em;
}

#sub-footer {
 text-align: center;
 color: #666;
 float: left;
 clear: both;
}

.button a {
 background-color: #09c;
 padding: 8px 10px 8px 10px;
 border-radius: 20px;  
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 text-align: center;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
}

.button a:hover {
 background-color: #c06;
}

/***------------------------------------
comments.php styles NEED TO UPDATE STILL
------------------------------------***/

.commentlist li {
 width: 590px;
 margin-bottom: 20px;
}

.comment-info {
 font-size: 10px;
 background-color: #ebebeb;
 color: #333;
 padding: 3px 3px 3px 5px;
 margin-bottom: 20px;
}