/*

Theme Name: Herrin Design

Theme URI: http://herrindesign.com

Description: Portfolio theme for WordPress.

Author: Shawn Herrin

Author URI: http://herrin-design.com/

Tags: dark, two-columns, fixed-width

Version: 0.1



	Based HEAVILY on Creative by Nature v0.1 - http://cssmayo.com/

	

*/

/* RESET CSS */

body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}

h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;font-size:100%;font-weight:normal;font-style: normal; font-family:Helvetica,"Helvetica Neue",Arial,sans-serif}

table{font-size:inherit;font:100%;}

ul{list-style:none;}

img{border:0;}

p{margin:1em 0;}

/* END RESET */



* { padding:0; margin:0; outline:0; }



body {

	font-family: Verdana, Arial, sans-serif;

	font-size:12px;

	line-height:20px;

	color:#fff;

	background:#253037 url(images/body.jpg) repeat center 0;

}



p {



}

strong {
	font-weight: bolder;	
}

.left { float:left; display:inline; }

.right { float:right; display:inline; }



input, textarea, select { font-size:12px; font-family: Verdana, Arial, sans-serif; border:solid 1px #222; background:url(images/box-c.png); color:#c0c17e;}

input, textarea { padding:6px 5px; }

textarea { overflow:auto; }



a img { border:0; }

.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }

a { color:#4B311C; text-decoration: underline; cursor:pointer; }

a:hover { background:none; color:#000; text-decoration: none;}



#shell { width:970px; margin:0 auto; }



#bg { background:url(images/bg.jpg) no-repeat 0 0; min-height:560px; position:relative; width:970px; padding:0 95px 0 118px; margin:0 -95px 0 -118px; }

#whatever { min-height:900px; position:relative; width:970px; padding:0 95px 25px 135px; margin:-25px -95px 0 -135px; }

#bg-middle { background:url(images/bg-middle.png) repeat-y 0 0; min-height:900px; position:relative; width:970px; padding:0 95px 25px 135px; margin:-25px -95px 0 -135px; }

#bg-divider { background:url(images/bg-divider.png) repeat-y 0 0; min-height:900px; position:relative; width:970px; padding:0 95px 0 135px; margin:-25px -95px 0 -135px; }

#bg-bottom { min-height:70px; position:relative; width:970px; padding:0 95px 0 118px; margin:0 -95px 0 -118px;}

#bg-top { 

	background:url(images/bg-top.png) no-repeat 0 0; 

	min-height:70px; 

	position:relative; 

	width:970px; 

	padding:0 95px 0 135px; 

	margin:0 -95px 0 -135px; 

	_display: none;

	_visibility: hidden;

	}





#header{ position:relative; z-index:2;margin-bottom:-25px;}

#headerimg{ color:#564d45; padding:0 0 0 70px; }

#headerimg h1{ font-size:36px; line-height:36px; font-family: Georgia, serif; font-style: italic; padding-bottom:7px;}

#headerimg h1 a{ color:#564d45; text-decoration: none; }

#headerimg h1 a:hover{ background:#564d45; color:#fff; }



#navigation { 



}

#navigation ul{ list-style-type: none;  }

#navigation li{ display:inline; float:left; margin-right:0px; }

#navigation a { text-transform: capitalize; color:#957541; font-size:1.25em; margin-right:3px; text-decoration: none; }

#navigation a,

#navigation a span{ float:left; display:inline; white-space:nowrap; padding:0 0 0 15px; }

#navigation a span{ padding:5px 15px 0 0;}

#navigation a { }



#navigation a.active { color:#8f3714;  font-weight: bolder;}

#navigation a:hover{ color:#8f3714;background: transparent url(images/menuhighlight.png) no-repeat bottom center;  }

#navigation a.active span, #navigation a:hover span{ }



.menu-border-right {

	background: transparent url(images/menudivider.png) no-repeat bottom right;	

}



#main { }



.box { 



background-color: #422c19;

margin-top:22px;

/*opacity:0.5;*/

position:relative;

width:100%;

padding: 20px 0 20px 0;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;



}



.box-square { 



background-color: #f8f8f8;



/*opacity:0.5;*/

position:relative;

width:100%;

padding: 20px 0 20px 0;





}



.box-container {

	background: #f8f8f8;

	border-top: 5px solid #E1CBA6;

	padding: 0 0 0 10px;

}



.dark-grad {

	background: #212121 url(images/tile-dark.jpg) repeat-x bottom left;



}



.dark-grad-light-top {

	border-top:5px solid #E1CBA6;

	border-bottom:5px solid #C19E66;	

}



.dark-grad-dark-top {

	border-bottom:5px solid #E1CBA6;

	border-top:5px solid #C19E66;	

}



.box-small-contents {

	float: left;

	width: 33%;

	margin: 10px 0 10px 0;

	padding: 10px;

	text-align: center;

	padding: 10px 0 25px 0;

	

}



.box-small-contents-inner {

	height: 310px;

	_height: 310px;

	overflow: hidden;

	

}



.picture-frame {

	text-align: center;

	margin: 10px 10px 25px 10px;

	padding: 5px;

	background-color: #fff;

	border: 1px solid #ccc;

}



.box-small-contents h3 {

	color: #e1cba6;

	margin: 5px;

	font-weight: bolder;

 

}



.box-small-contents h4 {

	color: #fafafa;

	font-style: italic;

}



.box-small-contents p {

	color: #c0c0c0;

	text-align: left;

	padding: 10px;

}



.box-small-contents img {

	

	padding: 5px;

	background-color: #fff;

	border: 1px solid #ccc;	

}





.box-grad-bg {

background: #c19e66 url(images/tile-intro.jpg) repeat-x scroll top left;	

color: #291B10;

}

.box-t, .box-b { font-size:0; line-height:0; height:9px; }

.box-t {  width:100%;}

.box-b {  width:100%; }

.box-c {  width:100%; }

.box-cnt { padding: 0 20px 20px 20px; }

h1 { color:#e5ceac; font-size: 3em; font-family:Helvetica,"Helvetica Neue",Arial,sans-serif; padding:10px 0 10px 0px; line-height:23px; font-weight: normal;}

h2 { color:#e5ceac; font-size: 3em; font-family:"YanoneKaffeesatzBold", Helvetica,"Helvetica Neue",Arial,sans-serif; padding:10px 0 20px 0px; line-height:23px; font-weight: normal;}



.welcome h2,

h2.nobg { background:transparent; padding-left:0; color:#fff; }



.side-left { 

	float:left;

	padding:0 20px 0 0;

	width:570px;

}

.side-right { float:left; width:286px; margin: 0 0 0 40px; }

.side-eq{ float:left; display:inline; width:270px; }

.side-center{

margin:0 25px 0 0;

padding:0 20px;}



.right-border-browns {

	background: transparent url(images/border.jpg) repeat-y scroll top right; 	

}



.right-border-greys {

	background: transparent url(images/border-greys.jpg) repeat-y scroll top right; 	

}



.right-border-darks {

	background: transparent url(images/border-dark.jpg) repeat-y scroll top right; 	

}



.bottom-border-browns {

	background:transparent url(images/border-hor.png) no-repeat scroll center bottom;	

	margin-bottom:20px;

	padding:0 0 20px;

}



.bottom-border-browns-full {

	background:transparent url(images/border-hor.png) repeat-x scroll center bottom;	

	margin-bottom:20px;

	padding:0 0 20px;

}



.more { padding-top:10px; }

.more a{ color:#fff; text-decoration: none; }

.more a span{ border-bottom:solid 1px #8f3714; margin-right:10px;}

.more a:hover { color:#fff; }

.more a:hover span{ background:#8f3714; }



.post {}



.post h2{ background:transparent; color:#fff; padding:0 0 2px 0; font-family: Tahoma, sans-serif; font-size:16px; font-style: normal;}

.bigtitle { color:#e5ceac; font-size: 3em; padding: 0; font-weight: bold; text-shadow: 0px 2px 3px #fff;}

.smalltitle { color:#c19e66; font-size: 1em; padding: 0; font-weight: bold; }

.midtitle { color:#c19e66; font-size: 2em; padding: 0; font-weight: bold; }

.banner-inner-left {

	display:inline;

	float:left;

	margin:10px 10px 10px 100px;

	text-align:right;

	width:50%;

}



.banner-inner-right {

	float:left;

	margin-top:-30px;

	margin-left:-20px;

}

.post h2.normal { font-family: "YanoneKaffeesatzBold", Tahoma, sans-serif; color:#291B10; font-size: 2.5em; padding:0; line-height:23px; font-weight: normal;}

.post h2 a{ color:#7D593B; text-decoration: none; }

.entry { overflow: hidden }

.entry p img {

	background:#F5F5F5 none repeat scroll 0 0;

	border:1px solid #392515;

	margin:0 10px 10px 0;

	padding:5px;

}

.crestock-img img {

	background:#F5F5F5 none repeat scroll 0 0;

	border:1px solid #392515;

	margin:0 10px 10px 0;

	padding:5px;

}

.crestock-img dl {
	margin: 0 10px 10px 0;	
}

.crestock-img {
	margin: 10px 10px 10px 0 !important;	
}

.wp-caption-dd {
	font-size:0.5em !important;
}

.post .entry p{ margin-top:15px; }

.post .postmeta { padding-top:15px; }



.post .entry h1 { font-size: 20px; font-weight: normal; }

.post .entry h2 { font-size: 18px; color: #C0C17E }

.post .entry h3 { font-size: 16px; color: #291B10 }

.post .entry h4 { font-size: 14px; }

.post .entry h5 { font-size: 12px; }

.post .entry h6 { font-size: 10px; }



.post .entry ul,

.post .entry ol { padding:15px 0 0 30px;}

.post .entry li { padding-bottom:3px;}

.post .entry blockquote { padding-left:45px; background:url(images/quote.gif) no-repeat 5px 22px; min-height: 43px; }



small { color:#555; font-size:10px; display:block; line-height:12px; }

small a:link {color: #4B311C;}

small a:visited {}

small a:hover {color: #fff;}

small a:active {}



.headlines ul{ list-style-type: none; }

.headlines ul li{ padding-bottom:10px; }

.headlines a { color:#fff; text-decoration: none; border-bottom:solid 1px #8f3714;}

.headlines a:hover { background:#8f3714; color:#fff;}



.white { color:#fff; } 



.small-thumbnails { padding-top:5px; font-size:0; line-height:0; }

.small-thumbnails ul { list-style-type: none; margin: 10px 25px; }

.small-thumbnails ul li { display:inline;  }

.small-thumbnails ul li a{ }

.small-thumbnails ul li a img{ background:url(images/small-bg.gif) no-repeat 0 0; width:33px; height:33px; padding:5px; }



#footer { font-size:12px; }

#footer ul { list-style-type: none; }

#footer ul li { display:inline; }

#footer .box-cnt { padding-top:16px; padding-bottom:16px; }

.footer-nav a { color:#fff; text-decoration:none; margin-right:25px; padding: 10px }

.footer-nav a:hover { color:#fff; background:#8f3714; }



#footer .right { font-size:11px; color:#707070; line-height:16px; position:relative; margin-top:-8px; white-space:nowrap; text-align: right;}

#footer .right a { color:#b97a0c; }

#footer .right a:hover { background: #b97a0c; color: #000; }



.leaves { position:absolute; top:299px; left:0; width:290px; height:52px; background:url(images/leaves.png); }

.divider { position:absolute; top:299px; left:0; width:290px; height:52px; background:url(images/bg-divider.jpg); }

.green-leaves { background:transparent url(images/green-leaves.png) repeat scroll 0 0;

height:55px;

position:absolute;

right:-9px;

top:-21px;

width:56px;}



.ornament { background:transparent url(images/ornament.gif) repeat scroll 0 0;

height:77px;

left:260px;

position:absolute;

top:-97px;

width:420px;

z-index: -1;}



.welcome { padding-top:15px;}



/*.portfolio-box { position:relative; width:1033px; margin:25px -31px 10px -32px; }*/



.portfolio-box { 



-moz-border-radius:10px;

-webkit-border-radius: 10px;

margin:25px 0px 10px -13px;

/*opacity:0.5;*/

position:relative;

width:970px;

}







.portfolio-box-bg { height:413px;}

.portfolio-box-cnt { padding:0 20px 40px 5px;}

.portfolio-box-cnt h2{ position:relative; }



.projects {

	/*background: transparent url(images/slide-bg.gif) no-repeat scroll 3px -4px;	*/

}

.projects ul{ list-style-type: none; }

.projects ul li{ float:left; display:inline; width:300px; height:320px; background: transparent; /*border-bottom: 6px solid #b38c4f;*/margin-left:5px; }



.projects ul li .image{ font-size:0; line-height:0; padding:15px 0 0 5px; height:260px; }

.projects ul li .image a { background:transparent !important; }

.projects ul li .image a img{ border:8px solid #B38C4F; width:287px !important; height:227px !important; }

.projects ul li h3 { margin: 25px 0 20px !important; }

.projects ul li h3 a { color:#E1CBA6; text-decoration: none; background:transparent !important; }

.projects .info h3 a { color:#E1CBA6; font-size: 2em; line-height: 1.25em; text-decoration: none; background:transparent !important;}

.projects .info p {color: #f8f8f8;}

.projects ul li h3 a:hover { color:#e4cea9; }

.projects ul li .info{ padding:0 30px; }

.projects ul li .view{ color:#60390b; padding-top:3px; font-size: 15px; line-height:17px; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", sans-serif; background:transparent !important; }

.projects ul li .view:hover { color:#e4cea9; }

.projects .image {

	float: left; 

	margin: 20px;	

}



h3 { font-size:1.75em; color:#000; font-family: "YanoneKaffeesatzBold", Tahoma, sans-serif; font-weight: normal; line-height:22px; margin: 10px 0 20px 0; }



.two-columns { }

.three-columns { }



.posts { padding-top:30px; }

.hidden { display:none;}



#sidebar ul { list-style-type: none;}

#sidebar ul li{ padding-bottom:20px; }

#sidebar ul li ul{ padding-left:35px; }

#sidebar ul li ul ul{ padding-left:15px; }

#sidebar ul li a { color:#fff; text-decoration: none; border-bottom:solid 1px #8f3714;}

#sidebar ul li a:hover { background:#8f3714; color:#fff; }

#sidebar ul li li{ padding-bottom:2px;  }

#sidebar h2 { color:#7D593B; font-size: 1.75em; font-family: "YanoneKaffeesatzBold", "Trebuchet MS", Verdana, sans-serif; background: none !important; padding:10px 0 10px 0px; line-height:23px; font-weight: normal; }

.posts .post { padding-bottom:31px; margin-bottom:30px; }





/*** Hovers ***/

.post h2 a:hover { background:#fff; color:#000; }



.nav { font-size:11px; white-space:nowrap; }

.alignleft { float:left; }

.alignright { float:right; }



.single { padding-left:50px; padding-right:50px; }



#respond { padding-top:31px; margin-top:5px; border-top:dashed 1px #2b2f30; }

#respond p { padding-bottom:10px; }

#respond small { display:inline; }

#respond input,

#respond textarea{ border:solid 1px #222; background:url(images/box-c.png); color:#e4cea9; }

#respond input { width:200px;}

#respond input#submit { cursor:pointer;}

#respond textarea { width:600px; height:170px; }



#respond h3, h3#comments { color:#e4cea9; padding-bottom:15px; }



ol.commentlist { list-style-type: none;}

ol.commentlist li{ padding-bottom:35px; }

ol.commentlist li ul.children { list-style-type: none; margin-left: 15px; padding-left: 15px; margin-top: 15px;}

ol.commentlist li ul.children li {

    padding-bottom: 0;

}

ol.commentlist li p{ padding-top:10px; }

ol.commentlist .commentmetadata{ font-size:11px; }

ol.commentlist img{ float:right; padding:1px; border:solid 1px #333; }



.nobrd { border:0 !important;}





.portfolio ul { list-style-type: none; padding-top:15px;}

.portfolio ul li{ padding-bottom:30px; width:100%;}

.portfolio .image{ float:left; margin-right:15px; }

.portfolio .image a { background:transparent !important; }

.portfolio .image a img{ padding:1px; border:solid 1px #fff; }

.portfolio .image a:hover img{ border-color:#999; }

.portfolio .info {  display:inline; width:390px;  }



.portfolio h3 { font-family: Tahoma,sans-serif; font-size:19px; line-height:22px; color:#7D593B; display: inline; 7D593B}

.portfolio .entry p { padding-top:10px; }

.portfolio h3 a{ text-decoration: none; color:#7D593B;}

.portfolio h3 a:hover{ background:#e4cea9; color:#000;}

.portfolio .long-info { padding-top:20px; }





.screen-reader-text { display:none;}



#searchform input { width:180px; }

#searchform input#searchsubmit { width:80px; }





.light-highlight {

	color: #8f3714;

}



.dark-highlight {

	color: #291B10;

}



.description {

font-size:1.5em;

left:191px;

margin:50px 10px 50px 0;

position:absolute;

top:98px;

}



.hilite-grad-1 {

	color: #e4cea9;

}

.hilite-grad-2 {

	color: #b36648;

}

.hilite-grad-3 {

	color: #7d593b;

	font-size: .75em;

}



.tar {

	text-align: right;	

}



.camo {

	color: #291b10;	

	padding: 0;

	margin: 0 31px 0 0;

	font-size: 1.5em;

	

}



.fr {

	float: right;	

}



.fl {

	float: left;

}



.border-r {

	border-right: 1px dashed;	

}





.top-icon {

	position: absolute;

	top: 71px;

	right: 0;

	_right: 120px;

}





.social {

	

}



.social img {

	float: left;

	margin: 0 10px;

}



.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}



.clearfix {display: inline-block;}  /* for IE/Mac */



.tweets {

	background-image: url(images/herron.png);

	background-position: top left;

	background-repeat: no-repeat;

}











.myMenu {



	width: 700px;

	background-color:transparent;



}



.mbmenu{

  display:none;

}

.rootVoices{

	/*background-color:#f3f3f3;*/

	background: #4b311c url("images/bgnd_sel_4.png") top left repeat-x;

	/*	padding:5px;*/

	padding: 0 10px;

	-moz-border-radius:8px 8px 0 0;

	-webkit-border-top-right-radius:10px;

	-webkit-border-top-left-radius:10px;

}







.rootVoices .rootVoice {

	vertical-align:middle;

	background-color:transparent;

	width:120px;

	font-family:Arial,Helvetica,sans-serif;

	color: #ecd9bb;

	font-weight: bold;

	font-size:12px;

	line-height:33px;

	cursor: pointer;

	

	display: inline; 

	margin: 10px 0 10px 0; 

	border-right: 1px solid #2f1f12; 

	padding-left: 20px; 

	padding-right: 20px;	

/*	-moz-border-radius:8px 8px 0 0;

	-webkit-border-top-right-radius:8px;

	-webkit-border-top-left-radius:8px;*/

}



.rootVoices .rootVoice.selected{

	background: #4b311c url("images/bgnd_sel_5.png");

	padding: 8px 20px; 

	

	

/*	padding:8px;*/

	color:#ffffff;

	cursor: pointer;

/*	font-size:14px;*/

}





.menuShadow{

	padding:2px;

	padding-bottom:0px;

	left:-2px;

	top:1px;

}



/**/



.menuContainer{

	background-color:gray;

	padding:0;

}

.menuContainer .line{

	background-color:transparent;

	width:100%;

}

.menuContainer .line.title {

	background-color:#B23305;

	font-family:Arial,Helvetica,sans-serif;

	font-size:14px;

	border-bottom:1px solid darkred;

}

.menuContainer .line.title a{

	font-size:14px;

}

.menuContainer td a{

	text-decoration:none;

	color: #f3f3f3;

}

.menuContainer td.voice{

	font-family:Arial,Helvetica,sans-serif;

	font-size:12px;

	padding:7px;

}

.menuContainer .separator{

	background-color:#999;

	height:1px;

}

.menuContainer td.img{

	font-family:Arial,Helvetica,sans-serif;

	text-align:center;

	font-size:12px;

	color: #c3c3c3;

	background-color:transparent;

	width:24px;

	padding:5px;

}

.menuContainer td.img img{

	width:20px;

}

.menuContainer .textBox{

	padding: 10px;

	font-family:Arial,Helvetica,sans-serif;

	font-size:12px;

	background:dimgray url("header_bgnd.jpg");

	color: #c3c3c3;

}

.menuContainer .selected td{

	background-color:#f3f3f3;

	background-image:url("images/bgnd_sel_2.jpg")

}

.menuContainer .selected td a{

	color:#000;

}

.menuContainer .disabled td, .menuContainer .disabled td a {

	color: #cccccc;

}

.menuContainer .subMenuOpener{

	background-image:url("images/menuArrow_w.gif");

	background-repeat:no-repeat;

	background-position:right;

}

.menuContainer .selected .subMenuOpener{

	background-image:url("images/menuArrow.gif");

	background-repeat:no-repeat;

	background-position:right;

}



#suckerfishnav {

    background:#7c502d url("images/bgnd_sel_4.png") repeat-x;

	-moz-border-radius:8px 8px 0 0;

	-webkit-border-top-right-radius:10px;

	-webkit-border-top-left-radius:10px;

    font-weight:bold;

    width:75%;

    }

#suckerfishnav, #suckerfishnav ul {

    float:left;

    list-style:none;

    line-height:35px;

    padding:0;



    margin:0;

    width:100%;

    }

#suckerfishnav a {

    display:block;

    color:#dddddd;

    text-decoration:none;

    padding:0px 10px;

    }

#suckerfishnav li {

    float:left;

    padding:0;

    }

#suckerfishnav ul {

    position:absolute;

    left:-999em;

    height:auto;

    width:200px;

    font-weight:normal;

    margin:0;

    line-height:1;

    border:0;

    border-top:1px solid #666666;

    }

#suckerfishnav li li {

    width:198px;

    border-bottom:1px solid #666666;

    border-left:1px solid #666666;

    border-right:1px solid #666666;

    font-weight:bold;

    font-family:verdana,sans-serif;

    }

#suckerfishnav li li a {

    padding:10px 10px;

    width:179px;

    font-size:12px;

    color:#dddddd;

    }

#suckerfishnav li ul ul {

    margin:-21px 0 0 199px;

    }

#suckerfishnav li li:hover {

    background:#8f3714;

    }

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {

    color:#dddddd;

    }

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {

    color:#dddddd;

    }

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {

    color:#dddddd;

    }

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {

    left:-999em;

    }

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {

    left:auto;

    background:#9a7956;

    }

#suckerfishnav li:hover, #suckerfishnav li.sfhover {



	background: #9a7956 url("images/bgnd_sel_5.png") top left repeat-x;

    }



.current_page_item {

	color: #f00 !important;	

}



.header-image {

background-color:#F8F8F8;

	border-bottom:3px solid #E1CBA6;

	border-top:2px solid #C19E66;	

margin:0;

padding:0;



}









/************************************************************/

.large.super.button {

-moz-border-radius:18px;

-webkit-border-radius:18px;

background-position:0 0;

padding:6px 17px 8px;

}



.super.button {

-moz-border-radius:15px;

-webkit-border-radius:15px;

background-image:url(images/gradients/36px-blended.png);

border-color:rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);

border-style:solid;

border-width:1px;

padding:4px 14px 6px;

}



.large.super.button {

-moz-border-radius:8px;

-webkit-border-radius:8px;

background-position:left bottom;

}



.large.button {

font-size:14px;

padding:8px 19px 9px;

}



.super.button {

-moz-border-radius:5px;

-webkit-border-radius:5px;

background-image:url(images/super-button-overlay.png);

border:1px solid rgba(0, 0, 0, 0.25);

font-size:13px;

padding:0;

}



.beige.button {

background-color:#b38c4f;

}



.beige.button:hover {

background-color:#4b311c;



}



.light.button {

background-color:#f5f5f5;

}



.light.button:hover {

background-color:#ccc;



}







.button:hover {

background-color:#111111;

color:#FFFFFF;

}







.button {

-moz-border-radius:5px;

-webkit-border-radius:5px;

-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);

background:#222222 url(images/overlay-button.png) repeat-x scroll 0 0;

border-bottom:1px solid rgba(0, 0, 0, 0.25);

color:#291B10 !important;

cursor:pointer;

display:inline-block;

font-size:13px;

font-weight:bold;

line-height:1;

overflow:visible;

padding:5px 15px 6px;

position:relative;

text-decoration:none;

text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);

width:auto;

}



a {

color:#4B311C;

line-height:inherit;

outline-color:-moz-use-text-color;

outline-style:none;

outline-width:0;

text-decoration:underline;

}



.button:active {

top:1px;

}



/********************************************************/



.main-item {

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;



	padding: 10px;



}



.main-item img {

	

	background: #E1CBA6 url(images/tile-intro.jpg) repeat-x bottom left;

	border: 1px solid #C19E66;

	padding: 10px;

}



.main-item p {



	

}



.main-item h2 {

	color: #291B10;

}



.main-item h3 {

	margin: 0;

}



.main-item-left {

	width: 65%;	

	float: left;

}



.main-item-thumb {

	-moz-border-radius: 0px !important;

	-webkit-border-radius: 0px !important;

	background: #E1CBA6 url(images/tile-intro.jpg) repeat-x top left !important;

	border: 1px solid #C19E66 !important;

	float: left;

	padding: 3px !important;

	margin: 0 10px 50px 10px !important;

}



.main-item-secondary {

	padding: 10px;

}



.main-item-secondary-item {

	float: left;

	width:290px;

}