/* Theme Name: seo-semantic-xhtml.com Theme URI: http://seo-semantic-xhtml.com/ Description: The Koru cutom WordPress theme based on the famous seo-semantic-xhtml. Version: 1.0 Author: seo-semantic-xhtml Author URI: http://seo-semantic-xhtml.com/ */ body,div,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p{padding:0; margin:0; font-weight:normal;} body{ font:13px Arial, Helvetica, sans-serif; color:#666; background:#fff url(images/body_bg.jpg) no-repeat center 0; height:100%} img,fieldset{border:none; margin:0; padding:0;} .left{float:left;} .right{float:right; width:auto;} .full{float:left; width:100%;} .curv{float:left; width:100%} .curv img{float:left} span.clear{clear:both;} a:focus{outline:none} input:focus{outline:none;} .inner_body_bg{background:url(images/inner_body_bg.jpg) no-repeat center 0;} #wrapper{width:1003px; margin:0 auto;} #header{float:left; width:1003px; height:57px; z-index:100; position:relative; background:url(images/header_bg.gif) no-repeat 0 0;} #header .logo{float:left; width:129px; height:57px;} #header .logo img{float:right; margin-top:8px; display:inline;} #header .music_icon_box {float:left; position:relative; z-index:999999!important;} #header .music_icon_box .music_icon {float:left; position:absolute;top:215px; left:930px; width:60px; height:44px;} #header .music_icon_box .music_icon ul{float:left; list-style:none; width:41px;} #header .music_icon_box .music_icon ul li{float:left; padding:0 1px; font-size:10px;} #header .music_icon_box .music_icon ul li a{color:#666; text-decoration:none;} #header .music_icon_box .music_icon ul li a:hover{color:#339933; text-decoration:none;} #header .music_icon_box .music_icon ul li.active a{color:#339933; text-decoration:none;} #header .music_icon_box .music_icon ul li.active a:hover{color:#339933; text-decoration:none;} #header .tagline{float:left; width:874px; height:57px;} #header .tagline h2{float:right; padding:11px 30px 0 0; font-size:20px; color:#000;} #banner{float:left; width:1003px; height:340px; margin-top:-3px; position:relative;} #banner img{float:left;} /*#banner a{float:left; position:absolute; bottom:-10px; right:5px;}*/ #banner .music_icon {position:absolute!important;top:320px; right:0px; width:60px; height:44px;} #banner .music_icon {position:absolute!important;top:320px; right:0px; width:60px; height:44px;} #banner .music_icon ul{float:left; list-style:none; width:41px;} #banner .music_icon ul li{float:left; padding:0 1px; font-size:10px;} #banner .music_icon ul li a{color:#666; text-decoration:none;} #banner .music_icon ul li a:hover{color:#339933; text-decoration:none;} #banner .music_icon ul li.active a{color:#339933; text-decoration:none;} #banner .music_icon ul li.active a:hover{color:#339933; text-decoration:none;} #body_container{float:left; width:1003px; padding-bottom:20px;} #left_container{float:left; width:234px; margin-top:-58px; position:relative;} #left_container .navigation_outer{float:left; width:234px;} #menu{float:left; width:234px; background:#bcd546;} #menu ul{float:left; width:234px; list-style:none;} #menu li{float:left; width:100%; padding:9px 0; text-transform:uppercase; font-family:Trebuchet MS,Arial, Helvetica, sans-serif; font-size:15px; background:url(images/menu_separator.jpg) no-repeat 0 bottom;} #menu li.last{background:none;} #menu li a{float:left; color:#003300; text-decoration:none; margin-left:12px; display:inline; padding-left:23px; background:url(images/bullet.gif) no-repeat 0 4px;} #menu li a:hover{color:#fff;} #menu li.active a{color:#fff;} .spa{float:left; width:224px; padding-top:10px;} #center_container{float:left; width:472px; margin-top:-8px; position:relative; background:url(images/green_leaf.gif) no-repeat 0 0;} #center_container .welcome{float:left; width:407px; padding:24px 20px 10px 46px; background:url(images/border.gif) no-repeat right 15px;} #center_container .welcome h3{float:left; color:#666; font-size:22px;} #center_container .welcome h3 span{color:#339933; font-weight:bold;} #center_container .welcome p{float:left; width:100%; line-height:18px; padding-top:10px;} #center_container .welcome img{float:right; margin:12px 3px 0 0; display:inline;} #right_container{float:left; width:296px;} #right_container .sidebar{float:left; width:265px; padding-left:25px; height:auto;} #right_container .sidebar h3{float:left; width:95%; color:#666; font-size:22px; padding:15px 0 0 8px;} #right_container .sidebar h3 span{color:#339933; font-weight:bold;} #right_container .sidebar a{float:left; text-decoration:none; color:#666; font-weight:bold; font-size:14px; padding:12px 0 3px 8px;} #right_container .sidebar a:hover{text-decoration:underline;} #right_container .sidebar p{float:left; width:240px; padding:0 0 35px 8px; line-height:18px;} #right_container .sidebar p.msg{width:240px; padding:0 0 0 14px; line-height:18px} #right_container .sidebar p.error{ float:left; width:230px; margin-left:14px; display:inline; padding:0; line-height:18px; position:relative; z-index:9;} #right_container .sidebar p.error span{ position:absolute; width:230px; background:#fff; top:-19px; left:0;} #right_container .sidebar .execphpwidget{float:left; width:100%; height:134px; background:url(images/form_bg.jpg) no-repeat 0 0;} #right_container .sidebar .execphpwidget h5{float:left; width:90%; color:#333; font-weight:bold; font-size:16px; padding:10px 0 0 16px;} #right_container .sidebar .execphpwidget h5 span{color:#2aa81a;} #right_container .sidebar .execphpwidget form{float:left; width:237px; padding:9px 0 0 14px;} #right_container .sidebar .execphpwidget .text_field{float:left; width:237px; height:33px; background:url(images/text_field_bg.jpg) no-repeat 0 0;} #right_container .sidebar .execphpwidget .text_field input{float:left; width:221px; font-size:12px; color:#d7d7d7; height:13px; padding:10px 8px; border:none; background:none;} #right_container .sidebar .execphpwidget input.submit_button{float:right; width:64px; height:18px; border:none; cursor:pointer; margin-top:5px; display:inline; background:url(images/submit_button.jpg) no-repeat 0 0;} /*about page css*/ #inner_banner{float:left; width:1003px; height:184px; margin-top:-3px; position:relative;} #inner_banner ul{float:left; width:auto;list-style:none; margin:0;} #inner_banner li{float:left; width:auto;} /*#inner_banner .music_icon_box {float:left; position:relative; width:60px; height:44px; z-index:999999!important;} #inner_banner .music_icon_box .music_icon {float:left; position:absolute;top:0; left:0; width:60px; height:44px;} #inner_banner .music_icon_box .music_icon ul{float:left; list-style:none; width:41px;} #inner_banner .music_icon_box .music_icon ul li{float:left; padding:0 1px; font-size:10px;} #inner_banner .music_icon_box .music_icon ul li a{color:#666; text-decoration:none;} #inner_banner .music_icon_box .music_icon ul li a:hover{color:#339933; text-decoration:none;} #inner_banner .music_icon_box .music_icon ul li.active a{color:#339933; text-decoration:none;} #inner_banner .music_icon_box .music_icon ul li.active a:hover{color:#339933; text-decoration:none;} */ #inner_right{float:left; width:767px; background:url(images/green_leaf.gif) no-repeat 0 0; margin-top:-5px; position:relative;} #inner_right .about_us{float:left; width:723px; padding:23px 0 50px 44px;} #inner_right .about_us h3{float:left; width:100%; font-size:22px; font-weight:normal;} #inner_right .about_us h3 span{color:#339933; font-weight:bold;} #inner_right .about_us p{float:left; width:100%; line-height:18px; padding-top:15px;} #inner_right .about_us p a{ color:#7ba912; text-decoration:none} #inner_right .about_us p a:hover{ color:#7ba912; text-decoration:underline} #inner_right .about_us p img{ margin:2px 4px 0 0; display:inline } #inner_right .the_menu{float:left; width:723px; padding:23px 0 50px 44px;} #inner_right .the_menu h3{float:left; width:100%; font-size:22px; font-weight:normal;} #inner_right .the_menu h3 span{color:#339933; font-weight:bold;} #inner_right .the_menu p{float:left; width:100%; line-height:18px; padding-top:15px;} #inner_right .the_menu .content_details{ float:left; width:703px; padding-bottom:10px;} #inner_right .the_menu .content_details h4{float:left; width:680px; font-size:14px; font-weight:bold; color:#666; background: url(images/link_icon.gif) no-repeat 0 4px; padding:0 0 5px 20px;} #inner_right .the_menu .content_details h5{float:left; width:680px; font-size:12px; color:#339933; padding:0 0 4px 20px;} #inner_right .the_menu .content_details h5 span{ float:right;color:#666; font-style:normal; padding-left:10px; width:680px} #inner_right .the_menu .content_details p{float:left; width:680px; font-size:13px; line-height:16px; color:#666; padding: 0 0 4px 20px;} #inner_right .the_menu .content_details span{float:left;font-style:italic; color:#666; padding-left:20px;} #inner_right .the_blog{float:left; width:723px; padding:8px 0 50px 44px;} #inner_right .the_blog a{color:#D6AD5C; text-decoration:underline;} #inner_right .the_blog a:hover{text-decoration:none;} #inner_right .the_blog h3{float:left; width:100%; font-size:22px; font-weight:normal; padding:15px 0 20px 0;} #inner_right .the_blog h3 span{color:#339933; font-weight:bold;} #inner_right .the_blog .left_content{ float:left; width:481px;} #inner_right .the_blog .left_content ul{float:left; width:481px; list-style:none;} #inner_right .the_blog .left_content li{ float:left; width:481px; background:url(images/blog_left_dot.gif) repeat-x 0 bottom; padding-bottom:14px; margin-bottom:12px;} #inner_right .the_blog .left_content li.last{background:none;} #inner_right .the_blog .left_content li .old{float:left; width:auto; font-size:14px;} #inner_right .the_blog .left_content li .old a{color:#666; text-decoration:none;} #inner_right .the_blog .left_content li .old a:hover{color:#666; text-decoration:underline;} #inner_right .the_blog .left_content li .new{float:right; width:auto;} #inner_right .the_blog .left_content li .new a{color:#666; text-decoration:none;} #inner_right .the_blog .left_content li .new a:hover{color:#666; text-decoration:underline;} #inner_right .the_blog .left_content h6{float:left; width:100%; font-size:13px; font-weight:bold; color:#000; padding-bottom:13px;} #inner_right .the_blog .left_content .photo{float:left; width:106px; padding-right:15px;} #inner_right .the_blog .left_content .photo img{ float:left;} #inner_right .the_blog .left_content .content_details{float:left; width:360px;} #inner_right .the_blog .left_content .content_details p{ float:left; width:100%; font-size:13px; line-height:16px; color:#666;} #inner_right .the_blog .left_content .content_details a{color:#d6ad5c; text-decoration:underline;} #inner_right .the_blog .left_content .content_details a:hover{text-decoration:none;} #inner_right .the_blog .left_content .content_details .comments{float:right; width:85px; text-align:center} #inner_right .the_blog .left_content .content_details .comments img{float:none;} #inner_right .the_blog .left_content .content_details .comments p{float:left; width:85px; color:#333} #inner_right .the_blog .right_section{float:left; width:196px; padding-left:31px;} #inner_right .the_blog .right_section .blog_categories{float:left; width:194px; background:#f8f4f3; border:1px solid #cd9934; overflow:hidden;} #inner_right .the_blog .right_section .blog_categories ul{float:left; width:170px; list-style:none; padding-left:24px;} #inner_right .the_blog .right_section .blog_categories li{ float:left; width:145px; font-size:13px; line-height:28px;color:#666; background: url(images/link_icon.gif) no-repeat 0 10px; padding-left:25px;} #inner_right .the_blog .right_section .blog_categories h4{float:left; width:170px; line-height:28px; padding-left:24px; font-size:14px; background:#57524e; height:29px; font-weight:bold; color:#fff;} #inner_right .the_blog .right_section .blog_categories li a{color:#666; text-decoration:none;} #inner_right .the_blog .right_section .blog_categories li a:hover{text-decoration:underline;} #inner_right .the_blog .right_section .blog_categories li.first{background:none; padding-left:0px;} #inner_right .book_box{float:left; width:723px; padding:30px 0 50px 44px;} #inner_right .book_box h3{float:left; width:100%; font-size:22px; font-weight:normal; padding-bottom:20px;} #inner_right .book_box h3 span{color:#339933; font-weight:bold;} #inner_right .book_box .photo{float:left; width:202px; padding-left:20px;} #inner_right .book_box .photo img{float:left;} #inner_right .book_box .contact_section{float:left; width:405px;} #inner_right .book_box .contact_section form{ margin:0; padding:0;} #inner_right .book_box .contact_section label{float:left; width:95px; font-size:13px; color:#666; text-align:right; height:30px;} #inner_right .book_box .contact_section input{float: right; width:291px; height:18px; background:#fff; border:1px solid #edc3e4; margin-bottom:10px; font-size:11px; color:#333; padding-left:3px;} #inner_right .book_box .contact_section textarea{float: right; width:294px; height:169px; background:#fff; border:1px solid #edc3e4;} #inner_right .book_box .contact_section input.button{float:left; width:111px; height:25px; border:none; cursor:pointer; background:url(images/send_message.gif) no-repeat 0 0; margin:10px 0 0 110px ; display:inline;} #inner_right .island_box{float:left; width:723px; padding:30px 0 0 44px;} #inner_right .island_box h3{float:left; width:100%; font-size:22px; font-weight:normal; padding-bottom:13px;} #inner_right .island_box h3 span{color:#339933; font-weight:bold;} #inner_right .island_box h4{float:left; width:100%; font-size:13px; color:#339933; font-weight:bold; padding-bottom:10px;} #inner_right .island_box .photo{float:left; width:auto; padding: 30px 0 0 10px;} #inner_right .island_box .photo img{ float:left;} #inner_right .island_box .details{ float:left; width:310px;} #inner_right .island_box p{float:left; width:auto; font-size:13px; line-height:20px; color:#666; padding-bottom:20px;} #inner_right .press_box{float:left; width:723px; padding:30px 0 0 44px;} #inner_right .press_box h3{float:left; width:100%; font-size:22px; font-weight:normal; padding-bottom:13px;} #inner_right .press_box h3 span{color:#339933; font-weight:bold;} #inner_right .press_box p{float:left; width:auto; font-size:13px; line-height:20px; color:#666; padding-bottom:20px;} #footer{float:left; width:1003px; height:64px; position:relative; padding-bottom:25px; background:url(images/footer_bg.jpg) no-repeat 0 0;} #footer .left_shadow{float:left; position:absolute; left:-29px; top:0px;} #footer .right_shadow{float:left; position:absolute; right:-24px; top:0px;} #footer .carbonfree_logo{float:left; position:absolute; top:-21px; left:35px;} #footer p{float:right; color:#336600; padding:14px 42px 0 0;} .commentlist{float:left; width:100%; list-style:none; padding:0; margin:0;} #commentform .row{float:left; width:100%; padding-bottom:10px;}