/*
 *************************************
 GJCLEVERLEY CSS 
 by Adam Jones | www.adam-makes-websites.com
	
 CSS File - MAIN CSS
  
 Created: 19/11/12
 Updated: 4/2/15
 
 *************************************
*/

html {
	height:100%;
	width:100%;
	
	font-size:100%;
}
body {
	font-family:'Palatino LT W01 Roman','Times New Roman', Times, serif;
	/*letter-spacing:0.06em;*/
	font-size:11px;
	
	/*
	FONT FAMILY REFERENCE
	font-family:'Palatino LT W01 Roman';
	font-family:'Palatino LT W01 Bold';
	font-family:'Trade Gothic W01 Bold';
	font-family:'Palatino LT W01 Italic';
	
	font-family:'Palatino LT W01 Light';
	font-family:'PalatinoLTW01-LightItal';
	font-family:'Palatino LT W01 Medium';
	font-family:'PalatinoLTW01-MediumIta';
	font-family:'TradeGothicW01-BoldCn20 675334';
	*/
	
	color: #000000;
	background-color:#2e0000;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
}
strong {
	/*font-family:'Palatino LT W01 Medium';*/
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
pre {
/* VITAL TO RESOLVE WHEN USING FCKEDITOR DUE TO PREWRAP TAGS IT CAN INSERT */
}
textarea {
	resize: none;
}
form {
	/* fix opera/ie form padding issues */
	margin: 0;
	padding: 0;
}
hr {
	margin:auto;
}
a {
	color:#333;
	text-decoration:none;
	outline:0;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#000 !important;
}
img {
	border:0px;
}


/* core wrapper dims = 926x609 */
#wrapper1 {
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#wrapper2 {
	text-align: center;
	position:relative;
	vertical-align:top;
	display:table-cell;
	min-height:600px; 			/* includes the buffer for logo wrapper area */
}
#wrapper3 {
	width:896px;
	min-height:600px;			/* includes the buffer for logo wrapper area */
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}


.errorMsg {
	font-size:18px;	
}

/* general font classes */
.bold {
	font-family:'Palatino LT W01 Bold';
}
.boldItalic {
	font-family:'PalatinoLTW01-BoldItali';
}
.gothic {
	font-family:'Trade Gothic W01 Bold';
}
.bigSpacing {
	letter-spacing:0.15em;
}
.normal {
	font-size:12px;
	line-height:18px;
}
.small {
	font-size:11px !important;
	line-height:17px;
}
.white {
	color:white !important;
}
.underline {
	text-decoration:underline !important;	
}
.underline:hover {
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}


/* Main CSS Starts... */
.floatText {
	float:left;
	width:400px;
}
.floatImg {
	float:left;
	min-width:415px;
}
.floatPad {
	margin-right:30px;
}

.hr {
	height:1px;
	width:100%;
	/* border-bottom:1px solid #e9e8e8;*/
	border-bottom:1px solid #644242;
	margin-top:10px;
	margin-bottom:9px;	
}

#docTitle {
	font-size:16px;
	letter-spacing:0.10em;
	color:#2e0000;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
}
#productsDocTitle {
	font-size:24px;
	letter-spacing:0.10em;
	color:#2e0000;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	
	margin-top:1px;
	margin-left:6px;
}
.title {
	/* used for smaller secondary titles */
	font-size:14px;
	letter-spacing:0.10em;
	color:#36312c;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	
	margin-bottom:10px;
}
.titleBeige {
	/* used for smaller secondary titles */
	font-size:14px;
	letter-spacing:0.10em;
	color:#cccccc;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	
	margin-bottom:10px;
}


.subTitle {
	/* used for smaller secondary titles - same as title class but less margin */
	font-size:14px;
	letter-spacing:0.10em;
	color:#36312c;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	
	margin-bottom:6px;
}
.credit {
	margin-top:10px;
	font-size:10px;	
}



#docCopy {
	color:#333333;
	font-size:12px;
	line-height:17px;
	margin-top:14px;
}
#docCopy a {
	color:#000000 !important;
}
#docCopy a:hover {
	color:#000000 !important;
	text-decoration:underline;
}

#header {
		
}
#headerQuote {
	color:#cccccc;
	font-size:12px;
	margin-top:6px;
	
	height:18px;
	width:896px;
	border-bottom:1px solid #644242;	
}
#headerQuote .bold {
	font-size:10px;
	letter-spacing:0.15em;
	position:relative;
	
	left:2px;
}
#headerMain {
	padding-top:10px;	
	padding-bottom:9px;	
	border-bottom:1px solid #644242;	
}
#headerMain a {
	color:#fffcfc;
	text-transformation:uppercase;
	text-decoration:none;
}
#headerMain a:hover {
	text-decoration:underline;
}
#headerLeft {
	margin-top:16px;
	float:left;
	width:240px;
	margin-left:26px;
	color:#CFC2C2;
}
#headerLeft img {
	float:left;
}
#headerLeft div {
	line-height:17px;
	text-align:left;
	float:left;
	width:190px;
	
	margin-left:12px;
}
#headerRight {
	margin-top:16px;
	float:right;
	width:220px;
	margin-right:6px;
	color:#CFC2C2;
}
#headerRight img {
	float:left;
}
#headerRight div {
	line-height:17px;
	text-align:left;
	float:left;
	width:170px;
	
	margin-left:12px;
}
#headerLeft .bold, #headerRight .bold {
	letter-spacing:0.15em;
	font-size:10px;
}
#headerLeft a, #headerRight a {
	letter-spacing:0.15em;
	font-size:10px;
	color:#CFC2C2;
}
#headerLeft a:hover, #headerRight a:hover {
	color:#fffcfc !important;
}



#navWrapper {
	color:#ffffff;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #644242;
	position:relative;
}
#navWrapper a {
	font-size:11px;
	font-family:'Palatino LT W01 Medium';
	letter-spacing:0.099em;
	text-shadow: 0 0 1px rgba(0,0,0,0.9);
	color:#ffffff ;
	text-decoration:none;
}
#navWrapper a:hover, .navSelected {
	color:#999999 !important;
	text-decoration:none;
	border-bottom:1px solid #999999;
	padding-bottom:2px;
}

#navWrapperInner {
	float:left;
	position:relative;
	left:-12px;
	width:920px;
	height:20px;
}
.navDot1 {
	margin-left:5px;
	margin-right:5px;	
}
#headerBlogLink, #headerBlogLink a {
	font-size:13px;
	color:#9d9494 !important;
	margin-top:6px;	
	border-bottom:none !important;
}
#headerBlogLink {
	clear:both;
	width:896px;
	padding-top:6px;
	border-top:1px solid #644242;	
}

#headerBlogLink a:hover, #headerBlogLink .subNavSelected {
	text-decoration:none;
	border-bottom:1px solid #999999 !important;
}

#mainBox {
	text-align:left;
	background-color:#faf9f9;
	margin-top:4px;
	min-height:400px;
	width:896px;
}
#mainBoxPlain {
	font-size:12px;
	letter-spacing:0.08em;
	text-align:left;
	line-height:17px !important;
	
	margin-top:4px;
	min-height:600px;
	width:896px;
}
#mainBoxInner {
	padding-left:18px;
	padding-right:18x;
	padding-top:18px;
	padding-bottom:18px;
}

.greyBox {
	color:#000;
	padding:24px;
	background-color:#cccccc;	
}
.greyBox a {
	color:#000;
	text-decoration:underline;
}
.greyBox a:hover {
	text-decoration:underline;
}
.brownBox {
	color:#fff;
	padding:24px;
	background-color:#1c0000;
}
.brownBox a {
	color:#fff !important;
	text-decoration:underline;
}
.brownBox a:hover {
	color:#ccc !important;
	text-decoration:underline;
}



.left {
	position:relative;
	float:left;
	width:358px;
	margin-right:25px;
}
.right {
	position:relative;
	float:left;
	width:487px;
	
}


#footer {
	border-top:1px solid #644242;	
	margin-top:4px;
	margin-bottom:20px;
}
#footerInner {
	padding-top:9px;
	line-height:18px;
	
	color:#cccccc;
}
#footerInner a {
	color:#cccccc;
	text-decoration:none;
}
#footer a:hover {
	color:#cccccc !important;
	text-decoration:underline !important;
}
#footerLine2 {
	letter-spacing:0.15em;	
}



/* homepage new 2015 */
#hpSlideshow {
	margin-top:8px;	
	width:892px;
	height:324px;
}
.slides_container_hp {
	width:892px;
	height:324px;
	margin-bottom:10px;
}


#hpDiv1, #hpDiv2 {
	margin-top:5px;
}
.hpOuter {
	width:892px;
	padding:1px;
	border:1px solid #fff;	
	text-align:left;
}
#hpCopy {
	color:#333333;
	font-size:14px;
	line-height:18px;
	margin-top:14px;
}
#hpWelcome {
	width:445px;
	height:322px;
	
	background-color:#fff;
	float:left;
}
#hpTimes {
	width:445px;
	height:322px;
	
	background-color:#b0afaf;
	float:left;
}
#hpGalleryInner {
	width:445px;
	height:322px;
	
	background-color:#fff;
	float:right;
}
.hpPadder {
	padding:22px 25px 25px 25px;
}
.hpPadder .title {
	margin-bottom:8px;	
}
#homepageShop {
	float:right;
}
#hpOverSeasList {
	letter-spacing:0.15em;
	height:245px;
	margin-bottom:10px;
	overflow:hidden;
}
#hpGallerySlug {
	margin-top:10px;
	color:#1b1b1b;
	font-size:12px;
}
#hpGalleryThumbWrap {
	position:relative;
	left:-2px;
	width:400px;
	background-color:#f00 !important;
	margin-top:10px;
	margin-bottom:14px;
}
#hpGalleryThumbWrap img {
	float:left;
	margin-right:11px;
	margin-bottom:8px;
	padding:1px;
	border:1px solid #d1d0d0;
	cursor:pointer;
}
#hpVideoBox {
	width:386px;
	height:94px;
	padding:1px;
	background-color:#2d0000;
}
#hpVideoBoxInner {
	height:92px;
	overflow:hidden;
	border:1px solid #fff;
	background-color:#2d0000;
}
#hpVideoBoxInner img {
	position:relative;
	top:3px;
	left:3px;
	float:left;
}
#hpVideoBoxInner span {
	position:relative;
	top:7px;
	left:12px;
	color:#cccccc;
	font-size:12px;
	line-height:15px;
	float:left;
	width:210px;
}
.viewFilmLink {
	margin-top:8px;
}
.viewFilmLink a {
	font-size:10px;
	letter-spacing:0.15em;
}
#hpVideoBoxInner a {
	color:#cccccc !important;
}
#hpVideoBoxInner a:hover {
	color:#cccccc !important;
	text-decoration:underline;
}
.visitHPEntry {
	line-height:normal;
	margin-bottom:4px;
	height:30px;
	overflow:hidden;
}




/* who we are */
.videoWrapper1 {
	margin-top:10px;
	padding:1px;
	border:1px solid #666666;
}
.videoWrapper2 {
	padding:1px;
	border:1px solid #666666;
}
.whoWeArePressLink {
	margin-top:4px;
	font-size:10px !important;
	letter-spacing:0.15em !important;
}
.whoWeArePressLink a {
	color:#ffffff;
}
.whoWeArePressLink a:hover {
	text-decoration:underline;
}
.whoWeAreClientList {
	float:left;
	width:180px;
	margin-right:20px;
}



/* our shoes */
#ourshoesBox1 {
	width:897px;
	height:328px;
	margin-bottom:3px;
	background-image:url(../res/ourshoes-box-1.jpg);	
}
#ourshoesBox2 {
	width:897px;
	height:328px;
	margin-bottom:3px;
	background-image:url(../res/ourshoes-box-2.jpg);	
}
#ourshoesBox3 {
	width:897px;
	height:328px;
	margin-bottom:3px;
	background-image:url(../res/ourshoes-box-3.jpg);	
}
#ourshoesBox4 {
	width:897px;
	height:328px;
	margin-bottom:3px;
	background-image:url(../res/ourshoes-box-4.jpg);	
}
.ourshoesTitle {
	font-size:24px;
	letter-spacing:0.10em;
	color:#2e0000;
	margin-bottom:18px;
	
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
}
#ourshoesCopyBox1 {
	position:relative;
	top:89px;
	left:38px;
	display:inline-block;
}
#ourshoesCopyBox2 {
	position:relative;
	top:32px;
	left:523px;
	display:inline-block;
}
#ourshoesCopyBox3 {
	position:relative;
	top:49px;
	left:38px;
	display:inline-block;
}
#ourshoesCopyBox4 {
	position:relative;
	top:65px;
	left:557px;
	display:inline-block;
}
.ourshoesCopy1 {
	width:270px;
	font-size:13px;
	line-height:20px;
}
.ourshoesCopy2 {
	width:345px;
	font-size:12px;
	line-height:17px;
}
.ourshoesCopy3 {
	width:365px;
	font-size:12px;
	line-height:17px;
}
.ourshoesCopy4 {
	width:305px;
	font-size:12px;
	line-height:17px;
}
.bottomLink, .bottomLink a {
	color:#262626;
	text-decoration:none;
	font-family:'Palatino LT W01 Italic';
	margin-bottom:10px;
}
.bottomLink a:hover {
	color:#262626 !important;
	text-decoration:underline;
}



/* shoe details list page */
#productsThumbWrapper {
	margin-top:16px;	
}
.shoeThumbWrapper {
	float:left;
	
	margin-right:20px;
	height:190px;
	overflow:hidden;	
}
.shoeThumbWrapperRight {
	margin-right:0px;
}
.shoeThumbOuter {
	padding:1px;
	border:1px solid #ebebeb;	
	display:inline-block;
}
.shoeThumbInner img {
	display:inline-block;
	
	cursor:pointer;
	width:194px;
	height:121px;
	border:1px solid #ebebeb;
}
.shoeThumbBotWrap {
	width:190px;
	margin-left:4px;
	margin-top:8px;
}
.shoeThumbName {
	font-size:12px;
	color:#330000;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.2);
	
	margin-bottom:3px;
}
.shoeThumbDesc {
	font-size:11px;
	color:#666666;
	font-family:'Palatino LT W01 Italic';
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}


#productsBottomLinksWrapper {
	width:900px;
	height:140px;
	margin-top:10px;
}
.productsBottomLinkWrapper {
	position:relative;
	
	width:263px;
	height:127px;
	margin-right:34px;
	float:left;
}
.productsBottomTitle {
	top:64px;
	left:12px;
	position:absolute;	
	
	font-size:14px;
	letter-spacing:0.10em;
	color:#2e0000;
	font-family:'Trade Gothic W01 Bold';
}
.productsBottomLink {
	top:104px;
	left:12px;
	position:absolute;	
	
	font-size:11px;
	color:#262626;
	font-family:'Palatino LT W01 Italic';
}
.productsBottomLink a {
	font-size:11px;
	color:#262626 !important;
	font-family:'Palatino LT W01 Italic';
	text-decoration:none;
}
.productsBottomLink a:hover {
	text-decoration:underline;
}



/* popup viewer */
.loupe {
	background-color:#555;
	background:rgba(0, 0, 0, 0.25);
	border:1px solid rgba(102, 102, 102, 0);
	cursor:url(../res/loupe/blank.png),url(../res/loupe/blank.cur), none;
}
#popupViewer {
	/* more css defined in js function for this element! */
	
	position:absolute;
	top:20%;
	
	/* size of the standard product img! */
	width:660px;
	height:410px;
	overflow:hidden;
	
	border:1px solid #aea9ad;
	background-color:#fff;
}
#popupImg {
	cursor:pointer;
	width:660px;
	height:410px;
}
#popupCloseBtn {
	position:relative;
	left:641px;
	top:3px;
	
	height:15px;
	width:16px;
	
	cursor:pointer;
	background-image:url(../res/btn-close.gif);	
	
	z-index:3;
}
#popupTitle {
	position:absolute;
	top:370px;
	left:12px;
	
	font-size:12px;
	letter-spacing:0.10em;
	color:#330000;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.2);
}
#popupDesc {
	position:absolute;
	top:388px;
	left:12px;
	
	font-size:12px;
	color:#666666;
	font-family:'Palatino LT W01 Italic';
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
#popupthumbWrapper {
	width:225px;
	height:60px;
	position:absolute;
	top:345px;
	left:425px;
	
	z-index:11;
	text-align:right;
}
#popupthumbText {
	font-family:'Palatino LT W01 Bold','Times New Roman', Times, serif;
	font-size:11px;
	color:#989898;
	margin-bottom:2px;
}
.popupThumb {
	width:66px;
	height:41px;
	border:1px solid #bdbdbd;
}








/* leather goods */
#leathergoodsBox1 {
	width:897px;
	height:328px;
	margin-bottom:3px;
	background-image:url(../res/leathergoods-box-1.jpg);	
}
#leathergoodsBox2 {
	width:897px;
	height:328px;
	margin-bottom:3px;
	background-image:url(../res/leathergoods-box-2.jpg);	
}
#leathergoodsBox3 {
	width:897px;
	height:328px;
	margin-bottom:3px;
	background-image:url(../res/leathergoods-box-3.jpg);	
}
#leathergoodsBox4 {
	width:897px;
	height:410px;
	margin-bottom:3px;
	background-color:#fff;
	background-image:url(../res/leathergoods-box-4.jpg);
}
#leathergoodsCopyBox1 {
	position:relative;
	top:87px;
	left:44px;
	display:inline-block;
}
#leathergoodsCopyBox2 {
	position:relative;
	top:66px;
	left:525px;
	display:inline-block;
}
#leathergoodsCopyBox3 {
	position:relative;
	top:79px;
	left:45px;
	display:inline-block;
}
#leathergoodsCopyBox4 {
	position:relative;
	top:38px;
	left:435px;
	display:inline-block;
}
.leathergoodsCopy1 {
	width:340px;
	font-size:13px;
	line-height:20px;
}
.leathergoodsCopy2 {
	width:340px;
	font-size:12px;
	line-height:17px;
}
.leathergoodsCopy3 {
	width:355px;
	font-size:12px;
	line-height:17px;
}
.leathergoodsCopy4 {
	width:428px;
	font-size:12px;
	line-height:17px;
}



/* stockists */
#titleStockists {
	/* used for smaller secondary titles */
	font-size:15px;
	color:#36312c;
	font-family:'Trade Gothic W01 Bold';
	letter-spacing:0.10em;
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	
	margin-bottom:10px;
}
.titleStockistsBrown {
	/* used for smaller secondary titles */
	font-size:15px;
	color:#2e0000;
	font-family:'Trade Gothic W01 Bold';
	letter-spacing:0.10em;
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	
	margin-bottom:18px;
}
.titleStockistsGrey {
	/* used for smaller secondary titles */
	font-size:15px;
	color:#cccccc;
	font-family:'Trade Gothic W01 Bold';
	letter-spacing:0.10em;
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	
	margin-bottom:18px;
}
#introCopyStockists {
	margin-bottom:20px;
}
#introCopyStockists a {
	text-decoration:none;
	font-family:'Palatino LT W01 Bold';
}
.stockistsWrapper {
	margin-bottom:25px;	
}
.stockistCountryTitle {
	font-size:13px;
	letter-spacing:0.10em;
	margin-bottom:14px;	
}
.stockistsPhotoWrapper {
	margin-bottom:18px;
}
.stockistsPhotoLabelWrap {
	margin-top:10px;
	margin-left:6px;
	font-size:11px;
}
.stockistsColGrey {
	color:#411919;	
}
.stockistsColBrown {
	color:#666666;	
}
.stockistsCopy a {
	text-decoration:none;
}
.stockistsCopy a:hover {
	color:#000 !important;
}
.stockistsPhotoWrap1 {
	padding:1px;
	border:1px solid;
}
.stockistsPhotoWrap2 {
	padding:1px;
	border:1px solid;
}



/* overseas visits */
.visitsWrapper {
	margin-bottom:6px;
}
.visitsCopy a {
	text-decoration:none;
}
.visitsCopy a:hover {
	color:#000 !important;
}
.titleVisitsPush {
	margin-top:15px;	
}
.onBrown a:hover {
	color:#fff !important;
	text-decoration:underline;	
}
.onGrey a:hover {
	color:#000 !important;
	text-decoration:underline;	
}



/* contact page */
.contactAddress {
	line-height:18px;
	margin-top:20px;	
}
#contactForm {
	margin-top:10px;	
}
#contactForm label {
	cursor:pointer;	
}
.formItemWrapper {
	width:140px;
	float:left;
	margin-right:30px;
}
.formLabel {
	font-size:11px;
	width:135px;
	text-transform:uppercase;	
	margin-bottom:2px;
}
.formInput input {
	width:133px;
	height:15px;
	padding:1px;
	border:none;
	font-size:11px;
	font-family:'Palatino LT W01 Roman','Times New Roman', Times, serif;
	
	margin-bottom:6px;
}
.formCheckboxFloat {
	float:left;
	
	margin-right:10px;	
}
.checkbox {
	position:relative;
	left:-4px;	
	top:2px;
}
#moreinfo {
	width:305px;
	height:70px;	
	padding:1px;
	border:none;
	font-size:11px;
	font-family:'Palatino LT W01 Roman','Times New Roman', Times, serif;
}
#btnSubmit {
	width:87px;
	height:16px;
	border:1px solid #878787;
	background-color:#cccccc;
	color:#333333;
	padding-top:2px;
	
	font-family:'Palatino LT W01 Roman','Times New Roman', Times, serif;
	font-size:9px;
	text-transform:uppercase;
	
	cursor:pointer;
}
#btnSubmit:hover {
	background-color:#c2bfbf;
}
.btnWrapper {
	padding:1px;
	display:inline-block;
	border:1px solid #333333;	
}
#contactFormBtn {
	margin-top:10px;
}
#postResponse {
	margin-top:14px;
	margin-bottom:16px;
	font-weight:bold;	
}



/* blog */
#blogContentWrapper {
	width:610px;
	margin-right:25px;
	line-height:16px;
	float:left;
}
#blogSidebarWrapper {
	width:225px;
	padding:1px;
	background-color:#fff;
	border:1px solid #2e0000;
	float:left;
	
}
#blogSidebarWrapperInner {
	padding:8px;
	border:1px solid #2e0000;
	
	background-color:#2e0000;
}
.sideBarTypeTitle {
	font-family:'Trade Gothic W01 Bold';
	font-size:11px;
	color:#ffffff;
	border-bottom:1px solid #644242;
	width:208px;
	padding-bottom:4px;
	display:inline-block;
}
.sideBarTypeTitle2 {
	font-family:'Trade Gothic W01 Bold';
	font-size:11px;
	color:#ffffff;
	border-top:1px solid #644242;
	padding-top:13px;
	padding-bottom:13px;
	width:208px;
	
	margin-top:4px;
	display:inline-block;
}
.sideBarTitle {
	margin-top:13px;
	text-transform:uppercase;
	font-family:'Trade Gothic W01 Bold';
	font-size:10px;
	color:#999999;
}
.sideBarCopy {
	margin-top:6px;
	color:#fbfbfb;
	font-size:10px;
	line-height:14px;
}
.sideBarCopy a {
	color:#fff;
	font-family:'Palatino LT W01 Bold';
}
.sideBarCopy a:hover{
	color:#fff !important;
	text-decoration:underline;
}
.sideBarItem {
	margin-bottom:10px;	
}
.sideBarHR {
	width:200px;
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
}
.sideBarInner {
	display:inline-block;
	height:1px;
	width:90px;
	color:#644242;	
	background-color:#644242;	
}
.sideBarArchiveItem, .sideBarArchiveItem a {
	color:#f0f0f0;
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:8px;
}
.sideBarArchiveItem a:hover {
	color:#f0f0f0 !important;
	text-decoration:underline;
}
.bigLink, .bigLink a {
	font-size:14px;
	color:#36312c;
	letter-spacing:0.10em;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
}
.bigLink a  {
	display:inline-block;
	position:relative;
	top:1px;	
}
.blogBottomArea {
	margin-bottom:30px;	
}
.blogTitle {
	font-size:16px;
	color:#36312c;
	letter-spacing:0.10em;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	
	margin-bottom:6px;	
}
.blogTitle2 {
	font-size:11px;
	color:#36312c;
	letter-spacing:0.08em;
	font-family:'Trade Gothic W01 Bold';
	text-transform:none;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
}
.blogDateTitle {
	color:#5c5c5c;
	font-size:10px;
	font-family:'Palatino LT W01 Roman','Times New Roman', Times, serif;
	
	margin-left:2px;
	margin-bottom:10px;
}
.blogCopy  {
	font-size:12px;
	line-height:17px;
}
.blogArticleHR {
	height:35px;	
}
.blogArticleThumbs {
	clear:both;
	margin-top:18px;
	margin-bottom:18px;
}
.blogArticleTags {
	
}
.blogSocialBtns {
	margin-top:18px;
	position:relative;
	left:-2px;
}
.blogThumbWrap {
	display:inline-block;
	margin-right:10px;
	padding:1px;
	border:1px solid #81807f;
}
.blogThumbWrap img {
	width:67px;
	height:49px;
	padding:1px;
	border:1px solid #585757;
}


/* archive */
#archiveTitle {
	/* used for smaller secondary titles */
	font-size:20px;
	color:#36312c;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	margin-bottom:10px
}
.archiveSubTitle {
	/* used for smaller secondary titles */
	font-size:12px;
	color:#36312c;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	margin-bottom:10px
}
.archiveSubTitle2 {
	/* used for smaller secondary titles */
	font-size:10px;
	color:#36312c;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	margin-bottom:2px
}
#archiveIntro {
	font-size:12px;
	margin-bottom:30px
}
.archiveLeft {
	width:132px;
	margin-right:40px;
	margin-bottom:20px;
	float:left;	
}
.archiveRight {
	width:420px;
	float:left;	
	margin-bottom:30px;
}
.archiveItemCopy {
	font-size:11px;	
	margin-bottom:12px
}
.archiveItemCopy a {
	font-size:11px;	
	font-family:'Palatino LT W01 Bold';
	color:#000;
}
.archiveItemCopy a:hover {
	text-decoration:underline;
}



/* contributors */
.contribsLeft {
	clear:both;
	width:132px;
	margin-right:40px;
	margin-bottom:20px;
	float:left;	
}
.contribsRight {
	width:430px;
	float:left;	
	margin-bottom:30px;
}
.contribsCopy {
	font-size:12px;	
}
.contribsTitle {
	font-size:16px;
	color:#36312c;
	letter-spacing:0.10em;
	font-family:'Trade Gothic W01 Bold';
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	
	margin-top:30px;
	margin-bottom:6px;	
}
.contribsTitle2 {
	font-size:11px;
	color:#36312c;
	letter-spacing:0.08em;
	font-family:'Trade Gothic W01 Bold';
	text-transform:none;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
}
.contribsContact {
	font-family:'Palatino LT W01 Bold';
	margin-top:12px;
}



/* blog about */
.photoWrapper {
	padding:1px;
	border:1px solid #81807f;
	display:inline-block;
}
.photoWrapper img {
	padding:1px;
	border:1px solid #585757;
}
#aboutCCTop {
	margin-bottom:24px;	
}
.blogBigHR {
	margin-top:25px;
	height:1px;
	width:610px;
	background-color:#81807f;
	margin-bottom:25px;
}







/* JS SLIDER */
.slides_container {
	width:414px;
	margin-bottom:10px;
	display:none;
}
.pagination {
	width:414px;
	text-align:center;
	height:10px;
	list-style:none;
	display:inline-block;
	margin:0;
	padding:0;
}
.pagination li {
	color:#1c0000;
	text-decoration:none;
	list-style:none;
	display:inline;
	
	height:10px;
	
	list-style:none;
	display:inline-block;
	border-right:1px solid #b7b5b5;
	padding-right:4px;
}
.pagination a {
	position:relative;
	top:-3px;
	
	margin-right:5px;
	margin-left:5px;
	
	font-size:12px;
	color:#000;
	text-decoration:none;
	font-family:'Palatino LT W01 Roman';
}
.lastPaginator  {
	border-right:none !important;
}
.pagination .current a, .pagination a:hover {
	color:#000;
	text-decoration:none;
	font-family:'Palatino LT W01 Bold';
}

/* brown box colour overrides for pagination... */
.brownBox .pagination a {
	color:#999999;
}





/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../res/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../res/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../res/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../res/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../res/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../res/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../res/colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../res/colorbox/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(../res/colorbox/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../res/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../res/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../res/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../res/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../res/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../res/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../res/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../res/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}