/*
Theme Name: Cardeo Public
Theme URI: http://www.cardeo.ca	
Description: A minimal theme inspired by swiss graphic design and typography
Version: 1.0
Author: Matt Lambert
Author URI: http://www.cardeo.ca
*/

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

body {
 font-family: helvetica, arial, sans-serif;
 font-size: 14px;
 line-height: 24px;
 color: #333;
 padding: 0;
 margin: 0 auto;
 text-align: left;
 vertical-align: top;
 border: 0;
}

img {
 border: 0;
}

a, a:link, a:visited {
 color: #c06;
 text-decoration: none;
 background: none;
 padding: 0;
}

a:hover {
 color: #333;
 text-decoration: none;
 background: none;
 padding: 0;
}


.row a, .row a:link, .row a:visited {
 color: #333;
 background-color: #ebebeb;
 padding: 3px;
 text-decoration: none;

}

.row a:hover {
 color: #fff;
 background-color: #c06;
 padding: 3px;
 text-decoration: none;
}




/***------------------------------------
header.php styles
------------------------------------***/

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

#header {
 width: 960px;
 height: 100px;
 margin: 0 auto;
 margin-top: 60px;
 padding: 0;
 border-bottom: #ebebeb 1px solid;
}

#header ul {
 margin: 0;
 padding: 0px 0px 20px 0px;
 list-style: none;
}

#header li {
 list-style: none;
}

#title {
 float: left;
 width: 715px;
 margin: 0px 20px 0px 0px;
 padding: 0;
}

h1 {
 font-size: 30px;
 color: #c06;
 font-weight: bold;
 margin: 0;
 padding: 0;
 line-height: 36px;
}

h3 {
 font-size: 36px;
 line-height: 48px;
 color: #ccc;
 margin: 20px 0px 60px 0px;
 padding: 0;
 font-weight: lighter;
}

h4 {
 font-size: 36px;
 line-height: 48px;
 color: #ccc;
 margin: 20px 0px 20px 0px;
 padding: 0;
 font-weight: lighter;
}

#twitter {
 float: left;
 width: 225px;
 margin: 0;
 padding: 0;
}

.twitter-title {
 font-size: 12px;
 color: #c06;
 margin: 0;
 padding: 0;
 line-height: 18px;
}

#twitter_update_list {
 font-size: 10px;
 line-height: 18px;
}

/***------------------------------------
index.php styles
------------------------------------***/

#main {
 width: 960px;
 margin: 0 auto;
 margin-top: 30px;
 padding: 0;
}

#left {
 float: left; 
 width: 450px;
 margin: 0px 40px 0px 0px;
 padding: 0;
}

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

#left li {
 margin: 0;
 padding: 0;
 list-style: none;
}

#left li.post_title {
 font-size: 24px;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

#left li.post_content {
 margin: 20px 0px 0px 0px;
}

#left li.post_content ul {
 margin: 0px 0px 0px 40px;
 padding: 0;
}

#left li.post_content li {
 list-style: square;
 margin: 0;
 padding: 0;
}

#left li.post_footer {
 margin: 20px 0px 40px 0px;
 padding: 10px;
 font-size: 10px;
 background-color: #ebebeb;
}

.post_footer a, .post_footer a:link, .post_footer a:visited, .post_footer a:hover {
 font-size: 10px;
 font-weight: bold;
}

/***------------------------------------
sidebar.php styles
------------------------------------***/

#right {
 float: left;
 width: 470px;
 margin: 0;
 padding: 0;
}

h2 {
 font-size: 18px;
 color: #c06;
 font-weight: bold;
 margin: 0;
 padding: 0;
}


#flickr {
 /* float:left; */
 width:470px;
 height:388px;
 padding:0;
 margin: 0px 0px 20px 0px;
}


#flickr a, #flickr a:link, #flickr a:visited, #flickr a:hover {
 text-decoration: none;
 background-color: transparent;
 padding: 0;
 margin: 0;
}


#flickr a img {
 float:left;
 margin: 20px 20px 0px 0px;
 padding:0;
 width:214px;
 height:154px;
}

.row {
 float: left;
 width:470px;
 padding:0;
 margin: 0px 0px 40px 0px;
}

.box1 {
 float: left;
 width: 225px;
 padding: 0px 10px 0px 0px;
 margin: 0;
}

.box2 {
 float: left;
 width: 225px;
 margin: 0;
 padding: 0;
}

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

#right li.box1 {
 list-style: none;
 margin: 0;
 padding: 0;
}

#right li.box2 {
 list-style: none;
 margin: 0;
 padding: 0;
}


#right.row a, #right.row a:link, #right.row a:visited {
 color: #333;
 text-decoration: none;
 background-color: #ebebeb;
 padding: 3px;
 font-weight: bold;
 line-height: 30px;
}

#right.row a:hover {
 color: #fff;
 text-decoration: none;
 background-color: #c06;
 padding: 3px;
 font-weight: bold;
 line-height: 30px;
}

 
/***------------------------------------
footer.php styles
------------------------------------***/

#footer {
 width: 960px;
 margin: 0 auto;
 padding: 40px 0px 0px 0px;
 clear: both;
}

#footer p {
 font-size: 10px;
 border-top: 1px solid #ebebeb;
 margin: 0px 0px 160px 0px;
 padding: 10px 0px 0px 0px;
}

#next {
 padding-bottom: 20px;
 font-weight: bold;
}

/***------------------------------------
comments.php styles
------------------------------------***/

.commentlist li {
 width: 450px;

}

.comment-info {
 font-size: 10px;
 background-color: #ebebeb;
 color: #333;
 padding: 10px;
 margin-top: 40px;
}