/*  
	Theme Name: Terry White's Tech Blog
	Theme URI: http://www.terrywhite.com/techblog/
	Description: Custom theme for Terry White's Tech Blog. Designed by <a href="http://www.xldstudios.com/" title="XLD Studios">XLD Studios</a>.
	Version: 1.0
	Author: Erik Bernskiold, XLD Studios
	Author URI: http://www.xldstudios.com/
	Tags: two-column, blue, widget-enabled
*/

body {
	background: #111720 url(images/background.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #505050;
}

div#header {
	background: #ffffff url(images/header.jpg) top no-repeat;
	width: 974px;
	height: 275px;
	margin: 0 auto 0 auto;
	padding: 0;
}

	div#header h1 a {
		background: url(images/logo.jpg) no-repeat;
		width: 234px;
		height: 117px;
		display: block;
		padding: 0;
		margin: 0 0 0 20px;
		font-size: 0px;
		overflow: hidden;
		text-indent: -9999em;
		position: absolute;
	}
	
	div#header ul#navigation {
		margin: 139px 0 0 40px;
		padding: 0;
		position: absolute;
		overflow: hidden;
	}
	
		div#header ul#navigation li {
			float: left;
			list-style: none;
			margin: 0 15px 0 15px;
			font-family: Georgia, Times, "Times New Roman", serif;
			font-size: 14px;
			text-transform: lowercase;
		}
		
			div#header ul#navigation li a,
			div#header ul#navigation li a:link,
			div#header ul#navigation li a:active,
			div#header ul#navigation li a:visited {
				color: #3e5280;
				text-decoration: none;
			}
			
			div#header ul#navigation li a:hover {
				color: #6485d2;
			}

	div#header #image-slider {
		position: absolute;
		margin: 20px 0 0 562px;
		padding: 0;
		width: 362px;
		height: 237px;
		overflow: hidden;
	}
	
		div#header #image-slider #caption {
			background: url(images/caption-bg.png) repeat-x;
			position: absolute;
			margin: 0;
			padding: 0;
			width: 362px;
			height: 24px;
		}
		
			div#header #image-slider #caption p {
				margin: 0;
				padding: 7px 0 0 0;
				font-family: Georgia, Times, serif;
				font-size: 10px;
				text-transform: uppercase;
				font-style: italic;
				text-align: center;
				color: #acacac;
			}

	div#header #sub-header {
		position: absolute;
		margin: 180px 0 0 0;
	}
	
		div#header #sub-header #search {
			position: absolute;
			margin: 0 0 0 0;
			width: 380px;
		}
		
				div#header #sub-header #search form {
					margin-left: 20px;
				}
		
				div#header #sub-header #search #s { 
					background: url(images/search-bg.jpg) no-repeat;
					width: 205px;
					height: 27px;
					padding: 6px 5px 3px 50px;
					margin-right: 0;
					font: normal 12px Arial, Arial, Helvetica, sans-serif;
					vertical-align: top;
					color: #aaa;
					border: none;
					outline: none;
				}
				
				div#header #sub-header #search #searchsubmit { 
					width: 88px; 
					height: 28px;
					margin: 4px 0 0 0;
					background: url(images/search-btn.jpg) left top no-repeat;
					border: none;
					text-indent: -9000px !important;
				}
				
				div#header #sub-header #search #searchsubmit:hover { 
					background: url(images/search-btn.jpg) 0px -28px no-repeat;
				}
			
				div#header #sub-header #search .button{
					cursor: pointer;
				}
				
		div#header #sub-header ul#social-networking {
		    position: relative;
		    margin: 0 0 0 340px;
		    height: 80px;
		    width: 200px;
		}

		    div#header #sub-header ul#social-networking li {
		    	float: left;
		    	list-style: none;
		    	margin: 0 10px 7px 10px;
		    	padding: 0;
		    }
		    
		    div#header #sub-header ul#social-networking li#rss a {
		    	background: url(images/rss.jpg) no-repeat;
		    	width: 38px;
		    	height: 37px;
		    	font-size: 0px;
		    	overflow: hidden;
		    	display: block;
		    	text-indent: -9999em;
		    }
		    
		    	div#header #sub-header ul#social-networking li#rss a:hover {
		    		background: url(images/rss.jpg) 0 -35px no-repeat;
		    	}
		    
		    div#header #sub-header ul#social-networking li#facebook a {
		    	background: url(images/facebook.jpg);
		    	width: 38px;
		    	height: 37px;
		    	font-size: 0px;
		    	overflow: hidden;
		    	display: block;
		    	text-indent: -9999em;
		    }
		    
		    	div#header #sub-header ul#social-networking li#facebook a:hover {
		    		background: url(images/facebook.jpg) 0 -35px no-repeat;
		    	}
		    
			div#header #sub-header ul#social-networking li#twitter a {
		    	background: url(images/twitter.jpg);
		    	width: 38px;
		    	height: 37px;
		    	font-size: 0px;
		    	overflow: hidden;
		    	display: block;
		    	text-indent: -9999em;
		    }
		    
		    	div#header #sub-header ul#social-networking li#twitter a:hover {
		    		background: url(images/twitter.jpg) 0 -36px no-repeat;
		    	}
		    	
		    div#header #sub-header ul#social-networking li#youtube a {
		    	background: url(images/youtube.jpg);
		    	width: 38px;
		    	height: 37px;
		    	font-size: 0px;
		    	overflow: hidden;
		    	display: block;
		    	text-indent: -9999em;
		    }
		    
		    	div#header #sub-header ul#social-networking li#youtube a:hover {
		    		background: url(images/youtube.jpg) 0 -35px no-repeat;
		    	}
		    	
		    div#header #sub-header ul#social-networking li#flickr a {
		    	background: url(images/flickr.jpg);
		    	width: 38px;
		    	height: 37px;
		    	font-size: 0px;
		    	overflow: hidden;
		    	display: block;
		    	text-indent: -9999em;
		    }
		    
		    	div#header #sub-header ul#social-networking li#flickr a:hover {
		    		background: url(images/flickr.jpg) 0 -35px no-repeat;
		    	}
		    	
		    div#header #sub-header ul#social-networking li#linkedin a {
		    	background: url(images/linkedin.jpg);
		    	width: 38px;
		    	height: 37px;
		    	font-size: 0px;
		    	overflow: hidden;
		    	display: block;
		    	text-indent: -9999em;
		    }
		    
		    	div#header #sub-header ul#social-networking li#linkedin a:hover {
		    		background: url(images/linkedin.jpg) 0 -36px no-repeat;
		    	}

div#wrapper {
	background: #ffffff url(images/content-bg.jpg) repeat-y;
	margin: 0 auto 0 auto;
	width: 962px;
	padding: 0;
	clear: both;
	position: relative;
	overflow: hidden;
}

	#content {
		width: 630px;
		float: left;
		position: relative;
		overflow: hidden;
		padding: 0 10px 0 20px;
		margin: 0 0 10px 0;
	}
	
	#sidebar {
		width: 280px;
		float: right;
		position: relative;
		overflow: hidden;
		margin: 0 0 10px 0;
	}
	
	#footer {
		background: url(images/footer-bg.jpg) no-repeat;
		height: 20px;
		width: 942px;
		margin: 0 auto 0 auto;
		font-family: Georgia, Times, serif;
		font-size: 10px;
		text-transform: uppercase;
		padding: 10px 10px 0px 10px;
	}
	
		#footer #copyright {
			padding: 0 0 0 20px;
			float: left;
		}
		
		#footer #design-copyright {
			padding: 0 20px 0 0;
			float: right;
		}
	
/* ================== */
/* ! Gallery Slider   */
/* ================== */

#gallery {  
    position:relative;  
    height:237px; 
    width:362px;  
}  
    #gallery a {  
        position:absolute;  
    }  
      
    #gallery a img {  
        border:none;  
    }  
      
    #gallery a.show {  
        z-index:500;  
    }  
  
    #gallery .caption {  
        z-index:600;   
        background-color:#000;   
        color:#ffffff;   
        height:24px;   
        width:362px;   
        position:absolute;  
        top:0;
    }  
  
    #gallery .caption .content {  
        margin: 0;
		padding: 7px 0 0 0;
		font-family: Georgia, Times, serif;
		font-size: 10px;
		text-transform: uppercase;
		font-style: italic;
		text-align: center;
		color: #acacac;
    }  
      
    #gallery .caption .content h3 {  
        margin:0;  
        padding:0;  
        color:#1DCCEF;  
    }  

/* =========== */
/* ! Sidebar   */
/* =========== */

#sidebar h3 {
	font-family: Georgia, Times, serif;
	font-size: 20px;
	font-weight: lighter;
	text-transform: capitalize;
	color: #45321a;
	letter-spacing: 0px;
	line-height: 5px;
	border-bottom: 1px solid #cacaca;
	width: 100%;
	float: right;
	margin: 20px 2px 5px 0;
	padding: 0 0 0 5px;
}

#sidebar p {
	padding: 5px 10px 5px 10px;
	margin: 0;
}

	#sidebar p.tweet {
		font-size: 11px;
		padding: 5px 10px 5px 30px;
		margin: 0;
	}
	
#sidebar ul {
	margin: 0;
	padding: 0;
}
	
	#sidebar ul#link-left {
		float: left;
		width: 46%;
		margin: 0 1% 0 3%;
	}
	
	#sidebar ul#link-right {
		float: right;
		width: 46%;
		margin: 0 3% 0 1%;
	}
	
	#sidebar ul li {
		list-style: none;
		font-family: Verdana, Arial, Tahoma, sans-serif;
		font-size: 11px;
		margin: 0;
		width: 95%;
		display: block;
		background: transparent;
		padding: 3px 3px 3px 5px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid transparent;
	}
	
		#sidebar ul li a {
			color: #204776;
		}
		
		#sidebar ul li:hover {
			background: #ddd;
			border-top: 1px solid #eee;
			color: #204776;
		}
/* ========= */
/* ! Links   */
/* ========= */

a,
a:link,
a:visited,
a:active {
	color: #204776;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #6087b6;
}

#content p a,
#content p a:link,
#content p a:visited,
#content p a:active {
	color: #204776;
	font-style: italic;
	border: none;
	text-decoration: none;
}

	
/* ============== */
/* ! Post Style   */
/* ============== */

.comments {
	background: url(images/comments-bg.jpg) no-repeat;
	width: 111px;
	/*height: 29px;*/
	margin: 0 10px 0 10px;
	padding: 50px 0 0 0;
	text-align: center;
	float: right;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	
}

.comments p {
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	color: #505050;
	margin: 20px 0 0 0;
	font-style: normal;
}

	.comments p span {
		font-size: 11px;
		text-transform: uppercase;
		font-family: Verdana, Arial, sans-serif;
		color: #aaa;
		text-align: center;
		font-style: normal;
	}

	.comments p.author {
		font-size: 12px;
		text-transform: uppercase;
		font-family: Georgia, Times, sans-serif;
		color: #505050;
		margin: 5px 0 0 0;
		padding: 0;
		text-align: center;
		font-style: normal;
}

	.comments a,
	.comments a:link,
	.comments a:active,
	.comments a:visited {
		color: #204776;
		text-decoration: none;
	}
	
	.comments a:hover {
		color: #6087b6;
	}

.posted-by {
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 12px;
	color: #505050;
	margin: 10px 0 10px 20px;
}

/* ============ */
/* ! Headings   */
/* ============ */


h2 {
	color: #1a2b40;
	font-family: Georgia, Times, sans-serif;
	font-weight: normal;
	font-size: 25px;
        letter-spacing: 0px;
	line-height: 27px;
	margin: 40px 0 15px 10px;
	padding: 0;
}

h2 a, #content h2 a { color: #1a2b40; font-style: normal; }

h2 a:hover { color: #6087b6; }

h3 {
	color: #4b4e49;
	font-family: Georgia, Times, sans-serif;
	font-weight: bold;
	font-size: 18px;
        letter-spacing: 0px;
	margin: -5px 0 10px 10px;
	text-indent: 5px;
	padding: 0;
	
}

h4 {
	color: #4b4e49;
	font-family: Georgia, Times, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	margin: 5px 0 5px 10px;
	text-indent: 10px;
	padding: 0;
}

/* ==================== */
/* ! Other Typography   */
/* ==================== */

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

	p.about-terry {
		color: #34446a;
		font-family: Georgia, Times, serif;
		font-size: 13px;
		font-style: italic;
		margin: 5px 0 5px 0;
	}

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

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

/* ============ */
/* ! 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: black; }

	
ol.commentlist                        { list-style: none; margin: 0; padding: 0; text-indent: 0; }
ol.commentlist li                     { border:1px 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; }
ol.commentlist code                   { width: 370px; }
ol.commentlist li.alt                               {  }
ol.commentlist li.bypostauthor        { background: #eee; }
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: #204776; text-decoration: none;  }
ol.commentlist li div.vcard cite.fn a.url:hover     { color: #6087b6; }
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: #333; text-decoration:n one; }
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: #204776; border: 1px solid #6087b6; }
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                    {  }
ol.commentlist li ul.children li.alt                {  }
ol.commentlist li ul.children li.bypostauthor       {  }
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:#fff; }
ol.commentlist li.odd                               { background:#f6f6f6; }
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                        {  }