/*
   COLOUR INDEX
-------------------------------------------------------*/

/*
   BODY
-------------------------------------------------------*/
body {
   text-align: center;
   background: #FFF url(../images/bg-body.jpg) no-repeat center top;
   font-size: 14px;
   font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
   color: #333;
}

/*
   CLEARFIX
-------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*
   TYPOGRAPHY and BASIC ELEMENTS
-------------------------------------------------------*/
/* headings */
h2, h3, h4, h5, h6 {
   font-weight: normal;
   color: #000;
}

h1 {
	font-size: 36px;
	font-weight: normal;
	font-style: italic;
}

	/* requires w, h,  */
	/*h1 a {
	   display: block;
	   width: ;
	   height: ;
	   position: absolute;
	   top: ;
	   left: ;
	   background: url(../images/filename) no-repeat top left;
	}*/

h2 {
	font-size: 24px;
}

h3 {
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	padding: 10px 0 10px;
}

	#featured h3 {
		color: #444;
	}

/* paragraphs etc. */
p {
   line-height: 1.5;
   padding-bottom: 15px;
}

	p.left {
	   text-align: left;
	}
	
	p.right {
	   text-align: right;
	}
	
	p.center {
	   text-align: center;
	}

big {
   font-size: 125%;
}

small {
   font-size: 75%;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}

blockquote {
   padding: 0 40px;
}

blockquote cite {
   display: block;
   text-align: right;
}

blockquote cite {
   padding-bottom: 15px;
}

blockquote p cite {
   padding-bottom: 0;
}

blockquote pre {
   line-height: 1.5;
   padding-bottom: 15px;
   font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
}

/* lists - usually have to put #content in front */
#content ul {
   line-height: 1.5;
   list-style: square outside;
   margin-left: 36px;
   padding-bottom: 15px;
}

	#content ul.article-list, #content ul.tab-list {
		list-style: none;
		margin: 0;
		font-size: 13px;
	}
	
	#content ul.tab-list {
		padding: 0;
	}

	#content ul.article-list li {
		padding: 7px 0;
		border-bottom: 1px dotted #ddd;
	}
	
	#content ul.tab-list li {
		padding: 2px 0;
		border-bottom: 1px dotted #ddd;
	}
	
	#content ul.article-list li span,
	#content ul.tab-list li span,
	p.article-list span {
		font-family: Arial;
		font-size: 10px;
		color: #999;
	}
	
	#content ul.article-list li span strong,
	#content ul.tab-list li span strong {
	   color: #000;
	}
	
#content ol {
   line-height: 1.5;
   list-style: decimal outside;
   margin-left: 36px;
   padding-bottom: 15px;
}

/* links */
a, a:visited {
   text-decoration: none;
   color: #000;
   border-bottom: 1px solid #aaa;
}

a:hover {
   text-decoration: none;
   color: #00a6de;
   border-bottom: 1px solid #000;
}

p a, p a:visited {
	color: #00a6de;
}

p a:hover {
	color: #eb1944;
}

h1 a, h1 a:visited {
	padding: 7px;
	background: url(../images/bg-transparent.png);
	border-bottom: none;
}

h1 a:hover {
	background: #fff;
	color: #000;
	border-bottom: none;
}

h2 a, h2 a:visited, h2 a:hover {
   border-bottom: none;
}

.article-list a, .article-list a:hover, .article-list a:visited,
.tab-list a, .tab-list a:hover, .tab-list a:visited {
   border-bottom: none;
}

.pagination {
	font-size: 10px;
	font-family: Arial, sans-serif;
}

.pagination b, .pagination strong {
	padding: 3px 6px;
	border: solid 1px #00a6de;
	color:#00a6de;
}

.pagination a {
	border: solid 1px #ccc;
	margin-right:2px;
	color: #ccc;
	text-decoration: none;
}

.pagination a:link,
.pagination a:visited {
	padding:3px 6px;
}

.pagination a:hover {
	border: solid 1px #00a6de;
	color: #00a6de;
}

p.btn {
   padding: 0;
   font-family: Arial, sans-serif;
}

.btn a, .btn a:visited {
   background-color:#BBBBBB;
   border: none;
   color:#FFFFFF;
   font-size:12px;
   font-weight:bold;
   margin:0;
   padding:6px 6px;
}

.btn a:hover {
   background: #8cc8dc;
   color: #fff;
}

/* images */
img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

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

img.center {
	margin: 0 auto 15px;
	display: block;
}

/* horizontal rule */
hr {
	color: #eee;
	background-color: #eee;
	border: 0;
	height: 1px;
}

/* tables */
table {
   
}

tr {
   
}

th {
   
}

td {
   
}

/* forms */
form {
   
}

fieldset {
   
}

legend {
   
}

input {
   
}

textarea {
   
}

.error {
   
}



/*
   BANNER
-------------------------------------------------------*/
#banner {
	width: 100%;
	height: 20px;
	background: #000;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
}

#banner ul {
   display: inline;
   line-height: 20px;
}

#banner li {
   display: inline;
}

#banner a {
	margin: 0 10px;
	border: none;
	color: #00a6de;
}

#banner a:hover {
   color: #eb1944;
}

#banner strong {
	padding-right: 10px;
}

/*
   CONTAINER
-------------------------------------------------------*/
#container {
   width: 960px;
   margin: 0 auto;
   text-align: left;
}

/*
   BRANDING
-------------------------------------------------------*/
#branding {
	height: 100px;
	line-height: 100px;
	margin: 15px 0;
	position: relative;
}

/*
   MAIN NAVIGATION
-------------------------------------------------------*/
#mainnav {
   font-size: 16px;
}

#mainnav ul {
   
}

#mainnav li {
   float: left;
}

#mainnav li a, #mainnav li a:visited {
   margin: 0 7px;
   border-bottom: none;
}

#mainnav li a:hover {
	border-bottom: 4px solid #00a6de;
	color: #000;
}

/*
   CONTENT
-------------------------------------------------------*/
#content {
   
}

/*
   COL-1
-------------------------------------------------------*/
#col-1 {
   width: 580px;
   padding: 15px 20px 15px;
   background: url(../images/bg-transparent.png) repeat left top;
}

.entry {
   margin-bottom: 15px;
   padding-bottom: 40px;
   background: url(../images/hr4.gif) no-repeat center bottom;
}

.comment-date {
   font-family: Arial;
	font-size: 11px;
	color: #999;
	padding: 0;
}

.comment-date strong {
   color: #333;
}

.comment {
   padding: 0 40px;
   margin: 10px 0;
/*   border-bottom: 1px dotted #ddd;*/
}

/*
   COL-2
-------------------------------------------------------*/
#col-2 {
   padding-bottom: 15px;
}

.tab-container {
	background: #8cc8dc;
	font-family: Arial;
	font-size: 11px;
}

#content #col-2 #tabs {
	list-style: none;
	background: #8cc8dc;
	padding: 0;
	margin: 0 0 0 5px;
}

#tabs li {
	float: left;
}

#tabs li a, #tabs li a:visited {
	display: block;
	margin: 5px 5px 0 0;
	padding: 2px 5px;
	color: #184858;
	border-bottom: none;
}

#tabs li a:hover, #tabs li a.selected {
	background: #184858;
	color: #8cc8dc;
	border-bottom: none;
}

#tabs li a:visited.selected {
   color: #8cc8dc;
}

#tab1, #tab2, #tab3, #tab4 {
	border: 5px solid #8cc8dc;
	background: #fff;
	padding: 5px;
}

#col-3, #col-4, #col-5 {
   padding-bottom: 30px;
}
/*
   FOOTER
-------------------------------------------------------*/
#footer {
   height: 50px;
   border-top: 5px solid #8cc8dc;
   background: #eee;
}

#footer p {
	line-height: 50px;
	padding: 0;
}

/*
   DIAGNOSTICS
-------------------------------------------------------*/
/*  
img[alt=""] {border: 3px dotted red;}

a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
*/