/*
Theme Name: Pippen Marine
Theme URI: http://www.webmasterbangkok.com
Description: Marine
Author: Don Carswell
Author URI: http://www.webmasterbangkok.com
Version: 1
*/
@media screen {
* { margin: 0; padding: 0; }
body {
font-family: Arial, sans-serif; font-size: 14px; line-height: 1.52em; color: #6a6a6a; margin:0 auto;}
a { text-decoration:none; color:#a3620a;}
a:hover { text-decoration:underline;}
h2 { font-size:18px; font-weight:bold; padding:0 0 10px 0;}
p { padding:0 0 20px 0;}
#wrapper { background:#ffffff; margin:0;}
.page { width:920px; margin:0 auto; clear:both; padding-left:20px; padding-right:20px;}
.footer-wrap { width:960px; margin:0 auto; clear:both;}
/* --------- header section --------- */
#header { background:#ffffff url(images/line-top.png) repeat-x; width:100%; height:137px; margin:0;}
#logo { width:470px; background:url(images/website-name.png) no-repeat top left; margin:0 auto; padding:10px 0; float:left; position:relative;}
#banner_left { width:120px; float:right; height:50px;}
#banner_left a{ float:left; }
#topnav { width:100%; background:url(images/bg-topnav.png) repeat-x; float:left; margin:5px 0; height:45px;}
/* --------- banner index section --------- */
#banner { width:100%; height:439px; background:url(images/bg-banner.png) repeat-x; float:left; margin:0;}
#banner_home { width:100%; height:436px; background:url(images/bg-banner.png) repeat-x; float:left; clear:both margin:0;}
#banner_box_home { width:971px; height:372px; margin:40px auto; background: url(images/box-banner.png) no-repeat; padding:10px; clear:both;}
#banner_box {
width:971px;
height:372px;
margin:35px auto;
float:center;
clear:both;
}
#banner_subpage { width:100%; height:293px; background:url(images/bg-banner-subpage.png) repeat-x; float:left; margin:0;}
#banner_box_subpage { width:971px; height:213px; margin:40px auto; background: url(images/box-banner-subpage.png) no-repeat; padding:10px; clear:both;}
#banner_box {
width:971px;
height:372px;
margin:35px auto;
float:center;
clear:both;
}
.banner1 {
width:971px;
height:372px;
padding:10px;
background: url(images/box-banner.png) no-repeat;
}
.banner2 {
width:971px;
height:372px;
padding:10px;
background: url(images/box-banner.png) no-repeat;
}
.banner3 {
width:971px;
height:372px;
padding:10px;
background:url(images/box-banner.png) no-repeat;
}
/* --------- Social section --------- */
#social {
width:100px;
float:right;
margin-top:15px;
margin-right:43px;
}
#facebook a {
display:block;
width : 32px;
height : 32px;
background-image : url(images/facebook-orig.png);
float:left;
margin-right:20px
}
#facebook a:hover {
background-image : url(images/facebook.png);
}
#twitter a {
display:block;
width : 32px;
height : 32px;
background-image : url(images/twitter-orig.png);
float:left;
}
#twitter a:hover {
background-image : url(images/twitter.png);
}
/* --------- content section --------- */
#content {background:#ffffff url(images/bg-content.png) no-repeat top center; margin:40px auto 10px auto;min-height:600px; clear:both;}
.cont-links a{font-size:14px; font-weight:bold;}
#column { width:890px; margin:0 auto;}
#col_l { float:left; width:416px; margin:20px 0 0 0;}
#col_r { float:right; width:416px; margin:20px 0 0 0;}
.image { background:#ffffff url(images/box-img-index.png); border:0px; padding:12px; width:392px; height:176px;}
.img img{ background:#ffffff url(images/box-img-index.png); border:0px; padding:12px; width:392px; height:176px;}
.txt { width:390px; margin:20px auto;}
#contact { width:398px; height:175px; background:#ffffff; border:1px solid #e5e5e5; margin:15px 0 0 0;}
#contact #head { height:42px; background:url(images/bg-head-contact.png) no-repeat top center; padding:10px 0 0 10px;
font-size:18px; color:#000000;}
#contact ul { float:left; clear:both; margin:10px 0 0 50px;}
#contact ul li { float:left; list-style: none; position: relative; text-align: center; margin-left: 10px; font-size:18px; color:#464646;}
.head { font-size:24px; color:#363636; width:610px; float:left; text-align:left;}
.head span { font-size:24px; color:#6a6a6a; font-style:italic;}
.breadcrumb { font-size:13px; color:#363636; width:350px; float:right; text-align:right;}
.breadcrumb a { color:#363636; text-decoration:none;}
.breadcrumb span { color:#941072; text-decoration:none;}
.breadcrumb a:hover { color:#6a6a6a; }
.breadcrumb span:hover { color:#6a6a6a; }
/* --------- product table section --------- */
.div-table {display:table; width:890px; padding:30px 0 10px 0; clear:both; margin:0 auto;}
.div-table a img { border:0px;}
.div-table-row{ display:table-row;} /* Like */
.div-table-row:nth-child(even) { background:#fcf5df url(images/bg-table-y.jpg) repeat-x bottom left; }
.div-table-row:nth-child(odd) { background:#f7faf9 url(images/bg-table-g.jpg) repeat-x bottom left; }
.div-table-row:first-child { background:#6a6a6a; color:#f3f3f2; text-align:center; font-weight:bold;}
.div-table-col { display:table-cell; padding: 5px; border:none; text-align:center; vertical-align:middle;}
.div-table-col1 { display:table-cell; padding: 10px 15px 15px 15px ; border:none; vertical-align:top; width:250px;}
.div-table-col1 img { background:#f7faf9; border:1px solid #c9c7c7; padding:3px; width:250px; height:140px;}
.div-table-col2 { display:table-cell; padding: 10px 5px 15px 5px; border:none; text-align:center; font-size:12px; vertical-align:top; width:92px;}
.div-table-col3 { display:table-cell; padding: 10px 5px 15px 5px; border:none; text-align:left; vertical-align:top; width:358px;}
.div-table-col3 { color:#6a6a6a; font-size:12px;}
.div-table-col3 h3 { color:#363636; font-weight:bold; }
.div-table-col3 span { margin:-1px 0 0 5px; position:absolute;}
.btn { background:url(images/btn-view.png) no-repeat top left; width:71px; height:28px; border:none; cursor:pointer; margin:10px 0 0 0;}
.btn:hover { background:url(images/btn-view-hover.png) no-repeat top left; width:71px; height:28px; border:none; cursor:pointer;}
.sold { background:url(images/btn-sold.png) no-repeat top left; width:45px; height:18px;}
#detail .column { width:890px; margin:0 auto;}
#detail .col_l { float:left; width:390px; margin:20px 0;}
#detail .col_r { float:right; width:500px; margin:20px 0; text-align:left;}
#detail .col_r { color:#969696; font-size:12px;}
#detail .col_r h3 { color:#6a6a6a; font-size:18px; font-weight:bold; padding:20px 0 10px 0;}
#detail .image { background:#f7faf9; border:1px solid #c9c7c7; padding:5px; width:330px; height:180px; margin:10px 0;}
#detail .image:hover {opacity:.5;}
#detail .print { background:url(images/icon-printer.png) no-repeat left center; padding:5px 30px; margin:10px 0 0 255px; position:absolute;}
#detail .print a { font-weight:bold; color:#6a6a6a; text-decoration:none;}
#detail .print a:hover { color:#a3620a; text-decoration:none;}
#detail .btn { background:url(images/btn-enguiry.png) no-repeat top right; width:106px; height:30px; border:none; cursor:pointer; margin:10px 0 0 390px;}
#detail .btn:hover { background:url(images/btn-enguiry-hover.png) no-repeat top right; width:106px; height:30px; border:none; cursor:pointer;}
#detail .table {display:table; width:500px; padding:20px 0 10px 0; clear:both; margin:0 auto;}
#detail .table-row{ display:table-row;} /* Like
*/
#detail .table-row:nth-child(even) { background:#f7faf9 url(images/bg-detail-g.jpg) repeat-x bottom left; }
#detail .table-row:nth-child(odd) { background:#fcf5df url(images/bg-detail-y.jpg) repeat-x bottom left; }
#detail .table-col1 { display:table-cell; padding: 5px 5px 5px 15px; border:none; color:#6a6a6a; font-size:12px; vertical-align:top; text-align:left; width:150px; font-weight:bold;}
#detail .table-col2 { display:table-cell; padding: 5px 5px 5px 15px; border:none; color:#6a6a6a; font-size:12px; vertical-align:top; text-align:left;}
#enquiry { width:500px; height:550px; background:#ffffff; border:1px solid #ebebeb; margin:20px auto;}
#enquiry .head { background:url(images/bg-head-enquiry.png) repeat-x top left; width:500px; height:35px;
color:#6a6a6a; font-size:18px; font-weight:bold; text-align:center; padding:8px 0; }
#enquiry .text { padding:0 20px;}
#enquiry .btn { background:url(images/btn-send.png) no-repeat right center; width:89px; height:28px; border:none; cursor:pointer; margin:20px 200px;}
#enquiry .btn:hover { background:url(images/btn-send-hover.png) no-repeat right center; width:89px; height:28px; border:none; cursor:pointer;}
#enquiry .form_line{ margin:10px 0 30px 0; padding:2px 0; font-weight:bold; color:#6a6a6a; clear:both;}
#enquiry .form_input{ float:left;}
#enquiry .form_label{ float:left; width:70px; padding:0 0 0 18px; }
#contact-us .bg_left { float:left; width:10px; height:627px; background:url(images/bg-contact-left.png) no-repeat; margin:20px auto; clear:both;}
#contact-us .bg_center { float:left; width:850px; height:597px; background:url(images/bg-contact-center.png) repeat-x; margin:20px auto; padding:30px 10px 0 10px; z-index:-99;}
#contact-us .bg_right { float:left; width:10px; height:627px; background:url(images/bg-contact-right.png) no-repeat; margin:20px auto;}
#contact-us .watermark { width:278px; height:361px; background:url(images/img-wetermark.png) no-repeat; position:absolute; z-index:2; margin:30px 0 0 570px; }
#contact-us .form_line{ margin:0; padding:5px 0; color:#6a6a6a; font-size:13px; font-weight:bold; z-index:100;}
#contact-us .form_label { padding:5px 0 0 18px; z-index:100;}
#contact-us .form_label span { color:#afafaf; font-weight:normal; }
#contact-us .form_input{ padding:5px 0 0 18px; z-index:100;}
#contact-us .btn_reset { float:left; background:url(images/btn-contact-reset.png) no-repeat right center; width:73px; height:31px; border:none; cursor:pointer; margin:60px 0 0 300px;}
#contact-us .btn_reset:hover { background:url(images/btn-contact-reset-hover.png) no-repeat right center; width:73px; height:31px; border:none; cursor:pointer;}
#contact-us .btn_send { float:left; background:url(images/btn-contact-send.png) no-repeat right center; width:90px; height:30px; border:none; cursor:pointer; margin:60px 0 0 5px;}
#contact-us .btn_send:hover { background:url(images/btn-contact-send-hover.png) no-repeat right center; width:90px; height:30px; border:none; cursor:pointer;}
/* --------- pagenavigation section--------- */
.pagenav {width:300px; margin:10px auto;}
.page-navbar { overflow: hidden; margin:0 0 30px 0; list-style-type:none; font-size:12px; }
.page-navbar li { display: inline; float:left; margin-right: 4px;}
.page-navbar li a { display: block; float:left; padding:2px 10px; background:#ebebeb; color:#363636; text-decoration:none;}
.page-navbar li a:hover, .page-navbar li.selected a { background:#6a6a6a; color:#ffffff; text-decoration: none; }
/* Blogs */
.side-left {width:210px; float:left; border:5px #EFF0B0 solid; padding:20px; margin-top:92px;}
.archive-block {width: 300px;
float: left;
height: 280px;
margin-bottom: 20px;
background: #EBF0F3;
margin-right: 10px;
padding: 5px;
position:relative; }
.archive-block h2 {text-align:center;}
#recent-posts-2 li{ list-style:none;}
#archive {width: 640px;
float: right;
margin-top: 60px;
}
.read-more { position:absolute; bottom:0px; right:0px;}
.meta {font-size:10px;}
/* --------- footer section --------- */
#banner_footer_head { width:960px; background:url(images/bg-banner-footer-h.png) no-repeat top center; height:11px;}
#banner_footer { width:942px; background:url(images/bg-banner-footer-bg.png) repeat-y; float:left; clear:both; padding:0 9px;}
#footer { width:100%; height:39px; background:url(images/bg-footer.png) repeat-x; margin:0; clear:both;}
#copyright { float:left; width:510px; font-size:12px; color:#ffffff; text-align:left; padding:15px 0 0 0;}
#copyright a { color:#ffffff;}
#footernav { float:right; width:400px; text-align:right; padding:0 0 0 0; margin-top:12px;}
#footernav a { font-size:13px; color:#ffffff;}
#footernav ul { float:right;}
#footernav ul li{
float: left;
list-style: none;
position: relative;
text-align: center;
margin-left: 2px;
width: 75px;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 10px 10px;
}
.alignleft {
float: left;
margin: 5px 10px 10px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 10px 10px;
}
a img.alignnone {
margin: 5px 10px 10px 0;
}
a img.alignleft {
float: left;
margin: 5px 10px 10px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}