/* 
All Best Wedding Theme
Theme: Book Brown
URL: http://www.allbestwedding.com
*/
/* @group 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: baseline; background: transparent}
body {line-height: 1}
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */
/* @group General */
body {font: 13px/1.5 Helvetica, Arial,'Liberation Sans',FreeSans,sans-serif; color: #000; background-color: #b1a194;}
a:focus {outline: 1px dotted invert;}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
h1 {font-size: 18px}
h2 {font-size: 16px}
h3 {font-size: 14px}
h4 {font-size: 13px}
h5 {font-size: 12px}
h6 {font-size: 12px}
ol {list-style: decimal}
ul {list-style: circle;}
li {margin-left: 30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 15px}
a {color: #8d5a2b;}
a:hover {color: #d08200;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
sup {padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important;}
abbr {border: 0;}
blockquote {margin: 1.5em 0; padding: 1em 1em 0; color: #000; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f0f0f0;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
/* @end */
/* @group Header */
#wrapper {width: 980px; margin: 30px auto 10px; background: url(images/body.png) repeat-y;}
#header {text-align: right;padding-right: 15px;}
#header h1 {padding: 15px 0 0; margin: 0; color: #fff;}
#header h2 {font-size: 12px; font-weight: normal; margin: 0; color: #fff; opacity: 0.6;}
/* @end */
/* @group Main Body */
#nav {text-align: right;padding-top: 30px;}
#nav ul {}
#nav li {list-style-type: none; text-transform: uppercase;line-height: 20px; margin-bottom: 5px;}
#nav li a {color: #cdbdad;padding-right: 15px;text-transform}
#nav li a:hover {color: #ead7c4;background: url(images/bullet.png) no-repeat right;}
#nav li a:active {color: #fff;}
#nav li.selected a {font-weight: bold; background: url(images/bullet.png) no-repeat right;}
#mainbody { background: url(images/header.png) no-repeat;padding-top: 30px;}
#sidebar{float: left;width: 260px;padding-left: 20px;}
#content {width: 650px; float: right; padding: 20px 25px 0 0;}
#content h1, #content h2{text-transform: uppercase; margin-bottom: 10px;background-color: #e8d7c4;border: 1px solid #c5b6a6;padding: 5px 10px 3px;color: #543f2c;}
#content h1 a, #content h2 a{color: #543f2c;}
#page{width: 520px;margin: 0 auto;}
.tinymce p img{padding: 3px;background-color: #fff;border: 1px solid #eee;}
#banner{padding: 4px;border: 1px solid #fff;background-color: #fff;margin-bottom: 15px;}
#banner-pic{height: 480px;}
#banner-nav{height: 42px;padding-top: 4px;}
#banner-nav a img{margin-right: 5px;}
#banner-nav a:hover img {}
#banner-nav a:active img {}
#banner-nav a.selected img {}
/* @end */
/* @group Gallery */
.gallery-nav {margin:10px auto; padding: 5px 15px;width: 620px;}
.gallery-nav .info {float: left;}
.gallery-nav .pagination {float: right;}
#gallery-detail {text-align: center;margin-bottom: 10px;}
#gallery-detail img {padding: 4px;}
#nextpic {float: right;text-transform: uppercase;}
#prevpic {float: right; margin-right: 15px;text-transform: uppercase;}
.album {float: left; width: 250px; background: url(images/album.gif) no-repeat center 10px; margin: 15px 35px; height: 190px; overflow: hidden; text-align: center;}
.album .album-pic {height: 165px; margin: 0; padding: 0; overflow: hidden;}
.album .album-pic img {padding: 10px; margin: 0;}
.album h3 {font-size: 9px;opacity: 0.6;}
.album h3 a {font-size: 13px;}
#gallery-title, #comments-title {text-align: center; margin-bottom: 10px;}
.photo {float: left; margin: 10px 11px; height: 155px; overflow: hidden;}
.photo .photo-pic {height: 136px; margin: 0; padding: 0; overflow: hidden;}
.photo .photo-pic img {padding: 6px; margin: 0;}
.photo h3 {font-size: 11px; margin: 0; text-align: center; font-weight: normal;}
/* @end */
/* @group Comments */
.comment-nav {margin: 10px auto; padding: 5px 15px;width: 620px;}
.comment-nav .info {float: left;}
.comment-nav .pagination {float: right;}
.comment {width: 600px; margin: 10px auto;}
.comment .top {}
.comment .bottom {padding: 15px;}
.comment .avatar {float: left; width: 82px;}
.comment .no-avatar {float: left; width: 80px; border: 1px solid #fff; height: 80px; background-image: url(images/no-avatar.png);}
.comment .avatar img {border: 1px solid #fff;}
.comment .picture {float: right; width: 100px; text-align: right;}
.comment .picture img {border: 1px solid #fff;}
.comment .content {width: 360px; margin-left: 95px;}
.comment .content .no {font-size: 10px; float: right;}
.comment h3.author {margin: 0;}
.comment p.date {margin: 0; font-size: 9px; color: #bbb;}
.comment p.post {margin: 0;}
#comment-form {width: 650px; margin: 20px auto;}
#comment-form .top{}
#comment-form .bottom{padding: 20px;}
#comment-form .avatar {float: left; width: 120px; text-align: center;}
#comment-form .avatar .no-avatar {border: 1px solid #fff; background-image: url(images/no-avatar.gif); width: 80px; height: 80px; margin: 0 auto;}
#comment-form .content {float: right; width: 440px;}
#comment-form p {margin-bottom: 0;}
#comment-form input {width: 170px; padding: 2px; margin: 5px 5px 3px 0;}
#comment-form textarea {width: 395px; padding: 2px; height: 200px;}
#comment-form #submit {margin: 5px 0 10px;}
/* @end */
/* @group Guestbook */
#guestbook-form {}
#guestbook-form .top{}
#guestbook-form .bottom{padding: 20px; text-align: left;}
#guestbook-form .avatar {float: left; width: 120px; text-align: center;}
#guestbook-form .avatar .no-avatar {border: 1px solid #fff; background-image: url(images/no-avatar.gif); width: 80px; height: 80px; margin: 0 auto;}
#guestbook-form .content {float: right; width: 440px;}
#guestbook-form p {margin-bottom: 0;}
#guestbook-form input {width: 170px; padding: 2px; margin: 5px 5px 3px 0;}
#guestbook-form textarea {width: 395px; padding: 2px; height: 200px;}
#guestbook-form #submit {margin: 5px 0 10px;}
.guest-nav {margin: 10px auto; padding: 5px 15px;width: 620px;}
.guest-nav .info {float: left;}
.guest-nav .pagination {float: right;}
.guest {width: 600px; margin: 10px auto;}
.guest .top {}
.guest .bottom {padding: 15px;}
.guest .avatar {float: left; width: 82px;}
.guest .no-avatar {float: left; width: 80px; border: 1px solid #fff; height: 80px; background-image: url(images/no-avatar.gif);}
.guest .avatar img {border: 1px solid #fff;}
.guest .picture {float: right; width: 100px; text-align: right;}
.guest .picture img {border: 1px solid #fff;}
.guest .content {width: 360px; margin-left: 95px;}
.guest .content .no {font-size: 10px; float: right;}
.guest h3.author {margin: 0;}
.guest p.date {margin: 0; font-size: 9px; color: #bbb;}
.guest p.post {margin: 0;}
/* @end */
/* @group Footer */
#footer {height: 45px; background: url(images/footer.png) no-repeat; font-size: 10px; color: #fff; text-align: right;padding-right: 715px;}
#footer p {opacity: 0.6;text-transform: uppercase;}
#footer a {color: #fff; font-weight: bold;}
/* @end */
/* @group Color */
.album-bcolor {background-color: #fff;border: 1px solid #b1a194;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.photo-bcolor {background-color: #fff;border: 1px solid #b1a194;}
.detail-bcolor {background-color: #fff;border: 1px solid #fff;}
.nav-bcolor {background-color: #e8d7c4;border: 1px solid #c5b6a6;}
.box-bcolor {background-color: #e8d7c4;border: 1px solid #c5b6a6;-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#banner-nav a img{border: 1px solid #eee;opacity: 0.5;}
#banner-nav a:hover img {border: 1px solid #666;opacity: 0.8}
#banner-nav a:active img {border: 1px solid #333;opacity: 1}
#banner-nav a.selected img {border: 1px solid #ccc;opacity: 1;}
/* @end */