@charset "utf-8"; /* Theme Name: Earth Nature Theme URI: http://www.blueteddy.com.au Description: A nice earthy WordPress theme. Version: 1.0 Author: dtbaker Tags: earth, brown, fixed width, two columns, widgets */ /* CSS Document */ /*Template Layout*/ body { background: url(images/body-bg.jpg) no-repeat 50% 0%; margin:0px; padding:0px; color:#666666; font-family:Calibri, Arial; font-size:13px; line-height:1.5em; /* vertical spacing between your lines of text*/ } a, a:link, a:visited { color:#666666; } a:hover { color:#1870b5; text-decoration:none; } #wrapper { width:890px; margin:0px auto; /*centers your design on the page*/ background-color:#fff; border-bottom:3px solid #c5c5c5; padding-bottom:10px; border: 1px solid #9DCE27; border-top: none; } #header { height:85px; width:889px; clear:both; margin:0px auto; /*centers your design on the page*/ background: #fff; } #logo { width:145px; /*change this width and height to match your logo image*/ height:46px; float:left; margin:8px 0 0 75px; } /*MENU*/ #menucontainer { float:right; width: 615px; /*change this depending if your have more or less buttons*/ height: 45px; text-align:left; font-size:14px; padding-top:23px; font-family:Calibri, Arial; margin-right: 0px; } #menucontainer ul { color:#666666; padding:0px; margin:0px; } #menucontainer ul li { list-style:none; display:block; float:left; margin:0px; padding:0px; border-left:1px solid #dedede; } /* menu a links */ #menucontainer ul li a { display:block; margin:0px 1px; padding:0px; padding-top:0px; padding-left:7px; float:left; text-transform:uppercase; color:#666666; width:91px; /*this makes each button even, change this number if your menu buttons are wider*/ } #menucontainer ul li a, #menucontainer ul li a:link, #menucontainer ul li a:visited { color:#666666; text-decoration:none; font-size: 16px; font-family: Calibri !important; } #menucontainer ul li a:hover { color:#44650F; } #menucontainer ul li a.current { color:#44650F; } /* menu sub span bits */ #menucontainer ul li a span { color:#b6b6b6; text-decoration:none; font-size:12px; text-transform:uppercase; margin:0px; padding:0px 12px 0px 0px; } #menucontainer ul li a:hover span { } /*start banner*/ #banner { width:889px; height:304px; margin:0px auto 20px auto; } .slide_container { width:889px; height:270px; } .slide img { position: absolute; } .slide h1 { position: absolute; background-color: #e2e2e2; left: 0px; top: 0px; } ul.slides { margin:0px; padding:0px; list-style:none; } li.slides { margin:0px; padding:0px; list-style:none; } /*square buttons under slideshow*/ ul.navigation { padding:0px; width:150px; float:right; margin:5px 10px 0 0; position:relative; } .navigation li { list-style:none; padding:0px; margin:0; float:left; } .navigation a { padding: 0px; margin:0 5px 0 0; font-size:14px; font-weight:bold; text-align:center; color:#909090; display:block; background-color:#ffffff; border: 1px solid #ababab; width:19px; height:19px; float:left; } .navigation a:hover, .navigation a.selected { color:#44650F !important; } /*bar under slideshow*/ #banner .menu { background: #fff url(aimages_blue/banner_bottom.html) no-repeat left top; width:889px; height:34px; color:#666666; /*color of dividers between the links*/ } #banner a, #banner a:link, #banner a:visited { color:#666666; text-transform:none; font-family:Calibri, Arial; font-weight: normal; } #banner a:hover { text-decoration:underline; } #banner .icon { float:left; margin:5px 0px 0px 5px; } ul.categories { list-style:none; float:left; width:600px; margin:10px 0 0 10px; padding:0; } ul.categories li { list-style:none; float:left; margin:0px; padding:0; height:15px; border-right:1px solid #b3b3b3; } ul.categories li.last { border-right:none; } ul.categories li a { float:left; display:block; text-transform:uppercase; padding:0 7px; margin-top:-3px; } #footer { height:70px; width:540px; text-align: center; margin:auto; color:#000; font-size:11px; padding-top:10px; font-family:Calibri, Arial; clear:both; } #footer a, #footer a:link, #footer a:visited { color:#ccc; text-decoration:none; } #footer a:hover { text-decoration:underline; } #footer .right { width:450px; float:right; text-align:right; } #footer .left { width:400px; float:left; } /*Main*/ #maincontent { width:889px; margin:0px auto; } #maincontent .left { /*main container that holds all the left side content*/ width:580px; float:left; margin-top: -5px; } #maincontent .right { /*main container that holds all the left side content*/ width: 264px; float: right; border-left: 1px solid #e2e2e2; padding-left: 20px; font-size: 11px;/*pushes the border away from the content*/ } /*general*/ hr.clear { clear:both; visibility:hidden; margin:0px; padding:0px; } h1 { font-size:18px; color:#1870b5; font-weight:normal; margin-top:0px; } h2 { color:#1b83d4; font-size:18px; margin-top:0px; margin-bottom:5px; font-weight:normal; } h2 a, h2 a:link, h2 a:visited { color:#1b83d4; text-decoration:none; } h2 a:hover { text-decoration:underline; } h3 { color:#afafaf; font-size:16px; font-weight:normal; letter-spacing:1px; } h4 { font-size:16px; color:#1870b5; font-weight:normal; margin-top:0px; } .size11 { font-size:11px; } .image_border { margin:5px; border:4px solid #e2e2e2; } hr { border: 0; color: #e2e2e2; background-color: #e2e2e2; height: 1px; width: 100%; clear:both; } .size11 { font-size:11px; } .size13 { font-size:13px; } .size14 { font-size:14px; } .size16 { font-size:16px; } .size18 { font-size:18px; } /*news*/ .news_box_container { width:615px; margin-bottom:15px; } .news_box_container .image { float:left; width:80px; height:80px; margin:0px; margin-left:50px; border:0px solid #EBE3D1; } .news_box_container .text { float:left; margin-left: 20px; width:430px; height:82px; padding:0px 0px; font-size:12px; line-height:17px; } .news_box_container .text p { padding:0px; text-align: justify; margin:0px; } .news_box_container .stats { color:#999999; font-size:11px; border-top:1px dashed #e2e2e2; border-bottom:1px dashed #e2e2e2; float:right; width:460px; } /*comments area*/ .commentmetadata A { font-size: 8.3pt; color: #666666; } #respond H3 { margin-top: 10px; color: #666666; } DIV#respond { padding: 3px 13px; background-color: #ececec; } #commentform TEXTAREA#comment { width: 584px; } .commentmetadata A { font-size: 8.3pt; color: #1870b5; } H3#comments { background-color: #ececec; padding: 7px 7px 7px 13px; color: #1870b5; } .postmetadata.alt SMALL { color: #a9a9a9; } /*right column*/ .side_box { border-bottom:2px solid #e2e2e2; padding-bottom:3px; margin-bottom:10px; } .tweets LI { list-style: square; margin-left: -13px; } .side_box .title , .side_box .title a { width:228px; height:25px; background-color:#EBE3D1; padding:4px 8px 0px 8px; margin-bottom:7px; font-family:Calibri, Arial; font-size:19px; font-weight: normal; text-align: center; color:#44650F; text-transform:none; } DIV#maincontent .right .title A { text-decoration: none; } .about_me_thumb { width:74px; height:78px; float:left; margin:0 7px 0 0; } .about_me_text { width:148px; float:left; margin-left: 5px; font-size:15px; color:#666666; } .tweet_text { font-size:11px; color:#666666; } .tweet_date { font-size:10px; color:#999999; border-bottom:dashed 1px #e2e2e2; margin-bottom:10px; } .twitter { float:right; margin:-4px -8px 0 0; } /* photo thumbs on the right */ ul.photo_thumb { list-style:none; padding:0; margin:0 } ul.photo_thumb li { list-style:none; padding:4px 2px 0px 2px; margin:0; float:left; } ul.photo_thumb li img { margin:0; padding:0; display:block; } /* tags on the right */ ul.tags { list-style:none; margin:0; padding:0; } ul.tags li { float:left; margin:0; padding:3px; height:18px; } ul.tags li a, ul.tags li a:link, ul.tags li a:visited { color:#666666; text-decoration:none; } ul.tags li a:hover { text-decoration:underline; } /*About Page*/ .table { border-bottom:1px solid #e2e2e2; } .table td { padding:3px 8px; color:#666666; font-size:12px; height:28px; } th { /*top row of the table*/ background-color:#1870b5; color:#FFFFFF; font-weight:bold; border-bottom:1px solid #ffffff; height:28px; text-align:center; } .row1 { background-color:#e2e2e2; border-bottom:1px solid #ffffff; } .row2 { background-color:#ededed; border-bottom:1px solid #ffffff; } ul.ticklist { padding:0px 0px 0px 15px; /*indent whole list*/ } ul.ticklist li { list-style:none; background-image:url(images_blue/icon_tick.gif); background-position:left top; background-repeat:no-repeat; margin:0px 0px 10px 0px; padding:0px; padding-left:25px; font-size:11px; line-height:normal; } /*Portfolio*/ .portfolio_box { width:280px; height:280px; float:left; margin-bottom:30px; } .margin_right { /*this is for the first 2 boxes in each row, if you add it to all of the boxes the spacing on the right makes only 2 per row fit*/ margin-right:24px; } .portfolio_box .image { width:261px; height:173px; border:9px solid #e2e2e2; margin-bottom:5px; } .portfolio_box .title { font-family:Calibri, Arial; font-size:13px; color:#1870b5; } .portfolio_box .title a, .portfolio_box .title a:link, .portfolio_box .title a:visied { color:#1870b5; text-decoration:none; } .portfolio_box .description { font-size:12px; margin-bottom:5px; } .portfolio_box .date { font-size:10px; color:#999999; border-top:dashed 1px #e2e2e2; border-bottom:solid 2px #e2e2e2; } .bottom_bar { height:25px; clear:both; margin-bottom:10px; text-align:center; padding:10px 0 0 0; } .buttons { width:180px; float:right; margin-right:160px; } .view_all { width:110px; float:right; margin-right:100px; margin-top:-3px; } /*contact*/ .left_details { float:left; width:240px; } .map { width:357px; height:225px; float:right; border:4px solid #e2e2e2; margin-bottom:10px; color:#666666; } .contact_title { color:#1870b5; font-weight:bold; float:left; width:70px; } .contact_detail { float:left; width:100px; clear:right; } .forms { background-color:#ffffff !important;/*the important gets rid of the yellow google toolbar field style*/ border:1px solid #cccccc !important; margin:3px 0px; padding:4px; color:#999999 !important; } #contact { border:0; width:450px; /*this width keeps the form fields in line*/ } #contact label { float:left; width:80px; margin-right:15px; clear:left; color:#1870b5; font-weight:bold; text-align:right; height:32px; } #contact input, #contact textarea { margin-right:40px; } #contact #submit { clear:left; margin-left:95px; } FORM#contactform INPUT.submit { background-color: #ffffff; border: 1px solid #cccccc; color: #999999; margin-top: 21px; padding: 5px; } FORM#contactform INPUT.submit:hover { background-color: #ffffff; border: 1px solid #666666; color: #999999; margin-top: 21px; padding: 5px; cursor: pointer; } FORM#contactform LABEL { width: 91px; display: inline-block; margin-bottom: 7px; } DIV.cform LI { list-style: none; } .widget_tag_cloud a, .widget_tag_cloud a:link, .widget_tag_cloud a:visited { color:#999999; text-decoration:none; } .widget_tag_cloud a:hover { text-decoration:underline; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .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 p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .size-full { border:4px solid #e2e2e2; margin:5px; } .image-border { border:9px solid #e2e2e2; margin:4px 0; } form .status { display:none; margin:0; font-weight:bold; color:#bb252c; } li.alert label { color:#bb252c; }