/*  
Theme Name: Canvas Board
Theme URI: http://saturday658.com/canvas-board-new-derivative-theme-from-saturday-658
Description: A basic off-white simple and straight-forward, clean, no-fuss version of Saturday 658. This theme includes theme options for settings such as title logo (use image instead of text), feed burner email susbscription, header ad space, google analytics.  
Version: 1.0
Author: A. Lewis
Tags: white, black,two-columns, fixed-width, right-sidebar,theme-options

*/



*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	color: #000000;
	background:#ffffff url(images/bg1.jpg) repeat-x;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}
a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #dddddd 1px solid;
	font-size: 12px;

}

li {	list-style: none; }

.clear{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}

img, a:link img, a:visited img {border:0;}

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
pre { overflow:auto;}
dl {margin:0 0 1.5em 0;}
dl dt {font-style:italic; padding:3px 0px 3px 0px;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#EAEAEC; border-right:1px solid #ffffff; }
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#F8F8F8; border-right:1px solid #ffffff; }
tfoot {font-style:italic;}
caption {background:#F8F8F8;}

label {font-weight:bold;}
fieldset { padding:1.4em;margin:0 0 1.5em 0;border:1px solid #E4E5E6; }

 blockquote {
	padding: 10px;
	border: 1px solid #ddd;
	color:#000;
	width:85%;
	background-color: #f7f7f7;
	font-style: italic;
	margin:5px auto 15px;
	}

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


h1 {font-size:150%;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;}
h6 {font-size:100%;}

p { margin:0 0 1.9em 0; }

.submitbutton { background:#F8F8F8; border:1px solid #dddddd; color:#000000; }
.submitbutton:hover { border:1px solid #dddddd; color:#4ABDB0; }

.floatleft {
	float: left;
}
.floatright {
	float: right;
}

h2,h3,h4,h5,h6 {
color:#000000;
}


#wrapper {}

#page {
	width: 974px;
	margin:5px auto 0px auto;
	clear:both;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;

	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   #page { margin-top:50px; }
}




#columns {
	padding:15px 15px 25px;
	background-color: #FFFFFF;
	margin: 0px;
}

.maincontentcolumn {
	float: left;
	width: 595px;
	padding-right:15px;
	margin:top:10px;
}


#singlepost {}

#singlepost .singlepostcontent {}

#singlepost ul, #singlepost ol { margin:10px 0px 10px 10px; overflow:hidden; }
#singlepost ul li {  margin-left:20px; list-style:square; }
#singlepost ol li {  margin-left:20px; list-style-type: decimal; }
#singlepost ol ol li {  margin-left:20px; list-style-type: lower-roman; }


.maincontentcolumn .featurecontent {}

.maincontentcolumn .featurecontent .readfull {
float:right;
text-align:center;
padding:5px;
color:#717171;
font-weight:bold;
}

#slideshow {
	margin:0 auto;
	width:595px;
	height:265px;
	position:relative;
	

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:520px;
  height:265px;
  overflow:auto; /* allow scrollbar */
  position:relative;

}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:500px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:265px;
  padding-top:10px;

}

#slideshow #slidesContainer .slide img {
float:left;
margin-right:10px;
}

#slideshow #slidesContainer .slide .fblock {
width:490px;
margin:5px;

}

/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:40px;
  height:265px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/control_right.png) no-repeat 0 0;
}



.maincontentcolumn .byline {
padding:5px 0px 5px 0px;
margin:3px 0px 3px 0px; 
font-size:11px;
font-weight:normal;
font-style:italic;
}

.maincontentcolumn  h2  {
padding:3px 0px 3px 0px;
}

.maincontentcolumn .mcposts {
margin:10px auto 10px auto;
}

.maincontentcolumn .mcposts a, .maincontentcolumn .mcposts a:visited {
color:#407BAC;
text-decoration:none;
}

.maincontentcolumn .mcposts a:hover {
text-decoration:underline;
}

.maincontentcolumn .mcposts .postitemsouter {
margin-top:10px;
border:1px solid #ddd;
background-color:#F8F8F8;
padding:10px;
}

.maincontentcolumn .mcposts .postitemsinner {
background-color:#ffffff;
padding:10px;
height:auto !important;
min-height:300px;
}


.maincontentcolumn .mcposts .postitemsinner .excerpt img {
float:left;
margin-right:10px;
border: 4px double #f2f2f2;
}

.maincontentcolumn .mcposts .postitemsinner .byline {
padding:5px 0px 5px 0px;

}

.maincontentcolumn .mcposts .postitemsinner h2  {
padding:5px 0px 5px 0px;
}

.maincontentcolumn .mcposts .postitemsinner h2 a  {
color:#000000;
}

.maincontentcolumn .mcposts .postitemsinner h2 a:visited  {
color:#000000;
}

.maincontentcolumn .mcposts .postitemsinner h2 a:hover  {
text-decoration:underline;
}


.maincontentcolumn .mcposts .postitemsinner .readfull {
float:right;
text-align:center;
padding:5px;
color:#717171;
font-weight:bold;
}

.maincontentcolumn .mcposts .postitemsinner .readfull a {
color:#717171;
font-weight:bold;
}

.maincontentcolumn .mcposts .postitemsinner .readfull img {
border:none;
}

.maincontentcolumn .mcposts .postitemsinner ul, .maincontentcolumn .mcposts .postitemsinner ol { margin:10px 0px 10px 10px; overflow:hidden; }

.maincontentcolumn .mcposts .postitemsinner ul li {  margin-left:20px; list-style:square; }
.maincontentcolumn .mcposts .postitemsinner ol li {  margin-left:20px; list-style-type: decimal; }
.maincontentcolumn .mcposts .postitemsinner ol ol li {  margin-left:20px; list-style-type: lower-roman; }

.sidebarcolumn {

	float: left;
	width: 320px;
	margin-top:10px;
}

.sidebarcolumn h2 {
margin:5px 0px 5px 0px;
}

.splitsidebar {
	width: 150px;
}
.splitsidebar h2 {
	font-size: 14px;
	padding: 5px 0 0 10px;
}

/* The Sidebar*/

.mootabsblock {
	width:308px !important;
	height:auto !important;
	min-height:265px;
	padding:5px;
	border:1px solid #ddd;
	background-color:#F8F8F8;
	float:left;
	display: block;
}

.sidebarcolumn .sidebarad { width:280px; margin:0 auto 20px auto; }

.sidebarcolumn .subscribeblock {

	padding:5px;
	border:1px solid #ddd;
	background-color:#F8F8F8;
	margin-bottom:10px;

}

.sidebarcolumn .subscribeblock .subscribeblockincontent {
background:#ffffff;
padding:5px;
text-align:center;
}

.sidebarcolumn .subscribeblock .subscribeblockincontent h2 {
padding:0 0 10px 20px;
color:#000000;
background:transparent url(images/rss.gif) no-repeat left top;
text-align:left;
width:200px;
margin:0 auto;
}

.sidebarcolumn .search {

	padding:5px;
	border:1px solid #ddd;
	background-color:#F8F8F8;
	margin-bottom:10px;

}

.sidebarcolumn .search .searchincontent {
background:#ffffff;
padding:5px;
text-align:center;
}

.sidebarcolumn .search .searchincontent h2 {
padding:0 0 10px 20px;
color:#000000;
background:transparent url(images/search.gif) no-repeat left top;
text-align:left;
width:200px;
margin:0 auto;
}

.search {   text-align:center; }

.searchinput { border:1px solid #dddddd; padding:6px; margin-top:5px; width:175px }

.searchbutton { background:#ffffff; border:1px solid #dddddd; color:#5D5A5A; padding:5px; width:50px; }
.searchbutton:hover { color:#407BAC; padding:5px; }



.sidebarcolumn .mootabs_title{
	font-size: 12px;
	width: 100%;
	float:left;
}
.sidebarcolumn .mootabs_title li{
	float: left;
	display:inline;
	font-size: 11px;
	line-height: 34px;
	background: #ffffff;
	color: #000000;
	border:1px solid #ddd;
	font-weight: bold;
	font-size: 11px;
	margin:0px 2px 0px 0px !important;
	padding:0px 5px !important;
	cursor: pointer;
}
.sidebarcolumn .mootabs_title li:hover, .sidebarcolumn .mootabs_title li.active{
	border: 1px solid #ddd;
	text-decoration: none;
}
.sidebarcolumn .mootabs_panel {
	display: none;
	clear: none;
	float:left;
	height:auto !important;
}
.sidebarcolumn .mootabs_panel.active {
	display: block;
	float:left;
}
.sidebarcolumn .mootabs_panel ul{
	width: 293px !important;
	padding:5px !important;
	border:1px solid #ddd !important;
	margin:5px 0px 0px !important;
	background-color: #FFFFFF;
	min-height:203px;
	}
.list1 li,.list2 li, .list3 li{
	padding: 6px 0 6px 25px;
	border-bottom: 1px solid #ffffff;
	background:#F8F8F8;
}
.list1 li a,.list3 li a,.list4 li a, .list5 li a{
	color: #666666;
	font-size: 12px;
}
.list3 li {
	background: url(images/ico-mostcomm.gif) no-repeat left center !important;
	}
.list5 li{
	border-bottom: 1px solid #eee;	
	padding:6px 0px;
}


.widget {
	margin:15px 0px 15px 0px;
		width:308px !important;
		padding:5px;
		border:1px solid #ddd;
		background-color:#F8F8F8;
		float:left;
	display: block;
	
}

.widgetinside {
background:#ffffff;
padding:5px;
}
.widget h2 {
	padding: 5px;
}
.widget ul {
	margin:0 0 10px 0;
	padding:5px 0;
	border:none !important;
}
.widget ul li {
	border-bottom: 1px solid #eee;
	padding:5px 0 5px 5px;
	margin:0px;
}
.widget ul li a {
	color: #000000;
}
.widget select {
	border:1px solid #eee;
	width:100%;
	margin:15px 0 0 0;
	padding:5px;
}


#tagcloud {
	float:left;
	width:306px;
	padding-top:10px;
}

#top { height:170px; }

#top .top1 { height:33px; margin:0 auto; padding:0; width:980px; }




/*- Dropdowns Menus -*/

#top .top1 .menu, #top .top1 .menu ul{
	padding: 0;
	float:left;
	list-style: none;
}
#top .top1 .menu {
	padding: 0;
	float:left;
}
#top .top1 .menu a {
	display: block;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
}

#top .top1 .menu li a {
color:#646464;
}

#top .top1 .menu li {
	float: left;
	line-height:30px;
}
#top .top1 .menu li a:hover {
	background: none;
	text-decoration:underline;
	
}
#top .top1 .menu li ul {
	position: absolute;
	width: 15em;
	left: -999em;
}
#top .top1 .menu li:hover ul, #top .top1 .menu li.sfhover ul {
	left: auto;
	z-index:1000;	
}
#top .top1 .menu li ul li {
    background: #EBEBEB;
	border-bottom:1px solid #f2f2f2;	
	border-left:1px solid #f2f2f2;	
	border-right:1px solid #f2f2f2;			
	line-height:28px;	
	width:15em;
}

#top .top1 .menu li ul li a {
color:#646464;
}

#top .top1 .menu li:hover, #top .top1 .menu li.hover {
    position: static;
}
#top .top1 .menu li ul ul {
	margin: -29px 0 0 15em;
	border-top:1px solid #dedbd1;	
}

#top .top1 .menu li:hover ul ul, #top .top1 .menu li.sfhover ul ul {
	left: -999em;
}
#top .top1 .menu li:hover ul, #top .top1 .menu li li:hover ul, #top .top1 .menu li.sfhover ul, #top .top1 .menu li li.sfhover ul {
	left: auto;
}
#top .top1 .menu li:hover ul ul, #top .top1 .menu li:hover ul ul ul, #top .top1 .menu li.sfhover ul ul, #top .top1 .menu li.sfhover ul ul ul {
	left: -999em;
}
#top .top1 .menu li:hover ul, #top .top1 .menu li li:hover ul, #top .top1 .menu li li li:hover ul, #top .top1 .menu li.sfhover ul, #top .top1 .menu li li.sfhover ul, #top .top1 .menu li li li.sfhover ul {
	left: auto;
} 

 
#top .top2 { width:980px; height:133px; margin:0 auto; padding:0; }

#top .top2 .top2-right { float:right; padding:25px; }
#top .top2 .top2-left { float:left; }

#top .top2 .title { float:left; padding:30px 0 0 20px; }
#top .top2 .title {  text-align:center; width:400px; }
#top .top2 .title h1 { color:#646464; font-size:20px; font-weight:bold; text-decoration:none; text-transform:uppercase; }
#top .top2 .title h1 a { color:#646464; font-size:20px; font-weight:bold; text-decoration:none;  text-transform:uppercase; line-height:1.1em;}
#top .top2 .top2-left .title .tagline { color:#646464; text-align:center; font-style:italic; }

#top .top2 .top2-right .bannerad { border:1px solid #ddd; background-color:#F8F8F8; padding:5px; }

#top .top3 { height:55px; } 

/*- Category Navigation -*/

/*- Nav / Dropdowns-*/
#top .top3 .catmenu {
	margin:0 auto;
	width:990px;
	background:transparent url(images/catmenubg.png) no-repeat; height:59px;
	
	
	
}

#top .top3 .catmenu, #top .top3 .catmenu ul {
	padding: 0;
	list-style: none;
	margin:0 auto;
	width:990px;
	height:59px;
}

#top .top3 .catmenu {
	padding: 0;
}

#top .top3 .catmenu a {
	display: block;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
}

#top .top3 .catmenu li {
	float: left;
	line-height:50px;
	
}

#top .top3 .catmenu li a:hover {
	background: none;
}

#top .top3 .catmenu li ul {
	position: absolute;
	width: 15em;
	left: -999em;
}

#top .top3 .catmenu li:hover ul, #top .top3 .catmenu li.sfhover ul {
	left: auto;
	z-index:1000;	
}

#top .top3 .catmenu li ul li {
    background: #dddddd;
	border-bottom:1px solid #D7D9DA;	
	border-left:1px solid #D7D9DA;	
	border-right:1px solid #D7D9DA;			
	line-height:28px;	
	width:15em;
}
#top .top3 .catmenu li:hover, #top .top3 .catmenu li.hover {
    position: static;
}
#top .top3 .catmenu li ul ul {
	margin: -28px 0 0 15em;
}
#top .top3 .catmenu li:hover ul ul, #top .top3 .catmenu li.sfhover ul ul {
	left: -999em;
}
#top .top3 .catmenu li:hover ul, #top .top3 .catmenu li li:hover ul, #top .top3 .catmenu li.sfhover ul, #top .top3 .catmenu li li.sfhover ul {
	left: auto;
}
#top .top3 .catmenu li:hover ul ul, #top .top3 .catmenu li:hover ul ul ul, #top .top3 .catmenu li.sfhover ul ul, #top .top3 .catmenu li.sfhover ul ul ul {
	left: -999em;
}
#top .top3 .catmenu li:hover ul, #top .top3 .catmenu li li:hover ul, #top .top3 .catmenu li li li:hover ul, #top .top3 .catmenu li.sfhover ul, #top .top3 .catmenu li li.sfhover ul, #top .top3 .catmenu li li li.sfhover ul {
	left: auto;
} 


h2.titlecomment{
	font-size: 1.5em;
	padding: 0 0 5px;
	margin: 0 0 15px 0;
	font-weight:bold !important;
	color:#000000;
}
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li{
	padding: 20px 10px 10px 10px;
}
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background:#F8F8F8;
}

#comment {clear:both; width: 550px; margin:0 auto;}
#comment textarea { width:550px; }



ol.commentlist .comment-meta{
	font-size:0.8em;
}
ol.commentlist li .avatar { 	
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}

ol.commentlist li{
	margin:10px 0 10px;
	padding:15px 10px 10px;
}

ol.commentlist li .even{
	background:#ffffff;
}

.commentlist li ul li {
	margin-left:10px;
	margin-right:-5px;
}

ol.commentlist li .reply {
	padding:0 0 5px 0;
}

#respond p{
	margin-bottom:10px;
	line-height: 20px;
}


.th{
	border: 1px solid #eeeeee;
	float: right;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 0 0 5px 10px;
}

table#wp-calendar {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0px;
	width:90%;
	
}

table#wp-calendar a {
	color:#000000; 
}

table#wp-calendar caption { 
	font-weight: normal; font-size:11px; line-height:1.5em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; 
}
table#wp-calendar th { 
	width: 26px; font-size:11px; line-height:1.5em; background: #F8F8F8; border-bottom: 1px dotted #ddd; text-align: center; 
}
table#wp-calendar td { 
	width: 26px; 1.5em; color: #999; text-align: center; 
}
table#wp-calendar td#next, table#wp-calendar td#prev { 
	width: 78px; font-size:10px; letter-spacing: 1px; text-transform: uppercase; 
}
.gravatar {
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
}


#section3 {
width:930px;
margin:0 auto;
height:auto !important;
min-height:265px;
}

#section3 .section3-left {
float:left;
width:280px !important;
height:auto !important;
min-height:265px;
padding:5px;
}

#section3 .section3-middle {
margin:0px 15px 0px 15px;
float:left;
width:280px !important;
height:auto !important;
min-height:265px;
padding:5px;
}


#section3 .section3-right {
float:left;
width:280px !important;
height:auto !important;
min-height:265px;
padding:5px;
}

#section3 h2 {
font-size:13px;
font-weight:bold;
color:#333333;
margin:10px 0px 5px 0px;
}

#section3 img {margin:0px 0px 5px 0px;}

#section3 p {
margin:5px 0px 10px 0px;
}

#section3 .readfull {
float:right;
text-align:center;
padding:5px;
color:#717171;
font-weight:bold;
margin-left:10px;
margin-right:2px;
}

#section3 .readfull a {
color:#717171;
font-weight:bold;
}

#section3 img.thumb {
border:1px solid #ddd;
background-color:#F8F8F8;
margin:0 auto 5px auto;
padding:5px;
}

#featurecol {
width:580px !important;
height:auto !important;
min-height:265px;
padding:5px;
border:1px solid #ddd;
background-color:#F8F8F8;
}

#featurecol .featurecolcontent {
height:auto !important;
min-height:265px;
background-color:#ffffff;
padding:10px 0px 0px 10px;
}




.comments {
	padding-bottom:0px !important;
}
.comments a{
	color: #000000;
	font-weight:normal;
	font-size:11px;
	padding:0px 0px 0px 18px;
	margin-left:5px;
}
a.more{
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 20px 0 0;
}


.navigation {
	width:575px;
	margin-bottom:15px;
	float:left;
	padding:10px;
}
.navigation a {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

.paginav {
	width:575px;
	margin-bottom:15px;
	float:left;
	padding:10px;
}
.paginav a {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
}

.alignleft {
	float: left;
	margin-right:10px;
}

.alignright {
	float: right;
	margin-left:10px;
}



.relatedtags {
	background:#F8F8F8;
	padding:10px;
	margin:0 0 5px 0px;
}
.relatedtags a { font-weight: normal !important; text-decoration:underline;color:#000000; }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #F8F8F8;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* The Footer */

#footer{
	clear: both;
	color: #666666;
	width:990px;
	margin:0px auto 20px auto;
	background:transparent url(images/footerbg.png) no-repeat; height:59px;


}

#footer .footercontent {
	padding:25px;
}

#footer img {
	vertical-align:middle;
	margin-left:5px;
}