/* reset styles */
/* First let's reset all padding and margins to give us an equal work area cross browser */
*{ margin: 0px; padding: 0px; }
/* Now reset the font size so we can use EM sizing cross browser */
html{font-size: 62.5%; }
/* Now we can specify EM sizing where 1.1em = 11px, 1.4em = 14px etc */
body { 
font: 1.2em/1.4em Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Sans Unicode", Arial, sans-serif;
color: #000000; background: #ffffff;
word-wrap: break-word;
}

/*reset font size across the board */
p, table, th, td, li, li li, li p, td p, blockquote p { font-size:1em;  }
h1, h2, h3, h4, h5 { color : #000000; font-weight: bold; text-transform: capitalize; font-size:1.2em; }

img { border: 1px solid #000000; margin: 0 0 8px 0; }

p { margin: 0 0 8px 0; line-height: 1.4em; }
p a { }

b, strong { color: #000000; font-weight:bold; }

a, a:visited { font-weight: normal; color:#36A3D9; /* color: #ce2a0a; */ text-decoration: none; outline: 0; }
a:hover{ color:#36A3D9; text-decoration: underline; outline: 0; }

.right-column-wrapper a, .right-column-wrapper a:visited { font-weight:bold; }

.content-wrapper { width:1020px; margin: 0 auto; padding-bottom: 100px; background: #ffffff; }

#site-logo { margin: 0 0 30px 55px; padding: 55px 0 0 0;}
#site-logo a { display: block; width: 467px; height: 189px; text-indent: -1000px; overflow: hidden; background: url(../images/luke-ritchie-waters-edge-bg.png) 0 0 no-repeat; }

#left-sidebar { float: left; width: 180; margin: 0 0 30px 19px; overflow:hidden; }
.right-column-wrapper { float: left; width: 780px; margin: 0 0 30px 20px; overflow:hidden;  }

/* headers */

.white-back, h1.white-back, h2.white-back, h3.white-back { color: #000000; padding: 8px 8px 9px 8px; background: url(../images/white-trans-1x1.png) 0 0 repeat;  margin-bottom: 12px; font-size: 1.2em; line-height: 0.9em; font-weight: normal; text-transform: uppercase; border:1px dashed #cccccc; }
#left-sidebar h3 { margin-bottom:0px; display: block; width: 163px; font-weight:normal;  font-size: 1.2em; line-height: 0.9em; }

.white-back a { color: #000000; text-decoration: none; }
.white-back a:hover { color: #146ead; text-decoration: underline; }
.page .white-back { text-transform: uppercase; font-weight: normal; margin-bottom: 12px; }

.grey-back, h1.grey-back, h2.grey-back {  color: #ffffff; background: url(../images/1px-grey-trans.png) 0 0 repeat; padding: 8px 8px 9px 8px; margin-bottom: 12px; font-size: 1.2em; line-height: 0.9em; font-weight: normal; text-transform: uppercase; border:1px dashed #cccccc; }

.large-plain, h2.large-plain { color:#000000; font-size: 1.9em; line-height: 1em; padding: 0 0 9px 0; text-transform: capitalize; font-weight: bold; }

h2.no-style { padding-top: 2px; margin-bottom: 8px;  }
.subtitle { font-weight: normal; font-size: 75%; line-height:0.9em; padding-top:1px; color: #ffffff; padding-bottom: 1px; display: block;}
.white-back .subtitle, .large-plain .subtitle { color: #000000; }
.border-base { clear:both; height:10px; width:100%; border-bottom: 1px dashed #444444; margin-bottom: 12px; }

.solid-header, h3.solid-header { text-transform: uppercase; font-weight: bold; font-size: 1.3em; line-height: 1.2em; }


.main-nav { width: 165px; list-style: none; background: url(../images/1px-grey-trans.png) 0 0 repeat; padding: 7px 8px 8px 8px;}
.main-nav li ul { list-style: none; width: 161px; padding: 0 0 5px 16px; }
.main-nav li { padding: 1px 0 1px 0; }
.main-nav li a, #main-nav li li a { text-decoration: none; display: block; line-height: 1.1em; color: #ffffff; }
.main-nav li a:hover, #main-nav li li a:hover { text-decoration: none; color: #ffffff; }
.main-nav li a { font-size: 1.1em; padding: 2px 0 2px 16px; text-transform: uppercase;  background: url(../icons/tri-right.png) left center no-repeat; }
.main-nav li a:hover, .main-nav li a.active { background: url(../icons/tri-right-fill.png) left center no-repeat; }
.main-nav li li a { font-size: 1em; width: 135px; padding: 1px 0 1px 14px; text-transform: capitalize;  background: url(../icons/circle.png) left center no-repeat; }
.main-nav li li a:hover { background: url(../icons/circle-dot.png) left center no-repeat; }
.main-nav li li a.active { background: url(../icons/circle-dot.png) left center no-repeat; }




.col { float: left; margin: 0 20px 20px 0; }
.right-most { margin-right: 0; }
.one-of-four { width: 180px; overflow:hidden; }
.two-of-four { width: 380px; overflow:hidden; }

.page ul { list-style: none; margin: 0 auto 8px auto; padding: 0; width: 90%; }
.page ul li { background: url(../icons/bul-point.png) 0 4px no-repeat; padding: 0 0 4px 12px; }

.raw-html { margin-bottom: 16px; overflow: hidden; }

.full-width .video-embed iframe { width: 780px; height: 439px; margin:0 0 16px 0; }
.one-of-four .video-embed iframe { width: 180px;  height: 101px; margin:0 0 16px 0; }
.two-of-four .video-embed iframe { width: 380px; height: 214px; margin:0 0 16px 0; }


img.left-align { float: left; margin: 2px 18px 8px 0; }
img.right-align { float: right; margin: 2px 0 8px 18px; }

.full-width img.full-width { width: 778px;  }
.full-width img.left-align, .full-width img.right-align { width: 378px; }
.full-width img.narrow { width: 178px; }

.two-of-four img.full-width { width: 378px; }
.two-of-four img.left-align, .two-of-four img.right-align {  width: 178px;  }

.one-of-four img { width:178px; }




#footer { width: 780px; margin: 0 20px 80px 0; float: right; padding: 8px 0 0 0; font-size: 90%; color: #444444; border-bottom: 1px solid #444444; border-top: 1px solid #444444;  }
#footer .left {width: 560px; float: left; margin: 0 0 0 0; }
#footer .right { width: 200px; float: right; margin: 0 0 0 0; text-align: right; }
#footer a { color: #444444; text-decoration: none; }
#footer a:hover { color: #146ead; text-decoration: underline; }



/* a.twitter-link { display:block; text-decoration:none; background: url(../icons/twitter.png) right center no-repeat; padding-right:20px; }
a.twitter-link:hover { text-decoration:underline; }
*/

#twitter-feed { width:180px; overview:hidden; }
ul#twitter_update_list { width: 177px; list-style: none; padding: 0px 2px 8px 2px; border-bottom: 1px dashed #444444; margin-bottom: 10px; }
ul#twitter_update_list li { list-style: none; font-size:85%; padding: 5px 0 5px 10px; background: url(../icons/bul-point.png) 0px 10px no-repeat; }
ul#twitter_update_list li a { text-decoration: none; color:#000000; text-decoration:none; font-weight: bold; }
ul#twitter_update_list li a.twitter-timestamp { font-size:80%; font-weight:normal; font-style:italic; }

.twitter-footnote { font-size:85%; padding: 0 0 5px 10px; }
.twitter-footnote a { text-decoration:none; color:#000000; font-weight:bold; }



ol.pagination { list-style:none; margin:0 0 8px 0; display:block; float:right; }
ol.pagination li { display:block; float:left; margin:0px 1px 2px 1px; }
ol.pagination > li:first-child { margin-left:0px; }
ol.pagination li a, ol.pagination li a:visited { display:block;  color: #ffffff; background: url(../images/1px-grey-trans.png) 0 0 repeat; border:1px solid #ffffff; font-weight:normal; padding:3px 7px 2px 7px; }
ol.pagination li a:hover, ol.pagination li a.active, ol.pagination li a.active:visited, ol.pagination li a.active:hover { color:#555555; background:none; border:1px solid #555555; text-decoration:none; }




.right-margin { margin-right: 10px; }
.left-margin { margin-left: 10px; }

/* USEFUL STUFF - ### KEEP @ BOTTOM OF PAGE ### */
.image-replace { display: none; }
.clear-floats { clear: both; }

.full-justify { text-align: justify; }
.centre { text-align: center; }
.right-justify { text-align:right; }