/*
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: 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: #000000;
 text-decoration: none;
 background: none;
 padding: 0;
}

a:hover {
 color: #FFF;
 background: #000000;
 text-decoration: 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:  #000000;;
 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-family: georgia, times new roman, serif;
 font-weight: normal;
 font-size: 42px;
 color: #000000;
 margin: 0;
 padding: 0;
 line-height: 36px;
}
h1 a, a:link, a:visited {
 color: #000000;
}

h1 a:hover {
 color: #FFFFFF;
background: #333333;
}
h3 {
 font-family: georgia, times new roman, serif;
 font-size: 36px;
 line-height: 48px;
 color: #ccc;
 margin: 20px 0px 60px 0px;
 padding: 0;
 font-weight: lighter;
}

h4 {
 font-family: times new roman, serif;
 font-style: italic;
 text-transform: uppercase;
 text-decoration: underline;
 font-size: 16px;
 line-height: 18px;
 color: #000;
 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:  #000000;;
 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: 680px;
 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-family: 'times new roman', serif;
 font-size: 24px;
 font-style: italic;
 text-transform: uppercase;
 text-decoration: underline;
 color: #C0C0C0;
 margin: 0;
 padding: 0;
}

#left li.post_title a:hover{
background: #444;
color: #FFFFFF;
}

#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: 200px;
 margin: 0;
 padding: 0;
padding-left: 18px;
}

h2 {
 font-family: times new roman, serif;
 font-style: italic;
 text-transform: uppercase;
 text-decoration: underline;
 font-size: 18px;
 color:  #444444;
 font-weight: normal;
 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:200px;
 padding:0;
 margin: 0px 0px 40px 0px;
}

.box1 {
 float: left;
 width: 150px;
 padding: 0px 10px 0px 0px;
 margin: 0;






}

.box2 {
 float: left;
 width: 150px;
 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:  #000000;;
 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;
}

.amp {
   font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",georgia,serif;
   font-size:110%;
   font-style:italic;
}
.caps {
   font-size:90%;
font-variant: small-caps;
letter-spacing: 0.5px;
}
input.searchbutton {background-color: #EBEBEB; border:0px; color:#000000; padding:10px;)
