/* Theme Name: Canvas Board Theme URI: http://saturday658.com/canvasboard Description: A basic white slate 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:#FEF6D2 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:#f2f2f2; border-right:1px solid #ffffff; } tfoot {font-style:italic;} caption {background:#f2f2f2;} 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:#f2f2f2; 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; background-color: #FFFFFF; margin:0 auto 20px auto; border: 2px solid #d7d9da; clear:both; } @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:#46BCB0; text-decoration:none; } .maincontentcolumn .mcposts a:hover { text-decoration:underline; } .maincontentcolumn .mcposts .postitemsouter { margin-top:10px; border:1px solid #ddd; background-color:#f2f2f2; padding:10px; } .maincontentcolumn .mcposts .postitemsinner { background-color:#ffffff; padding:10px; height:auto !important; min-height:300px; } .maincontentcolumn .mcposts .postitemsinner img.cropfull { margin:5px auto 5px auto; } .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:#f2f2f2; float:left; display: block; } .sidebarcolumn .sidebarad { width:280px; margin:0 auto 20px auto; } .sidebarcolumn .subscribeblock { padding:5px; border:1px solid #ddd; background-color:#f2f2f2; 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:#f2f2f2; 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:#3BB8AA; 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:#f2f2f2; } .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; height:auto !important; min-height:265px; padding:5px; border:1px solid #ddd; background-color:#f2f2f2; float:left; display: block; } .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:148px; margin:15px 0 0 0; } #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:#ffffff; } #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; padding-top:1px; } #top .top1 .menu li:hover ul, #top .top1 .menu li.sfhover ul { left: auto; z-index:1000; } #top .top1 .menu li ul li { background: #72CABE; border-bottom:1px solid #B8E4DF; border-left:1px solid #B8E4DF; border-right:1px solid #B8E4DF; line-height:28px; width:15em; } #top .top1 .menu li ul li a { color:#ffffff; } #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; } #top .top2 .title h1 { color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none; text-transform:uppercase; } #top .top2 .title h1 a { color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none; text-transform:uppercase;} #top .top2 .top2-left .title .tagline { color:#ffffff; text-align:center; font-style:italic; } #top .top2 .top2-right .bannerad { border:1px solid #ddd; background-color:#f2f2f2; padding:5px; } #top .top3 { height:55px; } /*- Category Navigation -*/ /*- Nav / Dropdowns-*/ #top .top3 .catmenu { margin:0 auto; width:980px; background:transparent url(images/catmenubg.png) no-repeat; height:55px; } #top .top3 .catmenu, #top .top3 .catmenu ul { padding: 0; list-style: none; margin:0 auto; width:980px; height:55px; } #top .top3 .catmenu { padding: 0; font-size:14px; } #top .top3 .catmenu a { display: block; padding-left:15px; padding-right:15px; text-decoration:none; } #top .top3 .catmenu li { float: left; line-height:52px; background:transparent url(images/catmenubgsep.gif) no-repeat right center; margin-top:2px; } #top .top3 .catmenu li a:hover { background: none; } #top .top3 .catmenu li ul { position: absolute; width: 15em; left: -999em; padding-top:1px; } #top .top3 .catmenu li:hover ul, #top .top3 .catmenu li.sfhover ul { left: auto; z-index:1000; } #top .top3 .catmenu li ul li { background: #E5E6E7; 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: -29px 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:#f2f2f2; } #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: #f2f2f2; 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:#f2f2f2; 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:#f2f2f2; } #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:#f2f2f2; 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: #f3f3f3; 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:980px; margin:0px auto 20px auto; } #footer .footercontent { padding:10px; } #footer img { vertical-align:middle; margin-left:5px; }