/*
Theme Name: Skylar Nielsen
Theme URI: 
Description: Lightweight fast-rendering theme with 2-3 column layout and right sidebar, Widget-ready (4 slots), built-in support for plugins (e.g. twitter), support for threaded/nested comments, fully localized, easy to customize via settings-page. By <a href="http://www.marcgarner.com">Marc Garner</a>.
Version: 0.9.102
Author: Marc Garner
Author URI: http://marcfolio.com
Tags: blog, 2 columns right-sidebar, fixed-width, Skylar Nielsen




  The CSS, XHTML and design is released under the GPL:
  http://www.gnu.org/licenses/gpl.html
  Copy, remix and play around with my CSS - but leave the original author credentials.


 - Transcending CSS
   I use CSS3 whenever and whereever it makes sense, which outdated browsers (agents) 
   probably don't render - but there's always a fallback
 - Structure
   Elements and classes are structured, properties are in alphabetical order,
   code is commented where necessary
 - Coding convention
   Classes with up to 3 properties are in a single line,
   classes with more than 3 properties are broken into multiple lines

*/


body 
{
font-size: 11px;
margin: 0px;
background: #ffffff url(images/skylar_nielsen_blog-01_01.jpg) top left no-repeat;
color: #808285;
font-family: Arial, Helvetica, sans-serif;
}


@font-face {
	font-family: Arail-Bold;
	src: url('Arial.ttf');
}

	

#wrap{
	width: 100%;
	margin: 0;
	position: relative;
	
}
#left_column{float:left; width:930px; border-bottom:1px solid #c9c8c8; position:relative; margin-left:58px; background: url(images/skylar_nielsen_blog-colors.jpg) bottom left no-repeat;}
	#content{
		float: left;
		width: 542px;
		margin-left:194px;
		background:url(images/skylar_nielsen_blog-01_03.png) repeat-y 0 0;
	}
	#post_container{ background:#ffffff; width:437px; margin:74px 0 0 44px;}
	#site_title{background:url(images/skylar_nielsen_blog-logo.png) no-repeat 0 0; margin:120px 0 0 47px; width:438px; height:55px; display:block}
	.post {border-bottom:1px solid #CCC; padding:20px 20px 30px 20px}	
	.post img{ padding:5px; border:1px solid #CCC; width:382px; height:auto}	
		#tag{
			position: relative;
			width:575px;
			height: 765px;
			background: url(img/zuriick_header.jpg) top left no-repeat;
		}
		
		.post{
			position: relative;
		}
		
			.post-text-wi{
				/*background: url(img/content-bg.gif) top left repeat-y;*/
				padding:0;
			}
			.post-text-woi{
				background: url(img/content-bg.gif) top left repeat-y;
				padding:0 0 60px 90px;
			}
			.post-image-wrap{
				overflow: hidden;
				background: url(img/content-bg.gif) top left repeat-y;
			}
			
				.post-image-cut{
					overflow: hidden;
					float: left;
				}
		
			.post-image{
				position: relative;
				float: left;
				border-left: 14px solid #fff;
				padding: 50px 50px 50px 0;
				background: #fff url(img/box-bottom.gif) bottom right  no-repeat;
			}
			
				.post-image img{
					float: left;
					margin: 3px 6px 3px -14px;
					padding-left: 14px;
					display: inline;
					width:570px;
					background: url(img/box-image-bg.gif) top left repeat-y;
				}
				
				.post-image-top{
					position: absolute;
					top:0;
					left:-14px;
					height: 50px;
					width: 1000px;
					background: url(img/box-top.gif) top left no-repeat;
				}
				.post-text-bottom{
					position: absolute;
					bottom:0;
					left:0;
					height: 50px;
					width: 650px;
					background: url(img/box-top.gif) top left no-repeat;
				}
				
				.post-image-right{
					position: absolute;
					top:0;
					right:0;
					border-right: 5px solid #fff;
					height: 50px;
					width: 50px;
					background: url(img/box-right.gif) top right no-repeat;
				}
			
			
			
			.post-date{
				position: relative;
				height: 47px;
				margin-left: -69px;
				font-size: 40px;
				font-weight: bold;
				text-transform: uppercase;
				background: #fff url(img/date-bg.gif) top left no-repeat;
			}
			
				.post-date span{
					float: left;
					color: #fff;
					width: 62px;
					padding-top: 2px;
					padding-left: 18px;
				}
				
				.post-date em{
					float: left;
					padding-left: 8px;
					color: #000;
					padding-top: 2px;
				}
				
				
			
			.post-content{
				position: relative;
				text-align: left;
				padding: 0;
			}
			
				.post-content h2{
					font-size: 12px;
					text-transform: uppercase;
					font-weight: normal;
					padding-bottom: 8px;
				}
				
					.post-content h2 a{
						color: #808285;
						text-decoration: none;
					}
				
				.post-content a{
					color: #777;
					text-decoration: underline;
				}
				
				.post-content p{
					line-height: 1.5em;
					padding-bottom: 1em;
				}
				
				#comwrap li{
					padding: 10px;
					margin-bottom: 10px;
					border: 8px solid #000;
				}
				
				#comwrap h3{
					font-size: 14px;
					text-transform: uppercase;
					margin-top: 25px;
				}
				
				#comment{
					width: 355px;
				}
				
				
				
		
		#sidebar{
			float: left;
			width: 146px;
			position: relative;
			padding-left: 14px;
			margin: 600px 0 0 10px;
			text-align: left;
		}
		
		* html #sidebar{
			overflow: hidden;
		}
		
			#subscribe{
				position: relative;
				margin-bottom: 18px;	
			}
			
				#subscribe h3{
					font-size: 16px;
					text-transform: uppercase;
					padding-bottom: 3px;
				}
				
				#subscribe label{
					display: block;
					color: #777;
					text-transform: uppercase;
					font-size: 14px;	
				}
				
				#subscribe .text{
					position: relative;
					width: 243px;
					border: 0;
					padding: 4px 10px 6px 10px;
					font-size: 12px;
					color: #f3f3f3;
					background: #666666;
				}
				
				#subscribe p{
					line-height: 1.5em;
					padding-bottom: 10px;
					overflow: hidden;
				}
				
				#subscribe .submit{
					float: left;
					padding: 5px;
					background: #000;
					font-size: 13px;
					color: #fff;
					border: 0;
					text-transform: uppercase;
				}
			
			
			.widget{
				padding-bottom: 20px;
				position: relative;
			}	
			
				.widget h3{
					position: relative;
					overflow: hidden;	
					width: 115%;
				}
				
				.widget .widgettitle{
					background:none repeat scroll 0 0 #E9E9EA;
					width: 240px;
					margin-top: 5px;
					background:none repeat scroll 0 0 #E9E9EA;
					padding-bottom:4px;
					padding-top:4px;
					padding-left:10px;
				}
				
					.widget h3 span{
						background:none repeat scroll 0 0 #E9E9EA;
						font-family:Arail-Bold,Helvetica,sans-serif;
						color:#000000;
						font-size:17px;
						font-weight:bold;
						padding-bottom:4px;

						padding-top:4px;
						text-align:left;
						
					}
					
					.widget ul{
						line-height: 1.7em;	
					}
					
					.widget a{
						color: #636363;
					}
				
				
				
	#foot{
		position: relative;
		padding-top: 20px;
		margin-left: 60px;
		width: 1065px;
		overflow: hidden;
		padding-bottom: 65px;
	}
	#foot .info{
		background:url("images/skylar_nielsen_foot_bg.jpg") no-repeat scroll 0 0 transparent;
		float:left;
		width:634px;
		height:50px;
		font-size:9px;
		padding-top:20px;
	}
	#foot .info a:link{
		color:#808285;
	}
	
	#foot .paging{
		float:left;
		width:100px;
		height:20px;
		font-size: 9px;
		font-weight:bold;
		color: #808285;
		text-transform: uppercase;
	}
		.prev{
			float: left;
		}
		.prev a{
			display:block;
			width:25px;
			height:20px;
			background: url(images/skylar_nielsen_blog-prev.jpg) right center no-repeat;
		}
		.text{
			display:block;
			width:37px;
			height:20px;
			float: left;
			font-weight:bold;
			padding:4px 0 0 12px;
		}
		.next{
			float: left;
		}
		.next a{
			display:block;
			width:25px;
			height:20px;
			background: url(images/skylar_nielsen_blog-next.jpg) right center no-repeat;
		}
		
	#foot .year{
		float:left;
		width:232px;
		height:50px;
		margin-left:90px;
		font-size:24px;
		color:#ed1c24;
	}
	#foot .year p, #foot .year a{
		font-size:10px;
		color:#c9c8c8;
	}
	#foot .year a:hover{
		font-size:10px;
		text-decoration:none;
		color:#ed1c24;
	}
		#foot a{
			color: #000;
		}
		
		#foot p{
			float: right;
			padding-right: 50px;
			text-transform: uppercase;
			color: #000;
		}