html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
a{
text-decoration:none;
cursor:pointer;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#323131;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
h3{
font-size:12px;
font-weight:bold;
color:white;
padding-left:25px;
line-height:30px;
}
h2{
font-size:16px;
color: #cc0033;
font-weight:bold;
padding: 30px 0;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clearBoth{clear: both;}
.thumbnail{float:left;padding-bottom:10px;padding-right:12px;display:block;}
/************************wrapper***************************/
#wrapper_t{
background:url(img/bg_t.jpg) repeat-x;
margin:0 auto;
}
#wrapper_b{
background:url(img/bg_b.jpg) no-repeat center bottom;
margin:0 auto;
}
/************************end wrapper***************************/
#container{
width:1070px;
margin:0 auto;
padding: 13px 0 53px;
}
/************************header***************************/
#header_outer{
margin:0 auto;
width:1070px;
position:relative;
padding-top: 22px;
}
#header{
background: url(img/header.jpg) no-repeat center center;
height:141px;
}
#header h1#logo a{
background:url("img/logo.png") no-repeat scroll left top transparent;
display:block;
height:121px;
left:12px;
position:absolute;
text-indent:-9999px;
top:27px;
width:182px;
}
#header h1#twitter a,#header h1#facebook a,#header h1#rss a{
width:48px;
height:47px;
display:block;
position:absolute;
top:72px;
text-indent:-9999px;
}
#header h1#twitter a{
background:url("img/twitter.png") no-repeat;
right:26px;
}
#header h1#facebook a{
background:url("img/facebook.png") no-repeat;
right:100px;
}
#header h1#rss a{
background:url("img/rss.png") no-repeat;
right:174px;
}
#nav{
background: url(img/bg_nav.jpg) repeat-x;
height:32px;
padding-top:7px;
}
#nav ul{
list-style: none;
}
#nav li a{
width:80px;
height: 25px;
line-height:25px;
text-align:center;
font-family:arial;
color:#292828;
float:left;
display:block;
margin-right:1px;
}
#nav li a:hover,.active{
color:#fff!important;
background-color:#57a4f2;
}
#searchForm{
background:url("img/search.jpg") no-repeat scroll 0 0 transparent;
border:medium none;
float:right;
height:21px;
line-height:23px;
margin-right:25px;
margin-top:-2px;
padding-left:5px;
width:194px;
}
.s{
border:medium none;
color:#A3A3A3;
font-size:12px;
width:160px;
}
.submit_s{
background:url(img/arrow.jpg) no-repeat;
height:17px;
width: 14px;
border:none;
cursor:pointer;
}
/************************end header***************************/
/************************main***************************/
#left{
width:343px;
float:left;
}
.ads{
height:280px;
width:336px;
border:solid 1px #898888;
}
.box_c{
background:url(img/box_c.png) repeat-y center center;
}
.box_t{
background:url(img/box_t.png) no-repeat top left;margin-top:20px;
height:30px;
line-height:30px;
}
.box_b{
background:url("img/box_b.png") no-repeat scroll center bottom transparent;
height: 36px;position:relative;
}
.box_c ul{
padding-left:15px;padding-top:8px;
}
.box_c li{
padding-top:8px;
}
.box_c li a{
height:21px;
line-height:21px;
padding:7px 29px;
color:#414040;
background: url(img/li.jpg) no-repeat;
position:relative;
z-index:100;
}
.box_c li a:hover{
color:#cc0001;
}
.boat{
position: absolute;
bottom:10px;
right:8px;
}
#content{
padding-left:7px;
width:532px;
float: left;
position:relative;
}
.lighthouse{
left:20px;
position:absolute;
top:-5px;
}
.box_t_content{
background: url(img/box_t_content.jpg) no-repeat;
height:30px;line-height:30px;
}
.box_b_content{
background: url(img/box_b_content.png) no-repeat;
height:38px;
}
.box_c_content{
background: url(img/box_c_content.png)repeat-y;
padding:0 17px 20px 13px;
}
.post{
border-bottom:1px solid #989797;
height:150px;
padding:20px 0 0;
position:relative;
}
.post h4, .post h4 a{
font-size:14px;
font-weight:bold;
color:#398fea;
}
.post p{
color:#313030;
font-size:11px;
line-height:14px;
padding:12px 0;
}
.post span{
bottom:20px;
color:#FE5C04;
position:absolute;
right:20px;
}
.post span a{
color:#FE5C04;
}
.img_post{
float: left;
padding-right: 12px;
padding-bottom:10px;
}
#right{
float:right;
margin-right:-7px;
padding-left:8px;
width:187px;
}
.waterscraft{
background:url("img/box_t_right.png") repeat-y scroll center center transparent;
height:30px;
margin-top: 15px;
}
.waterscraft_c{
background: url(img/box_c_right.png) repeat-y;
position:relative;
}
.waterscraft_c ul{
padding-bottom:8px;
padding-left:11px;
padding-top:6px;
}
.waterscraft_c li{
padding-top:8px;
}
.waterscraft_c li a{
background:url("img/li_right.png") no-repeat scroll 0 0 transparent;
color:#414040;
height:19px;
line-height:17px;
padding:3px 29px;
position:relative;
z-index:100;
}
.waterscraft_c li a:hover{
color:#fe6905;
}
.waterscraft_b{
background:url(img/box_b_right.png) no-repeat;
padding-bottom:100px;
}
.box_b_right{
position:absolute;
bottom:-14px;
right:0px;
}
.recentComment{
background: url(img/box_bg.png) no-repeat;
height: 371px;
}
.comment{
border-bottom:dashed 1px #737b81;
height: 87px;
overflow: hidden;
color:#313030;
font-size:10px;
width:178px;
}
.comment span,.comment span a{
color:#ff8105;
}
.comment p{
padding:10px 0px 10px 5px;
}
/************************end main***************************/
/************************footer***************************/
#footer{
background:url(img/footer_c.jpg) repeat-x;
height: 26px;
line-height:26px;
position:relative;
margin-top: 53px;
}
.footer_l{
background:url(img/footer_l.png) no-repeat;
position:absolute;
left:0px;
top: 0px;
width:7px;height:26px;
}
.footer_r{
background:url(img/footer_r.png) no-repeat;
position:absolute;
right:0px;
top: 0px;
width:6px;height:26px;
}
#footer p{
color:#fcf9f9;
font-size:10px;
position:absolute;
top:0px;
right:36px;
}
/************************end footer***************************/
/************************post page***************************/
.relatedPost{
border-bottom:1px dashed #CCCCCC;
padding:10px 0px ;
margin-left:10px;
width:315px;
}
.relatedPost h4,.relatedPost h4 a{
font-size:12px;
font-weight:bold;
padding-bottom:5px;
color:#2C2C2C;
}
.related_img{
border:1px solid #969494;
float:left;
height:57px;
padding:3px;
width:107px;
}
.relatedPost p{
font-size:11px;
height:65px;
line-height:17px;
overflow:hidden;
padding-left:5px;
}
.title{
border-bottom:dashed 1px #989797;
padding-bottom:20px;
padding-top:10px;
margin-bottom:7px;
}
.title h4{
color:#3990ee;
font-size:20px;
font-weight:bold;
}
.title span{
float: right;
color:#fe6905;
font-size:12px;
}
.title p{
font-size:12px;
color:#323131;
}
.post_img{
}
.comment_t{
background:url(img/comment_t.png) no-repeat;height:30px;line-height:30px;margin-top: 20px;
}
.comment_c{
background:url(img/comment_c.png) repeat-y;
font-size:12px;
position:relative;
}
#reply{
color:#3d3c3c;
padding:15px 17px 0 14px;
}
#reply span{
color:#8a8888;
font-size:11px;
}
.input{
background: url(img/input.jpg) no-repeat;
height:15px;
line-height: 21px;
border:none;
padding:3px 5px 17px;
width:197px;
margin-left:12px;
}
label{
padding: 0 5px 0 0px;
font-size:12px;
}
.name{
position:absolute;
top:18px;
left:240px;
}
.mail{
position:absolute;
top:53px;
left:236px;
}
.reply_box{
background:url("img/comment_box.jpg") no-repeat scroll 0 0 transparent;
border:medium none;
height:196px;
margin-left:55px;
padding:1px 17px 1px 8px;
width:430px;
}
.comment_b{
background:url("img/comment_b.png") no-repeat scroll left bottom transparent;
padding-bottom:60px;
}
.submit{
background:url(img/submit.png) no-repeat;
border: none;
width:76px;
height:21px;
margin:15px 22px;
float:right;
cursor:pointer;
}
.box_b_ads{
background:url(img/box_b_ads.png) bottom left no-repeat;
height:20px;
}
#google_ads_frame1{
padding-left:1px;
width:334px !important;
}
/*
#google_ads_frame2{
padding-left:1px;
width:336px !important;
}
#google_ads_frame3{
padding-left:1px;
width:178px !important;
}
/*
#google_ads_frame4{
padding-left:1px;
}
#google_ads_frame5{
padding-left:1px;
width:178px;
}
*/
/************************end post page***************************/