/*  
	Theme Name: Erik Bernskiold
	Theme URI: http://www.erikbernkiold.com
	Description: Custom made theme. Designed by <a href="http://www.xldstudios.com/" title="XLD Studios">XLD Studios</a>.
	Version: 2.0
	Author: Erik Bernskiold, XLD Studios
	Author URI: http://www.xldstudios.com/
	Tags: 
*/

body {
	background: #292929;
	margin: 0;
	padding: 0;
	color: #505050;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#header-wrapper {
	background: url(images/header-tile.jpg) repeat-x;
	height: 317px;
	width: 100%;
	margin: 0;
	padding: 0;
}

	#header {
		background: url(images/header.jpg) no-repeat;
		position: relative;
		margin: 0 auto 0 auto;
		padding: 0;
		width: 1000px;
		height: 317px;
		overflow: hidden;
	}
	
		#header h1 a {
			background: url(images/logo.jpg);
			width: 394px;
			height: 89px;
			display: block;
			font-size: 0px;
			text-indent: -99999em;
			overflow: hidden;
			margin: 0 0 0 50px;
		}
		
		#header ul#navigation {
			position: absolute;
			top: 5px;
			right: 50px;
			margin: 0;
			padding: 10px;
			font-size: 14px;
			font-family: Georgia, Times, serif;
			font-style: italic;
		}
		
			#header ul#navigation li {
				float: left;
				padding: 0 10px 0 10px;
				margin: 0;
				list-style: none;
			}
			
				#header ul#navigation li a {
					color: #e6e6e6;
					text-decoration: none;
					padding: 5px 10px 5px 10px;
				}
				
				#header ul#navigation li a:hover {
					background: #434343;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}
				
		#header #featured-photo {
			position: absolute;
			top: 48px;
			right: 45px;
		}
	
	    #header ul#portfolio {
	    	position: absolute;
	    	top: 270px;
	    	right: 100px;
	    	margin: 0;
	    	padding: 10px;
	    	font-size: 14px;
	    	font-family: Georgia, Times, serif;
	    	font-style: italic;
	    }
	    
	    	#header ul#portfolio li {
	    		float: left;
	    		padding: 0 10px 0 10px;
	    		margin: 0;
	    		list-style: none;
	    	}
	    	
	    		#header ul#portfolio li a {
	    			background: #3487a8;
					color: #e6e6e6;
					text-decoration: none;
					padding: 5px 10px 5px 10px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
	    		}
	    		
	    		#header ul#portfolio li a:hover {
	    			background: #434343;
	    			-moz-border-radius: 5px;
	    			-webkit-border-radius: 5px;
	    		}
		
		#header #twitter-box {
			position: absolute;
			top: 140px;
			left: 70px;
			font-size: 18px;
			font-family: Georgia, Times, serif;
			color: #e2e2e2;
			width: 465px;
			font-style: italic;
		}
		
			#header #twitter-box ul#twitter_update_list {
				margin: 10px;
				padding: 0;
				list-style: none;
			}
			
				#header #twitter-box ul#twitter_update_list li {
					margin: 0;
					padding: 0;
					list-style: none;
				}
			
			#header #twitter-box a {
				color: #76c1e1;
				text-decoration: none;
			}
		
		#header ul#social-networks {
			position: absolute;
			bottom: 20px;
			left: 120px;
			margin: 0;
			padding: 0;
		}
		
			#header ul#social-networks li {
				float: left;
				padding: 0 10px 0 10px;
				margin: 0;
				text-indent: -9999em;
				overflow: hidden;
				list-style: none;
			}
			
				#header ul#social-networks li#follow-me {
					text-indent: 0em;
					color: #ccc;
					font-family: Georgia, Times, serif;
					font-size: 14px;
					font-style: italic;
					font-weight: lighter;
					padding: 7px 10px 0 0;
				}
			
				#header ul#social-networks li#twitter a {
					background: url(images/social/twitter.png) no-repeat;
					display: block;
					width: 34px;
					height: 34px;
				}
				
				#header ul#social-networks li#facebook a {
					background: url(images/social/facebook.png) no-repeat;
					display: block;
					width: 34px;
					height: 34px;
				}
				
				#header ul#social-networks li#linked-in a {
					background: url(images/social/linkedin.png) no-repeat;
					display: block;
					width: 34px;
					height: 34px;
				}
				
				#header ul#social-networks li#rss-feed a {
					background: url(images/social/feed.png) no-repeat;
					display: block;
					width: 34px;
					height: 34px;
				}
				
				#header ul#social-networks li#flickr a {
					background: url(images/social/flickr.png) no-repeat;
					display: block;
					width: 34px;
					height: 34px;
				}
				
			
#content-wrapper {
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
}

	#content-wrapper #content-area {
		background: url(images/content-tile.jpg) repeat-y;
		width: 960px;
		margin: 0 auto 0 auto;
		padding: 0;
		position: relative;
	}
	
		#content-wrapper #content-area #content {
			width: 650px;
			float: left;
			position: relative;
		}
		
			#content-wrapper #content-area #content .post { clear: both; }
		
			#content-wrapper #content-area #content .post-info {
				background: #e9e9e9;
				width: 100%;
				border-bottom: 1px solid #dbdbdb;
				border-left: 1px solid #dbdbdb;
				margin: 0;
				padding: 0;
				position: relative;
				overflow: hidden;
			}
			
				#content-wrapper #content-area #content .post-info h2 {
					margin: 0;
					padding: 15px 15px 2px 15px;
					font-family: 'Yanone Kaffeesatz', arial, serif;
					font-weight: normal;
					font-size: 28px;
					line-height: 1;
				}
				
					#content-wrapper #content-area #content .post-info h2.page {
						margin: 0;
						padding: 15px 15px 2px 15px;
						font-family: 'Yanone Kaffeesatz', arial, serif;
						font-weight: normal;
						font-size: 32px;
						line-height: 1.5;
					}
				
				#content-wrapper #content-area #content .post-info #comment-link {
					position: absolute;
					top: 10px;
					right: 20px;
					font-family: Georgia, Times, serif;
					font-size: 16px;
					font-style: italic;
					font-weight: lighter;
				}
				
				#content-wrapper #content-area #content .post-info ul {
					margin: 0 0 0 10px;
					padding: 0 0 5px 0;
				}
				
					#content-wrapper #content-area #content .post-info ul li {
						float: left;
						margin: 0;
						padding: 0 10px 0 10px;
						text-transform: uppercase;
						font-family: Verdana, Arial, sans-serif;
						font-size: 11px;
						color: #a9a9a9;
						list-style: none;
					}
					
						#content-wrapper #content-area #content .post-info ul li a { color: #a9a9a9;	}
						#content-wrapper #content-area #content .post-info ul li a:hover { color: #505050; }
						
						#content-wrapper #content-area #content .post-info ul li span { font-size: 12px; }


			#content-wrapper #content-area #content p {
				padding: 10px 15px 10px 15px;
				margin: 0;
			}
			
			#content-wrapper #content-area #content h3 {
				width: 50%;
				border-bottom: 1px solid #c9c9c9;
				border-top: 1px solid #c9c9c9;
				color: #201f1f;
				font-family: 'Myriad Pro', Helvetica, Verdana;
				font-size: 24px;
				line-height: 32px;
				margin: 10px auto 10px auto;
				padding: 5px;
				text-align: center;
			}
			
			#content-wrapper #content-area #content img.border { border: 3px solid #ccc; }
					
		
		#content-wrapper #content-area #sidebar {
			width: 290px;
			background: #292929;
			color: #ccc;
			float: right;
			padding: 10px;
			margin: 0;
			position: relative;
		}
		
			#content-wrapper #content-area #sidebar h3 {
				font-family: Verdana, Arial, sans-serif;
				font-size: 18px;
				font-weight: lighter;
				color: #7f7f7f;
				text-transform: lowercase;
				margin: 15px 0 5px 0;
				padding: 0 10px 0 10px;
			}
			
				#content-wrapper #content-area #sidebar h3 a { color: #7f7f7f; }
				#content-wrapper #content-area #sidebar h3 a:hover { color: #ccc; }
				
				#content-wrapper #content-area #sidebar h3 img { display: none; }
		
			#content-wrapper #content-area #sidebar #erik-photo {
				background: url(images/erik-sidebar.jpg) no-repeat;
				width: 110px;
				height: 103px;
				margin: 15px 10px 10px 10px;
				float: left;
			}
			
			#content-wrapper #content-area #sidebar #erik-about {
				float: right;
				width: 150px;
			}
			
				#content-wrapper #content-area #sidebar #erik-about p {
					margin: 0 0 10px 0;
					padding: 0;
				}
				
				#content-wrapper #content-area #sidebar #erik-about p a { font-size: 14px;}

			#content-wrapper #content-area #sidebar ul {
				margin: 0 auto 0 auto;
				padding: 0;
				width: 90%;
			}
				
				#content-wrapper #content-area #sidebar ul li {
					list-style: none;
					font-family: Verdana, Arial, Tahoma, sans-serif;
					font-size: 11px;
					margin: 0;
					width: 98%;
					display: block;
					background: transparent;
					padding: 3px 3px 3px 15px;
					border-bottom: 1px solid #494949;
					border-top: 1px solid transparent;
					list-style: none;
				}
				
					#content-wrapper #content-area #sidebar ul li a {
						color: #0f7ca6;
					}
					
					#content-wrapper #content-area #sidebar ul li:hover {
						background: #444444;
						border-top: 1px solid #393939;
						color: #0f7ca6;
					}
	

#footer-wrapper {
	background: #292929;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	position: relative;
}

	#footer-wrapper #footer {
		width: 960px;
		margin: 0 auto 0 auto;
		padding: 0;
	}
	
		#footer-wrapper #footer p {
			padding: 10px 0 20px 50px;
			color: #777;
			font-size: 10px;
			text-transform: uppercase;
		}
		
			#footer-wrapper #footer p a,
			#footer-wrapper #footer p a:link,
			#footer-wrapper #footer p a:active,
			#footer-wrapper #footer p a:visited { color: #777; text-decoration: none; }
			
			#footer-wrapper #footer p a:hover { color: #ccc; }

a { color: #0f7ca6; text-decoration: none; }
a:hover { color: #1e5a71; text-decoration: none; }

.serif { font-family: Georgia, Times, serif; }
.sans-serif { font-family: Verdana, Arial, sans-serif; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.strikethrough { text-decoration: line-through; }
.underline { text-decoration: underline; }

img.dropborder {
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 2px 10px rgba(0,0,0,.4);
	box-shadow: 0px 2px 10px rgba(0,0,0,.4);
}

/* =PageNavi
-------------------------------------------------------------- */
 
/* Use !important to override PageNavi CSS */

.wp-pagenavi {
	margin: 40px 20px 20px 50px;
}
 
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	color: #fff !important;
	background: #226fb0 !important;
	padding: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none !important;
}
.wp-pagenavi a:hover {
	background: #4690cf !important;
	border: none !important;
}
.wp-pagenavi span.pages {
	color: #fff !important;
	background: #226fb0 !important;
	padding: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none !important;
}
.wp-pagenavi span.current {
	color: #fff !important;
	background: #1a7cd0 !important;
	padding: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none !important;
}
.wp-pagenavi span.extend {
	color: #fff !important;
	background: #226fb0 !important;
	padding: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none !important;
}

/* Captions */

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin: 8px 13px 20px 13px;
	padding: 4px;
	text-align: center;
}

.wp-caption img {
	margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
/* End captions */

/*
	COMMENTS
*/
.commentInputs 										{ width: 30%; float: left; margin: 0 19px 19px 0; }
#commentform textarea 								{ padding: 5px; height: 160px; width: 560px; border: 1px solid #ccc; 
													  margin: 0 0 10px 0; font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif; }
input.comment-field 								{ width: 100%; padding: 3px; border: 1px solid #ccc; 
													  font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif; }


.comment-text 										{ padding-left: 60px; }
h4#comments, h4#respond								{ font-size: 24px; }
#content-area ol#commentList						{ list-style: none; margin: 0; }
.commentArrow										{ position: absolute; left: -14px; top: 7px; }
.commentPreview .authorInfo							{ width: 115px; float: left; }
.commentPreview code								{ width: 375px; background: none; margin: 0; padding: 0; }

#commentList li.item                                { margin: 0 0 35px 0; }
#commentList .commentText,
.commentPreview .commentText						{ width: 380px; float: right; border: 1px solid #999; background: #eee; padding: 15px;
													  position: relative; min-height: 50px; margin: 0 0 10px 0; }
li.author .commentText p				{ color: #505050; }

	
ol.commentlist                        { list-style: none; margin: 0 auto 0 auto; padding: 0; text-indent: 0; width: 95%; color: #505050; }
ol.commentlist li                     { border:0px solid #d5d5d5; -moz-border-radius: 5px; 
                                                      -webkit-border-radius:5px; margin:0 0 10px; padding: 5px 7px 5px 57px; position:relative;  
                                                      background: none; list-style: none; color: #505050; }
ol.commentlist code                   { width: 370px; }
ol.commentlist li.alt                               {  }
ol.commentlist li.bypostauthor        { background: #e5f0f5; }
ol.commentlist li.byuser                            {  }
ol.commentlist li.comment-author-admin              {  }
ol.commentlist li.comment                           {  }
ol.commentlist li div.comment-author                { padding: 0 170px 0 0; }
ol.commentlist li div.vcard                         {  }
ol.commentlist li div.vcard cite.fn                 { font-style: normal; font-weight: bold; font-size: 14px; }
ol.commentlist li div.vcard cite.fn a.url           { color: #176687; text-decoration: none;  }
ol.commentlist li div.vcard cite.fn a.url:hover     { color: #0f5f98; }
ol.commentlist li div.vcard img.avatar              { border: 5px solid #d5d5d5; left: 7px; position:absolute; top: 7px; }
ol.commentlist li div.vcard img.avatar-32           {  }
ol.commentlist li div.vcard img.photo               {  }
ol.commentlist li div.vcard span.says               {  }
ol.commentlist li div.commentmetadata               {  }
ol.commentlist li div.comment-meta                  { font: bold 10px helvetica,arial,sans-serif; position: absolute; right: 10px; 
                                                      text-align: right; top: 5px; }
ol.commentlist li div.comment-meta a                { color: #0f5f98; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover          { color: #000; }
ol.commentlist li p                                 { margin: 0 0 1em; }
ol.commentlist li ul                                { list-style: square; margin: 0 0 1em; padding: 0; text-indent: 0; }
ol.commentlist li div.reply                         { background: #999; border:1px solid #666; -moz-border-radius: 2px; font-size: 10px;
                                                      -webkit-border-radius: 2px; color:#fff; padding: 1px 3px; margin: 0 0 10px 0;
                                                      width: 40px; text-align: center; }
ol.commentlist li div.reply:hover                   { background: #02aefe; border: 1px solid #0083c0; }
ol.commentlist li div.reply a                       { color:#fff; text-decoration: none; text-transform: uppercase; }
ol.commentlist li ul.children                       { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li                    {  color: #505050;  }
ol.commentlist li ul.children li.alt                {  }
ol.commentlist li ul.children li.bypostauthor       { background: #e5f0f5; }
ol.commentlist li ul.children li.byuser             {  }
ol.commentlist li ul.children li.comment            {  }
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2            { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3            { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4            { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5            {  }
ol.commentlist li ul.children li.odd                {  }
ol.commentlist li.even                              { background:#f6f6f6; }
ol.commentlist li.odd                               { background:#eaeaea; }
ol.commentlist li.parent                            {  }
ol.commentlist li.pingback                          {  }
ol.commentlist li.pingback.parent                   {  }
ol.commentlist li.pingback div.vcard                { padding:0 170px 0 0; }
ol.commentlist li.thread-alt                        {  }
ol.commentlist li.thread-even                       {  }
ol.commentlist li.thread-odd                        {  }