/* Version 1.1 - 1 Dec 2008 */

/* RESET & BROAD STYLE
_____________________________________________________________________________*/

html {
	margin-bottom: 1px;
	min-height: 100%;
	height: 100%;
}

body, div, ul, ol, li, h1, h2, h3, h4, form, fieldset, th, td, img {
	margin:0;
	padding:0;
	border:0;
}

table {
	font-size:inherit;
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
	vertical-align: bottom;
}

ul {
	list-style:none;
}

h1,
h2,
h3,
h4 {
	font-size:100%;
}

q:before,
q:after {
	content:'';
}

select,
input,
textarea {
	font-size:99%;
}

* {
	outline: none;
}

body {
	font: 12px Cambria;
	line-height: 18px;
	color: #000;
	text-align: center;
	background-color: #F0F0F0;
}

/* LINKS
_____________________________________________________________________________*/

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

a.black {
	color: #000;
}

a.orange {
	color: #F79908;
}

a.gray {
	color: #666;
}

/* STRUCTURE
_____________________________________________________________________________*/

#container {
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	height: auto;
	text-align: left;
	width: 895px;
	background-color: #FFF;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 7px solid #99FFFF;
}

#container-padding {
	padding: 17px 32px;
}

/* HEADER
_____________________________________________________________________________*/

#header {
	height: 145px;
}

/*------- Header Left --------*/

#header-left {
	float: left;
	width: 194px;
	color: #C0C0C0;
}

#header-left a {
	color: #C0C0C0;
}

a#header-join {
	font-weight: bold;
	display: block;
	font-size: 15px;
}

/*------- Header Right --------*/

#header-right {
	float: right;
	width: 184px;
	text-align: left;
}

.header-right-ad {
	margin-bottom: 4px;
}

#header-right-nav {
	background-color: #5E5E5C;
	color: #CACAC8;
	font-size: 11px;
	padding-left: 14px;
	margin-bottom: 5px;
}

#header-right-nav a {
	color: #F4F7F9;
}

#header-right-nav a:hover {
	color: #CACAC8;
	text-decoration: none;
}


/*------- Header Center --------*/

#header-center {
	float: left;
	padding-left: 171px;
	margin-left: auto;
	margin-right: auto;
	width: 235px;
	color: #919496;
	font-weight: bold;
	position: relative;
}

.header-location {
	font-size: 18px;
}

#header-date {
	float: left;
	width: 200px;
	background: #FFF;
	font: 12px Georgia;
	
}

#header-registration {
	float: right;
	width: 500px;
	background: #FFF;
	font: 12px Georgia;
}

/* NAVIGATION
_____________________________________________________________________________*/

#nav-container {
	margin-bottom: 0px;
}

#nav-container a {
	font: 12px Cambria;
	padding: 1px 1px;
	line-height: 22px;
	text-decoration: none;
	float: left;
	margin-left: 10px;
}

#nav-container a:hover {
	background: #FFFFFF;
	color: #C0C0C0;
}

#nav-container a.active {
	background: #C0C0C0;
	color: #000000;
}

#subnav-container a {
	font-size: 12px;
	padding: 3px 3px;
	line-height: 22px;
	text-decoration: none;
	float: left;
	color: #707070;
	margin-left: 0px;
	
}

#nav, 
#subnav {
	height: 28px;
	background: #D8D8D8;	
}

#nav li,
#subnav li {
	display: inline;
}

#subnav a {
	font-weight: normal;
}

.active-nav {
	background: #C0C0C0;
}

.non-active-nav {
	background: #C0C0C0;
}

.active-nav a {
	color: #C0C0C0;
}

.non-active-nav a {
	color: #C0C0C0;
}

/* CONTENT LEFT
_____________________________________________________________________________*/

#content-left {
	float: left;
	width: 290px;
}

.row-container {
	margin-top: 15px;
	clear: both;
}

.row-container  h1 {
	font: 30px Georgia;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: -1px;
	margin-bottom: 8px;
	color: #C0C0C0;
}

.row-container h2 {
	font: 20px Georgia;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: -1px;
	margin-bottom: 1px;
	color: #000000;	
}

.row-container h2 span {
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	letter-spacing: normal;
}

.row-container h3 {
	font: 18px Georgia;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 1px;
	color: #C0C0C0;	
}

.row-container h4 {
	font: 11px Georgia;
	font-weight: normal;
	line-height: 13px;
	margin-bottom: 5px;
	color: #C0C0C0;	
}

.row-container h5 {
	font: 12px Georgia;
	font-weight: normal;
	line-height: 13px;
	color: #C0C0C0;	
	margin: 0 0 5px 0;
}

.row-container .copy {
	font: 12px Georgia;
	line-height: normal;
}

.row-container .date {
	font-style: italic;
	color: #A3A3A3;
	font-size: 11px;
	margin-top: 0px;
}

.row-container .left-date {
	font-style: normal;
	color: #000000;
	font: 12px Georgia;
	margin-top: 0px;
}

.row-container .date span {
	font-size: 11px;
	font-weight: bold;
	float: left;
	font-style: normal;	
}

.row-container .date span a {
	color: #f79a08;
}

.row-container .comments {
	font-weight: bold;
	color: #666;
	margin-top: 5px;
	font-size: 11px;	
}

.caption {
	color: #707070;
	font-weight: bold;
	font-size: 11px;
	margin-top: 3px;
}

.col-left {
	float: left;
	width: 285px;
	line-height: normal;	
	font-size: 16px;
	color: #044086;
	font-family: Cambria;
	
}

.col-right {
	float: right;
	width: 285px;
	line-height: normal;
	padding-left: 17px;
	border-left: 1px solid #F6F6F6;
}

.col-right .related {
	margin-top: 15px;
	line-height: normal;		
}

.col-right .related li {
	margin-bottom: 5px;
}

.col-right .related span {
	font-weight: bold;
	color: #C0C0C0;
}

.home-banner {
	margin: 15px 0;
}

ul.more-headlines li {
	margin-bottom: 3px;
	line-height: normal;	
}


/* HOME PAGE
_____________________________________________________________________________*/

.art-container {
	width: 25%;
	float: left;
}

.art-container h3 {
	margin: 5px 10px 0 0;
}

.art-container h4 {
	margin-bottom: 3px;
}


/* GENERAL
_____________________________________________________________________________*/

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.dotted {
	border-bottom: 1px dotted #789dbb;
	clear: both;
}

.dotted-10 {
	border-bottom: 1px dotted #789dbb;
	padding-top: 10px;
	margin-bottom: 10px;
	clear: both;	
}

.dotted-20 {
	border-bottom: 1px dotted #789dbb;
	padding-top: 10px;
	margin-bottom: 10px;
	clear: both;	
}

.dotted-left {
	border-bottom: 1px dotted #789dbb;
	padding-top: 8px;
	margin-bottom: 8px;
	clear: both;
}

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

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

.no-margin {
	margin: 0;
}

.top-margin {
	margin-top: 15px;
}

.bottom-margin {
	margin-bottom: 15px;
}

.blog-padding {
	padding: 0 10px 10px 10px;
}


/* CONTENT RIGHT
_____________________________________________________________________________*/

#content-right {
	float: right;
	width: 537px;
	
}

#content-right .padding {
	padding: 0px 0px 0px;
}


/* MOST READ TABS - RIGHT COLUMN
_____________________________________________________________________________*/

#top-ten-tabs {
	color: #000000;
	padding-top: 3px;
}

#top-ten-tabs-blog h3 {
	color: #acadad;
	font-size: 15px;
	padding: 3px;
}

#tab-header a {
	color: #000000;
	background-color: #C0C0C0;
	font-size: 12px;
	padding: 0 5px;
	line-height: normal;
	font-weight: normal;
	letter-spacing: -1px;	
	border-left: 1px solid #F6F6F6;
	border-right: 1px solid #F6F6F6;
	border-top: 1px solid #F6F6F6;	
}

#tab-header a:hover {
	color: #C0C0C0;
	text-decoration: none;
}

#tab-header a.active,
#tab-header a.active:hover {
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12px;	
}

#top-ten-tabs .tab {
	padding: 10px 10px 10px 10px;
	display: none;
	border: 1px solid #F6F6F6;
	margin-bottom: 5px;
}

#top-ten-tabs ol {
	list-style: disc;
	margin-left: 10px;
}

#top-ten-tabs h3 {
	font: 16px Georgia bold;
}


/* POLL - RIGHT COLUMN
_____________________________________________________________________________*/

#poll-teaser {
	padding: 0px 0px 10px 10px;
	color: #666;
}

#poll-teaser h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #C0C0C0;	
}

#poll-teaser p {
	font-weight: bold;
	margin-top: 2px;
}

#poll-teaser p span{
	color: #000;
}

#poll-teaser input.image {
	margin-top: 10px;
}

.poll-col {
	float: left;
	width: 49%;
}

#promotion-teaser {
	padding: 0px 0px 10px 10px;
	color: #666;
}

/* RELATED ARTICLES - RIGHT COLUMN
_____________________________________________________________________________*/

#related-articles-teaser {
	padding: 10px;
}

ul.related-articles {
	line-height: normal;		
}

ul.related-articles li {
	margin-bottom: 5px;
}

ul.related-articles a {
	color: #C0C0C0;	
}

ul.related-articles p {
	font-style: italic;
	color: #A3A3A3;
	font-size: 11px;
	margin: 0px;
}

/* ARTICLE PAGE
_____________________________________________________________________________*/

#article-feature-image {
	margin-bottom: 15px;
	color: #666;
}

#article-body {
	font: 14px Georgia;
	line-height: 18px;
	color: #000;
	text-align: left;
}

#article-feature-image img {
	display: block;
	margin-bottom: 2px;
}

#article-feature-image p {
	font-weight: bold;
	line-height: normal;
	font-size: 11px;
	margin: 0;
}

#article-feature-image p span {
	display: block;
	text-align: right;
	padding-left: 30px;
	float: right;
	font-weight: normal;	
}

#article-page h1 {
	font: 24px Georgia;
	font-weight: bold;
	line-height: 42px;
	letter-spacing: -1px;
	margin-bottom: 8px;
	color: #000;
}

#tool-container {
	margin: 5px 0 10px 0;
}

#tool-container .byline p {
	color: #5e5c5c;
	margin: 0;
	line-height: normal;
	font-size: 11px;		
}

#tool-container .tools {
	text-align: right;
}

#tool-container .tools * {
	vertical-align: middle;	
}

#tool-container .tools a {
	color: #fa9a44;
	padding: 0 15px 0 5px;
	font-weight: bold;
}

.article-stats {
	font-size: 11px;	
	color: #5e5c5c;
	font-weight: bold;	
	margin: 25px 0 40px 0;		
}

#article-page h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: -1px;
	margin-bottom: 8px;
	color: #000000;
	margin: 20px 0;	
}

.comment-container {
	margin-bottom: 20px;
}

.comment-container .info {
	font-size: 11px;
	color: #C0C0C0;
}

.comment-container .info a {
	font-weight: bold;
}

.comment-container .info span {
	float: right;
}

.comment-container p {
	font-style: italic;
	margin: 5px 0;
}

form#comments .input {
	border: 1px solid #888a8b;
	height: 20px;
	width: 	290px;
	display: block;
	margin-bottom: 15px;
	padding: 5px 0 0 5px;
	font-weight: bold;
	font-size: 12px;
	color: #666;	
}

form#comments .textarea {
	border: 1px solid #888a8b;
	height: 205px;
	width: 	100%;
	margin-bottom: 15px;
	padding: 3px 0 0 5px;
	font-weight: bold;
	font-size: 12px;
	color: #666;	
}

/* FOOTER
_____________________________________________________________________________*/

#footer {
	margin-left: 75px;
	color: #000;
	font-size: 12px;
	font: Cambria;
}

#footer a {
	color: #000;
	font: Cambria 12px;
}

#footer b {
	color: #878484;
	font-size: 14px;
}

#footer-left {
	width: 300px;
	float: left;
	color: #878484
}

#footer-right{
	width: 575px;
	float: right;
	color: #878484;
}

/* for gallery */

.pics {  
    height:  340px;  

    padding: 0;  
    margin:  0;  
    top:  0; 
    left: 0 
} 
 
.pics img {  
    padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    height:  340px;  

    top:  0; 
    left: 0 
} 

.opinionPics {
	height: 240px;

	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
}

.opinionPics img {
	padding 5px;
	border: 1px solid #ccc;
	background-color: #eee;
	height: 240px;

	top: 0;
	left: 0;
}

/* OTHER STUFF
_____________________________________________________________________________*/

.homePageHeader {
	clear: both; 
	padding-right: 3px; 
	padding-left: 0px; 
	font-weight: bold; 
	font-size: 15px; 
	border-left-color: #003366; 
	padding-bottom: 3px; 
	margin: 4px 4px 4px 2px; 
	color:  #000000; 
	border-top-style: none; 
	border-top-color: #003366; 
	padding-top: 3px; 
	border-bottom: #C0C0C0 3px solid; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	border-right-style: none; 
	border-left-style: none; 
	background-color: #ffffff; 
	border-right-color: #003366;
	text-transform: uppercase;
}

div#masthead {
	background-position: right top; 
	background-image: url(/csp/cms/sites/Timbuktu/assets/images/TimbuktuMediaLogoR.jpg); 
	background-repeat: no-repeat;
}


.rightside-left {
	float: left;
	width: 565px;
	line-height: normal;
	padding: 1px 1px 1px 1px;	
}

.rightside-right {
	float: right;
	width: 165px;
	line-height: normal;
	padding-left: 300px;
}

div#right-header {
	float: left;
	border-bottom: 2px solid #C0C0C0;
	margin-top: 2px;	
	margin-bottom: 5px;
	clear: both;
	width: 140px;	
}

.publication-date {
	float: left;
	font-size: 8px;
	font-style: italic;
}

/* MORE NAVIGATION STUFF
_____________________________________________________________________________*/

ul. {
	list-style: none;
	padding: 0 0px;
	margin: 0;
	float: left;
	width: 831px;
	background: #FFF;
	font-size: 12px;
	
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #000000;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(/csp/cms/sitess/InvernessCourier/assets/images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 28px;
	float: left;
	position: absolute;
	background: url(/csp/cms/sites/InvernessCourier/assets/images/arrow-pointer.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 28px;
	background: #D8D8D8;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #D8D8D8;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #D8D8D8; /*--Create bevel effect--*/
	border-bottom: 1px solid #FFFFFF; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 150px;
	background: #D8D8D8 url(/csp/cms/sitess/InvernessCourier/assets/images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 0px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(/csp/cms/sitess/InvernessCourier/assets/images/dropdown_linkbg.gif) no-repeat 10px center;
}

.story-tools {
	width: 300px;
	padding-bottom: 5px;
	font-size: 14px;
}

.byline {
	color: #5e5c5c;
	margin: 0;
	line-height: normal;
	font-size: 11px;		
}

.right-text {
	line-height: normal;	
	font-size: 14px;
	color: #000;
	font-family: Cambria;
}

.opinionPics {
	height: 375px;

	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
}

.opinionPics img {
	padding 0;
	border: 0px solid #ccc;
	background-color: #eee;
	height: 375px;

	top: 0;
	left: 0;
}