/*

Theme Name: Buttlers	
Theme URI: http://Creamy.co.uk
Description: Buttlers Hong Kong Theme
Version: 1.0.0
Author: Calvin Stewart
Author URI: http://www.Creamy.co.uk
Tags: dark,regal,prestige

// Using the Carrington Wordpress Framework
// http://carringtontheme.com
//
// Copyright (c) 2009 Creamy Publishing.
//
// Released under the GPL license
// http://www.opensource.org/licenses/gpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************

*/

.alignleft {
float:left;
margin-right:1em;
margin-bottom:1em;
}

.alignright {
float:right;
margin-left:1em;
margin-bottom:1em;
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:1px solid #666;
text-align:center;
background:url(images/comment-bg.png);
padding-top:4px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
color:#fff;
}

html {
height:100%;
background:url(images/bg-tile.jpg) 50% 0 repeat-y #0b0907;
}

body {
color:#847c71;
font-size:12px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
background:url(images/bg.jpg) 50% 0 no-repeat;
margin:0;
padding:0;
}

a,a:link,a:active,a:visited {
color:#fff;
}

#sidebar ul {
list-style-type:none;
margin:0;
padding:0 0 20px 0;
}

#sidebar ul li {
background-image:url(images/bullet.png);
background-repeat:no-repeat;
background-position:0 7px;
margin: 0;
padding:4px 0 4px 25px;
}

#wrapper {
width:1060px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding:0 40px 40px 40px;
}

#sidebar {
float:right;
width:230px;
padding:0 20px 0 0;
margin:0;
font-size:11px;
}

#sidebar li a {
color:#fff;
}
a:hover,#sidebar li a:hover,#sidebar a {
color:#cabc94;
}
#primary-sidebar{
float:right;
width:170px;
padding:0;
padding:0 0 0 20px;
}
#secondary-sidebar{
padding:0 20px 0 20px;
height:100%;
overflow:hidden;
}

blockquote {
background:url(images/comment-bg.png);
margin:35px;
padding:35px;
}
#page {
width:720px;
float:left;
display:inline;
margin:0;
padding:0 20px 0 20px;
}
#page p a, a {
color:#987c50;
text-decoration:none;
}

#footer {
clear:both;
background:url(images/footer.jpg) no-repeat 50% 0;
font-size:11px;
overflow:hidden;
margin:10px 0 0;
padding:50px 0 5px;
font-weight:normal;
}
#inner-footer{
	width:1060px;
	margin:auto;
}
#footer a{
color:#987c50;
}
h1 {
padding-bottom:20px;
border-bottom:1px solid #3f372e;
font-size:36px;
}
#sidebar h4{
	border-bottom:1px solid #3f372e;
}
h4 {
font-size:28px;
}
h2 a:hover, h1 a:hover {
color:#ccc;
}
.rss {
background:url(images/rss.png) no-repeat 100% 50%;
color:#fff;
position:absolute;
top:113px;
left:50%;
margin:0 0 0 470px;
padding:3px 25px 0 0;
font-size:11px;
}
.rss:hover{
color:#ccc;
}

#header {
height:180px;
padding: 10px 0 0 0;
margin:0;
position:relative;
display:block;
}
#header-image{
width:1040px;
height:350px;
border:none;
margin:-3px auto 15px auto;
padding:0;
}
#bar {
position:absolute;
bottom:0;
height:100px;
width:960px;
}

.next {
margin:0 0 0 5px;
}

.previous {
margin:0 5px 0 0;
}

#search-form {
position:absolute;
top:101px;
width:1060px;
}
.searchbtn{
position:absolute;
right:14px;
top:0px;
width:35px;
height:32px;
padding:0;
background:url(images/search-btn.png) no-repeat;
border:none;
text-indent:-9999px;
}
.btn:hover{
width:33px;
height:31px;
padding:0;
background:url(images/search-btn-hover.png) no-repeat;
border:none;
text-indent:-9999px;
cursor:pointer;
}
#s {
position:absolute;
right:55px;
top:7px;
background:none;
color:#635947;
border:none;
width:185px;
margin-right:0 8px 0 0;
}
#container{
padding:0 10px;
margin:0;
}
a img {
border:none;
}
#social{
position:absolute;
right:270px;
top:105px;
height:23px;
margin:0;
padding:0;
}
#social img{
margin:0 2px;
padding:0;
}
#language{
position:absolute;
right:16px;
top:64px;
}
#language img{
margin:0;
padding:0;
}
#nav {
text-align:right;
font-size:12px;
position:absolute;
bottom:-5px;
padding:0 10px 0 20px;
line-height:40px;
margin:0;
display:block;
height:55px;
width:1024px;
overflow:hidden;
font-weight:normal;
}

#nav a {
color:#b2a18e;
padding:10px 18px 10px 10px;
height:33px;
background:url(images/tab-right.png) no-repeat 100% 0;
margin:0;
}
#nav a:hover, #nav li.current_page_item a{
color:#bfb09e;
background:url(images/tab-right-hover.png) no-repeat 100% 0;
}

ul#nav li {
	background:url(images/tab-left.png) no-repeat 0 0;
	height:33px;
list-style:none;
display:inline;
margin:0 -4px 0 0;
padding:10px 0px 8px 8px;
}
ul#nav li:hover, ul#nav li.current_page_item {
	background:url(images/tab-left-hover.png) no-repeat 0 0;
}

#category p {
width:280px;
float:right;
padding:40px;
}

.date {
float:left;
width:74px;
height:80px;
background:url(images/date.png) no-repeat 50% 50%;
text-align:center;
font-size:28px;
color:#fff;
font-weight:bold;
margin:38px 0 0 0;
padding:0;
}
.day{
position:relative;
top:22px;
}

.date small {
position:relative;
top:39px;
margin:0;
padding:0;
font-size:10px;
text-transform:uppercase;
color:#999;
text-shadow:#333 0 -1px 1px;
}

.details {

font-size:11px;
margin-top:5px;
text-decoration:none;
padding:0 0 10px 0;
border-bottom:1px solid #3f372e;
}

.details span {
margin-right:10px;
}
.details span a{
color:#bfb09e;
}

.cat-link {
background:url(images/categories.png) no-repeat 0 50%;
padding-left:15px;
}

.comment-link a {
background:url(images/comments.png) no-repeat 0 50%;
padding-left:15px;
}

.author-link {
background:url(images/author.png) no-repeat 0 50%;
padding-left:15px;
}

.calendar {
background:url(images/calendar.png) no-repeat 0 50%;
padding-left:20px;
font-size:11px;
color:#666;
}

.time {
font-size:11px;
color:#FFF;
}

.comment {
background:url(images/line.png) repeat-x 0 100%;
padding:15px;
}
blockquote{
background:url(images/blockquotes.png) 10px 10px no-repeat;
padding:15px 5px 5px 5px;
margin:0 0 5px 0;
border:1px dashed #555;
color:#666;
}
.next a, .previous a, .edit-link {
font-size:11px;
background:url(images/comment-bg.png);
padding:5px;
border:1px solid #222;
}

.avatar {
float:left;
background:url(images/avatar-bg.png) no-repeat;
border:none;
margin:0;
padding:8px 20px 10px 8px;
}

#comment-box {
background:url(images/comment-bg.png);
overflow:hidden;
padding:5px 10px;
}
input:focus {
border:1px solid #666;
}

img {
border:1px solid #666;
margin:5px;
padding:5px;
}

#top {
position:absolute;
top:-15px;
left:50%;
height:40px;
width:1040px;
margin-left:-540px;
text-align:center;
padding:18px 20px 0 20px;
font-size:10px;
z-index:1;
}
#top a{
color:#fff;
}
#page a:hover,#footer a {
text-decoration:underline;
}
.input {
background:#fff;
border:1px solid #999;
color:#999;
}
ul#follow{
margin:0 0 -25px 0;
padding:0;
background:none;
list-style:none;
}
ul#follow li, ul#follow a{
margin:0;
padding:0;
background:none;
display:inline;
border:none;
}
.cats{
color:#3b8cc9;
}

h1,h2,h3,h4,h5,h6 {
color:#987c50;
padding:10px 0 5px 0;
margin:0 0 10px 0;
border-bottom:1px solid #3f372e;
}
#blog-title {
font-size:36px;
font-weight:normal;
color:#fff;
margin:0;
padding:0;
position:relative;
top:10px;
}
#blog-title a{
	color:#fff;
}
legend{
color:#666;
padding:0 5px;
}
.attachment-full{
max-width:550px;
max-height:550px;
width:auto;
height:auto;
border:1px dashed #333;
background:url(images/comment-bg.png);
}
.attachment-thumbnail{
border:1px dashed #333;
}
.pagination {
padding:20px 0;
}
code {
border:1px dashed #555;
padding:5px 0;
}
#wp-calendar{
margin-top:20px;
}
.text-right{
text-align:right;
}
.cat-item{
	color:#fff;
}
.language_item a img{
	height:20px;
	width:20px;
	float:left;
	padding:0 10px 0 0 !important;
	margin:0 !important;
}
body.hk, body.cn{
	font-size:18px;
}
.ngg-gallery-thumbnail img{
border:1px solid #3f372e !important;
background-color:#191615 !important;
}
form.formBuilderForm{
border:1px solid #2b2726 !important;
font-size:14px;
font-weight:normal ;
background:url(images/form-bg.png) no-repeat;
padding-top:80px !important;
}
form.formBuilderForm input, form.formBuilderForm textarea, form.formBuilderForm select {
border:1px solid #2b2726 !important;
background-color:#191615 !important;
color:#847c71;
background-image:none;
}