/*
Theme Name: Broccoli - Clans
Tags: custom-header, theme-options, fixed-width, two-columns, threaded-comments
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
.hide {display:none;}
.clear {clear:both;}

/* TYPOGRAPHY */
html { font-size:100%;}
body {
color:#584F4A; 
background: #161917 url(../../../../images/bk-tartanbig.jpg) repeat fixed 0px 0px; /* x-pos y-pos */
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	/* text-align: center; */ /* for IE */
	margin: 0; padding: 0;
	min-width: 800px;  /* for Mozilla - to prevent div disappearing when browser small */
}

h1,h2,h3,h4,h5,h6 {font-weight:400; color:#584F4A;}
h1 {font-size:3em; line-height:1; margin-bottom:0.5em;}
.logo h1 {margin:0; padding:0;}
h2 {font-size:1.8em; margin-bottom:0.2em;}
h2.slide {padding:0; margin:0;}
h3 {font-size:1.5em; line-height:1; margin-bottom:1em; }
h4 {font-size:1.2em; line-height:1.25; margin-bottom:1em; }
h5 {font-size:1em; font-weight:bold; margin-bottom:1em; }
h6 {font-size:1em; font-weight:bold; margin-bottom:1em;}

.entry span, .entry span.info {padding:0 0 10px 0; font-size:11px; margin:0;}
.entry span.info {display:block;}
img {border:0px none; outline:none!important;}

p {margin:0 0 1.5em; line-height:1.8em;}
p img.left  {float:left; margin:1.5em 1.5em 1.5em 0; padding:0;}
p img.right {float:right; margin:1.5em 0 1.5em 1.5em;}
p.description {background:#626262; margin:5px 0 0 5px; text-align:center; color:#fff; font-style:italic; padding:0 10px;}

a:focus, a:hover  {color:#000; text-decoration:underline;}
a  {color:#923B1D; text-decoration:none;}
a:focus {outline:none!important;}


blockquote  {margin:1.5em; color:#666; font-style:italic; border-left:5px solid #a0a0a0; padding:0 0 0 10px;}
strong {font-weight:bold;}
em,dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}

abbr,acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em; font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0; white-space:pre;}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height:1.5;}

li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0; padding-left:3.333em;}
ul  {list-style-type:disc;}
ol  {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

hr {background:#9F9F9F; height:1px; border:none; color:#9F9F9F; width:100%; margin:0;}
table {margin-bottom:1.4em; width:100%;}
table a {text-decoration:underline;}
th {font-weight:bold; background:#999; color:#fff;}
thead tr th {background:#9f9f9f;}
th, td {border-right:1px solid #ccc;}
td.pad {border:none;}
th, td {padding:4px 10px 4px 5px; text-align:center;}
caption {background:#eee; text-align:center;}
tr.even td {background:#bfbfbf;}
tfoot td{border:none;}
#next {text-align:left; padding:10px 0;}
#prev {text-align:right; padding:10px 0;}

/* FORMS */
label {font-weight:bold; font-size:14px;}
fieldset {padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc;}
legend {font-weight:bold; font-size:1.2em; padding:5px;}
input {background-color:#fff; border:1px solid #bbb; padding:4px;}
input[type=text], input[type=password], textarea, select {background-color:#fff; border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], textarea, select {margin:0.5em 0;}
textarea  {width:390px; height:250px; padding:5px; border:1px solid #bbb; margin:5px 0;}
input[type=radio], input.radio {position:relative; top:0; border:none; background:transparent;}
input[type=checkbox], input.checkbox {position:relative; top:0; background:transparent; border:none;}
input[type=submit], input[type=reset] {border:1px solid #6F6F6F; background:#9f9f9f; color:#fff; margin:0; padding:5px;}
fieldset p, form p{margin:0; padding:0!important;}
/* comments */
#respond {margin:10px 0 0 0;}
input.comsub {border:1px solid #6F6F6F; background:#9f9f9f; color:#fff; margin:0; padding:5px;}
ol.commentlist {list-style:none; margin:10px auto; padding:0; text-indent:0; width:600px;}
ol.commentlist li.comment, ol.commentlist li.pingback  {border-bottom:1px solid #ccc; padding:1em; margin:10px 0;}
ol.commentlist li.comment div.vcard {font:16px; font-weight:bold;} 
ol.commentlist li.comment div.vcard cite.fn {font-style:normal;}
ol.commentlist li.comment div.vcard img.avatar {border:5px solid #ccc; float:right; margin:0 0 1em 1em;}
ol.commentlist li.comment div.comment-meta {font-size:11px; padding:5px 0 10px 0;}
ol.commentlist li.comment div.comment-meta a {color:#7A7879;}
ol.commentlist li.comment p {font-size:12px; margin:0 0 1em;}
ol.commentlist li.comment ul {font-size:12px; list-style:square; margin:0 0 1em 2em;}
ol.commentlist li.comment div.reply {font-size:12px;}
ol.commentlist li.comment div.reply a {font-weight:bold;}
ol.commentlist li.comment ul.children {list-style:none; margin:1em 0 0; text-indent:0;}
ol.commentlist li.comment ul.children li.depth-2 {border-left:5px solid #6f6f6f; margin:0 0 .25em .25em;}
ol.commentlist li.comment ul.children li.depth-3 {border-left:5px solid #999; margin:0 0 .25em .25em;}
ol.commentlist li.comment ul.children li.depth-4 {border-left:5px solid #bbb; margin:0 0 .25em .25em;}
ol.commentlist li.even {background:#D8D8D8; border:1px solid #9f9f9f;}
ol.commentlist li.odd {background:#D8D8D8; border:1px solid #9f9f9f;}
ol.commentlist li.parent {border-left:5px solid #7A7879;}
ol.commentlist li.pingback  {background:#E4E4E4;}

/* LAYOUT */
#container {width:810px; margin:0 auto; ;}
#wrap {width:798px; margin:0 auto;}
#top, #featured, #contentwrap, #footer {width:780px; margin:0; padding:0;}

.br-h {width:100%; height:22px; background:url(images/border-hor.gif) center repeat-x; margin:0; padding:0; clear:both;}
/* TOP */
#top {height:90px; margin:0; padding:0;}
.logo {float:left;}
.logo h1 {padding:10px 0 0 5px; color:#963A21;}
.topmenufull {float:left;  margin:0; padding:0; display:block; width:100%; }
.topmenu {float:right;  margin:35px 0 0 0; padding:0; display:block;}
.topmenu ul, .topmenufull ul {list-style:none;}
.topmenufull ul {margin:0; padding:0;}
.topmenu a, .topmenufull a{text-decoration:none;}

/* FEATURED */
#featured {height:260px; background:#fff url(images/headbg.gif) no-repeat; position:relative; margin:0; padding:0;}
#slideshow {float:left; width:880px; height:200px; margin:30px auto 0 auto; padding:0; background:#fff; overflow:hidden; position:absolute; left:50px;}
#slideshow img {width:350px; height:190px; padding:0; background:#ccc; float:left; margin:0 20px 0 0; border:5px solid #ccc;}
#slideshow p {padding:0; margin:0;}
.navleft a {float:left; width:50px; height:32px; margin:110px 0 0 0; background:url(images/navleft.gif) left no-repeat; display:block; text-indent:-4000px; overflow:hidden; text-decoration:none; padding:0;}
.navright a {float:right; width:50px; height:32px; margin:110px 0 0 0; background:url(images/navright.gif) right no-repeat; display:block; text-indent:-4000px; overflow:hidden; text-decoration:none; padding:0;}

/* CONTENT */
#contentwrap {padding:10px 0 0 0; background:url(images/border-ver.gif) 480px 0px repeat-y;}
#content {float:left; width:440px; margin:10px; overflow:hidden;}
.entry {margin:0 0 15px 0;}
/* .entry img {border:5px solid #e4e4e4;} */
.edit {float:right; padding:0; margin:0;}
.tags {background:#e4e4e4; border:1px solid #9f9f9f; margin:10px 0; font-size:11px; letter-spacing:1px; display:block; padding:7px 15px;}
.postsnav {margin:0 auto; padding:0; width:580px;}
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {display:block; margin-left: auto; margin-right: auto;}

/* SIDEBAR */
#sidebar {float:right; width:280px; padding:0 0 0 0; margin:0 10px 10px 0;}
.feed {margin-left:3px; padding:0 0 0 20px; background:url(images/feed.gif) no-repeat 0 50%;}
.widget {margin:0 0 20px 0;}
.widget ul{list-style:none; padding:0 10px 10px 10px; margin:0;}
.widget ul li {padding:10px 0 5px 20px; background:url(images/bullet.gif) .5em 1.2em no-repeat;}
.widget ul li a {text-decoration:none;}
.widget ul li a:hover {text-decoration:underline;}
.widget ul li ul li {border:none; padding:0 0 0 10px; background:url(images/bullet.gif) 0 .5em no-repeat;}
.widget ul li ul li a {font-size:12px; color:#5A4F49;}
.widget ul li ul li ul li {border:none; padding:0 0 0 10px; background:url(images/bullet.gif) 0 .5em no-repeat;}
.widget ul li ul li ul li a {font-size:11px; color:#6F6F6F;}
/* search widget */
.screen-reader-text {display:none;}
#searchsubmit {border:1px solid #6F6F6F; background:#9f9f9f; color:#fff; margin:0; padding:3px; position:relative; margin:0;}
#searchform input#s {width:210px; position:relative; border:1px solid #6F6F6F; padding:4px; margin:0;}
/* tagcloud widget */
ul.wp-tag-cloud {margin:0; padding:10px; list-style:none; }
ul.wp-tag-cloud li {float:left; margin:0; padding:3px 5px; border:none;}
ul.wp-tag-cloud li a {color:#fff; background:#A5A5A5; text-decoration: none; padding:5px 10px; display:block;}
ul.wp-tag-cloud li a:hover {color:#FFF; background:#6F6F6F; text-decoration: none; padding:5px 10px;}

/* Use !important to override PageNavi CSS */
.wp-pagenavi {margin:0 0 5px 0; text-align:center;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {color:#584F4A!important; background:#E4E4E4!important;}
.wp-pagenavi a:hover {background:#E4E4E4!important; font-weight:normal!important; border:1px solid #923B1D!important;}
.wp-pagenavi span.current {background:#E4E4E4!important; font-weight:normal!important; border:1px solid #584F4A!important;}
.wp-pagenavi span.pages {background:#E4E4E4!important;}
.wp-pagenavi span.current {background:#E4E4E4!important;}
.wp-pagenavi span.extend {background:#E4E4E4!important;}

/* *** Header *** */

#header {
	background-image:url(../../../../images/banner-clansmen3.jpg); 
	color:#ffffff;
	margin: 0 auto;   /* align for good browsers */
	/* padding-top: 20px; */
	/* padding-bottom: 40px; */
	text-align: left; /* counter the body center */
	width:798px; height: 265px;
}


/* *** Menu *** */

#menu {
	display: block;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width:798px;
	clear: both;
}
#nav ul{
	display: block;
	margin: 0px; padding: 0px;
}
#nav ul li{
	float: left;
	list-style-type: none;
	text-align: center;
}
#nav ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #44536d;
	width: 133px;
	padding: 10px 0px;
}
#nav ul li a:hover{
	background: #f1e8d3 url(../../../../images/bk-parchmentmid.jpg) repeat fixed top left;
	text-decoration: none;
	color: #000;
}
#nav li .hilite {	
	background: #f1e8d3 url(../../../../images/bk-parchmentlight.jpg) repeat fixed top left;
	text-decoration: none;
	color: #000;
}
#nav li a:active {
	background: #f1e8d3 url(../../../../images/bk-parchmentmid.jpg) repeat fixed top left;
	text-decoration: none;
	color: #000;
}

/* *** Middle *** */

#wrapper {
	color:#ffffff;
	margin: 0 auto;   /* align for good browsers */
	padding: 0px; 
	text-align: left; /* counter the body center */
	width:798px;
	clear: both;
}

#wrappermiddle {
	background: #f1e8d3 url(../../../../images/bk-parchmentlight.jpg) repeat fixed top left;
	color:#333;
	/* filter: alpha(opacity=85);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity: 0.85; opacity:0.85;*/
	margin: 0px;
	padding: 5px 20px 20px 20px;
}

#wrappervideo {
	background: #000;
	color:#333;
	/* filter: alpha(opacity=85);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity: 0.85; opacity:0.85;*/
	margin: 0px;
	padding: 30px 20px 20px 20px;
}


/* *** Footer *** */

.bottompanel {
margin: 0 auto;   /* align for good browsers */
text-align: center; /* counter the body center */
background: #f1e8d3 url(../images/bk-parchmentmid.jpg) repeat fixed top left;
padding: 10px;
}
.bottomicons {
display: block;
margin: 0 auto;   /* align for good browsers */
text-align: center;
width: 550px;
height: 58px;
padding: 0;
}

.socialicon {
color: #ccc;
width: 150px;
margin: 20px 0px 0 30px;
padding:0;
float: left;
}


#footer {
	color:#fff;
	clear: both;
	font-size: 11px;
	margin: 0px auto 0px auto;
	width:798px; height: 43px;
}

/* left footer */
#footerleft{
	text-align: left;
	float: left;
	padding-top: 11px;
	padding-left: 17px;	
}
/* center footer */
#footercenter{
	text-align: center;
	float: left;
	padding-top: 11px;
	padding-left: 120px;
	padding-right: 17px;
}
/* right footer */
#footerright{
	text-align: right;
	float: right;
	padding-top: 11px;
	padding-right: 12px;
}

a.designer:link, a.designer:visited{
	color: #3f3;	text-decoration: none;
}
a.designer:hover {
	color: #3f3;	text-decoration: underline;
}
a.copyright, a.copyright:link, a.copyright:visited{
	color: #39f;	text-decoration: none;
}
a.copyright:hover {
	color: #39f;	text-decoration: underline;
}

.bottomtext {
text-align: center;
color: #000;
background: #f1e8d3 url(../../../../images/bk-parchmentmid.jpg) repeat fixed top left;
padding: 10px;
}

/* *** Image alignment *** */

.imageleft{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #666;
	font-size: 11px;
}
.imageright{
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #666;
	font-size: 11px;
}
.boxleft{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #666;
}
.boxright{
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #666;
}
.dvdboxright{
	float: right;
	margin: 10px 10px 10px 10px;
	text-align:center;
	font-size: 11px;
	line-height: 13px;
	color: #666;
}
.dvdboxleft{
	float: left;
	margin: 10px 10px 10px 10px;
	text-align:center;
	font-size: 11px;
	line-height: 13px;
	color: #666;
}

.fb-like { margin: 0 0 10px 0; }