/*
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 0 0 25px; padding:0;
	width:960px; height:auto;
	background: url(images/bgpattern.png) top left repeat; 
	font:1em Georgia, sans-serif; color:#000;
	line-height:140%;
}

select {margin: 0 0 10px 20px;}
#boxywoxy{margin: 0px 0 10px 20px;
font-size:.8em; }
code {
	margin:0; padding:0;
	width:80%; height:auto;
	font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;
}

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

blockquote {
	margin:0 auto; padding:5px 20px;
	width:80%; height:auto;
	background:#f8fbfc url(images/blockquote.gif) no-repeat top left; border:1px solid #edeff0;
}

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

ins {
	color:#009999;
}

del {
	color:#990000;
}
ul, li {list-style-type: none;
}

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

h1 {
	font:bold 6em Arial, Helvetica, sans-serif; color:#000;
	position:relative; display:block;
text-transform:uppercase;
padding: 10px;
margin: 0;
display: none;
}

h1 a:link, h1 a:active, h1 a:visited {
		color:#000;
		outline:0;

	}
	

	

h2 {
	display: none;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.5em Arial, Helvetica, sans-serif; color:#53798b;
	}

h3 {
	margin:0; padding:0;
	font:bold 2 em Arial, Helvetica, sans-serif; color:#30393d;
}

	.post-content h3, .page-content h3 {
		width: 440px;
margin:10px 0; padding:0;
		font:bold 1.8em Arial, Helvetica, sans-serif;
	}

	h3 a:link, h3 a:active, h3 a:visited {
		color:#000;
	}
	
	h3 a:hover {
		color:#fff;
background: #000;
	text-decoration: none;}
	
	h3.post-title, .single h3.post-title, h3.post-title-small {
		margin:0; padding:0px 0 0 0;
	
	}
	
		.single h3.post-title {
			font-size:2.00em;
			width:275px;
		}
		
		h3.post-title-small {
			font-size:1.50em;
		}

h4 {
	margin:0; padding:0;
	font:bold 1.75em Arial, Helvetica, sans-serif; color:#000;
}

	.post-content h4, .page-content h4 {
		margin:10px 0; padding:0;
		font:bold 1.17em Georgia, "Times New Roman", Times, serif; color:#53798b;
	}

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

h5, #searchform label {
	/* Sidebar Header */
	margin:0; padding:20px 0 0 10px;
	width:285px; height:55px;
	font:bold 1.3em Arial, Helvetica, sans-serif; color:#000;
}

	.post-content h5, .page-content h5 {
		margin:10px 0; padding:0;
		width:auto; height:auto;
		background:none;
		font: Arial, sans-serif; color:#000;
	}

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

a:link, a:active {
	color:#f05898;
	text-decoration: none;
}

a:hover {
text-decoration: underline; 

}

a:visited {
	color:#999;
	text-decoration:none;
}

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


#header{
margin-top: 10px;
height: 180px;
background: #fff url('images/header.jpg') top left no-repeat; }

#tag {display: none;}


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

.post-info {
	text-align:right;
	padding: 0;
}


	
#comment-counter {text-align: right; 
	color:#f05898;
}

#comment-counter a:hover {text-decoration: underline;
}

.post-intro strong {
	font:bold 1.33em Arial, Helvetica, sans-serif; color:#30393d;
	line-height:21px;
}

.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 {
	color:#f05898
}

.continue-reading a:hover,
.cat-posts li.view-more a:hover {
	text-decoration: underline;
}

	
	
/* 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:#000;
	line-height:19px;
}
	
#respond {color: #ff000;}
/* Sidebar
/* -------------- */
.sidebox {margin: 0 0 10px 0; border: #999 1px dotted; padding: 5px 5px 0 5px; }
#sidebar li {
	font:1.2em Arial, Helvetica, sans-serif;
}

	#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {
		font: Arial, Helvetica, sans-serif; 
	}
	
	#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 .9em Arial, Helvetica, sans-serif; color:#f05898;
	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 .7em Arial, Helvetica, sans-serif; color:#000;
}

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

	#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 Arial, Helvetica, sans-serif; color:#000;
		display:block;
	}
	
	#featured-news .sidebar-content span a:hover,
	#recent-news .sidebar-content span a:hover {
		color:#fff;
	}
	
#sponsored-ad p.sponsored-ad {
	margin:auto auto 8px 5px;
	font:0.92em Arial, Helvetica, sans-serif; color:#9caab1;
}

/* 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:960px; height:auto;
}

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

.col-580 {
	width:640px;
  display: inline;

}

.col-340 {
	width:320px;
  display: inline;

}

.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

.aligncenter {
	margin:0 auto;
	display:block;
}

/* 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
/* ----------------------------------------------*/



	#logo {
		margin:0; padding:60px 0;
		width:580px; 
		float:left;
	}
	
	#searchform-header {
		
		float:right;
width: 240px;
	}
	
		
		
		#searchform-header #go {
			margin: -21px 10px 10px 10px;
                        float:right;
			
		}
#searchform-header #s {width: 180px; height: auto; margin: 10px 0px 0 0; padding: 0;}


	
#navigation {
	margin:10px 0 0 0; 
padding: 0;
border: none;

	background:#FFF;
font-family: Arial, sans-serif;
font-size: 1.3em;
font-weight: bold; 
 

}

	#navigation ul.pages {
		margin:0 auto; padding:0 0 0 0px;
		width:700px; height:auto;
		list-style:none; float:left;
	}
	
		#navigation ul li {
			margin:0 3px; padding:10px 15px 10px 10px;
			height: auto;float:left; }

#navigation a {color: #000;
		padding:10px 2px;}

	

	 #navigation a:hover {
			color:#fff;
                        background: #000;
text-decoration: none;

	}
	
	

/* 05 - MAIN CONTENT
/* ----------------------------------------------*/

#main-content {
	padding-top:10px;
margin: 0;
	
}

.post {
	margin:0 0 10px 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 0 0 5px;
	background:#fff;
	border-bottom:1px solid #cfdbe1; border-top:0;
}

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

	.post-content, .page-content, .comment-content {
		margin:0; padding:15px 10px 0px 10px;
		border-bottom:1px dashed #efefef;
		background: #fff;
	}
	
		.page-content {
			padding:15px 22px 0;
		}
		
		.comment-count {
			margin:0; padding:0;
			
		}

	
				
		.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:4px 0 0 0px;
				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:#fff;
		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:0;
	
}

/* 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:#000;
}

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

.comment-content {
	padding: 0 0 0 10px;
	background:#fff;
}

.comment-content a {
	color:#f05898;
	text-decoration: none;
}

.comment-content a:hover {
text-decoration: underline; 

}

.comment-content a:visited {
	color:#999;
	text-decoration:none;
}
.commentlist, .commentlist ul {
	margin: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:0; padding:10px 0 0 10px;
		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 10px; padding:0;
	width:310px; height:auto;
	list-style:none;
}

	#sidebar li {
		margin:0 0 10px 0; padding:0 0 56px 0;
		width:auto; height:auto;
		background:#fff;
	}
	
		#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:285px; height:auto;
			list-style:none;
			background:#fff;
			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.17em Arial, Helvetica, sans-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 0px 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:140px; height:90px;
					float:left;
				}
				
				.sidebar-content {
					margin:0; padding:0;
					width:120px; height:auto;
					float:right;
				}
						
/* 07 - FOOTER
/* ----------------------------------------------*/

#footer {
	margin:0 0 10px 0; padding:20px 0 70px 0;
	width:auto; height:auto;
	background:#fff;
	
}


	#footer .categories {
		margin:0; padding:0 0 20px 0 ;
		width:960px; height:auto;
		
	}
	
		.footer-cat {
			margin:0 0 0 20px; padding:0;
			list-style:none;
		      background: #fff;}
		
			.footer-cat li {
				margin:0px 0; padding: 0px;
				float:left;


				
			}
			
				.footer-cat li a {
					margin:0; padding:0 9px 0 0;
					width:auto; height:23px; line-height:23px;
					float:left; display:block;

				
				}
				
				.footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {
					font-family: Arial, sans-serif; font-size: 1.5em; font-weight: bold;
				}
				
				.footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {
					color:#FF00FF;
				}
				
			

#pic {float: left; margin: 0 0 0 20px;}
#text {float: right; width: 840px;}