/**
 * 
	Mathien Primary CSS file
	
	@author:	Jonathan Ofori-Amoah
	@date:		20-Apr-2009
	@comment:	style sheet for public website
*/

html * * 
{
	padding: 0px;
	margin: 0px;
}

body
{
	font-size: 9pt;
	color: #000;
	font-family: Helvetica, arial, tahoma, verdana, Sans-Serif;
	text-align: center;
	background: #b5c1d0 url('../img/background.png') center top no-repeat;
	padding: 0px;
	margin: 0px;
}

/* regular links */
a, a:link, a:visited, a:active { color: #000066; text-decoration: none; }
a:hover { color: orange; text-decoration: none; }

/* image links */
a, a:link img, a:visited img, a:active img { border: none; }
a:hover img{ border: none; }

a.readmore, a.readmore:link, a.readmore:visited, a.readmore:active { background: #000066; padding: 2px 4px; color: #fff; float:right; font-size:8pt; text-decoration: none; }
a.readmore:hover { color: orange; text-decoration: none; }

h1 { text-decoration: none;	padding: 3px; font-weight: normal; font-size: 16pt; font-family: tahoma; font-weight: normal; }
h2 { text-decoration: none; display: block; text-align: left; padding: 3px; font-weight: normal;}
h3 { padding: 3px; font-weight: normal; }
p { line-height: 1.5em; padding: 2px;}
hr {border-top: 1px solid #b4b4b4;}

/*
  LAYOUT DIVS
---------------*/
#MainBody { margin: auto; width: 870px;}
#HeaderSection { text-align: left; float: left; margin-top: 20px; width: 100%; padding-top: 10px; font-size: 12pt; background: #fff;}
#MainContent { text-align: left; float: left; padding: 0px; width: 590px; margin-top: 5px; }
#Footer { clear: both; padding-top: 10px;}
#SideBar { text-align: left; float: left; width: 280px; }

/* main_container */
.main_container { width: 580px; overflow: hidden; margin-bottom: 5px; margin-right: 10px; background: #fff; }
#sitewelcome {background: left top no-repeat; }

a#sitelogo,
a#sitelogo:link,
a#sitelogo:hover,
a#sitelogo:active
 { border: 0px; display: inline; float: left; } 
 
a#sitelogo img { border: 0px; padding: 0px; margin: 0px;}

.leftcontainers { width: 295px; float: left; }
 
/* Sidebar */
.side_container { background: #fff; float: left; margin: 5px 0px; width: 280px; overflow: hidden;}
.side_container .container_content { margin: 10px; float: left;}

/* Subcontent */
.sub_container { width: 285px; background: #fff; float: left; margin: 5px 0px; margin-right: 10px; overflow: hidden;}
.sub_container .container_content { margin: 10px; float: left;}

.container_content ul { list-style: none; }
.container_content ul li { list-style: none; padding: 2px 0px;}

/*breadcrumbs */
#breadcrumbs
{
    float: left;
    width: 100%;
    background: #000;
    font-size: 7pt;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0px;
}

#breadcrumbs p
{
    text-align: left;
    padding: 5px;
    padding-top: 0px;
    margin-top: 5px;
    color: #fff;
    float: left;
}

#breadcrumbs .site_description
{
    color: #b4b4b4;
    text-align: right;
    padding-top:0px;
    display:inline-block;
}
 

#breadcrumbs #social_bookmarks
{
    color: #b4b4b4;
    text-align: right;
    float: right;
    padding: 0px;
    padding-right: 5px;
}
 
#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active
{
    color: #b4b4b4;
}
 
 
#breadcrumbs a:hover
{
    color: #fff;
}

/* music player */
#mediaplayer { height: 250px; width: 260px; background: url('../img/ajax-loader.gif') center center no-repeat;}

/* MAIN NAVIGATION
-------------------------------------------------*/
ul#MainNav
{
	text-align: left;
	float: right;
	display: inline;
	background: #fff;
	margin-top: 30px;
}

ul#MainNav li {float: left; list-style: none;}

ul#MainNav li a,
ul#MainNav li a:link,
ul#MainNav li a:visited,
ul#MainNav li a:active
{
	padding: 5px 10px;
	font-size: 12pt;
	text-decoration: none;
	text-transform: lowercase;
	font-family: "Courier New";
	color: #000;
	float: left;
	margin: 0px;
    font-weight: bold;
    border: 0px;
}

ul#MainNav li a:hover
{
    background: #262626;
    color: #fff;
}

#MainNav a.current:link,
#MainNav a.current:visited,
#MainNav a.current:hover,
#MainNav a.current:active
{
    background: #5f5f5f;
    color: #fff;
    font-weight: bold;
}

/* titling and content */
.page_title { font-family: "Courier New"; width: 560px; padding: 10px; background: #f5f5f5; font-weight: bold; } 
.item_title { font-family: "Courier New"; font-size: 1.6em; font-weight: bold; text-transform: lowercase; padding: 5px 10px; margin-bottom: 5px;}
.areaTitle { font-family: "Courier New"; font-weight: bold; padding: 5px; font-size: 12pt; background: #f5f5f5; }
.main_container .item_title { padding: 0px; }

/* post content */
.post { display: block; margin: 10px; margin-bottom: 20px; }
.post_seperator { clear: both; }
.post_title { font-family: "Courier New"; font-size: 1.5em; font-weight: bold; text-transform: capitalize; padding: 10px;}
.post_info { font-size: .9em; margin: 2px 10px; padding: 2px 5px; background: #f5f5f5; display: block; clear: both;}
.post_content { font-size: 1.1em; margin: 10px; display: block; }
.post_content p  { padding: 10px 1px; padding-bottom: 15px; padding-top: 0px;}
.post_content ul { padding: 10px; margin: 10px; }
.post_content li { padding: 3px; border-bottom: 1px solid #f5f5f5;}


.post_info .post_comments { margin-left: 3px; } 

.leading { float: left; display: block; width: 260px; margin-bottom: 10px; }
.leading .post_excerpt {}
.leading_img { float: left; }
#latestnews .sub_title {font-family: "Courier New"; border-bottom: 1px solid #b4b4b4; padding: 5px; margin: 10px 0px; }
#latestnews .post_title {padding: 0px; font-size: 1.4em; }
#latestnews .post_info { margin: 2px 0px;}

.side_leading { float: left; }

/* images */
img.postfull { clear: both; margin-bottom: 10px; }
img.postleft { float: left; clear: none; margin-right: 10px; margin-bottom: 10px; }

/* pagination */
#pagination { clear: both; background: #fff; padding: 10px; display: block; float: left;}

a.navlink,
a.navlink:link,
a.navlink:visited,
a.navlink:active
{ padding: 2px 7px; float: left; color: #fff; background: #000; margin: 2px; border: 1px solid #000066;}

a.navlink:hover
{ color: red; background: white; margin: 2px; }

/* comments */
#CommentSection {margin: 0px 10px; }
#FormSection.commentform { float: left; display: block; } 
form#CommentForm { margin-left: 20px; width: 510px; display: block;}
ul#commentlist { float: left; }
ul#commentlist li { list-style: none; float: left; width: 530px; overflow: hidden; margin: 5px; padding: 10px;}

.comment_info { display: block; font-family: "courier new"; width: 100%; clear:both; border-top: 1px solid #b4b4b4;}
.comment_number { font-weight: bold; font-family: "courier new"; font-size: 12pt; background: #5f5f5f; color: #fff; padding: 5px; display: inline; float: left;}
.author_comment .comment_number { background: #000066; }
.comment_author { display: inline; padding: 5px; float: left;}
.comment_date { display: inline; padding: 5px; float: right;}

.comment_text{ padding: 10px; font-size: .9em; line-height: 1.3em; float: left; width: 100%;}

/* comment form */
.commentform .formitem { float: left; margin-top:10px; width: 100%; display: block; }
.commentform input { border: 0px; width: 200px; border-bottom: 1px solid #b4b4b4; padding: 2px; margin: 2px; font-size: 10pt;}
.commentform textarea {border: 1px solid #b4b4b4; width: 370px; margin-right: 10px; height: 100px;}
.commentform label { font-family:"Courier New"; text-transform: lowercase; float: left; width: 100px; text-align: right; padding: 2px 5px;}

.commentform .buttonSection { margin-top: 10px; display: block; text-align: right; clear: both; }
.commentform .buttonSection input{ margin-top: 10px; margin-right: 30px; width: auto; padding: 2px 5px; color: #fff; font-size: 10pt; background: #000; text-transform: capitalize; }


/* lists */
ul#linkslist li { padding: 3px 0px; border-bottom: 1px solid #f5f5f5; }

/* messages */
.info
{
	color: #000;
	margin: 3px;
	padding: 4px;
	font-weight: bold;
}

.message
{
	color: Green;
	border: 1px solid green;
	font-weight: bold;
	background: #E1F0E1;
	margin: 2px;
	padding: 4px;
}

.error
{
	color: red;
	margin: 2px;
	padding: 4px;
	font-weight: bold;
	border: 1px solid red;
	background: #F8E7EC;
}

.warning
{
	color: #F17C0E;
	margin: 2px;
	padding: 4px;
	font-weight: bold;
	background: #F5ECD1;
	border: 1px solid #F17C0E;
}

/* custom bgs */

#seephotos
{ background: url('../img/photo_bg.jpg') center center no-repeat; color: #fff;} 
#seephotos .readmore { margin-top: 130px; }

.hidden { display: none; } 

/* footer */
#Footer #Colophon { background: #fff; display: block; padding: 10px 0px; margin-bottom: 30px;}