@charset "UTF-8";
/* CSS Document */

/* SECTION 1: GENERAL HTML TAGS */

	/* SUBSECTION 1: CSS RESETS */
	
	html { 
		height: 100%;
		overflow: -moz-scrollbars-vertical; 
		overflow: scroll; 	 
	}

	body,
	h1, h2, h3,
	p, ul, li, form, input.
	table, tr, td. {
		border: 0;
		font-size: 100%;
		margin: 0;
		padding: 0;
	}
	
	:focus { 
		outline: 0; 
	}

	img, img a { 
		border: none; 
		margin: 0;
		padding: 0;
	}	

	.clear { 
		clear: both; 
	}

	
	/* SUBSECTION 2: STANDARD HTML TAGS REDEFINITION */

	body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .9em;
	}

	p {
		margin-left: 0; 
		padding-left: 0; 
	}
	
	a {
		margin-left: 0; 
		padding-left: 0; 
	}

	a:link, a:visited { 
		color: #06F;
		margin: 0;
		padding: 0;
		text-decoration: none; 
	}

	a:hover { 
		text-decoration: underline; 
	}
	
	/* ALIGNMENT */
	
	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}
	
	.attachment {
		margin: 5px 0px;
		text-align: center;
	}
	
	img.alignright {
		margin: 0 0 2px 25px;
		padding: 4px;
	}

	img.alignleft {
		margin: 0 25px 2px 0;
		padding: 4px;
	}
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	
/* SECTION 2: STRUCTURAL TAGS */

	/* HEADER */

	#header {
      margin: 0 auto;
		width: 980px;
	}
	
		#home {  
			display: block;
			float: left; 
			height: 102px;  
			list-style: none; 
			margin: 0; 
			padding: 0; 
			position: relative;
			top: 13px;
			width: 147px;
		}

		#home li.title a{ 
			height: 94px; 
			left: 0px; 
			position: absolute; 
			text-indent: -9999px; 
			width: 131px; 
			float: left;
		}	
	
		/* NAV */
		#navbox {
			float: right;
			width: 521px;
			height: 125px;
			clear: right;
		} /* FLOATS THE NAVIGATION RIGHT */
		
		#nav { 		
			height: 115px;
			float: right;
			width: 521px;
			overflow: hidden;
		}
			
		#nav li { display: inline; }
		#nav li a { float: left;  height: 0; padding-top: 115px; overflow: hidden; text-indent: -1000em; }

			/* BUTTONS */
			#nav li#gn-li1 a, #nav li#gn-li1 a:visited {  width: 85px; background-position: 0 0; margin-left: 0;}
			#nav li#gn-li2 a, #nav li#gn-li2 a:visited {  width: 105px; background-position: -100px 0; margin-left: 15px; }
			#nav li#gn-li3 a, #nav li#gn-li3 a:visited {  width: 85px; background-position: -220px 0; margin-left: 15px; }
			#nav li#gn-li4 a, #nav li#gn-li4 a:visited {  width: 85px; background-position: -325px 0; margin-left: 20px;}
			#nav li#gn-li5 a, #nav li#gn-li5 a:visited {  width: 86px; background-position: -435px 0; margin-left: 25px; }

			/* OVER STATES */
			#nav li#gn-li1 a:hover, #nav li#gn-li1 a:active { background-position: 0 -119px; margin-left: 0; }
			#nav li#gn-li2 a:hover, #nav li#gn-li2 a:active { background-position: -100px -119px; margin-left: 15px; }
			#nav li#gn-li3 a:hover, #nav li#gn-li3 a:active { background-position: -220px -119px; margin-left: 15px; }
			#nav li#gn-li4 a:hover, #nav li#gn-li4 a:active { background-position: -325px -119px; margin-left: 20px; }
			#nav li#gn-li5 a:hover, #nav li#gn-li5 a:active { background-position: -435px -119px; margin-left: 25px; }

			/* NAV EXTRAS */
			
			/* QUICKBAR */

			#quickbar {
				background: #333;
				width: 100%;
			}

			#quickbarcontainer { 
			
			}

			/* SEARCH */
	
			fieldset.search {
				border: none;
				float:right;	
				margin: 0 auto;
				width: 165px;
			}

			.search input, .search button {
				border: none;
				float: right;
			}

			.search input.box {
				background: url(images/bg_search_box.png) no-repeat top left; background-position: 0 -4px;
				font-size: 8pt;
				height: 20px;
				margin-bottom: -5px;
				padding: 5px 0 0 30px;
				width:165px;
			}

			.search input.box:focus {
				background: url(images/bg_search_box.png) no-repeat top left; background-position: 0 -33px;
			}
				
			/* COLOR SWITCHER */
			#colorswitcher {
				display: block;
				float: left;
				margin: 0 20px 0 0; 
			}
			#colorswitcher a { 
				display: block; 
				height: 15px;
				overflow: hidden;
				text-indent: -1000em;
				width: 15px; 
			}
			
			#colorswitcher .colorchanger {  
				border: 1px solid #ccc;
				float: left;  
				height: 15px; 
				margin: 7px 2px;
				width: 15px;
				}

			#colorswitcher #changewhite { 
				background: #fff; 
			}
			
			#colorswitcher #changeblack { 
				background: #000;
			}
	


	/* CONTENT */

	#content {
               margin: 0 auto;
		width: 980px;	
	}
	
	#thegoodstuff{
		float:left;	
	}

#aside {
   float: right;
}

	
	#thegoodstuff {
		width:75%;
	}

.section {
    line-height: 1.5em;
}
		
	/* LISTED ARTICLES */
	
	.articlelist .article .more-link, 
	.articlelist .article .more-link a { 
		display: block; 
		font-weight: bold;
		margin: 5px 0 0 0;
		width: 100%;
	}
	
	.articlelist .article .postcategory, .articlelist .article .date {
		font-weight: bold;
	}
	
	.articlelist .article .postcategory a:link {
		text-decoration: none;
	}
	
	.articlelist .article .postcategory a:hover {
		text-decoration: underline;
	}
	
	.articlelist .article { 
		border-bottom: 1px solid #ccc;
	}


	
.entrydate {
	float: left;
	height: 209px;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 111px;
}

.entrydate li {
	background: url(images/datecolumns.png);
	list-style: none;
	margin: 0;
	padding: 0;
	top: 0;
}

.entrydate li, .entrydate a {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -1000em;
	width: 111px;
}


.entrydate .dateJan { background-position: -4px 0; height: 30px; width: 111px; }
.entrydate .dateFeb { background-position: -115px 0; height: 30px; width: 111px; }
.entrydate .dateMar { background-position: -226px 0; height: 30px; width: 111px; }
.entrydate .dateApr { background-position: -337px 0; height: 30px; width: 111px; }
.entrydate .dateMay { background-position: -448px 0; height: 30px; width: 111px; }
.entrydate .dateJun { background-position: -559px 0; height: 30px; width: 111px; }
.entrydate .dateJul { background-position: -670px 0;  height: 30px; width: 111px; }
.entrydate .dateAug { background-position: -781px 0;  height: 30px; width: 111px; }
.entrydate .dateSep { background-position: -892px 0;  height: 30px; width: 111px; }
.entrydate .dateOct { background-position: -1003px 0; height: 30px; width: 111px; }
.entrydate .dateNov { background-position: -1114px 0;  height: 30px; width: 111px; }
.entrydate .dateDec { background-position: -1225px 0;  height: 30px; width: 111px;; }



.entrydate .date01 { background-position: -4px -31px; height: 89px; width: 111px; }
.entrydate .date02 { background-position: -115px -31px; height: 89px; width: 111px; }
.entrydate .date03 { background-position: -226px -31px; height: 89px; width: 111px; }
.entrydate .date04 { background-position: -337px -31px; height: 89px; width: 111px; }
.entrydate .date05 { background-position: -448px -31px; height: 89px; width: 111px; }
.entrydate .date06 { background-position: -559px -31px; height: 89px; width: 111px; }
.entrydate .date07 { background-position: -670px -31px; height: 89px; width: 111px; }
.entrydate .date08 { background-position: -781px -31px; height: 89px; width: 111px; }
.entrydate .date09 { background-position: -892px -31px; height: 89px; width: 111px; }
.entrydate .date10 { background-position: -1003px -31px; height: 89px; width: 111px; }
.entrydate .date11 { background-position: -1114px -31px; height: 89px; width: 111px; }
.entrydate .date12 { background-position: -1225px -31px; height: 89px; width: 111px; }
.entrydate .date13 { background-position: -4px -120px; height: 89px; width: 111px; }
.entrydate .date14 { background-position: -115px -120px; height: 89px; width: 111px; }
.entrydate .date15 { background-position: -226px -120px; height: 89px; width: 111px; }
.entrydate .date16 { background-position: -337px -120px; height: 89px; width: 111px; }
.entrydate .date17 { background-position: -448px -120px; height: 89px; width: 111px; }
.entrydate .date18 { background-position: -559px -120px; height: 89px; width: 111px; }
.entrydate .date19 { background-position: -670px -120px; height: 89px; width: 111px; }
.entrydate .date20 { background-position: -781px -120px; height: 89px; width: 111px; }
.entrydate .date21 { background-position: -892px -120px; height: 89px; width: 111px; }
.entrydate .date22 { background-position: -1003px -120px; height: 89px; width: 111px; }
.entrydate .date23 { background-position: -1114px -120px; height: 89px; width: 111px; }
.entrydate .date24 { background-position: -1225px -120px; height: 89px; width: 111px; }
.entrydate .date25 { background-position: -4px -210px; height: 89px; width: 111px; }
.entrydate .date26 { background-position: -115px -210px; height: 89px; width: 111px; }
.entrydate .date27 { background-position: -226px -210px; height: 89px; width: 111px; }
.entrydate .date28 { background-position: -337px -210px; height: 89px; width: 111px; }
.entrydate .date29 { background-position: -448px -210px; height: 89px; width: 111px; }
.entrydate .date30 { background-position: -559px -210px; height: 89px; width: 111px; }
.entrydate .date31 { background-position: -670px -210px; height: 89px; width: 111px; }

/*INDEX ENTRYDATE */

.smallentrydate {
	float: right;
	height: 55px;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 60px;
}

.smallentrydate li {
	background: url(images/datecolumns.png);
	list-style: none;
	margin: 0;
	padding: 0;
	top: 0;
}

.smallentrydate li, .smallentrydate a {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -1000em;
	width: 55px;
}


.smallentrydate .dateJan { background-position: -6px -303px; height: 15px; width: 55px; }
.smallentrydate .dateFeb { background-position: -62px -303px; height: 15px; width: 55px; }
.smallentrydate .dateMar { background-position: -117px -303px; height: 15px; width: 55px; }
.smallentrydate .dateApr { background-position: -173px -303px; height: 15px; width: 55px; }
.smallentrydate .dateMay { background-position: -228px -303px; height: 15px; width: 55px; }
.smallentrydate .dateJun { background-position: -284px -303px; height: 15px; width: 55px; }
.smallentrydate .dateJul { background-position: -339px -303px; height: 15px; width: 55px; }
.smallentrydate .dateAug { background-position: -395px -303px; height: 15px; width: 55px; }
.smallentrydate .dateSep { background-position: -450px -303px; height: 15px; width: 55px; }
.smallentrydate .dateOct { background-position: -506px -303px; height: 15px; width: 55px; }
.smallentrydate .dateNov { background-position: -561px -303px; height: 15px; width: 55px; }
.smallentrydate .dateDec { background-position: -617px -303px; height: 15px; width: 55px; }



.smallentrydate .date01 { background-position: -6px -318px; height: 45px; width: 55px; }
.smallentrydate .date02 { background-position: -62px -318px; height: 45px; width: 55px; }
.smallentrydate .date03 { background-position: -117px -318px; height: 45px; width: 55px; }
.smallentrydate .date04 { background-position: -173px -318px; height: 45px; width: 55px; }
.smallentrydate .date05 { background-position: -228px -318px; height: 45px; width: 55px; }
.smallentrydate .date06 { background-position: -284px -318px; height: 45px; width: 55px; }
.smallentrydate .date07 { background-position: -339px -318px; height: 45px; width: 55px; }
.smallentrydate .date08 { background-position: -395px -318px; height: 45px; width: 55px; }
.smallentrydate .date09 { background-position: -450px -318px; height: 45px; width: 55px; }
.smallentrydate .date10 { background-position: -506px -318px; height: 45px; width: 55px; }
.smallentrydate .date11 { background-position: -561px -318px; height: 45px; width: 55px; }
.smallentrydate .date12 { background-position: -617px -318px; height: 45px; width: 55px; }
.smallentrydate .date13 { background-position: -6px -363px; height: 45px; width: 55px; }
.smallentrydate .date14 { background-position: -62px -363px; height: 45px; width: 55px; }
.smallentrydate .date15 { background-position: -117px -363px; height: 45px; width: 55px; }
.smallentrydate .date16 { background-position: -173px -363px; height: 45px; width: 55px; }
.smallentrydate .date17 { background-position: -228px -363px; height: 45px; width: 55px; }
.smallentrydate .date18 { background-position: -284px -363px; height: 45px; width: 55px; }
.smallentrydate .date19 { background-position: -339px -363px; height: 45px; width: 55px; }
.smallentrydate .date20 { background-position: -395px -363px; height: 45px; width: 55px; }
.smallentrydate .date21 { background-position: -450px -363px; height: 45px; width: 55px; }
.smallentrydate .date22 { background-position: -506px -363px; height: 45px; width: 55px; }
.smallentrydate .date23 { background-position: -561px -363px; height: 45px; width: 55px; }
.smallentrydate .date24 { background-position: -617px -363px; height: 45px; width: 55px; }
.smallentrydate .date25 { background-position: -6px -408px; height: 45px; width: 55px; }
.smallentrydate .date26 { background-position: -62px -408px; height: 45px; width: 55px; }
.smallentrydate .date27 { background-position: -117px -408px; height: 45px; width: 55px; }
.smallentrydate .date28 { background-position: -173px -408px; height: 45px; width: 55px; }
.smallentrydate .date29 { background-position: -228px -408px; height: 45px; width: 55px; }
.smallentrydate .date30 { background-position: -284px -408px; height: 45px; width: 55px; }
.smallentrydate .date31 { background-position: -339px -408px; height: 45px; width: 55px; }

.articlelist .articleimg { 
		float: left;  
		height: 100%;
		margin: 1.5em 15px 0 0;
		width: 150px; 
	}
	
	.articlelist .articleimg img { 
		border: 1px solid #ccc; 
	}
	
	.articlelist .article .section { margin-left:165px; }

	/* SINGLE ARTICLES */
	
	.single .article {
		margin: 5px;
	}


	/* SIDE BAR */

	#aside {
		width:24%;
		padding-left: 1%;
	}

	.sidebarlist {list-style: none;}
	
	.archivelist li {list-style:none;  padding: 5px 0 5px 0; border-bottom: 1px solid #999;}

	li.noborder {border-bottom: none;}

	.dailyiphone { list-style: none; margin: 1em; padding: 1em; }

	.dailyiphone li h2 {text-align: center; margin-bottom: .5em;}

	.iphone-photo { padding: 2px; display: block; margin: 0 auto; }


	/* FOOTER */

	#footer { margin: 0 5px 0 auto;  }
	
	#footer a:link { color: #399EFF; text-decoration: none;}

	#footer a:hover { color: #000; text-decoration: underline;}

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

	#footernav { clear: both; float: right; padding: 1em 0 1em 0;}

	#footernav li { border-right: solid 1px #000; display: inline; list-style: none; padding: 0 .9em; margin: 0;}
	
	#footernav li.copyright a:hover { text-decoration: none; color: #399EFF; } 

	#footernav li.last {border: none; padding: 0 0 0 .9em;}

/* SECTION 3: CUSTOM CLASSES */

	/* TUTORIAL LIST */
	.toot li{ margin-top: 1em;} 

	/* SOCIAL NETWORKING */
		
		#aside li #socialnetworking {
			margin: 0;
			padding: 0;
		}
		
		#socialnetworking li {
			list-style: none;
		}
		
		#socialnetworking li a {
			display: block;
			height: 15px;
			margin: 0;
			width: 15px;
		}

		#socialnetworking .icon {
			height: 16px;
			width: 16px;
			margin: 0 2px;
			float: left;
			background: #ccc;
		}

		#socialnetworking #twitter {
			background: url(images/web20/Twitter-16x16.png) no-repeat;
		}

		#socialnetworking #facebook {
			background: url(images/web20/FaceBook-16x16.png) no-repeat;
		}

		#socialnetworking #flickr {
			background: url(images/web20/Flickr-16x16.png) no-repeat;
		}

		#socialnetworking #rss {
			background: url(images/web20/Feed-16x16.png) no-repeat;
		}

/* COMMENTS */

.commentlist { list-style: none; }

.comment_cloud { background: #000; width: 600px; }

.comment_corner { background: url(images/commentcorner.png) #000; float: left; height: 33px; margin-right: 64px; width: 29px; }
.comment { background: #333; margin: 3px 3px 3px 94px; }
.comment_gravatar { float: left;  height: 64px; width: 64px; }

/* Thumbnail Gallery */

.thumbnail_container {
	float: right;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	width: 315px;
}

.gallery_thumbnail {
	float: left;
	margin: 1px;
	padding: 0;
}

.gallery_thumbnail a {
	margin: 0;
	padding: 0;
}