/*
Theme Name: SB D Gallery
Author URI: http://www.sbdgallery.org
Description: SB D Gallery is a clean and flexible Wordpress grid-based portfolio theme designed in a modern & minimalist style. SB D Gallery is ideal for designers, artists, photographers, and other creative specialists who require a professional portfolio theme. SB D Gallery theme is coded in valid CSS and HTML and compatible with all browsers. It supports all Wordpress 3.0 features and gives you extra flexibility.
Author: SB D Gallery
Version: 1.0
License: -
Tags: grids, portfolio, modern, stylish, minimalistic
Copyright: (c) 2010 SB D Gallery
*/


/*** Reset ***/

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,b,u,i,center,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-size:100%;vertical-align:top;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
input:focus {color:#a16a2f; background-color:#fff;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

input { font-size:11px; color:#888888; background-color:#fff; border:#cccccc thin solid; padding:3px 5px 3px 5px; }
input[type=text]:focus {color:#a16a2f; background-color:#ebebeb; border:#cccccc thin solid; border-bottom:#ff5400 thin solid;}
input[type=submit] { font-size:11px; font-weight:bold; cursor:pointer; background-color:#cccccc; border:none;}
input[type=button] { font-size:11px; font-weight:bold; cursor:pointer; background-color:#cccccc; border:none;}
input[type=reset] { font-size:11px; font-weight:bold; cursor:pointer; background-color:#cccccc; color: #ff5400; border:none;}
input[type=submit]:hover { color:#fff; background-color:#888888; }
input[type=button]:hover { color:#fff; background-color:#888888; }
input[type=reset]:hover { color:#fff; background-color:#ff5400; }
select {color:#666; background-color:#ebebeb; border:#ccc thin dashed; padding:3px;}
select:focus {color:#a16a2f; background-color:#fff;}
textarea { color:#666; background-color:#fff; border:#ccc thin solid;  padding:5px}
textarea:focus  { color:#a16a2f; background-color:#ebebeb;}

html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,td,th { font-family: Arial, Helvetica, sans-serif; letter-spacing:0.02em;}
strong,big,b,h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; }

/*** Main ***/

html, body {height: 100%; margin:auto;}
body {font: 65.5% Helvetica, Arial, sans-serif; background: #ffffff;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;}
.clearboth {clear: both; }

.margLeft35 { margin-left:35px; }
.margLeft22 { margin-left:22px; }
.margLeft15 { margin-left:15px; }
.margLeft50 { margin-left:50px; }
.margLeft10 { margin-left:10px; }

.margRight5 { margin-right:5px; }
.margRight10 { margin-right:10px; }
.margRight20 { margin-right:20px; }
.margRight25 { margin-right:25px; }
.margRight40 { margin-right:40px; }

.top_toolbar { background:#999 url('i/toolbar.png') bottom repeat-x; padding:4px 10px 12px 10px; height:14px; color:#fff; }

.search {width: 205px; float:right; margin-right:15px; font-size: 11px; font-weight: bold; color: #666666; }
.search input {background: #bebebe url('i/icon/mgnf.png') right center no-repeat; color: #666666; font: bold 11px Helvetica, Arial, sans-serif; width: 205px; border-top:#666 thin solid; border-left:#666 thin solid; border-right:none; border-bottom:none;
-webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em;}
.search input:hover {color:#555555; background:#ebebeb url('i/icon/mgnf_ov.png') right center no-repeat;}
.search input:focus {color:#a16a2f; background:#ebebeb url('i/icon/mgnf_ov.png') right center no-repeat;border-top:none; border-left:none; border-right:#666 thin solid; border-bottom:#666 thin solid;}

.sub_form { float: left; margin-left: 15px; position:relative;}
.sub_form input[type=text] {background: #bebebe url('i/icon/mail.png') right center no-repeat; color: #666666; font: bold 11px Helvetica, Arial, sans-serif; width: 205px; border-top:#666 thin solid; border-left:#666 thin solid; border-right:none; border-bottom:none;
-webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em;}
.sub_form input[type=text]:hover {color:#555555; background:#ebebeb url('i/icon/mail_ov.png') right center no-repeat;}
.sub_form input[type=text]:focus {color:#a16a2f; background:#ebebeb url('i/icon/mail_ov.png') right center no-repeat;border-top:none; border-left:none; border-right:#666 thin solid; border-bottom:#666 thin solid;}
.sub_form input[type=submit] {background-color: #666; color:#fff; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em;}
.sub_form input[type=submit]:hover {background-color: #9d7537;}
.sub_result {position:absolute; bottom:-50px; left:-10px; color:#666; line-height:1.2em; width:300px;}

.wrapper {width: 975px; min-height: 100%; position: relative; margin:auto; padding-left: 30px;}

/*** Header ***/

.header {margin:10px 0 0 0; padding-top:2px; position:relative;}
.header_inn {border-top: 1px dashed #dedede; border-bottom: 1px dashed #dedede; margin: 20px 15px -7px 15px;}
.bi { position: relative; margin:auto;  width:163px;}
h1 {background: url("i/sbdgallery-logo-site.png") center center no-repeat; width:163px; height:200px; text-indent:-90000px;}
/*.logo {font-size: 16px; line-height: 0.95; width: 145px; height: 40px; padding: 0 0 11px 15px; background: url("i/post_list.gif") 14px 50px no-repeat; float: left; position: relative; }
.logo a {color: #555555; text-decoration: none; position: absolute; bottom: 12px; font-weight: bold;}
.logo a:hover {color: #9d7537;} */
.bi_tag_01 {position:absolute; top:120px; left:25px; color:#cccccc; text-transform:uppercase; }
.bi_tag_02 {position:absolute; top:120px; right:25px; color:#cccccc; text-transform:uppercase; }

/***Header Nav***/

.header_nav { position:absolute; top:0px; right:0px; z-index:1000; padding-top:5px; height:20px; margin:-3px 15px 12px 15px; overflow:hidden;}
.header_nav li {float:left; margin-left:10px; line-height:20px; }
.header_nav span {display:none;}

.header_addr {position:absolute; top:0px; left:0px; z-index:1005; padding-top:5px; margin:-5px 15px 0 15px; font-size:1.01em; letter-spacing:0.25em; text-transform:uppercase; color:#cbcbcb;}
.header_addr a {color:#cbcbcb; text-decoration: none}
.header_addr a:hover {color:#796c54;}

.sns_01 a {background:url("i/icon/rss.png") 0 -1px no-repeat; padding:12px 12px; -o-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.sns_01 a:hover {background:url("i/icon/rss.png") 0 -27px no-repeat;}
.sns_02 a {background:url("i/icon/facebook.png") 0 -1px no-repeat; padding:12px 12px; -o-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.sns_02 a:hover {background:url("i/icon/facebook.png") 0 -27px no-repeat;}
.sns_03 a {background:url("i/icon/twitter.png") 0 -1px no-repeat; padding:12px 12px; -o-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.sns_03 a:hover {background:url("i/icon/twitter.png") 0 -27px no-repeat;}
.sns_04 a {background:url("i/icon/ev.png") 0 -1px no-repeat; padding:12px 12px; -o-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.sns_04 a:hover {background:url("i/icon/ev.png") 0 -27px no-repeat;}
.sns_05 a {background:url("i/icon/contact1.png") 0 -1px no-repeat; padding:12px 12px; -o-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.sns_05 a:hover {background:url("i/icon/contact1.png") 0 -27px no-repeat;}

/*** Navigation ***/

.nav {vertical-align: baseline; float: left; margin:0 0 15px 15px; position: relative; z-index: 2000; }/***   ***/
.nav li {width: 144px; float: left; padding: 0 0 18px 1px;  margin-right: 15px; background: url("i/post_list2.gif") -14px 47px no-repeat;}/*** ***/
.nav li.current a {color: #ff5400; background: url("i/post_list2.gif") -14px 41px no-repeat;}
.nav a {color: #b0b0b0; font-size: 12px; font-weight: bold; text-decoration: none; text-transform:uppercase; padding-top: 20px; display: block; width: 145px;}
.nav a:hover, .nav li.current a:hover, .jsddm_hover a {color: #796c54; }
li.parent a {background: url("i/folder.gif") 138px 27px no-repeat;}
li.parent a:hover, li.jsddm_hover a {background: url("i/folder_active.gif") 100% 27px no-repeat;}
ul.sub-menu {position: absolute; visibility: hidden; z-index: 100; width: 135px; background:url("i/80rd.png") 0 0 repeat; margin-top: 11px; margin-left:-1px; padding: 10px 5px;}
ul.sub-menu li {margin-left: 0; margin-bottom:3px; height: auto; padding: 0 !important; border: none; float: none; background: none; width: 125px;}
ul.sub-menu li a {background: none !important; font-size: 11px; padding: 0; color: #666666; width: 125px;}
.sub-menu li a:hover {color: #796c54; }

/*** Content ***/

.middle {padding: 0 15px 0 0; position:relative;}
.container {padding-bottom: 70px;}
.content {width: 785px; float: left; text-align:left; margin-left: 15px; } 

#show {width: 785px; overflow: hidden; margin-bottom: 10px;}
#show img {cursor: pointer;}
#show_nav a {font-size: 11px; color: #6f6f6f; text-decoration: none; margin-right: 10px;}
#show_nav a:hover, #show_nav .activeSlide {color: #796c54;}

.post_front {width: 460px; float: left; margin: 0 0 30px 15px;  font-size:1.05em; color:#666666; line-height:1.35em;}
#front .thumb {display: block; width: 143px; height: 143px; margin-right:10px; margin-bottom: 5px; position: relative; color: #cccccc; border:#e4e3e2 1px solid; float:left;}
#front .thumb img {display: block;}
#front .thumb span {display: block; width: 145px; height: 145px; position: absolute; top: 0; left: 0; background: #ff8d60;}
#front .thumb + p {float:left; width:300px;}
.post_front h2 {font-size: 11px; font-weight: bold;}
.post_front h2 a {color: #666666; text-decoration: none;}
.post_front a {color: #796c54; text-decoration: none;}
.post_front h2 a:hover {color: #796c54;}
.post_front a:hover {color: #666666;}

.post_home {width: 145px; float: left; margin: 0 0 30px 15px;}
.thumb {display: block; width: 143px; height: 143px; margin-bottom: 5px; position: relative; color: #cccccc; border:#e4e3e2 1px solid;}
.thumb img {display: block;}
.thumb span {display: block; width: 145px; height: 145px; position: absolute; top: 0; left: 0; background: #ff8d60;}
.post_home h2 {font-size: 11px; font-weight: bold;}
.post_home h2 a {color: #666666; text-decoration: none;}
.post_home h2 a:hover {color: #796c54;}

.recent h3 {font-size: 16px; font-weight: bold; color: #888888; margin: 0 0 15px 15px; padding-bottom: 10px; border-bottom: 1px solid #b6b6b6;}

.page_meta {height: 100px; margin-bottom:15px;}
.page_meta a {color: #666666; text-decoration: none;}
.page_meta a:hover {color: #9d7537;}
.rss, .tags {width: 145px; height: 100px; float: left; margin-left: 15px; font-size: 11px; font-weight: bold; line-height: 85px; color: #666666; border-bottom: 1px solid #b6b6b6;}
.heading {width: 625px; height: 100px; float: left; margin-left: 15px; font-size: 31px; font-weight: bold; line-height: 85px; color: #888888; border-bottom: 1px solid #b6b6b6;}
.heading a { color: #cccccc; }
.subscription {width:300px; height: 100px; float: left; margin-left: 15px; font-size: 11px; line-height: 20px; color: #666666; border-bottom: 1px solid #b6b6b6;}
.subscription_main { width:700px; font-size: 11px; color: #666666; padding:0px; margin:-55px 0px 60px 0px;}
/*.heading_exhibition {width: 625px; height: 100px; float: left; margin-left: 15px; font-size: 31px; font-weight: bold; line-height: 85px; color: #888888; border-bottom: 1px solid #b6b6b6;}
.heading_exhibition a { color: #cccccc; } */
.tags {position: relative;}
.tags a {background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}
.tags a:hover {background: url("i/tags.gif") 100% 50% no-repeat;}
.taglist {margin-top: 16px; background: #fff; position: absolute; left: -15px; width: 145px; padding: 15px 0 15px 15px; visibility: hidden;}
.taglist li {line-height: 1.5;}
.taglist li a {color: #888888 !important; background: none !important; font-weight: normal; display: block;}
.taglist li a:hover {color: #9d7537 !important;}
.tags .jsddm_hover a {color: #9d7537; background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}

.post_list, .post_single {padding: 30px 0 45px; background: url("i/post_list.gif") 0 100% no-repeat;}
.post_single {background: none;}
.post_list a, .post_single a {color: #9d7537; text-decoration: none;}
.post_list a:hover, .post_single a:hover {text-decoration: underline;}
.post_list h2, .post_single h2, .page h2 {font-size: 26px; color: #796c54; font-weight: bold; margin-bottom: 15px; padding-left: 175px;}
.page {padding-top: 15px; padding-bottom:120px;}
.page h2 {padding-left: 0;}
.post_list h2 a, .post_single h2 a, .page h2 a {color: #796c54; text-decoration: none;}
.post_list h2 a:hover, .post_single h2 a:hover, .page h2 a:hover {color: #9d7537; text-decoration: none;}
.post_list_meta, .post_single_meta {width: 145px; margin-left: 15px; float: left;}
.post_list_meta p, .post_single_meta p, .post_share {color: #666666; font-size: 11px; margin-bottom: 11px; line-height: 1.7;}
.post_date {margin-bottom: 0 !important;}
.post_share {line-height: normal; float:left;}
.sharelist {display: none; margin-top: 11px;}
.sharelist li {margin-bottom: 3px;}

.post_content {width: 785px; margin-left: 15px; margin-bottom:70px; float: left; font-size: 1.1em; line-height: 1.5;}
.post_content2 {width: 785px; margin-left: 0px; margin-bottom:70px; float: left; font-size: 1.1em; line-height: 1.5;}
.more {margin-bottom: 0; font-weight: bold; text-transform:uppercase; font-size:0.85em; color:#cccccc;}
.more a {margin-bottom: 0; font-weight: bold; text-transform:uppercase; font-size:0.85em; color:#cccccc;}

.post-meta li { font-size:1.05em; color:#666666; line-height:1.35em; margin-bottom:5px;}
.post-meta-key { font-weight: bold; display:block; }

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6, .post_content2 h1, .post_content2 h2, .post_content2 h3, .post_content2 h4, .post_content2 h5, .post_content2 h6
{color: #505050; margin: 15px 0; font-weight: normal;}
.post_content h1, .post_content h2, .post_content2 h1, .post_content2 h2 {font-size: 26px;}
.post_content h3, .post_content2 h3 {font-size: 24px;}
.post_content h4, .post_content2 h4 {font-size: 22px;}
.post_content h5, .post_content2 h5 {font-size: 20px;}
.post_content h6, .post_content2 h6 {font-size: 18px;}

.post_content p {color: #777777; font-size: 1.15em; line-height: 1.4em; margin-bottom: 15px;}
.post_content2 p {color: #777777; font-size: 1.20em; line-height: 1.3em; margin-bottom: 15px;}
.post_content a, .post_content2 a {color: #444444;}
.post_content a:hover, .post_content2 a:hover {text-decoration: none; color:#9d7537;}
.post_content ul, .post_content ol, .post_content2 ul, .post_content2 ol {margin-bottom: 12px; padding-left: 40px;}
.post_content li, .post_content2 li {color: #666666; font-size: 1.15em; line-height: 1.5;}
.post_content ul li, .post_content2 ul li {list-style: circle;}
.post_content ol li, .post_content2 ol li {list-style: decimal;}
.post_content blockquote, .post_content2 blockquote {color: #666666; font: italic 16px Georgia, Geneva, "Times New Roman", times; padding-left: 70px; margin: 15px 0;}
.post_content blockquote p, .post_content2 blockquote p {color: #666666; font: italic 16px Georgia, Geneva, "Times New Roman", times;}

/*** Images ***/

.post_content img { margin: 0; height: auto; max-width: 785px; width: auto; }
.post_content .attachment img { max-width: 785px; }
.post_content .alignleft, .post_content img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 4px; }
.post_content .alignright, .post_content img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 4px; }
.post_content .aligncenter, .post_content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter { margin-bottom: 12px; }
.post_content .wp-caption { background: #414141; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; }
.post_content .wp-caption img { margin: 5px 5px 0; }
.post_content .wp-caption p.wp-caption-text { color: #444444; font-size: 12px; margin: 5px; }
.post_content .wp-smiley { margin: 0; }
.post_content .gallery { margin: 0 auto 18px; }
.post_content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.post_content .gallery img {  }
.post_content .gallery .gallery-caption { color: #444444; font-size: 12px; margin: 0 0 15px; }
.post_content .gallery dl { margin: 0; }
.post_content .gallery img {  }
.post_content .gallery br+br { display: none; }
.post_content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; }

/*** Pagination ***/

.pagination {padding: 25px 0 25px 15px;}
.pagination_ctrl {height: 30px; width: 145px; float: left; background: url("i/pagination_ctrl.gif") 50% 50% no-repeat; position: relative;}
.nextpostslink, .previouspostslink {display: block; width: 63px; height: 30px; position: absolute;}
.nextpostslink {background: url("i/pagination_arr.gif") 100% 10px no-repeat; right: 7px;}
.previouspostslink {background: url("i/pagination_arr.gif") 0 10px no-repeat; left: 7px;}
.nextpostslink:hover {background-position: 100% -39px;}
.previouspostslink:hover {background-position: 0 -39px;}
.pagination_pages {height: 30px; line-height: 30px; float: right; margin-left: 15px;}
.pagination_pages a, .pagination_pages span {margin: 0 6px; padding: 5px; color: #9d7537; text-decoration: none; font-size: 11px;}
.pagination_pages a:hover {text-decoration: underline;}
.pagination_pages .current {color: #333333;}

/*** Comments ***/

.comments_heading {padding-bottom: 10px;}
.add_comment {width: 145px; height: 25px; float: left; margin-left: 15px; font-size: 14px; border-bottom: 1px solid #b6b6b6;}
.add_comment a {color: #9d7537; text-decoration: none;}
.add_comment a:hover {text-decoration: underline;}
.comment_qty {width: 785px; height: 25px; margin-left: 15px; float: left; border-bottom: 1px solid #b6b6b6; color: #666666; font-size: 15px;}
.nopassword {color: #666666; font-size: 14px; padding-left: 15px;}

.comment_item {padding: 15px 0; background: url("i/post_list.gif") 0 100% no-repeat;}
.comment_meta {float: left; width: 145px; margin-left: 15px; color: #666666; font-size: 11px; line-height: 1.7;}
.comment_meta a {color: #9d7537; text-decoration: none; font-style: normal;}
.comment_meta a:hover {text-decoration: underline;}
.comment_text {width: 785px; margin-left: 15px; float: left; color: #666666; font-size: 12px; line-height: 1.5;}

#respond {margin-top: 30px;}
.respond_meta {float: left; width: 145px; margin-left: 15px; color: #666666; font-size: 12px; font-weight: bold;}
.comment_form {padding-bottom: 60px; width: 785px; float: left; margin-left: 15px;}
.comment_fields {margin-bottom: 25px;}
#author, #email, #url {width: 212px; float: left; margin: 0 10px 0 0; padding: 5px; color: #666666; font-size: 12px; border: none; border: 1px solid #e0e0e0; background: none; padding-bottom: 8px; overflow: hidden;}
#url {width: 305px; margin: 0;}
.comment_form textarea {width: 773px; height: 125px; overflow: auto; border: none; border: 1px solid #e0e0e0; background: none; color: #666666; font: 12px Helvetica, Arial, sans-serif; margin-bottom: 15px;}
.comment_submit {text-align: right;}
#submit {width: 170px; height: 40px; padding: 0 15px; background: #cccccc url("i/comment_submit.gif") 146px 17px no-repeat; border: none; text-align: left; color: #ff5400 font: 12px Helvetica, Arial, sans-serif; cursor: pointer;}
#submit:hover {background: #9d7537 url("i/comment_submit.gif") 146px -26px no-repeat; color: #b6b6b6;}
.comment_message {color: #ff5400 font-size: 12px; margin-bottom: 12px;}
.comment_message a {color: #9d7537; text-decoration: none;}
.comment_message a:hover {text-decoration: underline;}

/*** Left column ***/

.l_col {width: 145px; float: right;}

.l_col .post_portfolio h2 {color: #6f6f6f; font-size: 14px; font-weight: bold; margin-bottom:20px;}
.post_divider {font-size: 11px; color: #6f6f6f;}
.l_col .post_portfolio p {color: #6f6f6f; line-height: 1.3; margin-bottom: 15px; font-size: 11px;}
.l_col .post_portfolio a {color: #9d7537; text-decoration: none;}
.l_col .post_portfolio a:hover {text-decoration: underline;}

/*** Footer ***/

.footer {width: 975px; position: relative; margin:auto; padding-left: 30px; }
.footer_inn {margin: 0 15px 0 15px; border-top: 1px solid #bcbcbc; height: 30px; padding-top: 23px;  background: url("i/logo_t.jpg") right -15px no-repeat;}
.footer_inn p {font-size: 11px; line-height:1.3em; color: #999999; margin-top:2px;}
.footer_inn a {color: #888888; text-decoration: none;}
.footer_inn a:hover {color: #9d7537;}


/*****mm form****/
.form_table input, .form_table textarea {margin:0 0 8px 5px;}
.form_table input[type=text], .form_table textarea{ width:80%;}
.cont-captcha input[type=text] {width:70%;}