/* FONTS */
@font-face {
	font-family: 'lora';
	src: url('../fonts/lora/Lora-Bold-webfont.eot');
	src: url('../fonts/lora/Lora-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/lora/Lora-Bold-webfont.woff') format('woff'),
	     url('../fonts/lora/Lora-Bold-webfont.ttf') format('truetype'),
	     url('../fonts/lora/Lora-Bold-webfont.svg#roboto_condensedbold') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'source sans pro';
	src: url('../fonts/source-sans-pro/SourceSansPro-Regular-webfont.eot');
	src: url('../fonts/source-sans-pro/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/source-sans-pro/SourceSansPro-Regular-webfont.woff') format('woff'),
	     url('../fonts/source-sans-pro/SourceSansPro-Regular-webfont.ttf') format('truetype'),
	     url('../fonts/source-sans-pro/SourceSansPro-Regular-webfont.svg#source-sans-pro') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'source sans pro';
	src: url('../fonts/source-sans-pro/SourceSansPro-Semibold-webfont.eot');
	src: url('../fonts/source-sans-pro/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/source-sans-pro/SourceSansPro-Semibold-webfont.woff') format('woff'),
	     url('../fonts/source-sans-pro/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
	     url('../fonts/source-sans-pro/SourceSansPro-Semibold-webfont.svg#source-sans-pro') format('svg');
	font-weight: bold;
	font-style: normal;
}

body { font-size: 0.85em; font-family: 'source sans pro', "trebuchet ms", trebuchet, verdana, arial, helvetica, sans-serif; color: black; background: white; margin: 0; padding: 25px; }

/* HEADER */
header a:link, header a:visited { color: #888; text-decoration: none; -moz-transition: color 1s; -webkit-transition: color 1s; transition: color 1s; }
header a:hover, header a:hover:visited { color: #000; text-decoration: none; }
header a.active { font-weight: normal; color: #000; }

header nav { color: #ccc; text-transform: lowercase; font-size: 0.95em; line-height: 30px; }
header nav > * { padding: 0 10px; display: inline-block; }
header nav > *:first-child { padding-left: 0; }

header #banner { margin: 0 0 5px 0; display: block; position: relative; }
header #banner img { width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
header #banner span { position: absolute; left: 10px; bottom: 10px; color: white; font-weight: bold; text-shadow: 0 0 3px black; font-size: 40px; text-transform: lowercase; }

header nav form { float: right; padding-right: 0 }
header nav form input { width: 200px; }
header nav a:hover {  }



/* BODY */
article { padding: 35px 0; line-height: 1.6em; }

/* FOOTER */
footer { color: white; padding: 1em 30px 3em; margin: 5em -25px -25px -25px; font-size: 0.95em; clear: both;
	/* this will get easier... */
	background: #222; 
	background-image: linear-gradient(bottom, #000000 0%, #242424 100%);
	background-image: -o-linear-gradient(bottom, #000000 0%, #242424 100%);
	background-image: -moz-linear-gradient(bottom, #000000 0%, #242424 100%);
	background-image: -webkit-linear-gradient(bottom, #000000 0%, #242424 100%);
	background-image: -ms-linear-gradient(bottom, #000000 0%, #242424 100%);
}
footer .col { width: 25%; margin-left: 8%; float: left; }
footer h4 { font-size: 40px; margin: 10px 0 -12px 0; line-height: 65px; color: #CC9E14; }
footer ul { margin-left: 10px; padding-left: 10px; }
footer li { list-style-image: none; list-style-type: square; margin: 1em 0; }
footer a, footer a:hover, footer a:visited, footer a:visited:hover { color: white; }

/* BLOCK */
.block table { width: 100%; font-size: 1em; }
.block .stuff { background: #f9f9f9; padding: 5px; border: 1px solid #bbb; }
.block .label { text-align: right; color: #888; width: 15%; white-space: nowrap; font-size: 0.85em; padding-top: 5px; }
.block td { padding: 3px; vertical-align: top; }
.block .bottom .buttons { text-align: right; }

/* BUTTONS */
.buttons { text-align: center; display: block; line-height: 3em; }
.buttons .button { padding: 6px 7px; color: black !important; margin-left: -1px; text-shadow: 1px 1px 1px #fff; }
.buttons .button:hover { color: black !important; text-decoration: none !important; }

.buttons { font-weight: normal; padding: 0; white-space: nowrap; }
.buttons .button { font-size: 1em; vertical-align: middle; line-height: normal; padding: 6px 7px; display: inline-block; border: 1px solid #999 !important; color: black !important; margin-left: -1px; text-decoration: none !important; cursor: pointer; white-space: nowrap; }
.buttons .button.button-small { font-size: 0.9em; padding: 3px 7px; }
.buttons .button.button-tiny { font-size: 0.85em; padding: 1px 5px; }
.buttons .btn-first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.buttons .btn-last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.buttons .busy { color: black !important; text-shadow: 0 0 0 transparent, 1px 1px 0 #fff; }
.buttons .suggested_action { font-weight: bold; }
.buttons .submit, .buttons input[type="submit"] { margin: 0 0 0 -1px; font-family: inherit; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin: 0; }



.button {
  background-color: #f5f5f5;
  *background-color: #e0e0e0;
  background-image: -moz-linear-gradient(top, #f5f5f5, #e0e0e0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #e0e0e0);
  background-image: -o-linear-gradient(top, #f5f5f5, #e0e0e0);
  background-image: linear-gradient(to bottom, #f5f5f5, #e0e0e0);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e0e0e0 #e0e0e0 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button:hover {
	background-color: #f0f0f0;
  *background-color: #e0e0e0;
  background-image: -moz-linear-gradient(top, #f0f0f0, #d6d6d6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#d6d6d6));
  background-image: -webkit-linear-gradient(top, #f0f0f0, #d6d6d6);
  background-image: -o-linear-gradient(top, #f0f0f0, #d6d6d6);
  background-image: linear-gradient(to bottom, #f0f0f0, #d6d6d6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #d6d6d6 #d6d6d6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#ffd6d6d6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


/* Search CSS: */
header form { position: relative; }
header .search-input {
	padding: 0 5px 0 22px;
	border: 1px solid #ccc;
	height: 25px;
	line-height: 26px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	background: white;
	font-size: 1em;
}
header .search-input:focus {outline: none;}
header .search-submit {
	width: 13px;
	height: 13px;
	border: none;
	background: url(../img/mag-glass.png) no-repeat;
	display: block;
	position: absolute;
	left: 18px;
	top: 8px;
	text-indent: -9999em;
}



/* GENERAL */
acronym { color: #1c2f2f; border-bottom: 1px dotted #168eea; }
hr { border: none; margin: 3px auto; padding: 0; background: #ddd; color: #ddd; clear: both; width: 75%; }
a { text-decoration: none; color: #0033FF }
a:hover { text-decoration: underline; color: #0099FF }
a:visited { color: #0033FF }
a:visited:hover { text-decoration: underline; color: #0099FF }
ul, ol { margin-top: 10px; margin-bottom: 0; }
ul li { list-style-type: square; margin-bottom: 5px; }
p.centered { text-align: center; }
p.featured {  }
p.photo { text-align: center; }

/* HEADINGS */
h1, h2, h3, h4 { letter-spacing: -0.07em; text-transform: lowercase; color: #CC9E14; clear: both; padding: 0; font-family: "Bookman Old Style", lora, Georgia, "Times New Roman", Times, serif; font-weight: 700; }
h1 { font-size: 65px; line-height: 65px; margin: 0.6em 0 0 0; letter-spacing: -0.05em; }
h2 { font-size: 45px; line-height: 45px; margin: 0.75em 0 0 0; }
h3 { font-size: 35px; line-height: 35px; margin: 1em 0 0 0; }
h4 { font-size: 1em; line-height: 1em; margin: 1.5em 0 0 0; letter-spacing: -0.02em; }

h1.drop { margin-bottom: -0.1em; }

h1 a, h2 a, h3 a, h4 a { color: #CC9E14 !important; }
div.page>p:first-child { margin-top: 0; }
h2+p { margin-top: 0; }
h3+p { margin-top: 0; }

/* COLOURS */
.odd { background: #f9f9f9; }
.even { background: #f4f4f4; }
.highlight { background: #f0f0f0; }
.busy { background: url(/bits/img/busy.gif) !important; }
.swatch_1 { background-color: #03899c; }
.swatch_2 { background-color: #0c5aa6; }
.swatch_3 { background-color: #a66200; }
.swatch_4 { background-color: #03899c; }
.swatch_5 { background-color: #2b8e00; }
.swatch_6 { background-color: #007929; }

/* NICE */
textarea { width: 95%; height: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 0.9em; }
.message { background: #fcfcfc; border: 1px solid #e5e5e5; font-size: 1.1em; padding: 1em; margin: 5px 5px 10px 5px; border-radius: 3px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); line-height: 1.5em; }
.error { background: #fcfcfc; border: 3px solid red; font-size: 1.1em; padding: 1em; margin: 5px 5px 10px 5px; border-radius: 3px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); line-height: 1.5em; }

/* NECCESSARY */
a img { border: none; }
table { font-size: 1em; }

/* APPEARANCE TWEAKS */
.spacey { line-height: 2em; }
.padded { padding: 1em; }
.no_top_margin { margin-top: 0; }
.click { cursor: pointer; }

/* POSTS */
.category_style_blog { }
.category_style_blog .post { height: 350px; margin-bottom: 3em; }
.category_style_blog .post_image { float: left; width: 50%; background-position: bottom left; background-size: cover; background-repeat: no-repeat; position: relative; height: 350px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.category_style_blog .date { float: right; background: rgba(0, 0, 0, 0.6); margin: 0 15px 0 0; }
.category_style_blog .snippet_container { height: 350px; width: 50%; float: left; }
.category_style_blog .snippet { padding: 0 0 0 20px; height: 310px; overflow: hidden; }
.category_style_blog .snippet p { margin-top: 0; }
.category_style_blog .snippet_container .buttons { display: block; text-align: right; padding: 0 0 0 20px; height: 40px; line-height: 40px; }

.category_style_blog .date { display: block; width: 75px; text-align: right; font-size: 14px; color: white; padding: 6px 12px 0 0;  }
.category_style_blog .date span { display: block; line-height: 14px; }
.category_style_blog .date .day { font-size: 35px; line-height: 32px; font-weight: bold; }
.category_style_blog .date .month { text-transform: uppercase; float: right; font-size: 14px; margin-left: 4px; }
.category_style_blog .date .year { float: right; clear: right; font-size: 14px; margin-left: 4px; }

.view_post img, .view_page img { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
.view_post .byline { color: #aaa; border-top: 1px solid #ddd; padding-top: 10px; text-align: right; margin-top: 20px; font-size: 0.95em; line-height: 2em; }

/* TAGS */
.tags { float: left; }
.tags a { display: inline-block; margin-right: 5px; color: #444; background: #ddd; border-radius: 20px; padding: 3px 10px 0 10px; text-transform: lowercase; line-height: 1.5em; }
.tags a:hover { background: #ccc; text-decoration: none; }

.category_style_featured { margin: 0 -10px; }
.category_style_featured .post { width: 50%; height: 350px; float: left; }
.category_style_featured .post_image { background-position: bottom left; background-size: cover; position: relative; height: 330px; margin: 0 10px 20px 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.category_style_featured .title { border-left: 15px solid rgba(0, 0, 0, 0.5); position: absolute; bottom: 15px; letter-spacing: -0.01em; }
.category_style_featured .title a { line-height: 38px; font-size: 30px; color: white; text-shadow: 1px 1px 2px black; text-decoration: none !important; }
.category_style_featured .title a span { background: rgba(0, 0, 0, 0.5); padding: 5px 0.4em 5px 0; display: block; float: left; }
.category_style_featured .title a br.subtitle { display: none; }

.category_style_related .post { height: 285px; }
.category_style_related .post_image { height: 265px; }
.category_style_related .title a span { font-size: 26px; }
.category_style_related .title a br.subtitle { display: block; line-height: 24px; font-size: 13px; padding: 3px 1em 3px 0; }
.category_style_related .title a br { clear: left; line-height: 0; font-size: 0; }

/* POST NAVIGATION */
.post-navigation { margin: 50px 0; }

/* COMMENTS */
.comment { padding: 20px 0; margin-top: 10px; }
.comments .mine .details { background: #FFFFCC; padding: 5px; border: 1px solid #FFCC00 }
.comment td { vertical-align: top; }
.comment .avatar_td { padding-right: 10px; }
.comment .details { font-size: 0.9em; margin-bottom: 10px; color: #aaa; }
.comment .details span { padding-right: 10px; }
.comment .details .right { float: right; }
.comment .details .fade { color: #ccc; }
.comment .details b { color: #777; }
.comment .text { line-height: 1.6em; }
.avatar { width: 48px; margin: 1px; box-shadow: none; }
.med_avatar { width: 36px; box-shadow: none; }
.small_avatar { width: 24px; }
.icons span { margin: 0 5px 5px 0; white-space: nowrap; }
.icons i { visibility: hidden; }
.icons img { margin: 3px; vertical-align: middle; }
.icons .selected { border: 3px solid #FFCC00; margin: 0; }

/* LIGHTBOX */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{border:0;outline:none;vertical-align:top;margin:0;padding:0;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}
.fancybox-outer,.fancybox-inner{position:relative;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;white-space:nowrap;margin:0;padding:15px;}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../img/fancybox_sprite.png);}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url(../img/fancybox_loading.gif) center center no-repeat;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(../img/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background: #000;}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px;}
.fancybox-inner,.fancybox-lock{overflow:hidden;}
.fancybox-nav:hover span,.fancybox-opened .fancybox-title{visibility:visible;}