/*  
Theme Name: My Empire
Theme URI: http://www.middlesbroughdesign.co.uk 
Description: Custom theme for Middlesbrough Design
Author: Paul Haley/Richie Paul
Author URI: http://www.dudeonthebeach.com 
Version: 1.0
*/
/*###--Colors--###
#d6bcb1
#ab8574
#784e3d
#3d2216
#26140c
*/
*, html
{
	padding:0;
	margin:0;
}

body
{
	background:url(images/body-bg.png) repeat-x #d6bcb1;
	text-align:center;
font: normal Georgia, "Times New Roman", Times, serif #784e3d;
font-size:18px;
line-height:1.5em;
	margin:0 auto;

}

/*Kwicks Menu*/
#menu
{
	background:url(images/menu-bg.png) repeat-x;
}

.kwicks
{
	text-align:center;
	list-style-type: none;
	list-style-position:outside;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.kwicks li
{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	float: left;
	width: 125px;
	height: 100px;
	margin-right: 0px;
	background-image:url(images/menu.png);
	background-repeat:no-repeat;
}

.kwicks a
{
	display:block;
	height:100px;
	text-indent:-9999px;
	outline:none;
}

#kwick1
{
	background-position:0px 0px;
}

#kwick2
{
	background-position:-200px 0px;
}

#kwick3
{
	background-position:-400px 0px;
}

#kwick4
{
	background-position:-600px 0px;
}

#kwick5
{
	background-position:-800px 0px;
}

#kwick6
{
	background-position:-1000px 0px;
}

#kwick7
{
	background-position:-1200px 0px;
}

#kwick1.active, #kwick1:hover
{
	background-position: 0 bottom;
}

#kwick2.active, #kwick2:hover
{
	background-position: -200px bottom;
}

#kwick3.active, #kwick3:hover
{
	background-position: -400px bottom;
}

#kwick4.active, #kwick4:hover
{
	background-position: -600px bottom;
}

#kwick5.active, #kwick5:hover
{
	background-position: -800px bottom;
}

#kwick6.active, #kwick6:hover
{
	background-position: -1000px bottom;
}

#kwick7.active, #kwick7:hover
{
	background-position: -1200px bottom;
}
/*Slider*/
#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ab8574;
	background:#26140c;
	line-height:normal;
}

.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 350px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background:url(images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #ab8574;
		background:#fff;

}

.inside img {
	display: block;
	border: 1px solid #26140c;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}
.inside p {
	font-size: 11px;
	color: #26140c;
	
}

#slider a {
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

#slider a:hover {
	border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}
/*Layout*/
.clearboth{clear:both}
#wrapper
{
width:1000px;
	height:100%;
	margin:0 auto;
}
#logo{width:1000px;
height:100px;
background:url(images/logo.png);
}
#main{width:1000px;
height:auto;
margin:15px 0;
}
#left{width:750px;
height:auto;
float:left;
background:url(images/post-bg.png) repeat-y;
text-align:left;

}
#right{width:250px;
height:auto;
float:right;
background:#784e3d;
text-align:left;
}

/*sidebar styles*/
.title{width:250px;
height:40px;
background:url(images/title-bg.png) no-repeat;
font-size:24px;
font-weight:bold;
font-style:italic;
text-align:center;
}
.sidebar ul{list-style-type:none;
}
.sidebar li{padding:5px 0 5px 20px;
font-variant:small-caps;
font-weight:700;
background:url(images/li-bg.png) bottom no-repeat;
}
.last{background-image:none;}
.sidebar a{color:#26140c;
text-decoration:none;
}
.sidebar a:hover{color:#ab8574;
}
/*elements*/
h1{margin:10px 15px;
font: normal 3em Georgia, "Times New Roman", Times, serif;
letter-spacing:-1px;
font-style:italic;
font-weight:normal;}
p{
}
h1 a{color:#26140c;
text-decoration:none;
}
h1 a:hover{color:#ab8574;
}
a{color:#900;
text-decoration:none;
}
/*posts*/
.entry{margin:10px 100px 10px 50px;}
.postinfo{margin:5px 0;
padding:0 0 0 15px;
display:block;
background:#d6bcb1;
font-style:italic;
font-weight:700;
}
/*comments*/
.postmetadata{border:2px solid #26140c;
background:#d6bcb1;
padding:10px 15px;
margin:10px 0;
font-variant:small-caps;
font-weight:700;
}
.even{border:2px solid #26140c;
background:#ab8574;
padding:10px 15px;
margin:10px 0;
}
.odd{border:2px solid #26140c;
background:#d6bcb1;
padding:10px 15px;
margin:10px 0;
}
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
	.commentlist .avatar {
		float: right;
		padding: 5px;
		border: 1px solid #ddd;
		margin: 0 20px 10px 10px;
		background: #fff;
		}
		#submit { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:auto; }