/*
Theme Name: SubliMedia Ver 1.0
Theme URI: http://www.sublimediaministries.com/
Description: New Custom Theme for SubliMedia Ministries website! (Built from the original)
Version: 1 (WP2.7.1)
Author: Jahdy Lancelot
Author URI: http://www.jahdy.com.com
Tags: sublimedia, ministry, dark, orange
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "templates.css";


@charset "utf-8";
/* CSS Document */

/*******************

Orange : #fb960f;
Soft Gray: #dbdbdb;
Link Gray: #737767;
Channel Link Blue: #212e67;

********************/
.clear { clear: both; }
.off { display: none; }

* {
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.3em;
	margin-bottom: 1.2em;
}

.ie6 img { 
 behavior: url(../scripts/iepngfix.htc); 
}

.ie6 .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

img {
	border: 0;
}

body {
	background: #161616;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
}

h2 {
	text-indent: 0;
	position: relative;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	border-bottom-color: #737767;
	height: 23px;
	color: #212e67;
	width: 100% !important;
}

h2.noimage {
	text-indent: 0;
	font-size: 18px;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom: 2px;
}

a.sm-bullet {
	height: 25px;
	display: block;
	padding: 5px 10px 0 80px;
	margin: 10px 0 10px 0;
	width: auto;
	background: url(http://sublimediaministries.com/wp-content/uploads/sm-bullet.gif) #161616 no-repeat top left;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#main-content h2, .color-blue {
	color: #212e67;
}

#sidebar h2, .color-orange {
	color: #fb960f;
}

#wrap-top {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 134px;
	background: url(style/images/headerBG.jpg) no-repeat bottom right;
	position: relative;
}

	#header .logo {
		display: block;
		width: 339px;
		height: 122px;
		background: url(style/images/smlogo.png) no-repeat top left;
		float: left;
		margin-left: 30px;
		border: 0;
		cursor: pointer;
	}
	
	.ie6 #header .logo {
		margin-left: 15px;
		display: block;
	}
	
	#header .logo img {
		display: none;
		cursor: pointer;
	}
	
	#header #nav {
		float: right;
		margin: 0px 4px 0 0;
		position: absolute;
		bottom: 3px;
		right: 2px;
	}
	
	.ie6 #header #nav {
		margin-right: 2px;
	}
	
		#header #nav li {
			float: left;
			margin-right: 4px;
			list-style: none;
		}
	
		#header #nav a {
			display: block;
			width: 116px;
			height: 30px;
			text-align: center;
			background: url(style/images/nav-button-sprite.gif) no-repeat top left;
			color: #dbdbdb;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
			padding-top: 11px;
		}
		
		#header #nav a:hover, #header #nav a.active {
			background: url(style/images/nav-button-sprite.gif) no-repeat bottom left;
			color: #fb960f;
			padding-top: 10px;
			height: 31px;
		}
	
#main-content {
	min-height: 646px;
	background: url(style/images/mainbodyBG.png) no-repeat top left;
	position: relative;
}

#main-content .left-main-container ul.list {
	line-height: 1.4em;
	list-style-position: inside;
	font-size: .9em;
}

#main-content .left-main-container {
		width: 625px;
		float: left;
		margin: 2px 0 10px 19px;
		position: relative;
	}
	
#main-content .left-main-container img {
	position: relative;
}
	
.ie6 #main-content .left-main-container {
	margin-left: 9.5px;
}
	
	.sublimedia-welcome {
		height: 23px;
		border-bottom-color: #737767;
	}
	
	.top-padding {
		padding-top: 1.1em;
	}
	
	#main-content #latest-blogs {
		width: 276px;
		float: left;
		margin: 29px 0 0 0;
		position: relative;
		z-index: 2;
		padding-bottom: 5px;
		color: #161616;
	}
		
	#latest-blogs h2 {
		border-bottom-color: #737767;
		color: #fb960f;
		margin-bottom: 16px;
	}	
	
	#main-content #latest-blogs .get-rss {
		background-image: url(style/images/rss-icon.gif);
	}
	
	#latest-blogs ul {
		margin-bottom: 0;
	}
	
	#latest-blogs .read-more-channel {
		color: #FFFF33;
	}

	#latest-blogs .read-more-channel:hover {
		color: #fb960f;
	}
	
	#latest-blogs li {
		list-style: none;
	}	
		
		.blog-entry {
			margin: 0 0 10px 3px;
			padding: 5px 0;
			position: relative;
			float: left;
		}
		
		.ie6 .blog-entry {
			float: none;
		}
		
		.blog-entry .excerpt {
			color: #fff;
			font-size: .8em;
			margin-bottom: 2px;
			float: left;
			display: block;
			text-decoration: none;
			width: 215px;
		}
		
		.blog-entry .excerpt:hover {
			color: #fb960f;
		}
		
		#latest-blogs .date-author {
			color: #ddd;
			font-size: .7em;
			width: 215px;
			float: left;
			margin-bottom: 20px;
		}
		
		.blog-entry .date-author a {
	color: #FFFF33;
	text-decoration: none;
		}
		
		.blog-entry .date-author a:hover {
			color: #fb960f;
		}
		
		.blog-entry img {
			width: 42px;
			height: 42px;
			float: left;
			margin: 0 8px 0 0;
			border: 1px solid #fff;
			display: block;
		}
	
	.hot-buttons {
		margin: 0 auto 0;
		position: relative;
		float: left;
		width: 275px;
	}
	
	.hot-buttons img {
		width: 125px;
		height: 125px;	
	}

	.ie6 .hot-buttons a {
		margin-left: 2.5px;
		margin-right: 2px;
	}

	.hot-buttons a {
		border: 1px solid #ddd;
		padding: 2px;
		display: block;
		margin: 10px 0 0 5px;
		float: left;
	}

	.hot-buttons a:hover {
		border-color: #fb960f;
	}
	
	#main-content .hero-outer {
		width: 625px;
		height: 270px;
		background: url(style/images/heroBG.png) repeat-x left top;
		float: left;
		margin: 10px 0 0 0;
	}
	
	#main-content .hero-inner {
		padding: 10px;
		background: url(style/images/heroWholeBG.gif) no-repeat top left;
	}
	
	#main-content .home-page-body-outer {
		width: 339px;
		float: left;
		background: url(style/images/top-home-body.gif) no-repeat top left;
		margin: 10px 10px 0 0;
		padding: 10px 0 0 0;
		position: relative;
		z-index: 2;
	}
	
	#main-content .home-page-body-inner {	
		min-height: 378px;
		padding: 10px 10px 10px 10px;
		background: url(style/images/home-bodyBG.png) #e4e4e4 repeat-x top left;
	}
	
	#main-content .home-page-body-inner .media-caption p {
		font-size: .8em;
	}
	
	#main-content .wide-outer {
		width: 625px;
		background: url(style/images/top-wide.gif) no-repeat top left;
		float: left;
		padding: 10px 0 0 0;
		margin: 10px 0 0 0;
		position: relative;
		z-index: 2;
	}
	
		#main-content .wide-outer .wide-inner {
			background: url(style/images/wideBG.png) #e4e4e4 repeat-x top left;
			padding: 10px 12px 10px 10px;
			position: relative;
			float: left;
			width: 603px;
		}
		
		.ie6 #main-content .wide-outer .wide-inner {
		padding-right: 10px;
		}
		
	.left-main-container .posts {
			position: relative;
			float: left;
			clear: both;
		}
		
		.ie6 .left-main-container .posts {
			
		}
		
		.left-main-container .posts ul {
			list-style: none;
			float: right;
		}
		
		.left-main-container .posts li {
			float: left;
			width: 300px;
			margin-right:0;
		}	
		
		.ie6 .left-main-container .posts ul {
			position: relative;
			z-index: 3;
		}
		
		.left-main-container .posts .entry {
			float: left;
			clear: both;
			width: 100%;
			position: relative;
			padding: 0 0 10px 10px;
			margin: 0 10px 20px 0;
		}	
		
		.ie6 .left-main-container .posts .entry {
			margin-bottom: 0;
			margin-right: -10px;
		}
		
		.left-main-container .posts .entry img.post-image {
			float: left;
			margin-right: 10px;
			border: 1px solid #212e67;
			width: 80px;
			height: 60px;
			position: relative;
			margin-bottom: 10px;
		}
				
		#main-content .left-main-container .posts .entry p.date {
			float: left;
			width: 190px;
			font-size: .7em;
			margin-bottom: 0;
			color: #333;
		}
		
		.left-main-container .posts .entry .excerpt {
			float: left;
			font-size: .8em;
			width: 190px;
			position: relative;
		}
		
		.left-main-container .posts .entry .read-more {
			clear: both;
			position: absolute;
			bottom: 0;
			right: 10px;
		}
		
		.left-main-container .get-rss {
			display: block;
			width: 20px;
			height: 20px;
			background: url(style/images/rss-icon-blue.gif) no-repeat top left;
			float: right;
			position: absolute;
			bottom: 5px;
			right: 0px;
			cursor: pointer;
		}
		
#sidebar {
	width: 318px;
	float: right;
	margin: 12px 18px 10px 0;
	position: relative;
}

.ie6 #sidebar {
	margin-right: 9px;
}

#sidebar .mod-ad {
	height: 250px;
	padding: 10px 8px;
	background: url(style/images/med-rectangleBG.gif) no-repeat top left;
}

#sidebar .mod-ad img, 
#sidebar .mod-ad * {
	border: 0;
	max-width: 300px;
}

#sidebar .mod-outer {
	background: url(style/images/mod-top.gif) no-repeat top left;
	padding-top: 10px;
	margin-top: 10px;
	position: relative;
	float: left;
	width: 100%;
}

#sidebar .mod-outer .mod-inner {
	padding: 10px 10px 10px 10px;
	background: url(style/images/modBG.png) #c5c6bf repeat-x top left;
	position: relative;
	float: left;
	width: 298px;
}

.ie6 #sidebar .mod-outer .mod-inner {
	margin-top: -3px;
	padding-top: 13px;
}
	
	#sidebar .posts {
		position: relative;
		float: left;
		width: 100%;
	}
	
	/* Can't figure out why h2 is showing up short in ie7 and avant.  Went ahead and gave it fixed width */
	#sidebar .posts h2 {
		position: relative;
		width: 300px;
		float: left;
	}

	.ie6 #sidebar .posts h2 {
		float: none;
	}

	#sidebar .posts li {
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		clear: both;
		padding-bottom: 0px;
		width: 100%;
	}
	
	.ie6 #sidebar .posts li {
		width: 298px;
	}

	#sidebar .posts .entry {
		position: relative;
		border-bottom: 1px dashed #737767;
		margin-bottom: 10px;
		float: left;
		clear: both;
		width: 100%;
	}
	
		#sidebar .posts img.post-image {
			width: 80px;
			height: 60px;
			border: 1px solid #fb960f;
			float: left;
			margin: 0 10px 0 0;
			position: relative;
		}
		
		#sidebar .posts .date {
			font-size: .7em;
			font-style: italic;
			text-align: right;
			float: right;
			width: 205px;
			position: relative;
			margin-bottom: 4px;
		}
		
		#sidebar .posts .excerpt {
			font-size: .8em;
			position: relative;
			float: left;
			width: 205px;
		}
	
		#sidebar .get-rss {
			display: block;
			width: 20px;
			height: 20px;
			background: url(style/images/rss-icon.gif) no-repeat top left;
			float: right;
			position: absolute;
			bottom: 5px;
			right: 0px;
			cursor: pointer;
		}
		
		#sidebar .read-more {
			margin-top: -10px;
		}
		.read-more {
			font-size: 10px;
			color: #737767;
			text-decoration: none;
			margin: 0px 0 3px 0;
			position: relative;
			z-index: 4;
			text-align: right;
			clear: both;
			float: right;
			cursor: pointer;

		}
		
		.read-more:hover {
			color: #fb960f;
		}
		
		.read-more-channel {
			font-size: 10px;
			color: #212e67;
			text-decoration: none;
			margin-top: 0px;
			font-weight: bold;
			text-align: right;
			clear: both;
			float: right;
			position: absolute;
			right: 10px;
			bottom: 5px;
		}
		
		.ie6 .read-more-channel {

		}
		
		.read-more-channel:hover {
			color: #fb960f;
		}
		
	#sidebar #popular-forum-posts ul {
		list-style-position: inside;
		margin-top: 10px;
	}
	
	#sidebar #popular-forum-posts li {
		margin: 0 0 5px 0;
		padding: 0;
		font-size: .7em;
	}	
	
	#sidebar #popular-forum-posts li a {
		color: #212e67;
		text-decoration: none;
		margin-left: 10px;
	}
	
	#sidebar #popular-forum-posts li a:hover {
		color: #fb960f;
	}
	
	.n1 { list-style-image: url(style/images/num01.gif); }
	.n2 { list-style-image: url(style/images/num02.gif); }
	.n3 { list-style-image: url(style/images/num03.gif); }
	.n4 { list-style-image: url(style/images/num04.gif); }
	.n5 { list-style-image: url(style/images/num05.gif); }
	.n6 { list-style-image: url(style/images/num06.gif); }
	.n7 { list-style-image: url(style/images/num07.gif); }
	.n8 { list-style-image: url(style/images/num08.gif); }
	.n9 { list-style-image: url(style/images/num09.gif); }
	.n10 { list-style-image:url(style/images/num10.gif); }
		 
		#sidebar .mod-outer .mod-inner .art-culture-item .read-more:hover {
			color: #fb960f;
		}

#sidebar .mod-outer .mod-inner .popular-forum-posts{
	height: 23px;
	border-bottom-color: #737767;
}	

#footer {
	background: url(style/images/footer-wrapBG.gif) #2b2c29 repeat-x top left;
	border-bottom: 1px solid #555654;
	position: relative;
	width: 100%;
	float: left;
}

#footer-wrap {
	width: 1000px;
	height: 270px;
	background: url(style/images/footer-innerBG.gif) no-repeat top left;
	margin: 0 auto;
	position: relative;
}

#footer-wrap .quick-nav {
	width: 296px;
	font-size: 11px;
	line-height: 1.2em;
}

#footer-wrap .quick-nav a, 
#footer-wrap .quick-nav a:active, 
#footer-wrap .quick-nav a:visited {

	line-height: 1em;	
	color: #6c6d6b;
	text-decoration: none;
} 

#footer-wrap .quick-nav a:hover {
	color: #dbdbdb;
	padding-left: 2px;
}

#footer-wrap .qnl {
	margin: 90px 0 0 30px;
	float: left;
	list-style: none;
}

.ie6 #footer-wrap .qnl {
	margin-left: 15px;
}

#footer-wrap .quick-nav .title {
	color: #fb960f;
	margin-top: 10px;
}

#footer-wrap .quick-nav .title1 {
	color: #fb960f;
	margin-top: 0px;
}



#footer-wrap .qnr {
	margin: 90px 0 0 50px;
	float: left;
	list-style: none;
}

.ie6 #footer-wrap .qnr {
	margin-left: 25px;
}

#footer-wrap .stay-connected {
	width: 296px;
	position: absolute;
	right: 30px;
	top: 80px;
}

#footer-wrap .stay-connected .icon-container {
	width: 74px;
	height: 74px;
	float: left;
}

.stay-connected a {
	display: block;
	width: 64px;
	height: 64px;
	margin: 5px;
	background-image: url(style/images/icon-sprites.png);
}

.ie6 .stay-connected a {
	background-image: url(style/images/icon-sprites.gif);
}

.icon-rss { background-position: 0 0;}
.icon-rss:hover { background-position: 0 -128px;}
.icon-facebook { background-position: 192px 0px;}
.icon-facebook:hover { background-position: 192px -128px;}
.icon-twitter { background-position: 128px 0;}
.icon-twitter:hover { background-position: 128px -128px;}
.icon-myspace { background-position: 64px 0;}
.icon-myspace:hover { background-position: 64px -128px;}
.icon-flickr { background-position: 0 -64px;}
.icon-flickr:hover { background-position: 0 -192px;}
.icon-youtube { background-position: 192px -64px;}
.icon-youtube:hover { background-position: 192px -192px;}
.icon-stumble-upon { background-position: 128px -64px;}
.icon-stumble-upon:hover { background-position: 128px -192px;}
.icon-digg { background-position: 64px -64px;}
.icon-digg:hover { background-position: 64px -192px;}

.copyright {
	font-size:11px;
	text-align: center;
	color: #fb960f;
	background: #161616;
	border-top: 1px solid #515151;
	width: 100%;
	margin-bottom: 0;
}

.white-colons {
	color: #fff;
}

.ad300x600 {
	clear: both;
	width: 318px;
	height: 620px;
	float: left;
	position: relative;
	background: url(style/images/300x600BG.jpg) no-repeat top left;
	margin-top: 10px;
}

.ad300x600 img {
	margin: 10px 10px 10px 8px;
}

/*	End of front page template. */