/* CSS Document */
body {
	width: 1096px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 0.813rem; 
    line-height: 1.65;
	color: #505050;
	background-color: #fff; 
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin:0;
	line-height: 1.1;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
h1, h2, h3 {
  margin-bottom: 20px;
}
h4, h5, h6 {
  margin-bottom: 16px;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.75rem;
}

.display-4 {
    font-size: 4rem;
}
.display-3 {
    font-size: 3.25rem;
}
.display-2 {
    font-size: 2.75rem;
}
.display-1 {
    font-size: 2.125rem;
}
.lead {
    font-size: 1.25rem;
	font-weight:300;
}
p {
	margin: 0 0 1.5rem;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-nowrap {
    white-space: nowrap;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-normal {
    text-transform:none;
}
.text-capitalize {
    text-transform: capitalize;
}
dfn, cite, em, i {
	font-style: italic;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
code {
    padding: 3px 8px;
    font-size: 95%;
    color: #bd4147;
    background-color: #F5F5F5;
    border-radius: 4px;
}

kbd {
    padding: 1px 6px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 4px;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  line-height: 1.5;
  color: #373a3c;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}

mark,
ins {
	background-color: #FBFBA4;
	text-decoration: none;
	padding: 0 5px;
}

big {
	font-size: 125%;
}
small {
  font-size: 80%;
}


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #B2995D;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #505050;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.entry-title a,
.entry-title a:visited {
	color: #333;
}
.entry-title a:hover {
	color: #b2995d;	
}




/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}


blockquote {
	margin: 1.5rem;
	padding: 20px;
	border: 1px solid #ccc;
}
blockquote p {
    color: #999;
    margin-bottom: 0;
    font-family: "Georgia";
    font-size: 1rem;
    line-height: 1.4;
    font-style: italic;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 1px solid #ccc;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
.figure {
    display: inline-block;
}
figcaption {
    color: #888;
	font-style:italic;
}



/* tables */
/* make your table responsive with this class */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
}
table thead th,  
table thead td {
	color: #222;
	background: #e6e6e6;
}
caption, th {
    font-size: 0.813rem;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}
th, td {
    padding: 8px 12px;
}
tr:nth-child(odd) {
    background-color: #f5f5f5;
}

/* alignments */
.alignleft {
	display: inline;
	float: left;
	margin: 4px 60px 0 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 4px 0 0 60px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 4px auto 0;
}
.pull-left {
    float: left;
}
.pull-right {
    float: left;
}

/* buttons */
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #fff;
	color: #505050;
	border: 1px solid #c4c4c4;
	white-space: nowrap;
	padding: 6px 18px 4px;
	font-size: 0.813rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.42857143;
}
.btn:focus,
.btn:active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn:hover,
.btn:focus {
	background-color: #303030;
	color: #f3f3f3;
	text-decoration: none;
	border-color: transparent;
}

/* Button size */
.btn-lg {
	padding: 8px 24px 7px;
	font-size: 1.125rem;
	line-height: 1.3333333;
}
.btn-sm {
	padding: 3px 14px;
	font-size: 0.75rem;
	line-height: 1.5;
}
.btn-xs {
	padding: 0 12px;
	font-size: 0.688rem;
	line-height: 1.5;
}

/* Button colour */
.btn.dark {
	background-color: #303030;
	color: #f3f3f3;
	border-color: transparent;
}

.btn.dark:hover {
	background-color: #fff;
	color: #505050;
	border-color: #c4c4c4;
}

