/*
Theme Name: Cardeo Minimal	/ Ben Hauck online version
Theme URI: http://www.cardeo.ca	
Description: A minimal blog theme
Version: 1.0
Author: Matt Lambert // Tweaked by Ben Hauck
Author URI: http://www.cardeo.ca
*/

/***------------------------------------
ALL - Reset?
------------------------------------***/

body {font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; line-height: 20px; color: #000; padding: 0; margin: 0 auto; text-align: left; vertical-align: top; border: 0; background-color: #fff; }

img { border: 0; }
a, a:link, a:visited { color: #333; text-decoration: underline; border: 0; }
a:hover { color: #ccc; text-decoration: underline; border: 0; }
ul { margin: 0; padding: 0px 0px 10px 0px; list-style: none; border: 0; -moz-padding-start:0px; }
li { list-style: square; }
p { padding-bottom: 10px; margin: 0; }
ol li { list-style-type: decimal; }

/*
COLOR INDEX
#EBEBEB = light gray
#FAFAFA = faint gray
*/


/*
UTILITY
*/
.floatLeft {float: left; }
.floatRight {float: right; }
.alignLeft {text-align: left; }
.alignRight {text-align: right; }
.clear {clear: both;}
hr.dashes { border-top: 1px dashed #000000; border-bottom: 0; margin-top: 5px; }
hr.solid { border-top: 1px solid #ccc; border-bottom: 0; }
hr.sidebar { border-top: 1px solid lightgray; border-bottom: 0; }
.minispacer { line-height: 5%; }
.subtitle { font-weight: bold; text-decoration: underline; margin-bottom: 5px; }
.subsubtitle { margin-bottom: 5px; margin-left: 10px; }
.warning { background: red; color: yellow; font-weight: bold; }
.alert { background: blue; color: yellow; font-weight: bold; }
.alert a { background: blue; color: yellow; font-weight: bold; }
.attention { background: #EBEBEB; color: black; font-style: italic; padding: 10px; text-align: justify; }
.hidden { display: none; }
img.bordered { border: 1px solid black; }
.iphone { float: left; padding-right:10px; }
span.dropcap
{
 float: left;
 font-size: 400%;
 line-height: 32px;
 margin-right: 5px;
 margin-bottom: 5px;
}




/* CUFON HIDES TEXT AS IT IS BEING REPLACED WITH NEW FONT - For each h tag and respective class */
.cufon-loading h1 { visibility: hidden !important;}
.cufon-loading h2 { visibility: hidden !important;}
.cufon-loading h3 { visibility: hidden !important;}
.cufon-loading h3.featured-title { visibility: hidden !important;}


/***------------------------------------
body styles
------------------------------------***/

#container {
 width: 960px;
 margin: 0 auto;
 padding-left: 100px;   /* To get more margin to display in the iPhone */
 padding-right: 100px;   /* To get more margin to display in the iPhone */
}

#header {
 width: 960px;
 float: left;
 height: 100px;
 margin: 0;
 padding: 0;
}

#logo {
 float: left;
 margin: 38px 0px 38px 0px;
 padding: 0;
}

#nav {
 float: right;
 margin: 20px 0px 0px 0px;
 padding: 0;
}

#nav li {
 float: left;
 margin-left: 15px;
 list-style-type: none;
}

#main {
 float: left;
 width: 960px;
 margin: 0;
 padding: 0;
}

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

#right {  /* Total width = 400px (note margin-left below) */
 float: left;
 width: 360px;
 margin: 0px 0px 0px 40px;
 padding: 0;
}

#sidebar {       /* This is the middle (2nd) column */
 float: left;
 width: 195px;
 margin: 0;
 padding: 0;
}

#sidebar ul {
 -moz-padding-start:0px;
}

#sidebar li {
 font-size: 10px;
 line-height: 18px;
 list-style-type: none;
 margin: 0px;
}

#ads {          /* This is the right (3rd) column */
 float: left;
 width: 125px;
 margin: 0px 0px 0px 40px;
 padding: 0;
}

.side-content-box {  /* Like ads */
 border: 5px solid #EBEBEB;      /* dark gray border */
 background: #FAFAFA;            /* lighter background */
 padding: 5px;                   /* space away from the border */
 line-height: 14px;
 font-size: 9px;
 color: #A9A9A9;                 /* readable text color = "darkgray" */
 text-align: center;             /* all content in side-content-box is centered */
}

.side-content-box a {  /* Like ads */
 color: #A9A9A9;
}

#footer {
 float: left;
 width: 960px;
 margin-top: 40px;
 /* margin: 40px 0px 0px 0px; */
 /* padding: 0px 0px 10px 00px; */
 background-color: #ebebeb;
 clear: both;
 font-size: 10px;
 height: 2000px;
}


#footer-wrapper {  /* 3-Panel Footer ... See just below */
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 960px;
}

#footer-header {   /* REMOVED BUT KEEP IN STYLESHEET */
	/* margin: 0 0 15px 0;
	background: yellow; */
}

#footer-left {
	float: left;
	width: 300px;
         margin: 0px 10px 0px 10px;
}

#footer-right {
	float: right;
	width: 300px;
         margin: 0px 10px 0px 10px;
}

#footer-middle { 
	float: left;
	width: 300px;
         margin: 0px 10px 0px 10px;
}

#footer-footer {
	clear: both;
	/* background: #A2A2A2; */
}


.footer-box {
 background-color: #FAFAFA;
 margin-bottom: 0px;
 padding: 15px;
 text-align: justify; }

blockquote {
 padding: 20px;
 background-color: #FAFAFA;
 border: 1px solid black;
 /* text-align: justify; */  /* Seems to grab more attention without justifying the text */
}

/* blockquote p {   /* Basically renders impotent p in blockquotes when turned on */
 padding: 0;
} */ 

.alignright {
 margin: 0px 0px 20px 20px;
}

.alignleft {
 margin: 0px 20px 20px 0px;
}

#next {         /* Navigation to Past & Future Blog Posts */
 float: right;
 clear: both;
}

.blog-description {
 font-size: 11px;
 line-height: 18px;
 padding: 25px;
 background-color: #ebebeb;
 margin: 0;
 text-align: justify;
}

#twitter_update_list li {
 list-style-type: none;
}

.commentlist ul {
 -moz-padding-start: 0;
 margin: 0;
 padding: 0;
 background-color: white;
}

.commentlist li {
 width: 520px;
 list-style-type: none;
 background-color: white; /* #ebebeb; */
 padding: 0px 20px 0px 20px;
 margin: 0px 0px 20px 0px;
}

.comment-text {
 font-size: 12px;
 background-color: #ebebeb;
}

.page-header-bg {
 padding: 10px 10px 10px 10px;
 background-color: #ebebeb;
 margin-bottom: 5px;
 /*  width: 540px; */
}

.widget-header-bg {
 color: black;
/*padding: 0;
 background-color: #ebebeb;
 margin-bottom: 0px; */
 /*  width: 540px; */
}


.category-menu {  
 width: 540px; 
 margin-top: 10px; 
 padding: 2px 10px 2px 10px;
 background-color: #ebebeb;
 text-align: left;
 font-weight: bold;
 font-size: 10px;
 color: black;
}

.category-list ul {
 padding: 0px;
 margin: 0;
 color: #cccccc;
 white-space: nowrap;
 list-style-type: none;
}

.category-list li {
 display: inline;
 padding-right: 5px;
 text-align: center;
}

.category-list a {
 text-decoration: none;
}

.single-post {                /* For single.php */
 margin-top: 10px;
 margin-bottom: 5px;
}

.single-post-title-box {      /* For single.php */
 border-top: 1px solid #ccc;
 padding-top: 10px;
}

.single-post-date-box {       /* For single.php */
 margin-top: 15px;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding-top: 5px;
 padding-bottom: 5px;
}


.news-item-bg {
    /* border-left: 1px solid gray; */
       border: 1px solid gray; 
    /*   border: 1px solid gray; */
 background-color: #ebebeb;  /* #FAFAFA;  */ 
 padding: 20px 20px 20px 20px;
 margin-bottom: 5px;
 text-align: justify;
 line-height: 20px;
}

.news-item-bg p {
 margin-bottom: 8px;
}

.news-item-bg li {
 margin-left: 35px;
 margin-right: 35px;
}

.post-footer {
 /* float: left; */
 margin: 15px 0px 15px 0px;
 padding: 5px 15px 5px 15px;
 /* background-color: #ebebeb; */
 width: 530px;
 font-size: 10px;
 line-height: 14px;
}

.post-footer-left {  /* Removed */
 float: left;
 width: 530px;
 line-height: 14px;
}

.post-footer-right {  /* Removed */
 float: right;
 font-weight: bold;
}

.post-extras {
 margin: 10px 0px 5px 0px;
 line-height: 12px;
}


.blurb {
 text-align: justify;
}

.gray-blurb {
 /* border: 1px solid black; */
 margin: 10px 15px 20px 10px;
 background-color: #EBEBEB;
 padding: 8px 8px 8px 8px;
 color: black;
 /* font-size: 12px; */
 text-align: justify;
 line-height: 16px;
}

.note {  /* For inside blurbs */
 margin-bottom: 10px;
 background-color: #EBEBEB;
 padding: 0px 8px 0px 8px;
 color: black;
 /* font-size: 12px; */
 text-align: justify;
}


.lyrics {  /* For lyrics */
 margin-bottom: 10px;
 background-color: #FAFAFA;
 padding: 0px 8px 0px 8px;
 color: black;
 font-size: 10px;
 text-align: left;
 line-height: 10px;
}


/*
TABLES
*/

table.resume {                                       /* Resume Table */
 font-family: verdana, helvetica, arial, sans-serif; 
 font-size: 12px;
 text-decoration: none;
 color: black;
 padding: 10px;
}

td.resume {
 vertical-align: top;
 text-align: left;
}

.resume-heading {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 5px; 
 text-decoration: underline;
}


.general-heading {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 5px; 
 text-decoration: underline;
}



/***------------------------------------
Typography
------------------------------------***/

h1 {                                                  /* NOTE: You may need to edit h's in Cufon plugin */
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 50px;
 color: #333;
 font-weight: bold;
 margin: 0;
 padding: 0;
 line-height: 36px;
 text-decoration: none;
}

h1.logo {                                                  /* NOTE: You may need to edit h's in Cufon plugin */
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 40px;
 color: #333;
 font-weight: bold;
 margin: 0;
 padding: 0;
 line-height: 36px;
 text-decoration: none;
}

h2 {
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 24px;
 color: black;
 font-weight: bold;
 margin: 0;
 padding: 0;
 line-height: 36px;
 display: inline;
}

h2.footer {                                                    /* h2's in the footer */
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 24px;
 color: #A9A9A9;
 font-weight: bold;
 margin: 0px 0px 0px 0px;  /* Formerly 20px for top; not sure where h3 appears just yet; editing in Acting page */
 padding: 0;
 line-height: 18px;
 display: inline;
}

h3 {                                                    /* Headlines in Dynamic Content Gallery */
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 24px;
 color: white;
 font-weight: bold;
 margin: 0px 0px 0px 0px;  /* Formerly 20px for top; not sure where h3 appears just yet; editing in Acting page */
 padding: 0;
 line-height: 18px;
}

h3.normal {                                                    /* h3's outside Dynamic Content Gallery */
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 20px;
 color: black;
 font-weight: bold;
 margin: 0px 0px 0px 0px;  /* Formerly 20px for top; not sure where h3 appears just yet; editing in Acting page */
 padding: 0;
 line-height: 18px;
 display: inline;
}

h4 {
 font-size: 11px;
 font-weight: normal;
 color: #666666;
 margin: 0px 0px 0px 0px;
 font-family: verdana, helvetica, arial, sans-serif;
 display: inline;
}

h4.news-item {
 font-size: 12px;
 font-weight: normal;
 color: black;
 margin: 0px 0px 0px 0px;
 font-family: verdana, helvetica, arial, sans-serif;
 display: inline;
}

h5 {
 font-size:12px;
 font-family: verdana, helvetica, arial, sans-serif;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

h6 {
 font-size: 9px;
 color: gray;
 font-family: verdana, helvetica, arial, sans-serif;
 line-height: 13px;
 margin: 0px;
 padding: 0px;
}

#sidebar p {
 font-size: 10px;
 line-height: 18px;
 margin: 0;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover {
 text-decoration: none;
 font-weight: bold;
 background-color: #FAFAFA;
 font-size: 11px;
}


h1 a, h1 a:link, h1 a:visited, h1 a:hover {
 text-decoration: none;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover {
 text-decoration: none;
}

h4 a, h4 a:link, h4 a:visited, h4 a:hover {
 text-decoration: none;
 font-weight: bold; 
}

h4.news-item a, h4.news-item a:link, h4.news-item a:visited, h4.news-item a:hover {
 text-decoration: underline;
 font-weight: bold; 
}

h6 a, h6 a:link, h6 a:visited, h6 a:hover {
 text-decoration: none;
}



/*
SEARCH - See searchform.php for more styling attributes
*/

#searchform {
	margin: 0px auto;
	/*padding: 5px 10px;*/
	text-align: left;
	}

#sidebar #searchform #s {
	width: 100px;
         height: 10px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	/*padding: 1px;*/
         font-size: 9px;
	}



/*
ACCORDION CONTENT
*/

.controls-bg {
 width: 100%; /* formerly 550px */
 padding: 2px 10px 2px 0px;
 /*background-color: #ebebeb;*/
 text-align: right;
 font-weight: bold;
 font-size: 10px;
 color: gray;
}

.subcontrols-bg {
 /* float: right; */
 margin: 0px 15px 2px 10px;
 width: auto;   /* Same width as gray-blurb, considering its margin & padding, too! */
 border: 1px solid #EBEBEB;
 padding: 2px 10px 2px 10px;
 background-color: #FAFAFA;
 text-align: right;
 font-weight: bold;
 font-size: 9px;
 color: gray;
}

.gallery-subcontrols-bg {  /* Subcontrol for gallery page because has additional explanations - margin-top changed */
 /* float: right; */
 margin: -10px 15px 2px 10px;
 width: auto;   /* Same width as gray-blurb, considering its margin & padding, too! */
 border: 1px solid #EBEBEB;
 padding: 2px 10px 2px 10px;
 background-color: #FAFAFA;
 text-align: right;
 font-weight: bold;
 font-size: 9px;
 color: gray;
}


.topic1 {                 /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 16px Verdana;
margin: 10px 0;
}

.content1 {
 margin-bottom: 20px;
 text-align: justify;
}

.opencontent1 { /*class added to contents of 2nd demo when they are open*/
color: black;
}

.closedcontent1 { /*class added to contents of 2nd demo when they are closed*/
color: #A7A7A7;
}


.subtopic1 {                 /*2nd Level Dynamic Content*/
cursor: hand;
cursor: pointer;
font: bold Verdana;
margin: 10px 10px 0px 10px;
}

.subcontent1 { See gray-blurb.
 /*
 margin: 10px 15px 20px 10px;
 padding: 5px 10px 5px 10px;
 background: #ebebeb;
 text-align: justify;
 */
}

.opensubcontent1 { /*class added to contents when they are open*/
color: black;
}

.closedsubcontent1 { /*class added to contents when they are closed*/
color: black;
}


.group-subtopic1 {                 /*For when 2nd Level Contents get too big - group 'em! */
cursor: hand;
cursor: pointer;
font: bold Verdana;
margin: 10px 10px 0px 10px;
}

.group-subcontent1 {
 margin: 0px 15px 20px 10px;
 padding: 5px 10px 5px 10px;
 background: #FAFAFA;
}

.opengroup-subcontent1 { /*class added to contents when they are open*/
color: black;
}

.closedgroup-subcontent1 { /*class added to contents when they are closed*/
color: black;
}


.enewsletter-topic1 {                 /* The Enewsletter Slidedown */
cursor: hand;
cursor: pointer;
font: bold Verdana;
margin: 10px 0px 10px 0px;
}

.enewsletter-content1 {
 margin: 0px 0px 20px 0px;
 padding: 15px 15px 15px 15px;
 background: #EBEBEB;
 text-align: justify;
}

.openenewsletter-content1 { /*class added to contents when they are open*/
color: black;
}

.closedenewsletter-content1 { /*class added to contents when they are closed*/
color: black;
}


.widget-topic1 {                 /* Slidedowns for the Rightmost Gray Boxes */
cursor: hand;
cursor: pointer;
font: bold Verdana;
margin: 0px 0px 00px 0px;
}

.widget-content1 {
 margin: 0px 0px 20px 0px;
 padding: 5px 5px 5px 5px;
 background: #FAFAFA;
 text-align: justify;
 }

.openwidget-content1 { /*class added to contents when they are open*/
color: black;
}

.closedwidget-content1 { /*class added to contents when they are closed*/
color: #EBEBEB;
}


.links-widget-topic1 {                 /* Slidedowns for the Links Widget */
cursor: hand;
cursor: pointer;
font: bold Verdana;
margin: 0px 0px 0px 0px;
text-decoration: underline;
}

.links-widget-content1 {
 margin: 0px 10px 5px 10px;
 padding: 0px 3px 0px 3px;
 background: #EBEBEB;
 }

.openlinkswidget-content1 { /*class added to contents when they are open*/
color: black;
}

.closedlinkswidget-content1 { /*class added to contents when they are closed*/
color: black;
}



/*
DYNAMIC CONTENT GALLERY
*/

/* #dfcg-wrapper {
.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #000;
	color: red;
	cursor: pointer;
*/
}



/*
GENERAL CATEGORY STYLING per Wordpress
*/

 li.categories { list-style-type:none; }  /* outermost list item */
 li.cat-item { list-style-type:none;  }
 li.cat-item-7 { ... }  /* category ID #7, etc */
 li.current-cat { ... }
 li.current-cat-parent { ... }
 ul.children { ... }



/*
CATEGORY LIST ON ARCHIVES.PHP PAGE
*/

.category-list ul {
 padding: 0px;
 margin: 0;
 color: #cccccc;
 white-space: nowrap;
 list-style-type: none;
}

.category-list li {
 display: inline;
 padding-left: 5px;
}

.category-list a {
 text-decoration: none;
}


/*
MENU TOOLTIP
*/

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 0px 5px 0px 5px;
background-color: red;
color: white;
text-align: center;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=45);
}


/*
GALLERY
*/

.gallery {        /* Inline display of galleries */
 float:left;
 margin: 0px 0px 0px 20px;
 padding: 0;
}

.gallery li {
 float: left;
 margin-left: 5px;
 list-style-type: none;
}


/*
RANDOM CONTENT DIV
*/

.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}


/*
FEEDSTATS STYLING - Cf. http://wordpress.org/extend/plugins/feedstats-de/other_notes/
*/

#feeds_button {
    width: 74px;
    height: 14px;
    text-align: left;
    font-size: 10px;
    padding: 1px 15px 15px 3px;
    color: #fff;
    background: url(wp-content/plugins/feedstats-de/images/feedstats-de.gif) no-repeat;
    margin-bottom: 2px;
}


/*
EASTER EGGS
*/

.easteregg1 {  /* After footer */
 text-align: center;
 font-size: 10px;
 color: #A9A9A9;
}

.easteregg1 a {  /* Easter egg link */
 color: #A9A9A9;
}
}