/*
Theme Name: SSPGI
Theme URI: http://www.innovaworks.ca
Description: A two-column, fixed-width design for SSPGI.
Version: 1.0
Author: Shawn Ellsworth
Author URI: http://www.innovaworks.ca
Tags: black, fixed width, two columns
*/

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

html {height: 101%;}
body {
	margin: 0px;
	padding: 0px;
	/*background: #000000 url(images/img01.gif) repeat-x left top;*/
	background: #000000;
	/*line-height: 25px;*/
	line-height: 25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
}

h1, h2, h3 {margin: 0px; padding: 0px; font-weight: normal;}
h1 {font-size: 44px;}
h2 {text-transform: lowercase; font-weight: bold; font-size: 20px; margin: 0 0 10px 0;}
h3 {}

p, ul, ol {margin-top: 0; text-align: left;}
ul, ol {margin: 0px; adding: 0px; list-style: none;}

blockquote {margin: 0; padding: 0; font-style: italic; display: inline; line-height: 1.4;}
blockquote p {margin: 10px 0 0 0; padding: 0; }
blockquote p:before {content: '"'; font-weight: bold;}
blockquote p:after {content: '"'; font-weight: bold;}

a {color: #54B8E4;}
a:hover {text-decoration: underline; color: #fff;} 
a img {border: none;}

img.left {float: left; margin: 7px 30px 0 0;}
img.right {float: right; margin: 7px 0 0 30px;}

hr {display: none;}

.list1 {}
.list1 li {float: left; line-height: normal;}
.list1 li img {margin: 0 30px 30px 0;}
.list1 li.alt img {margin-right: 0;}

#wrapper {width: 100%;}

/* Header */

#header-wrapper {width: 960px; margin: 0 auto; padding: 0;}

	#topbar {text-transform: lowercase; color: #fff; font-weight: bold; background: url(images/bg_topbar.png) repeat-x; width: 100%; height: 24px; font-size: 13px;}
		#topbar a {color: #fff; text-decoration: none;}
			#topbar a:hover {text-decoration: underline;}
		#topbarL {float: left; margin-left: 15px; width: 460px;}
		#topbarR {float: right; margin-right: 15px; width: 460px; text-align: right;}

	#header {clear: both; width: 960px; margin: 0px auto;}

/* Logo */
	#logo {float: left; padding: 0; margin: 15px;}
		#logo h1 a {outline: none; float: left; margin: 0; padding: 0; width: 205px; height: 68px; background: url(images/sspgi_logo.png); text-indent: -2000em; z-index: 1000;}

/* Menu */
	#menu {float: right; text-align: right;}
		#menu ul {width: 630px; margin: 40px 0 0 90px; height: 29px; top: 29px; padding: 0; /*position: absolute;*/}
		#menu li {float: left; height: 29px; display: inline; list-style: none;	margin-left: 5px;}
		#menu a {height: 29px; display: block; text-indent: -9000px; outline: none;}

		#menu .page-item-3 a {background: url(images/nav/btn_home.gif) no-repeat 0 -58px; width: 83px;}
		#menu .page-item-2 a {background: url(images/nav/btn_about.gif) no-repeat 0 -58px; width: 87px;}
 		#menu .page-item-6 a {background: url(images/nav/btn_blog.gif) no-repeat 0 -58px; width: 75px;}
		#menu .page-item-11 a {background: url(images/nav/btn_community.gif) no-repeat 0 -58px; width: 130px;}
		#menu .page-item-13 a {background: url(images/nav/btn_resources.gif) no-repeat 0 -58px; width: 116px;}
		#menu .page-item-15 a {background: url(images/nav/btn_contact.gif) no-repeat 0 -58px; width: 99px;}
		
		#menu a:hover {background-position: 0 -87px;}
		#menu .current_page_item a {background-position: 0 0;}
		#menu .current_page_item a:hover {background-position: 0 -29px;}

/* Page */
#page {
	clear: both; 
	border-top: solid 1px #005B89;
	border-bottom: solid 1px #005B89;
	width: 960px;
	min-height: 400px;
	margin: 0 auto;
	padding: 0;
	background-color: #00131C;
}


/* Content */
#content {float: left; width: 630px; margin: 0 0 0 10px; padding: 0;}
#contentwide {float: left; width: 935px; margin: 0 10px; padding: 0;}
#banner {padding-bottom: 40px;}

/* Post */
.post {margin-bottom: 25px; color: #fff;}
	.post .title {
		height: 32px;
		padding: 15px 0 0 15px;
		text-transform: lowercase;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
	}	
	.post .title h2 {margin: 0; padding: 0;}	
	.post .title a {color: #fff; text-decoration: none;}	
		.post .title a:hover {color: #fff; text-decoration: underline;}	
	.post .date {
		float: right;
		margin: -31px 10px 0 0;
		padding-right: 0;
		font-weight: bold;
		font-size: 14px;
		text-transform: lowercase;
		color: #fff;
		text-align: right;
	}	
	.post ul {padding: 0 10px 10px 15px;}
	.post li {list-style: square; padding-left: 7px;}
	.post strong {font-weight: bold;}	
	.post .meta {height: 38px; padding-top: 0;}	
	.post .meta a {}	
	.post .entry {}	
	.post .entry-btm {padding: 5px 15px 0 15px;}
	.post .links {padding: 0; text-align: left;}
	/*.post .links .comments {
		padding-left: 20px;
		background: url(images/img14.gif) no-repeat left 3px;
	}*/
	.post .links .permalink {
		padding-left: 17px;
		background: url(images/img15.gif) no-repeat left 3px;
	}
.navigation {margin-left: 15px;}


/* Begin Comments*/
#comment {border: solid 1px #0081BD; width: 570px; height: 100px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px;}
.commentlist li {font-weight: bold; width: 565px; background: #002236; border: solid 1px #00415F;}
	.commentlist li .avatar {float: right; border: 1px solid #00415F; padding: 2px;	background: #fff;}
	.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
	.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
	.alt {margin: 0; padding: 10px;}
	.commentlist {padding: 0;}
	.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
	.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
	.commentlist p {margin: 10px 5px 10px 0;}
	.children {padding: 0;}
	#commentform p {margin: 5px 0;}
	.nocomments {text-align: center; margin: 0;	padding: 0;}
	.commentmetadata {margin: 0; display: block;}
	#submit {background: #23A5DC; margin: 0; line-height: 1; width: 130px; height: 32px; padding: 0 0 3px 0; border: 0; 
		color: #fff; font-weight: bold; font-size: 13px;
		cursor: pointer; float: left; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}	
	#submit:hover {background: #91D1E6;	color: #fff;}	
/* End Comments */

/* Sidebar */
#sidebar {float: right; width: 283px; padding: 0; margin: 0 20px 0 0;}
	#sidebar ul {margin: 0;	padding: 0; list-style: none; line-height: normal; text-align: left; border: none;}	
	#sidebar li {margin-bottom: 20px;}
	#sidebar li ul {padding: 0; margin: 0;}
	#sidebar li li {margin: 0 0 0 15px; padding: 0 0 10px 5px; list-style: square; /*background: url(images/img13.jpg) repeat-x left bottom;*/}
	#sidebar p {margin: 0; padding: 0 20px;}
	#sidebar h2 {width: 210px; margin: 0; padding: 10px 30px 0px 0px; text-align: left; text-transform: lowercase; font-size: 18px; font-weight: bold; color: #fff;}
	#sidebar p {line-height: 200%; padding-bottom: 20px;}
	#sidebar a {}

	/* Search */
	#search {width: 320px; padding-bottom: 25px;}
		#search h2 {margin: 15px 0 0 0; padding: 0;}
		#search form {margin: 0;}
		#search fieldset {margin: 0; padding: 0; border: none;}
		#search input {float: left;}
		#search-text {display: inline; width: 190px; height: 20px; padding: 3px 2px 2px 8px; background: #fff no-repeat left top; border: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
		#search-submit {float: left; width: 34px; height: 29px; background: url(images/img17.jpg) no-repeat left top; border: none; color: #636363;}
	
	/* Calendar */
	#calendar {}
		#calendar caption {padding-bottom: 5px;	font-weight: bold;}
		#calendar table {width: 100%; border-collapse: collapse; border-right: 1px solid #F5F2EF;}
		#calendar thead th {padding: 5px 0; text-align: center; border-top: 1px solid #F5F2EF; border-left: 1px solid #F5F2EF; background: #F5F2EF;}
		#calendar tbody td {
			padding: 5px 0;
			text-align: center;
			border-top: 1px solid #F5F2EF;
			border-left: 1px solid #F5F2EF;
		}
		#calendar tfoot td {padding: 5px;}
		#calendar tfoot #next {text-align: right;}
		#calendar #today {background: #E7F1E1;}

/* Footer */
#footer {font-size: 13px; color: #fff; width: 960px; height: 190px; margin: 0px auto; padding: 0px; background: url(images/bg_footer.png) no-repeat left top;}
	#footer a {color: #fff; text-decoration: none; font-weight: bold;}
	#footer a:hover {text-decoration: underline;}
	#footerInner {width: 100%; height: 30px; border-bottom: solid 1px #004F7B; padding-top: 3px;}
		#footerL {margin-left: 10px; float: left; width: 400px;}
		#footerR {margin-right: 10px; float: right; width: 400px; text-align: right;}

.pagetitle {display: block; padding: 10px 0px 20px 30px; font-size: 24px; font-weight: normal;}

/* home page */
#homeheader {height: 366px; padding: 0 23px 0 23px; background: url(images/home/bg_bighome.png) no-repeat; border-bottom: solid 1px #005B89;}
	#homeheader #h2 {}
	.homebox {float: left; margin: 117px 0 20px 0; height: 220px; width: 280px;}
	#homebox1 {margin-right: 36px;}
	#homebox2 {margin-right: 36px;}
	#homebox3 {}
.swap {text-indent: -2000em; z-index: 1000;}
#homebox1 h2 {width: 280px; height: 50px; margin: 0; padding: 0; background: url(images/titles/home1.png) no-repeat;}
	#homebox2 h2 {width: 280px; height: 50px; margin: 0; padding: 0; background: url(images/titles/home2.png) no-repeat;}
	#homebox3 h2 {width: 280px; height: 50px; margin: 0; padding: 0; background: url(images/titles/home3.png) no-repeat;}

/* titles */
.bar {width: 960px; border-bottom: solid 1px #005B89; height: 99px; margin: 0; padding: 0;}
#barabout {background: url(images/titles/bar_about.jpg) no-repeat;}
#barblog {background: url(images/titles/bar_blog.jpg) no-repeat;}
#barcommunity {background: url(images/titles/bar_community.jpg) no-repeat;}
#barresources {background: url(images/titles/bar_resources.jpg) no-repeat;}
#barcontact {background: url(images/titles/bar_contact.jpg) no-repeat;}

#titlehome {width: 338px; height: 31px; margin: 15px 0 10px 0; padding: 0; background: url(images/titles/title_home.gif) no-repeat;}
#titleabout {width: 338px; height: 31px; margin: 15px 0 10px 0; padding: 0; background: url(images/titles/title_home.gif) no-repeat;}
#titleblog {width: 338px; height: 31px; margin: 15px 0 0 15px; padding: 0; background: url(images/titles/title_blog.gif) no-repeat;}
#titlecommunity {width: 338px; height: 31px; margin: 15px 0 10px 0; padding: 0; background: url(images/titles/title_community.gif) no-repeat;}
#titleresources {width: 338px; height: 31px; margin: 15px 0 10px 0; padding: 0; background: url(images/titles/title_resources.gif) no-repeat;}
#titlecontact {width: 338px; height: 31px; margin: 15px 0 10px 0; padding: 0; background: url(images/titles/title_contactinfo.gif) no-repeat;}
#title404 {width: 350px; height: 31px; margin: 15px 0 10px 0; padding: 0; background: url(images/titles/title_404.gif) no-repeat;}

#titlesearch {width: 250px; height: 26px; margin: 0; padding: 0; background: url(images/titles/title_search.gif) no-repeat;}
#titlerecentdiscussions {width: 250px; height: 26px; margin: 0; padding: 0; background: url(images/titles/title_recentdiscussions.gif) no-repeat;}
#titlerecentblogposts {width: 250px; height: 26px; margin: 0; padding: 0; background: url(images/titles/title_recentblogposts.gif) no-repeat;}
#titletestimonials {width: 250px; height: 26px; margin: 0; padding: 0; background: url(images/titles/title_testimonials.gif) no-repeat;}
#titlecategories {width: 250px; height: 26px; margin: 0; padding: 0; background: url(images/titles/title_categories.gif) no-repeat;}
#titlearchives {width: 250px; height: 26px; margin: 0; padding: 0; background: url(images/titles/title_archives.gif) no-repeat;}


/* links page */
.blogroll {line-height: 1.2;}
.blogroll li {margin: 5px 0;}

/* community */
.forummenu {float: right; margin: 0 0 10px 0;}
	.forummenu li {list-style: none; display: inline;}
#wpf_search_form {/*float: right;*/}
#wpf_search_form h2 {color: #fff; text-transform: lowercase; font-size: 18px; font-weight: bold;}
.user_desc {/*border-top: solid 1px #adadad;*/}
.user_desc p {font-style: italic; margin: 2px 0; line-height: 1.15;}
.avatar {border: solid 1px #adadad !important;}