/*
Theme Name: Ice Mini Magazine
Theme URI: http://test.qualitywordpress.com/?preview_theme=ice-mag
Description: MergingSouls is a concept that God gave Dan & Suzie Potter a few years ago.  The subline of "embracing chaos & exciting community" is so much where God has us in this season of life.  If we are involved with people (and we love this part of life) we have to embrace the chaos - and walk the road of life with each other.  We also love to excite and promote anything that creates community among us, bring unity and people together as we walk this road!
Version: 1.0
Author: qualitywordpress
Author URI: http://qualitywordpress.com
*/



/* General */

body {
	margin: 0;
	background: url("images/bg.jpg");
}

h1, h2, h3, h4 {
	margin: 0;
}

img {
	border: 0;
}

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


/* Page */

#page {
	margin: -42px auto 0 auto;
	width: 895px;
	background: url("images/page.gif") repeat-y;
}

#page-top {
	width: 895px;
	background: url("images/page_top.jpg") no-repeat;
}

#page-bottom {
	width: 895px;
	min-height: 460px;
	background: url("images/page_bottom.gif") no-repeat left bottom;
}


/* Header */

#header {
	width: 890px;
	height: 369px;
	position: relative;
}

	/* Header - Info */
	
	#header #header-info {
		position: absolute;
		top: 189px;
		left: 368px;
		width: 525px;
		height: 81px;
		padding-left: 92px;
		background: url("images/logo.gif") no-repeat;
	}
	
	#header #header-info h1 {
		color: #000000;
		font: normal 32px "Century Gothic", Century Gothic;
		padding: 1px 0 5px 0;
	}
	
	#header #header-info h1 a {
		color: #000000;
		text-decoration: none;
	}
	
	#header #header-info .description {
		color: #000000;
		font: normal 17px "Century Gothic", Century Gothic;
	}
	
	/* Header - Menu */
	
	#header #header-menu {
		position: absolute;
		top: 42px;
		left: 13px;
		width: 640px;
		height: 46px;
	}
	
	#header #header-menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 640px;
		height: 46px;
	}
	
	#header #header-menu ul li {
		float: left;
		height: 46px;
		font: normal 14px/46px "Century Gothic", Century Gothic;
		color: #C5C5C5;
	}
	
	#header #header-menu ul li a {
		color: #C5C5C5;
		text-decoration: none;
		padding: 0 15px;
		display: block;
	}
	
	#header #header-menu ul li a:hover {
		background: url("images/header_menu.gif") repeat-x;
	}
	
	#header #header-menu ul li ul {
		display: none;
	}
	
	#header #header-menu ul li.current_page_item a {
		background: url("images/header_menu.gif") repeat-x;
	}
	
	/* Header - Search */
	
	#header #header-search {
		position: absolute;
		top: 54px;
		left: 655px;
		width: 217px;
		height: 22px;
	}
	
	#header #header-search #searchform {
		margin: 0;
		padding: 0;
		width: 217px;
		height: 22px;
	}
	
	#header #header-search #s {
		width: 117px;
		height: 18px;
		padding: 2px 5px;
		border: 0;
		font: normal 13px "Century Gothic", Century Gothic;
		color: #000000;
		background: transparent;
		float: left;
	}
	
	#header #header-search #searchsubmit {
		background: transparent;
		border: none;
		width: 85px;
		height: 22px;
		padding: 0;
		float: right;
	}
	
	/* Header - Newsletter */
	
	#header #header-newsletter {
		position: absolute;
		top: 230px;
		left: 32px;
		width: 200px;
		height: 90px;
		padding-top: 40px;
		background: url("images/header_newsletter.gif") no-repeat;
		color: #ffffff;
		font: bold 12px "Century Gothic", Century Gothic;
	}
	
	#header #header-newsletter p {
		margin: 0;
		padding-bottom: 7px;
	}
	
	#header #header-newsletter form {
		margin: 0;
		padding: 0;
	}
	
	#header #header-newsletter span {
		width: 55px;
		float: left;
		height: 18px;
		line-height: 18px;
	}
	
	#header #header-newsletter input {
		width: 123px;
		height: 18px;
		background: url("images/header_input.gif") no-repeat;
		border: none;
		padding: 0 5px;
		font: normal 12px "Century Gothic", Century Gothic;
		color: #000000;
	}
	
	#header #header-newsletter .submit {
		width: 85px;
		height: 26px;
		background: url("images/header_button.gif") no-repeat;
		margin-left: 104px;
	}
	
	/* Header - Recent Articles */
	
	#header #recent-articles {
		position: absolute;
		top: 223px;
		left: 264px;
		width: 305px;
		height: 145px;
	}
	
	#header #recent-articles h3 {
		width: 285px;
		height: 22px;
		color: #ffffff;
		font: bold 12px/22px "Century Gothic", Century Gothic;
		background: url("images/title_recent_articles.gif") no-repeat;
		padding: 0 10px;
	}
	
	#header #recent-articles ul {
		margin: 0;
		padding: 0 0 0 10px;
		list-style-type: none;
	}
	
	#header #recent-articles ul li {
		padding-left: 8px;
		background: url("images/header_articles.gif") no-repeat;
		color: #ffffff;
		font: bold 12px/28px "Century Gothic", Century Gothic;
	}
	
	#header #recent-articles ul li a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#header #recent-articles ul li a:hover {
		text-decoration: underline;
	}
	
	/* Header - Popular Articles */
	
	#header #popular-articles {
		position: absolute;
		top: 223px;
		left: 595px;
		width: 278px;
		height: 145px;
	}
	
	#header #popular-articles h3 {
		width: 258px;
		height: 22px;
		color: #ffffff;
		font: bold 12px/22px "Century Gothic", Century Gothic;
		background: url("images/title_popular_articles.gif") no-repeat;
		padding: 0 10px;
	}
	
	#header #popular-articles ul {
		margin: 0;
		padding: 0 0 0 10px;
		list-style-type: none;
	}
	
	#header #popular-articles ul li {
		padding-left: 8px;
		background: url("images/header_articles.gif") no-repeat;
		color: #ffffff;
		font: bold 12px/28px "Century Gothic", Century Gothic;
	}
	
	#header #popular-articles ul li a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#header #popular-articles ul li a:hover {
		text-decoration: underline;
	}

/* Header - Feed */
	
	#header #header-feed {
		position: absolute;
		top: 123px;
		left: 750px;
		width: 40px;
		height: 40px;
	}

/* Header - Feed1 */
	
	#header #header-feed1 {
		position: absolute;
		top: 290px;
		left: 750px;
		width: 40px;
		height: 40px;
	}

/* Header - Feed2 */
	
	#header #header-feed2 {
		position: absolute;
		top: 290px;
		left: 803px;
		width: 40px;
		height: 40px;
	}

/* Header - Feed3 */
	
	#header #header-feed3 {
		position: absolute;
		top: 290px;
		left: 8px;
		width: 40px;
		height: 40px;
	}

/* Header - Stu */
	
	#header #header-stu {
		position: absolute;
		top: 290px;
		left: 680px;
		width: 40px;
		height: 40px;
	}



/* Main */

#main {
	margin: 0 auto;
	width: 869px;
}

	/* Main - Content */
	
	#content {
		float: left;
		width: 541px;
		padding: 10px 17px 0 16px;
	}
	
	/* Main - Content - Post */
	
	#content .post {
		float: left;
		margin-bottom: 30px;
		width: 541px;
	}
	
		/* Post - Title */
		
		#content .post .post-title {
			width: 541px;
			height: 59px;
			font: bold 12px "Century Gothic", Century Gothic;
			color: #28597B;
		}
		
		#content .post .post-title a {
			color: #28597B;
			text-decoration: none;
		}
		
		#content .post .post-title a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-title h2 {
			color: #1A3E58;
			font: bold 24px "Century Gothic", Century Gothic;
			padding: 2px 0;
		}
		
		#content .post .post-title h2 a {
			color: #1A3E58;
			text-decoration: none;
		}
		
		#content .post .post-title h2 a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-title .post-date {
			float: left;
			background: url("images/post_date.gif") no-repeat;
			width: 59px;
			height: 59px;
			margin-right: 18px;
			color: #ffffff;
			text-align: center;
			text-transform: lowercase;
			font: bold 13px "Century Gothic", Century Gothic;
			letter-spacing: 1px;
		}
		
		#content .post .post-title .post-date span {
			padding: 9px 0 1px 0;
			display: block;
		}
		
		/* Post - Entry */
		
		#content .post .post-entry {
			font: normal 12px/18px "Century Gothic", Century Gothic;
			color: #474747;
			width: 521px;
			padding: 0 10px;
		}
		
		#content .post .post-entry a {
			color: #ff7c00;
			text-decoration: none;
		}
		
		#content .post .post-entry a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-entry a.more-link {
			font: bold 12px/18px "Century Gothic", Century Gothic;
			color: #ff7c00;
			text-decoration: none;
		}
		
		#content .post .post-entry a.more-link:hover {
			text-decoration: underline;
		}
		
		#content .post .post-entry blockquote {
			border-left: 10px solid #e6e6e6;
			margin: 0px 30px;
			padding-left: 15px;
		}
		
		/* Post - Info */
		
		#content .post .post-info {
			padding: 0 15px;
			width: 511px;
			height: 26px;
			background: url("images/post_info.gif") no-repeat;
			clear: both;
			font: bold 12px/26px "Century Gothic", Century Gothic;
			color: #ffffff;
		}
		
		#content .post .post-info a {
			color: #ffffff;
			text-decoration: none;
		}
		
		#content .post .post-info a:hover {
			text-decoration: underline;
		}
		
		/* Post - Comments */
		
		#content .post h3 {
			margin: 30px 0 5px 0;
			color: #002465;
			font: bold 18px "Century Gothic", Century Gothic;
		}
		
		#content .post .comments {
			font: normal 12px/18px "Century Gothic", Century Gothic;
			color: #474747;
			width: 521px;
		}
		
		#content .post .comments ol {
			margin: 10px 0;
			padding-left: 25px;
		}
		
		#content .post .comments ol li {
			padding: 5px;
		}
		
		#content .post .comments ol li a {
			color: #ff7c00;
			text-decoration: none;
		}
		
		#content .post .comments ol li a:hover {
			text-decoration: underline;
		}
		
		#content .post .comments ol li.alt {
			background: #e6e6e6;
		}
		
		#content .post .comments ol li cite {
			color: #ff7c00;
			font-style: normal;
			font-weight: bold;
		}
		
		#content .post .comments ol li cite a {
			color: #ff7c00;
			text-decoration: none;
		}
		
		#content .post .comments ol li cite a:hover {
			text-decoration: underline;
		}
		
		#content .post .comments ol li .commentmetadata a {
			color: #ff7c00;
			text-decoration: none;
		}
		
		#content .post .comments ol li .commentmetadata a:hover {
			text-decoration: underline;
		}
		
		#content .post #commentform {
			margin: 0;
			padding-left: 25px;
			font: normal 12px/18px "Century Gothic", Century Gothic;
			color: #474747;
			width: 496px;
		}
		
		#content .post #commentform a {
			color: #ff7c00;
			text-decoration: none;
		}
		
		#content .post #commentform a:hover {
			text-decoration: underline;
		}
	
	/* Main - Content - Navigation */
	
	#content .navigation {
		margin-bottom: 30px;
		font: bold 12px "Century Gothic", Century Gothic;
		color: #002465;
		width: 541px;
	}
	
	#content .navigation a {
		color: #002465;
		text-decoration: none;
	}
	
	#content .navigation a:hover {
		text-decoration: underline;
	}
	
		#content .navigation .navigation-previous {
			float: left;
		}
		
		#content .navigation .navigation-next {
			float: right;
		}
	
	/* Main - Sidebar */
	
	#sidebar {
		float: left;
		width: 295px;
		font: normal 14px/18px "Century Gothic", Century Gothic;
		color: #1A3E58;
	}
	
	#sidebar a {
		color: #1A3E58;
		text-decoration: none;
	}
	
	#sidebar a:hover {
		text-decoration: underline;
	}
	
	#sidebar .sidebar-box {
		width: 295px;
		padding-bottom: 10px;
	}
	
		/* Sidebar - Titles */
		
		#sidebar h3 {
			font: bold 12px/30px "Century Gothic", Century Gothic;
			color: #ffffff;
			width: 265px;
			height: 30px;
			padding: 0 15px;
			margin-bottom: 2px;
			background: url("images/sidebar_title.gif") no-repeat;
		}
		
		/* Sidebar - Menus */
		
		#sidebar ul {
			margin: 0;
			padding: 0 0 0 15px;
			list-style-type: none;
		}
		
		#sidebar ul li {
			padding-left: 8px;
			background: url("images/sidebar_menu.gif") no-repeat;
			font: normal 12px/22px "Century Gothic", Century Gothic;
			color: #1A3E58;
		}
		
		#sidebar ul li a {
			color: #1A3E58;
			text-decoration: none;
		}
		
		#sidebar ul li a:hover {
			text-decoration: underline;
		}
		
		#sidebar ul li ul {
			padding: 0 0 0 10px;
		}
		
		/* Sidebar - Forms */
		
		#sidebar #searchform {
			margin: 0;
			padding: 10px 0;
			width: 295px;
			text-align: center;
		}
		
		#sidebar #searchform #s {
			width: 205px;
		}
		
		/* Sidebar - Tables */
		
		#sidebar #calendar_wrap {
			margin: 0 auto;
			padding-top: 5px;
			width: 116px;
		}
		
		#sidebar #calendar_wrap caption {
			font-weight: bold;
		}
		
		#sidebar #calendar_wrap tbody {
			text-align: right;
		}
		
		#sidebar #calendar_wrap tfoot #next {
			text-align: right;
		}
		
		#sidebar #calendar_wrap #today {
			font-weight: bold;
		}
		
		/* Sidebar - Texts */
		
		#sidebar .textwidget {
			padding: 0 5px;
		}
		
		/* Sidebar - Ads */
		
		#sidebar .sidebar-ads {
			padding: 10px 0 0 15px;
		}
		
		#sidebar .sidebar-ads-in {
			float: left;
			padding: 0 14px 14px 0;
		}


/* Footer */

#footer {
	margin: 0 auto;
	width: 869px;
	height: 270px;
	color: #ffffff;
	font: bold 12px "Century Gothic", Century Gothic;
}

#footer a {
	color: #ffffff;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

	/* Footer - Footerbar */
	
	#footer #footerbar {
		width: 869px;
		height: 180px;
		padding-top: 17px;
	}
	
	#footer #footerbar h3 {
		font: bold 12px "Century Gothic", Century Gothic;
		color: #ffffff;
		padding: 0 0 25px 15px;
	}
	
	#footer #footerbar ul {
		margin: 0;
		padding: 0 0 0 15px;
		list-style-type: none;
	}
	
	#footer #footerbar ul li {
		font: bold 12px/26px "Century Gothic", Century Gothic;
		color: #ffffff;
		padding-left: 8px;
		background: url("images/footer_menu.gif") no-repeat;
	}
	
	#footer #footerbar ul li a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#footer #footerbar ul li a:hover {
		text-decoration: underline;
	}
	
		/* Footer - Footerbar - Boxes */
		
		#footer #footerbar #footerbar-left {
			width: 249px;
			padding: 0 17px 0 10px;
			float: left;
		}
		
		#footer #footerbar #footerbar-center {
			width: 273px;
			padding: 0 14px 0 11px;
			float: left;
		}
		
		#footer #footerbar #footerbar-right {
			width: 264px;
			padding: 0 14px 0 16px;
			float: left;
		}
	
	/* Footer - Copyright */
	
	#footer #copyright {
		width: 869px;
		text-align: center;
		line-height: 42px;
	}