/*
Theme Name: Magazeen
Theme URI: http://smashingmagazine.com/
Description: A bold magazine theme from <a href="http://wefunction.com">Function</a> &amp; <a href="http://smashingmagazine.com">Smashing Magazine</a>.
Version: 1.0
Author: Spencer
Author URI: http://wefunction.com/
Tags: magazine, light, link, blue, two column, widgets, jquery

	The CSS, XHTML is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Columns, clearfix, etc.
03 - Header - Header, Logo, navigation, search.
04 - Dock - jQuery latest articles.
05 - Main Content - Post boxes, post meta, etc.
06 - Sidebar - Custom sidebar widgets.
07 - Footer - Categories, About, Copyright, Sponsors.

/* ----------------------------------------------*/

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	width:auto; height:auto;
	background:white;
	font:1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:black;
	line-height:19px;
}

code {
	margin:0; padding:0;
	width:80%; height:auto;
	font:1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#0f8eb3;
}

	pre {
		margin:0 auto; padding:5px 20px;
		background:#f4f1ec url(images/code.gif) repeat;
		border:1px solid #bbced7;
		font:0.92em Palatino Linotype, Georgia, Times New Roman, serif; color:#3e3e3e;
		line-height:200%;
	}

img {
	margin:0; padding:0;
	border:0;
}

ins {
	color:#009999;
}

del {
	color:#990000;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	margin:15px 0 0 10px; padding:0;
	font:bold 2.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#fefefe;
	position:relative; display:block;
}

	.post-content h1, .page-content h1 {
		margin:10px 0; padding:0;
		font:bold 1.50em Palatino Linotype, Georgia, Times New Roman, serif; color:#53798b;
overflow: hidden;
	}

	h1 a:link, h1 a:active, h1 a:visited {
		color:#fefefe;
		outline:0;
	}
	
	h1 a:hover {
		color:#d7d7d7;
	}

	h1 span {
		margin:10px 0 0 0;
		background:url(images/gradient.png) repeat-x;
		width:100%; height:20px;
		position:absolute; display:block;
	}

h2 {
	margin:0; padding:0;
	font:0.83em Verdana, Arial, Helvetica, sans-serif; color:#b9b9b9;
}

	.post-content h2, .page-content h2 {
		margin:10px 0; padding:0;
		font:bold 1.2em Palatino Linotype, Georgia, Times New Roman, serif; color:#53798b;
	}

h3 {
	margin:10; padding:0;
	font:bold 1.20em Palatino Linotype, Georgia, Times New Roman, serif; color:#30393d;
}

	.post-content h3, .page-content h3 {
		margin:10px 0; padding:0;
		font:bold 1.20em Palatino Linotype, Georgia, Times New Roman, serif; color:#53798b;
	}

	h3 a:link, h3 a:active, h3 a:visited {
		color:#30393d;
	}
	
	h3 a:hover {
		color:#54798b;
	}
	
	h3.post-title, .single h3.post-title, h3.post-title-small {
		margin:0; padding:10px 0;
		width:380px; height:auto;
		border-bottom:4px solid #30393d;
	}
	
		.single h3.post-title {
			font-size:2.00em;
			width:275px;
		}
		
		h3.post-title-small {
			font-size:1.50em;
		}

h4{
font-family: "Comic Sans MS", cursive;
 font-size: 110%;
 font-weight: 400;
 color: #333333;
 margin-bottom: 14px;
}

	#footer h4 {
		margin:0 0 20px 0;
	}

h5, #searchform label {
	/* Sidebar Header */
	margin:0; padding:28px 0 0 20px;
	width:285px; height:55px;
	background:#f5fbfe url(images/sidebar-top.gif) no-repeat top center;
	font:bold 1.25em Palatino Linotype, Georgia, Times New Roman, serif; color:#587682;
}

	.post-content h5, .page-content h5 {
		margin:10px 0; padding:0;
		width:auto; height:auto;
		background:none;
		font:bold 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#53798b;
	}

	#tag_cloud h5, #searchform label {
		margin:0; padding:0;
		background:none;
	}

h6 {
font-family: 'Philosopher', cursive;}

a:link,a:active,a:visited {
color : blue;
text-decoration : none;
border-bottom:1px solid #ccc;
}
a:hover {
text-decoration : underline;
color : #444;
border-bottom:2px solid #000;
}
strong.search-excerpt { background: yellow; }


/* Header
/* -------------- */

#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
	margin:0; padding:13px 15px;
	font:bold 1.08em Arial, Helvetica, sans-serif; color:#34393e;
	display:block;
}

#navigation ul li a:hover {
	color:#000;
	font-weight:bold; text-decoration:underline;
}

#navigation ul.pages li.current_page_item a:link, #navigation ul.pages li.current_page_item a:active, #navigation ul.pages li.current_page_item a:visited {
	/* Crazy margins to pull up the hover image above the borders.*/
	margin:-3px 0 0 0; padding:15px 15px 14px 15px;
	background:#171615 url(images/navigation-hover.gif) repeat-x bottom center;
	color:#f1f8ff; position:relative
}

a.rss:link, a.rss:active, a.rss:visited, a.rss:hover {
	margin:8px 15px 0 0; padding:0;
	width:32px; height:32px;
	background:url(images/CoffeeCup.png) no-repeat top center;
	text-indent:-9999px; display:block; outline:0;
}
a.email:link, a.email:active, a.email:visited, a.email:hover {
	margin:8px 15px 0 0; padding:0;
	width:32px; height:32px;
	background:url(images/Newspaper.png) no-repeat top center;
	text-indent:-9950px; display:block; outline:0;
}


/* Main Content
/* -------------- */

.post-info {
	text-align:right;
	font:0.92em Palatino Linotype, Georgia, Times New Roman, serif; color:#81888d;
}

	.post-info span {
		font-size:1.18em;
		display:block;
	}

		.post-info span a:link, .post-info span a:active, .post-info span a:visited {
			color:#1e1c1a;
			text-decoration:none;
		}
		
		.post-info span a:hover {
			color:#f23183;
		}
	
.comment-count a:link, .comment-count a:active, .comment-count a:visited {
	margin:0; padding:10px 20px;
	font:bold 1.00em Arial, Helvetica, sans-serif; color:#FFF;
	display:block;
}

.comment-count a:hover {
	background:black;
}

	.single .comment-count a:link, .single .comment-count a:active, .single .comment-count a:visited,
	.page-content .comment-count a:link, .page-content .comment-count a:active, .page-content .comment-count a:visited {
		padding:8px 18px;
		font:bold 1.00em Arial, Helvetica, sans-serif;
	}

.post-intro strong {
	font:bold 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#30393d;
	line-height:18px;
	overflow: hidden;
}

.continue-reading a:link, .continue-reading a:active, .continue-reading a:visited,
.cat-posts li.view-more a:link, .cat-posts li.view-more a:active, .cat-posts li.view-more a:visited {
	font:bold italic 1.17em Georgia, "Times New Roman", Times, serif; color:#bd4478;
}

.continue-reading a:hover,
.cat-posts li.view-more a:hover {
	color:#f2307f;
}

/* Drop Down
/* -------------- */

.category a:link, .category a:visited,
.category-inside a:link, .category-inside a:active, .category-inside a:visited {
	margin-bottom:-1px; padding:15px 25px 0 15px;
	display:inline-block;
	height:25px; outline:0;
	font:1.00em Georgia, "Times New Roman", Times, serif; color:#7f7d7e;
}

.active div {
	margin:0 0 -1px 0; padding:0 0 0 6px;
	width:auto; height:40px;
	background:url(images/cat-hover-left.gif) no-repeat top left;
	float:right; display:block; position:relative; z-index:10;
}

	.active a:link, .active a:visited {
		margin:0; padding:15px 25px 0 15px;
		width:auto; height:25px; display:inline-block;
		font:1.00em Georgia, "Times New Roman", Times, serif; color:#5c5659;
		background:url(images/cat-hover-right.gif) no-repeat top right;
	}
	
.cat-posts li.view-more {
	margin:0; padding-top:15px;
	text-align:right;
}

.cat-posts li a:link, .cat-posts li a:active, .cat-posts li a:visited {
	font:bold 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#30393d;
	display:block;
}
						
.cat-posts li a:hover {
	color:#bd4478;
}
												
	.cat-posts li span {
		font:0.92em Palatino Linotype, Georgia, Times New Roman, serif; color:#889194;
	}
	
/* Content Navigation
/* -------------- */

.navigation {
	font:normal 0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;
}

	.navigation a:link, .navigation a:visited, .navigation a:active {
		font:bold 0.92em Georgia, "Times New Roman", Times, serif; color:#656c71;
	}
	
	.navigation a:hover {
		color:#35383a;
	}
	
/* Comments
/* -------------- */	

.submit-comment {
	margin:0 0 15px 0; padding:0;
	width:127px; height:27px;
	background:url(images/submit-comment.gif) no-repeat top center;
	display:block; outline:0; text-indent:-9999px;
	border:0;
}

.author {
	font:1.50em Arial, Helvetica, sans-serif; color:#3c4d54;
}

	.author a:link, .author a:active, .author a:visited {
		color:#3c4d54;
	}
	
	.author strong span, .author strong span a:link, .author strong span a:active, .author strong span a:visited {
		color:#6b8894;
		display:inline;
	}
	
.author span {
	font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2;
	display:block;
}

.comment-text {
	font:1.00em Arial, Helvetica, sans-serif; color:#74868d;
	line-height:19px;
}
	
/* Sidebar
/* -------------- */

#sidebar li {
	font:0.92em Palatino Linotype, Georgia, Times New Roman, serif;
}

	#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {
		font:bold 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#5a656a;
	}
	
	#sidebar li a:hover {
		text-decoration:none;
	}
	
#sidebar .rss-date {
	margin:5px 0; padding:0;
	color:#709cb0;	
	display:block;
}

#sidebar .rssSummary {
	margin:5px 0; padding:0;
}

#sidebar li a.sidebar-read-more:link, #sidebar li a.sidebar-read-more:visited, #sidebar li a.sidebar-read-more:active,
#sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li a.sidebar-read-more-rss:active {
	margin:18px 0 0 25px; padding:0;
	font:bold 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#a6b5bc;
	position:absolute;
}

	#sidebar li a.sidebar-read-more-rss:link, #sidebar li a.sidebar-read-more-rss:visited, #sidebar li a.sidebar-read-more-rss:active {
		padding:1px 0 0 23px;
		line-height:16px;
		background:url(images/rss.png) no-repeat center left;
	}

#sidebar li a.sidebar-read-more:hover,
#sidebar li a.sidebar-read-more-rss:hover {
	color:#889297; text-decoration:none;
}

#featured-news .sidebar-content a:link, #featured-news .sidebar-content a:active, #featured-news .sidebar-content a:visited,
#recent-news .sidebar-content a:link, #recent-news .sidebar-content a:active, #recent-news .sidebar-content a:visited {
	font:bold 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#5a656a;
}

#featured-news .sidebar-content a:hover, #recent-news .sidebar-content a:hover {
	color:#475054;
}

	#featured-news .sidebar-content span a:link, #featured-news .sidebar-content span a:visited, #featured-news .sidebar-content span a:active,
	#recent-news .sidebar-content span a:link, #recent-news .sidebar-content span a:visited, #recent-news .sidebar-content span a:active {
		margin:5px 0 0 0; padding:0;
		font:normal 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#709cb0;
		display:block;
	}
	
	#featured-news .sidebar-content span a:hover,
	#recent-news .sidebar-content span a:hover {
		color:#5e8293;
	}
	
#sponsored-ad p.sponsored-ad {
	margin:auto auto 8px 5px;
	font:0.92em Palatino Linotype, Georgia, Times New Roman, serif; color:#9caab1;
}

/* Footer
/* -------------- */
	
p.about-text {
	margin:0 0 10px 0;
	font:0.92em Arial, Helvetica, sans-serif; color:white;
	line-height:17px;
}

p.copyright {
	margin:10px 0 0 0;
	font:0.92em Arial, Helvetica, sans-serif; color:white;
}

/* Misc
/* -------------- */

.arial, .arial a {
	font-family:Arial, Helvetica, sans-serif;
}

/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/

.container {
	/* The container is a class simply because of the multiple full-span elements.*/
	margin:0 auto; padding:0;
	width:1000px; height:auto;
}

/* Various Columns
/* -------------- */

.col-580 {
	width:640px;
	text-indent: 12px;
}

.col-340 {
	width:340px;
}

.left, .alignleft {
	float:left;
	margin-right:10px;
}

.right, .alignright {
	float:right;
	margin-left:10px;
}

.aligncenter {
display:block;
margin:0 auto;
text-align: center;
}

/* Clearfix
/* -------------- */

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* 03 - HEADER
/* ----------------------------------------------*/

#header {
	margin-top:15px; padding:0;
	width:auto; height:190px;
	background:white url(images/header01.gif) repeat-x top center;
	border-bottom:1px solid #4a4d4c;
}

	#logo {
		
		margin-top:5px; padding:0;
		width:1000px; height:190px;
		background:url(images/pathless2011.jpg) no-repeat top center;
		float:left;
	}

	
	#searchform-header {
		margin:-36px 20px 0 0; padding:0;
		z-index: 2;
		width:284px; height:auto;
		background:url(images/searchform-back.gif) no-repeat center left;
		float:right;
	}
	
		#searchform-header #s {
			margin:0 0 0 0; padding:6px 10px 5px 25px;
			width:165px; height:auto;
			border:0;
			background:none;
			float:left;
			font-size:0.92em; color:#aea592;
		}
		
		#searchform-header #go {
			float:right;
			margin:0;
		}
	
#navigation {
	margin:0; padding:0;
	background:#FFF url(images/navigation.gif) repeat-x bottom center;
	border-top:2px solid #393b3b; border-bottom:1px solid #FFF;
}

	#navigation ul.pages {
		margin:0 auto; padding:0;
		width:840px; height:auto;
		list-style:none; float:left;
	}
	
		#navigation ul li {
			margin:0 3px; padding:0;
			float:left; overflow:visible;
		}
		
	.rss {
		margin:0 30px 0 0; padding:0;
		width:32px; height:32px;
		float:right;
	}
.email {
		margin:0 30px 0 0; padding:0;
		width:32px; height:32px;
		float:left;
	}
	
/* 04 - DOCK
/* ----------------------------------------------*/
	
#latest-dock {
	margin:0; padding:0;
	background:#f4f6f8 url(images/dock.gif) repeat-x bottom center;
	border-bottom:1px solid #fbf9fa;
}

	.dock-back {
		padding:20px 0;
		background:url(images/dock-back.gif) no-repeat bottom center;
	}
	
		#dock {
			margin:0 auto; padding:0;
			width:940px;
			list-style:none;
			position:relative;
			text-align:center;
		}
		
			#dock li {
				margin:0; padding:0 0 18px 0;
				display:inline;
			}
			
				#dock li.dock-active {
					background:url(images/dock-shadow.png) no-repeat bottom center;
				}
			
				#dock li a:link, #dock li a:active, #dock li a:visited {
					margin:30px 7px 0 7px; padding:2px 0 0 0;
					width:75px; height:58px;
					background:url(images/dock-preview-back.png) no-repeat top center;
					display:inline-block;
				}
					
				#dock li span {
					margin:0; padding:0;
					width:980px; height:auto;
					position:absolute;
					display:none;
					top:0; left:0;
					text-align:center;
					font:bold 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#31393d;
				}
				
				.latest {
					width:980px; text-align:center;
					font:bold 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#31393d;
					position:absolute;
				}
		
/* 05 - MAIN CONTENT
/* ----------------------------------------------*/

#main-content {
	padding:20px 0;
	background:url(images/main-content.gif) no-repeat top center;
	border-top:1px solid #c6dee7;
	border-bottom:10px solid #d0dce2;
	
}

.post {
	margin:0 0 25px 0;
}

/* Archive Post
/* --------------- */

.archive {
	margin:0;
}
	
	.archive .post-meta {
		margin:0 0 17px 0;
	}
	
	.archive .post-info {
		font-style:italic;
	}
	
/* Small (Half) Post
/* --------------- */

.single {
	margin:0 15px 20px 0;
	width:275px; height:auto;
	float:left;
}

	.single .post-content {
		margin:0; padding:22px 17px 11px;
	}
	
	.single .post-image {
		height:115px;
	}
	
	.single .post-footer {
		padding:16px 23px;
	}
	
	.last {
		margin:0;
	}

/* Post Box
/* --------------- */
	
.post-box {
	margin:0; padding:0;
	background:#fdfefe url(images/post-box-top.gif) repeat-x top center;
	border:1px solid #dce7ed;
	border-bottom:1px solid #cfdbe1; border-top:0;
}

	.post-meta {
		margin:0 0 23px 0; padding:0;
		border-bottom:1px solid #FFF;
		position:relative;
	}
		
		.post-info {
			margin:0; padding:10px 5px;
			width:190px; height:auto;
			border-bottom:4px solid #889398;
			bottom:0; right:0;
			position:absolute;
		}

	.post-content, .page-content, .comment-content {
		margin:0; padding:22px 22px 11px;
		border:1px solid #FFF;
		border-bottom:1px solid #e8ebec;
		position:relative;
	}
	
		.page-content {
			padding:15px 22px 0;
		}
		
		.comment-count {
			margin:0; padding:0;
			width:auto; height:auto;
			background:black;
			position:absolute; display:block;
			top:-10px; left:-10px;
		}
			.page-content .comment-count {
				margin-top:-15px;
			}
				
		.post-image, .post-image-inner {
			margin:0 auto 10px auto; padding:0;
			width:auto; height:auto;
			display:block;
		}
		
			.post-image-inner {
				margin:0 auto 10px 15px;
				float:right;
			}
		
			.post-image img, .post-image-inner img {
				margin:0 auto; padding:3px;
				border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;
				border-bottom:1px solid #e7e8e8;
				text-align:center; display:block;
			}
			
	/* Post Footer
	/* --------------- */		
			
	.post-footer {
		margin:0; padding:23px;
		background:#fcfdfe;
		border-top:1px solid #FFF;
		position:relative; z-index:100;
	}
	
		.continue-reading {
			margin:0; padding:0;
			width:180px; height:auto;
			float:left;
		}
		
		.category-menu {
			margin:0; padding:0;
			width:350px; height:auto;
			float:right; text-align:right;
			position:absolute; top:10px; right:10px;
		}
		
			.indicator, .indicator-active {
				margin:0; padding:0;
				width:7px; height:5px;
				background:url(images/expand.gif) no-repeat center left;
				display:inline-block; vertical-align:middle;
			}
			
				.indicator-active {
					background:url(images/collapse.gif) no-repeat center left;
				}
		
			.dropdown {
				margin:0; padding:0;
				width:360px; height:auto;
				background:url(images/dropdown.png) no-repeat bottom center;
				text-align:left;
				display:none;
				position:relative;
			}
			
				.cat-posts {
					margin:0 auto; padding:10px 0 19px 0;
					width:322px; height:auto;
					list-style:none;
					border-top:1px solid #ebecec;
				}
				
					.cat-posts li {
						margin:0; padding:10px 15px;
						background:url(images/cat-post-li.gif) no-repeat bottom right;
					}
					
						.cat-posts li.view-more {
							background:none;
						}

/* Content Navigation
/* --------------- */	
						
.navigation {
	margin:0; padding:8px 10px;
	background:#dce8ee url(images/box-highlight.gif) repeat-x bottom center;
	border:1px solid #ebf2f5;
	border-bottom:1px solid #d4e0e6;
}

/* WP Attachments
/* --------------- */

.wp-caption {
	margin:0 10px; padding:9px 5px 5px;
	background:#FFF;
	border:1px solid #ebf2f5;
	border-bottom:1px solid #CCCCCC;;
	text-align:center;
}

	.wp-caption-text {
		margin:5px auto auto auto; padding:5px 0 0;
		font:0.92em Arial, Helvetica, sans-serif; color:#656c71;
	}
	
/* Inputs
/* --------------- */

.input {
	margin:0; padding:5px;
	background:#fdfefe url(images/post-box-top.gif) repeat-x top center;
	border:1px solid #dce7ed;
	font:0.92em Arial, Helvetica, sans-serif; color:#76716c;
}

	
/* Comments
/* --------------- */

.comment-content {
	padding:0;
	background:#f3f8fa;
	border-bottom:0;
}

.commentlist, .commentlist ul {
	margin:15px 0 0 0; padding:0;
	list-style:none;
}

	.commentlist li {
		margin:0; padding:30px;	
		background:url(images/white.gif) repeat-x bottom center;
		border-bottom:1px solid #d9e1e6;
	}
	
	.commentlist li.alt, .thread-alt {
		background:#f9fcfd url(images/white.gif) repeat-x bottom center;
	}
	
	.commentlist li.no-comments {
		margin:55px 0 0 0; padding:0 30px;
		background:none;
		border:0;
	}
	
	.commentlist .children {
		margin:10px 0 0 0; padding:0;
		border:1px solid #d9e1e6;
	}
	
		.commentlist .children li {
			margin:0; padding:20px;
			border-bottom:1px solid #FFF;
		}
	
	
		.commentlist li .comment-wrap {
			position:relative;
			text-align:left;
		}
	
			.commentlist li .comment-text {
				margin:0; padding:0;
				width:auto; height:auto;
				background:none;
			}
			
			.commentlist li .comment-author {
				margin:0; padding:0;
				width:auto; height:auto;
			}
			
				.gravatar {
					margin:0 10px 0 0; padding:1px 0 0 2px;
					width:41px; height:40px;
					background:url(images/gravatar.gif) no-repeat top center;
					float:left;
				}
				
				.author {
					margin:2px 0 0 0; padding:0;
					width:auto; height:auto;
					float:left;
				}

/* 06 - SIDEBAR
/* ----------------------------------------------*/

#sidebar {
	margin:0 0 0 15px; padding:0;
	width:305px; height:auto;
	list-style:none;
}

	#sidebar li {
		margin:0 0 20px 0; padding:0 0 56px 0;
		width:auto; height:auto;
		background:#f5fbfe url(images/sidebar-bottom.gif) no-repeat bottom center;
	}
	
		#sidebar #tag_cloud, #sidebar #search {
			padding:0;
			background:none;
		}
		
			#searchform {
				margin:0 auto; padding:0;
			}
			
	#sidebar #sponsored-ad {
		background:none;
	}
	
		#sidebar li ul, #sidebar .textwidget, #calendar_wrap {
			margin:0 auto; padding:0;
			width:245px; height:auto;
			list-style:none;
			background:#ebf6fb;
			overflow:hidden;
		}		
		
			#calendar_wrap {
				margin:0 auto;
				width:190px;		
			}
		
				#wp-calendar {
					margin:15px 0; padding:0;
					width:100%; height:auto;
				}
				
					#wp-calendar caption {
						font:bold 1.00em Palatino Linotype, Georgia, Times New Roman, serif; color:#5a656a;
					}
					
					#wp-calendar thead tr th {
						font-weight:bold;
					}
					
					#wp-calendar td {
						font:0.92em Arial, Helvetica, sans-serif; color:#709cb0;
						border:1px solid #d2dce0; text-align:center;
					}
					
						#wp-calendar tfoot td {
							border:0;
						}
		
		#sidebar .textwidget {
			margin:0 auto 15px auto;
		}
		
			#sidebar li ul li  {
				margin:0 0 15px 0; padding:0;
				width:auto; height:auto;
				background:none;
			}
			
				.sidebar-preview {
					margin:0; padding:3px 0 0 4px;
					width:114px; height:65px;
					background:#FFF url(images/sidebar-preview-back.gif) no-repeat top center;
					float:left;
				}
				
				.sidebar-content {
					margin:0; padding:0;
					width:115px; height:auto;
					float:right;
				}
a:link,a:active,a:visited {
color : blue;
text-decoration : none;
border-bottom:1px solid #ccc;
}
a:hover {
text-decoration : underline;
color : #444;
border-bottom:2px solid #000;
}
						
/* 07 - FOOTER
/* ----------------------------------------------*/

#footer {
	margin:0; padding:30px 0;
	width:auto; height:auto;
	background:#171615 url(images/footer-stroke.gif) repeat-x top center;
	border-top:1px solid #171615; border-bottom:1px solid #1e1d1d;
}

	.footer-divider {
		background:url(images/footer-divider.gif) repeat-y top left;
	}

	#footer .categories {
		margin:0; padding:0;
		width:360px; height:auto;
		float:left;
	}
	
		.footer-cat {
			margin:0; padding:0;
			width:360px; height:auto;
			list-style:none;
			font: .75em;
		}
		
			.footer-cat li {
				margin:5px 0; padding:0 0 0 9px;
				width:150px; height:auto;
				float:left;
				background:url(images/footer-cat-left.gif) no-repeat top left;
			}
			
				.footer-cat li a {
					margin:0; padding:0 9px 0 0;
					width:auto; height:23px; line-height:23px;
					float:left; display:block;
					background:url(images/footer-cat-right.gif) no-repeat top right;
				}
				
				.footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {
					font-family:Georgia, "Times New Roman", Times, serif; color:#a7a7a7;
				}
				
				.footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {
					color:#FF00FF;
				}
				
			.footer-cat li:hover, .footer-cat li:hover a {
	  			background-position:0% -23px;
			 	cursor:pointer;
			 }
			
			.footer-cat li:hover a {
				background-position:100% -23px;
			}
	
	#footer .about {
		margin:0; padding:0;
		width:580px; height:auto;
		float:right;
		color:white;
	}


.about a:link,a:active, {
color: white;
text-decoration : none;
border-bottom:1px solid #ccc;
}
.about a:hover {
text-decoration : underline;
color : #444;
border-bottom:2px solid #000;
}
.about a:visited {
color: red;
}
	
#link-back {
	margin:0; padding:15px 0;
	background:#0c0b0b;
}

	.donators {
		margin:0; padding:0;
		width:282px; height:auto;
		float:left;
	}

		a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover,
		a.function:link, a.function:active, a.function:visited, a.function:hover {
			margin:0; padding:0;
			width:154px; height:54px;
			background:url(images/smashing.gif) no-repeat top center;
			display:block; text-indent:-9999px; float:left; outline:0;
		}
		
		a.function:link, a.function:active, a.function:visited, a.function:hover {
			width:128px;
			background:url(images/function.gif) no-repeat top center;
		}

/* Wayne's */
p { text-indent: 12px;
}
.bookpage { background: #fff;
            border: 1px solid #ccc;
            margin: 26px auto;
            width: 90%;
            padding: 12px;
            /* border-radius below */
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            /* box shadow below */
            -moz-box-shadow: 10px 10px 5px #000000;
            -webkit-box-shadow: 10px 10px 5px #000000;
            box-shadow: 10px 10px 5px #000000;
}
.wayne_header { background-image: url(http://www.phoenixcentre.com/images/nothing.jpg);
                background-repeat: no-repeat;
                width: 90%;
                margin-left: auto;
                margin-right: auto;
                border-style: inset;
                padding: 90px 10px 10px 10px;
                border-color: #0099FF;
}
h4 { font-family: "Comic Sans MS", cursive;
     font-weight: 400;
     color: #333333;
}
hr { margin-bottom: 10px }
.style10 { font-family: Arial, Helvetica, sans-serif;
           font-size: 110%;
           color: #000000;
           font-weight: bolder;
           margin-left: 30px;
}
.style10light { font-family: Arial, Helvetica, sans-serif;
                font-size: 80%;
                color: #0000CC;
                font-weight: bolder;
                margin-left: 30px;
}
.style11 { color: #330000;
           font-weight: bold;
}
.style12 { font-size: small;
           color: #006600;
}
.style12c { font-size: small;
            color: #060;
            text-align: center;
}
.style13 { font-size: smaller }
.style16 { font-size: small }
.style17 { color: black;
           background-color: #CCCCCC;
}
.zen { font-family: Georgia, Times New Roman, Times, serif;
       font-size: 12px;
       font-weight: bold;
       font-variant: small-caps;
       color: #660066;
}
.zencentre { font-family: Georgia, Times New Roman, Times, serif;
             font-size: 12px;
             font-weight: bold;
             font-variant: small-caps;
             color: #660066;
             text-align: center;
}
.zencentresm { font-family: Georgia, Times New Roman, Times, serif;
               font-weight: bold;
               font-variant: small-caps;
               color: #660066;
               text-align: center;
               font-size: small;
}
.zen4 { font-family: Georgia, Times New Roman, Times, serif;
        font-size: 14px;
        font-weight: bold;
        font-variant: small-caps;
        color: #660066;
}
.chakracentre { font-family: Geneva, Arial, Helvetica, sans-serif;
                font-weight: bold;
                color: #009900;
                text-align: center;
}
.foreign { color: #660099;
           font-family: Georgia, "Times New Roman", Times, serif;
           font-style: italic;
           font-weight: bold;
}
.emphasis { color: #96C;
            font-family: "Times New Roman", Times, serif;
            font-size: 14pt;
            font-style: italic;
            font-weight: 700;
            background-color: transparent;
            text-align: center;
}
.recipient,
span.recipient { font-family: Geneva, Arial, Helvetica, sans-serif;
                 color: #C30;
                 font-weight: 700;
                 font-size: 110%;
}
.giver { font-family: "Comic Sans MS", cursive;
         color: #000;
         font-weight: 700;
         font-size: 105%;
}
.emphasisblctr,
p.emphasisblctr { font-family: Geneva, Arial, Helvetica, sans-serif;
                  color: #000;
                  font-size: 100%;
                  font-style: italic;
                  font-weight: 700;
                  background-color: transparent;
                  text-align: center;
                  padding: 10px;
}



div.hr { height: 15px;
         background: #fff url(http://www.phoenixcentre.com/images/hr1.gif) no-repeat scroll center;
         margin: 10px 20px 20px 20px;
}
 div.hr hr { display: none }
blockquote { margin-top: 12px;
             margin-left: auto;
             margin-right: auto;
             margin-bottom: 12px;
             width: 400px;
             font-family: 'Philosopher',Geneva, Arial, Helvetica, sans-serif;
             font-size: 14px;
             font-style: italic;
             color: black;
             border: 1px solid #cccccc;
             padding: 10px 25px 5px 10px;
             /* border-radius below */
             -webkit-border-radius: 12px;
             -moz-border-radius: 12px;
             border-radius: 12px;
             /* box shadow below */
             -moz-box-shadow: 10px 10px 5px #000000;
             -webkit-box-shadow: 10px 10px 5px #000000;
             box-shadow: 10px 10px 5px #000000;
}
p.red_boxlink { border: 4px inset;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 90%;
                text-align: right;
                margin-right: auto;
                margin-left: auto;
                width: 85%;
                vertical-align: middle;
                border-color: #900 #900 #999 #999;
                padding: 10px 5px;
}
red_box { border: 2px inset;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 95%;
          text-align: left;
          margin-left: 10px;
          margin-right: auto;
          border-color: red;
          padding: 10px;
          background-color: #FFFFFF;
          float: right;
}
#red_box_top { width: 1000px;
               background-color: white;
               border: 0px inset;
               border-color: teal;
               padding: 10px;
               margin-left: auto;
               margin-right: auto;
}
.pullquote { font-family: "Comic Sans MS", cursive, fantasy;
             font-size: 125%;
             width: 200px;
             float: right;
             height: 210px;
             background: transparent url(http://www.phoenixcentre.com/cssfiles/pullquote.png) no-repeat;
             text-align: center;
             padding: 30px 25px 20px 35px;
             color: #036;
}
/***********************************************/
/* Graphics                               */
/***********************************************/
.caption { margin: 10px;
           padding: 5px;
           border: solid thin silver;
           background: #E5F2FF;
           font-size: 90%;
           color: black;
           text-align: center;
           text-indent: 0px;
           font-style: italic;
}
.figure { width: 210px;
          float: left;
          margin: 0 1em 1.5em 1em;
          padding: 2px;
          border: solid thin silver;
          background: #E5F2FF;
          color: black;
          text-align: center;
          font-style: italic;
}
.figcaption { text-align: center;
              font: italic 0.9em Georgia, "Times New Roman", Times, serif;
}

.figureright {
    width: 210px;
    float: right;
    clear: right;
    margin: 0 1em 1.5em 1em;
    padding: 2px;
    border: solid thin silver;
    background: #FFFFFF;
    color: black;
    text-align: center;
    font-style: italic;
}
.figcaption {
    text-align: center;
    font: italic 0.9em Georgia, "Times New Roman", Times, serif;
}
.figuremed {
    width: 350px;
    float: left;
    margin-right: 30px;
	margin-bottom: 20px;
    padding: 5px;
    border: solid thin silver;
    color: black;
    text-align: center;
    font-style: italic;
    text-indent: 0px;
    background-color: #FFFFFF;
    
}
.figurelgleft {
    width: 450px;
    float: left;
    margin-right: 20px;
	margin-bottom: 20px;
    padding: 5px;
    border: solid thin silver;
    color: black;
    text-align: center;
    font-style: italic;
    text-indent: 0px;
    background-color: #FFFFFF;
    
}

.figuremedright {
    width: 350px;
    float: right;
    margin-left: 20px;
	margin-bottom: 20px;
    padding: 5px;
    border: solid thin silver;
    color: black;
    text-align: center;
    font-style: italic;
    text-indent: 0px;
    background-color: #FFFFFF;
    
}

.figuremedcenter {
    width: 350px;
   margin: 20px auto;
    padding: 5px;
    border: solid thin silver;
    color: black;
    text-align: center;
    font-style: italic;
    text-indent: 0px;
    background-color: #FFFFFF;
    
}
.clickbank { width: 260px;
             float: right;
             margin: 10px;
             border: solid thin silver;
}
img.scaled { width: 100%; height: 100%;}
.figurelg { position: relative;
            width: 500px;
            padding: 10px;
            margin: 0px auto 10px auto;
            background-color: #fff;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-border-radius: 4px;
            border-radius: 4px;
}
.figurelg:before,
.figurelg:after { bottom: 15px;
                  left: 10px;
                  width: 50%;
                  height: 20%;
                  max-width: 300px;
                  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
                  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
                  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
                  -webkit-transform: rotate(-3deg);
                  -moz-transform: rotate(-3deg);
                  -ms-transform: rotate(-3deg);
                  -o-transform: rotate(-3deg);
                  transform: rotate(-3deg);
}
.figurelg:after { right: 10px;
                  left: auto;
                  -webkit-transform: rotate(3deg);
                  -moz-transform: rotate(3deg);
                  -ms-transform: rotate(3deg);
                  -o-transform: rotate(3deg);
                  transform: rotate(3deg);
}
.figurelg p { text-align: center;
              font-style: italic;
              font-size: 12px;
              text-indent: 0;
}
.figure img,
.figurelg img { margin-left: auto;
                margin-right: auto;
}
/******* sweden text and image tag styles *******/
#sweden { float: right;
          width: 550px;
          margin-top: 10px;
          margin-bottom: 10px;
          border: 2px solid #C8CDD2;
          background-image: url(../images/salmon_bg.jpg);
          padding: 10px 0 0 10px;
}
 #sweden dl { float: left;
              width: 532px;
              margin-top: 10px;
              margin-bottom: 10px;
              border-bottom-style: dashed;
              display: inline;
              padding: 0;
 }
 #sweden dt { float: left;
              width: 510px;
              margin-top: 0;
              margin-bottom: 20px;
              font-size: 130%;
              letter-spacing: 1px;
              color: #627081;
              padding: 0;
 }
 #sweden dd { font-size: 85%;
              line-height: 1.5em;
              color: #666;
              margin: 0 0 0 208px;
              padding: 10px;
 }
 #sweden dd.img img { float: left;
                      border: 2px solid #D9E0E6;
                      border-bottom-color: #C8CDD2;
                      border-right-color: #C8CDD2;
                      background: #fff;
                      margin: 0 8px 0 0;
                      padding: 4px;
 }
/* reverse float */
 #sweden .alt dt { float: left }
 #sweden .alt dd { margin: 0 398px 0 0 }
 #sweden .alt dd.img img { float: right;
                           margin: 0 0 0 8px;
 }
fieldset { text-align: justify;
           width: 95%;
           background-color: #E9EDFF;
           border: solid 3px black;
           padding: 10px;
           margin-bottom: 10px;
}
legend { font-size: 16px;
         margin-top: -6px;
         font-family: "Comic Sans MS", cursive;
         background-color: #CCCCFF;
         border: solid 2px red;
         padding: 5px;
}
#fieldsetsearch { text-align: justify;
                  width: 300px;
                  background-color: #FF9;
                  border: solid 3px teal;
                  padding: 10px;
                  margin: 25px auto 10px auto;
}
#legendsearch { float: left;
                margin-top: -12px;
                font-size: 16px;
                font-family: "Comic Sans MS", cursive;
                background-color: #fcc;
                border: solid 2px teal;
                padding: 0px 10px 0px 10px;
}
#ad101 { margin: 25px auto 10px auto;
         padding: 0px 10px 5px 10px;
         text-align: justify;
         width: 450px;
         background-color: #FAEBD7;
         border: solid 3px gray;
}
#adle101 { float: left;
           margin-top: -12px;
           font-size: 16px;
           font-family: "Comic Sans MS", cursive;
           background-color: #CCCCCC;
           border: solid 2px gray;
           padding: 0px 10px 0px 10px;
}
.notice { margin: 25px auto 10px auto;
          padding: 0px 10px 5px 10px;
          text-align: justify;
          width: 450px;
          background-color: #FAEBD7;
          border: solid 3px gray;
}
.noticele { float: left;
            margin-top: -12px;
            font-size: 16px;
            font-family: "Comic Sans MS", cursive;
            background-color: #CCCCCC;
            border: solid 2px gray;
            padding: 0px 10px 0px 10px;
}
/* footer */
.footer { overflow: hidden;
          background: #ddd;
          border-top: 3px solid #bbb;
          margin-left: auto;
          margin-right: auto;
          width: 960px;
}
 .footer .links { float: left;
                  padding: 20px 30px 20px 20px;
                  font: normal normal normal 1em/1.2 tahoma,arial,sans-serif;
                  border-top: 1px solid #4b3b72;
 }
 .footer .links#links-home { width: 90px }
 .footer .links#links-portfolio { width: 120px }
 .footer .links#links-resources { width: 90px }
 .footer .links#links-personal { width: 120px }
 .footer .links#links-zen { width: 120px }
 .footer .links#links-contact { width: 145px;
                                padding-left: 15px;
                                text-align: right;
 }
 .footer .links h3 { color: #224;
                     margin-bottom: 0.3em;
 }
 .footer .links p { color: #224;
                    font-style: italic;
                    font-size: 0.85em;
                    line-height: 1.25;
 }
 .footer .links li a,
 .footer .links li:visited { color: #555;
                             text-decoration: none;
 }
 .footer .links li a:hover { text-decoration: underline }
/* structural labels */
.structural { position: absolute;
              left: -10000em;
}
.box { position: relative;
       width: 200px;
       padding: 5px;
       margin: 0 auto;
       background-color: #fff;
       -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
.box:before,
.box:after { position: absolute;
             width: 40%;
             height: 10px;
             content: ' ';
             left: 12px;
             bottom: 12px;
             background: transparent;
             -webkit-transform: skew(-5deg) rotate(-5deg);
             -moz-transform: skew(-5deg) rotate(-5deg);
             -ms-transform: skew(-5deg) rotate(-5deg);
             -o-transform: skew(-5deg) rotate(-5deg);
             transform: skew(-5deg) rotate(-5deg);
             -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
             -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
             box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
             z-index: -1;
}
.box:after { left: auto;
             right: 12px;
             -webkit-transform: skew(5deg) rotate(5deg);
             -moz-transform: skew(5deg) rotate(5deg);
             -ms-transform: skew(5deg) rotate(5deg);
             -o-transform: skew(5deg) rotate(5deg);
             transform: skew(5deg) rotate(5deg);
}

	
/* Last Update 2.7.09 */