/* Theme Name: BlueOcean Description: A wordpress theme about the ocean with beautiful background image. This theme is particularly suited to blogs about boats, boating or sailing. Author: Yachts4saledotnet Author URI: http://www.yachts4sale.net/ Version: 1.0 Tags: blue, two-columns License: License URI: */ .float_l { float:left; } .float_r { float: right; } body { background-color: #0e477e; background-image: url(images/bg.jpg); background-repeat:repeat-x; background-position: center top; } #wrap { width: 960px; margin-right: auto; margin-left: auto; } .wrap_bg { width:958px; float:left; border: 1px solid #2c2c2c; background-color: #eaf6fb; } #header { text-align: center; width: 958px; float: left; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; } #header-image { overflow: hidden; margin: 0; width:958px; float:left; text-align:left; } #header-image a { text-decoration: none; border: none; } #header-image a img { border: none; } #img_bg{height:98px;width:908px; float:left; padding:10px 0 0 50px;} .description { color:#3baaff; } #nav { float: left; width:918px; padding-right: 20px; padding-left: 20px; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x; background-color: #D8DDE0; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; } #nav li { float:left; list-style-type: none; height: 39px; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 5px; } #nav li a { padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:9px; margin-right: 1px; margin-left: 1px; float: left; height: 30px; } #nav li a:hover { background-color:#3baaff; color:#2c2c2c; text-decoration: none; } #main { width: 910px; float:left; padding-right: 20px; padding-left: 20px; padding-top: 20px !important; * padding-top:3px !important; padding-top:3px; padding-bottom: 20px; } #content { float:right; width: 635px; padding-top: 5px !important; * padding-top:23px !important; padding-top:23px; } #sidebar { float: left; width: 260px; color: #fff; } #footer { float: left; text-align: center; font-size: 11px; font-weight: normal; padding-top: 8px; width:918px; height: 25px; padding-right: 20px; padding-left: 20px; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #2c2c2c; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; margin-bottom:30px; } .error404 { float: left; width: 635px; margin-left: 50px; font-size: 12px; background-color: #FFF; margin-bottom: 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #2c2c2c; border-right-color: #2c2c2c; border-bottom-color: #2c2c2c; border-left-color: #2c2c2c; } .post { float: left; width: 635px; font-size: 12px; background-color: #FFF; margin-bottom: 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #2c2c2c; border-right-color: #2c2c2c; border-bottom-color: #2c2c2c; border-left-color: #2c2c2c; } .title3 { color:#3baaff; height: 25px; width: 610px; float: left; padding-left: 25px; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #2c2c2c; text-transform: capitalize; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x; } .title3 a { color:#3baaff; font-size: 18px; font-weight: bold; } .info { float: right; width: 620px; background-color:#FFF; color: #eaf6fb; font-weight: normal; font-size: 11px; border-top-width: 1px; border-top-style: solid; border-top-color: #2c2c2c; padding-top: 3px; padding-bottom: 3px; text-align: right; padding-right: 15px; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x; } .info a { color:#f0f0f0; text-decoration:underline; font-weight: normal; font-size: 11px; } .date { background-repeat: no-repeat; color: #ffffff; font-family: Arial, Helvetica, sans-serif; padding-left: 15px; background-image: url(images/calendar.png); background-position: left 3px; font-weight: normal; } .cate { background-image: url(images/category.png); background-repeat: no-repeat; padding-left: 18px; background-position: 5px; font-weight: normal; } .coment { background-image: url(images/comments.png); background-repeat: no-repeat; padding-left: 18px; background-position: 5px 3px; font-weight: normal; } .entry { float: left; width: 600px; margin-left: 5px; color: #333; padding-right: 10px; padding-left: 15px; } .entry table { max-width:100%; } .entry a { color:#000; font-weight: normal; } .tag { float: left; background-position: left center; } .postmetadata a{ background-color:#cce9f5; padding:2px; padding-left:4px; padding-right:4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; line-height: 1.8; } .postmetadata a:hover{ text-decoration:none; background-color:#3baaff; } .entry p { margin-top: 10px; margin-bottom: 5px; overflow:hidden; width:100%; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.5em; } .entry li { line-height: 1.85em; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; margin-left: 15px; } .entry img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; max-width:100%; } .entry table { margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 5px; } .entry td { text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; } .post-foot { float: left; height: 25px; width: 630px; } .post-link { padding: 10px; } .post-link a { color: #000; font-weight:normal; } .content-foot { height: 15px; width: 630px; float: left; } .side { background-color:#fff; float: left; width: 250px; border:1px solid #000; } .side * { font-size:14px; font-weight: 600; } #sidebar a { color: #28395b; } #sidebar a:hover { font-family: Arial, Helvetica, sans-serif; color:#3baaff; text-decoration:underline; } #sidebar ul { padding:0px; } #sidebar li { list-style-type: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BDD0E1; float:left; background-image: url(images/narrow.gif); background-repeat: no-repeat; background-position: 10px 13px; padding: 0px; } #sidebar li li { padding-top:6px; padding-bottom:4px; width: 220px; padding-left: 20px; overflow: hidden; padding-right: 10px; } #sidebar li li li { width:200px; padding-left:20px; } .widget_tag_cloud, .widget_text { float: left; width: 248px; margin: 0px; } #calendar_wrap { float: left; width: 220px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0; padding-left: 0px; color:#2c2c2c; } #wp-calendar { width:240px; text-align:center; padding-left: 10px; color:#2c2c2c; } #wp-calendar caption { width:220px; color: #3baaff; font-weight: bold; padding-top: 2px; padding-right: 14px; padding-bottom: 2px; padding-left: 14px; } #wp-calendar a { text-decoration:underline; color:#2c2c2c; } li.widget_tag_cloud div, .widget_text div { float:left; width:220px; padding-top: 0; padding-right: 14px; padding-bottom: 0; padding-left: 14px; } .title2 { float: left; height: 25px; width: 225px; padding-left: 25px; color:#3baaff; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x; padding-top: 5px; font-size: 16px; } .sidebar_bottom, .sidebar_top { background-repeat: no-repeat; float: left; height: 6px; width: 260px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; font-size: 0px; margin:0px; } #searchform { float:left; width:200px; padding-top: 0; padding-bottom: 5px; padding-left: 24px; padding-right: 24px; } #searchform #s { padding: 1px; float: left; margin-top: 8px; width: 150px; font-weight: normal; } #searchsubmit { padding: 1px; margin-top: 7px; } .btn { font-size: 11px; cursor: hand; color: #333; padding-top: 2px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; float: right; margin-top: 3px; text-align: center; font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { float:left; width:90%; padding:2% 5%; } #commentform textarea { width:95%; padding: 2px; } #respond { width:94%; padding-left:6%; padding-top:3px; font-size: 16px; color: #000; background-image: url(images/comment.png); background-repeat: no-repeat; padding-bottom: 3px; height: 25px; float: left; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: left; text-align: center; } #comment_title { float:left; color:#000; width:590px; background-image: url(images/rec.gif); background-repeat: no-repeat; background-position: left bottom; padding-top: 20px; padding-right: 10px; padding-left: 30px; padding-bottom: 2px; } .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist * { font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .commentlist li { list-style: none; border: 1px solid #627A8E; background-color: #FFF; float: left; width: 98%; margin-top: 15px; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-top: 5px; padding-bottom: 10px; padding-right: 1%; padding-left: 1%; } .commentlist p { margin-top: 10px; margin-right: 5px; margin-bottom: 10px; margin-left: 10px; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } .small { font-size:9pt; } .pagetitle { color: #25a5c0; text-align: left; float: left; width: 635px; font-size: 16px; padding:0px; padding-bottom: 10px; } a { text-decoration: none; } a:hover { text-decoration: underline; } h1 a { color: #3baaff; font-size: 45px; } h1 a:hover { text-decoration: none; } #nav a { float: left; color: #3baaff; font-size: 16px; font-weight: bold; } #nav a:hover { color: #000000; } #commentform a { font-weight: bold; } #footer a { color:#b3c8cc; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; } ol { padding-left:10px; } .comment_page a { font-size:12px; font-weight:normal; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .aligncenter{ display:block; margin-left:auto; margin-right:auto; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ffa200; } blockquote cite { margin: 5px 0 0; display: block; } * { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align:justify; text-justify:inter-ideograph; } .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; }