/*  
Theme Name: IT|Redux
Theme URI: 
Description: Custom IT|Redux Blog Design
Author: Parallel
Author URI: http://www.thisisparallel.com/
*/
* { margin:0; padding: 0; }
body {
	background: #BBB;
	font: 75%/175% 'Trebuchet MS', Verdana, sans-serif;
	margin: 25px 0 25px 0;
	text-align: center;
	}

	#container {
		width: 909px;
		margin: 0 auto;
		text-align: left;
		background: #FFF url(images/left-shadow.jpg) repeat-y;
		}
		
	#header {
		background: url(images/head-shadow.jpg) no-repeat;
		}
		
		#header ul.topNavigation {
			float: right;
			list-style-type: none;
			margin-top: 8px;
			}
			
			#header ul.topNavigation li {
				float: left;
				background: #FFF url(images/head-nav-background.jpg) repeat-x bottom;
				height: 40px;
				overflow: hidden;
				}
				
			#header ul.topNavigation li a {
				text-align: center;
				color: #888888;
				text-transform: uppercase;
				font-weight: bold;
				font-size: .9em;
				text-decoration: none;
				padding: 10px 20px 10px 20px;
				display: block;
				border-left: 1px solid #ebebeb;
				font-size: .9em;
				}
				
				#header ul.topNavigation li a:hover {
					background: #f4f4f4;
					color: #000;
					}
					
				#header ul.topNavigation li a.subscribe {
					background: url(images/subscribe-icon.gif) 15px 13px no-repeat;
					padding-left: 35px;
					font-weight: bold;
					color: #a00000;
					}
					
					#header ul.topNavigation li a.subscribe:hover {
						color: #000;
						background: #f4f4f4 url(images/subscribe-icon.gif) 15px 13px no-repeat;
						}
				
		#header div.logo {
			margin-left: 9px;
			clear: both;
			height: 138px;
			_overflow: hidden;
			background: #e4e4e4;
			border-top: 1px solid #e1e1e1;
			border-bottom: 1px solid #fff;
			}
			
			#header div.logo a {
				background: #e4e4e4 url(images/head-logo.jpg) no-repeat;
				height: 139px;
				width: 356px;
				display: block;
				position: relative;
				top: -1px;
				}
			
		#header div.navigation {
			height: 48px;
			margin-left: 9px;
			}
			
			#header div.navigation ul {
				list-style-type: none;
				width: 539px;
				height: 34px;
				padding: 13px 0 0 10px;
				float: left;
				background: #ccc url(images/navigation-background.jpg) repeat-x;
				}
				
				#header div.navigation li {
					list-style: none;
					float: left;
					}
				
				#header div.navigation ul li a {
					color: #555;
					background: url(images/tab.jpg) left bottom no-repeat;
					text-decoration: none;
					padding-left: 30px;
					text-transform: uppercase;
					font-size: .9em;
					}
				
				#header div.navigation ul li a span {
					background: url(images/tab.jpg) right bottom no-repeat;
					padding: 10px 30px 4px 0;
					}
					
					#header div.navigation ul li.active a, #header div.navigation ul li a:hover {
						background: url(images/tab-active.jpg) left bottom no-repeat;
						}
						
					#header div.navigation ul li.active a span, #header div.navigation ul li a:hover span {
						background: url(images/tab-active.jpg) right bottom no-repeat;
						}
				
				#header div.navigation ul li a, #header div.navigation ul li a span {
					display: block;
					float: left;
					}
				
				/* Commented backslash hack hides rule from IE5-Mac \*/
				#header div.navigation ul li a, #header div.navigation ul li a span {
					float: none;
					}
				/* End IE5-Mac hack */
				
				#header div.navigation ul li a:hover, #header div.navigation ul li a:active{
					color: #000;
					}
					
		#header div.search {
			float: left;
			width: 350px;
			height: 47px;
			border-left: 1px solid #979797;
			background: #b2b2b2 url(images/search-background.jpg) repeat-x;
			}
			
			#header div.search form {
				color: #FFF;
				padding: 12px 0 0 0;
				text-align: center;
				}
				
				#header div.search form input.text {
					width: 150px;
					}
				
				#header div.search form label {
					margin-right: 8px;
					color: #fefefe;
					position: relative;
					_top: -2px;
					}
						
	#body {
		margin-left: 9px;
		background: #fff url(images/column-background.jpg) repeat-y;
		}
		
		#left {
			width: 549px;
			float: left;
			background: #fff;
			overflow: hidden;
			}
			
			#left a {
				color: #c94445;
				text-decoration: none;
				}
				
			#left a:hover {
				color: #a00000;
				}
			
			#left .post {
				margin-bottom: 15px;
				}
				
				#left .post .title {
					background: #efefef url(images/title-background.jpg) bottom right no-repeat;
					border-bottom: 1px solid #ebebeb;
					margin-bottom: 5px;
					}
				
				#left .post .title h1 {
					font-family: Georgia, serif;
					font-size: 1.75em;
					font-weight: normal;
					color: #9c0001;
					background: url(images/title-arrow.jpg) bottom left no-repeat;
					padding: 10px 10px 5px 15px;
					}
				
				#left .post .page h1 {
					padding: 21px 10px 20px 30px;
					font-size: 2.4em;
					color: #000;
					background: none;
					}
					
					#left .post .title h1 a {
						color: #9c0001;
						text-decoration: none;
						}
					
					#left .post .title h1 a:hover {
						color: #000;
						}
					
				#left .post .title p {
					color: #898989;
					font-family: Georgia, serif;
					font-size: .9em;
					padding: 0 0 5px 15px;
					}
					
				#left .post .content {
					color: #000;
					padding: 0 30px 0 30px;
					}
					
				#left .post .content p {
					color: #000;
					padding: 7px 0 10px 0;
					line-height: 19px;
					}
					
					#left .post .content h2.search-headline {
						margin-top: 25px;
						font-size: 1.5em;
						}
					
					#left .post .content h2.search-headline a {
						color: #000;
						}
					
					#left .post .content h2.archive-headline {
						margin-top: 25px;
						font-size: 1.3em;
						}
					
					#left .post .content h2.archive-headline a {
						color: #000;
						}
					
					#left .post .content table td {
						padding: 2px;
						}
					
				#left p.extras {
					color: #AAA;
					padding: 5px 0 5px 0;
					margin: 0 30px 0 30px;
					font-weight: bold;
					border-top: 1px dotted #DDD;
					}
					
					#left table.socialButtons {
						margin: 20px 30px 0 43px;
						width: 488px;
						}
					
					#left p.extras a.commentlink {
						padding-left: 17px;
						margin-left: 2px;
						background: url(images/comment-icon.gif) center left no-repeat;
						}
						
				#left #commentContainer {
					padding: 0 30px 0 30px;
					}
						
				#left div.navigation {
					border-top: 1px solid #EEE;
					border-bottom: 1px solid #EEE;
					padding: 15px 30px 15px 30px;
					background: #f4f4f4;
					margin-top: 10px;
					}
					
					#left div.navigation div.alignleft {
						float: left;
						width: 230px;
						}
											
					#left div.navigation div.alignright {
						float: right;
						width: 230px;
						text-align: right;
						}
						
					#left div.navigation a {
						font-weight: bold;
						}

					#left div.navigation br {
						clear: both;
						}
						
		#right {
			width: 350px;
			float: right;
			border-left: 1px solid #dedede;
			font-size: .9em;
			background: #fff;
			}
			
			#right a {
				color: #676767;
				text-decoration: none;
				}
			
			#right a:hover {
				color: #000;
				}
			
			#right .split {
				width: 175px;
				float: left;
				overflow: hidden;
				}
							
			#right .box h3 {
				border-top: 1px solid #dddddd;
				border-bottom: 4px solid #dddddd;
				padding: 5px 5px 5px 15px;
				font-size: 1em;
				font-family: Georgia, serif;
				text-transform: uppercase;
				color: #4e2521;
				}
				
				#right .box h3.sponsors {
					padding-left: 0;
					margin-top: 28px;
					border-top: 0;
					text-align: center;
					}
				
				#right .box h3.feeds {
					background: url(images/subscribe-icon.gif) 15px 8px no-repeat;
					padding-left: 36px;
					}
					
			#right .box ul.categories {
				list-style-type: none;
				padding: 10px 10px 15px 15px;
				background: #efefef;
				}
					
			#right .box ul.links {
				list-style-type: none;
				padding: 10px 10px 15px 15px;
				}
			
			#right .box div.content {
				padding: 10px;
				}
			
			#right .box div.credit {
				color: #676767;
				}
				
				#right .box div.credit a {
					color: #000;
					}
				
				#right .box div.credit a:hover {
					color: #a00000;
					}
				
			#right .box div.sponsors {
				padding: 15px 0 15px 0;
				}
				
			#right .box div.sponsors span {
				float: left;
				display: block;
				width: 49%;
				text-align: center;
				padding: 0 0 15px 0;
				}
				
			#right .box ul.sidenotes li {
				padding: 10px;
				color: #8f8f8f;
				list-style-type: none;
				/*list-style-position: inside;
				list-style-image: url(images/list-arrow.gif);*/
				border-bottom: 1px solid #e7e7e7;
				}
					
			#right .box ul.sidenotes li.alt {
				background: url(images/alternate-background.jpg);
				}
				
		#footer {
			background: #BBB url(images/footer-shadow.jpg) no-repeat;
			text-align: center;
			padding-top: 25px;
			color: #777;
			line-height: 14px;
			}
			
			#footer a {
				color: #555;
				text-decoration: none;
				}
				
			#footer a:hover {
				color: #000;
				}
			
	form input.text, form textarea, form select {
	    font-size:1em;
	    color: #222;
	    font-family: arial, san-serif;
	    line-height:1.3em;
	    border-top:1px solid #7c7c7c;
	    border-left:1px solid #c3c3c3;
	    border-right:1px solid #c3c3c3;
	    border-bottom:1px solid #ddd;
	    background:#fff url(images/fieldbg.gif) repeat-x top;
		}
		
		form input.text {
			padding: 2px 3px 2px 3px;
			}
		
		form textarea {
			width: 95%;
			padding: 2px 3px 3px 3px;
			}
			
/* comments
--------------------------------------------------*/
#commentContainer dt {
	line-height: 20px;
	padding: 5px 10px;
	background: #eee;
	border-top: 1px dotted #DDD;
	}

#commentContainer dt.pingback, #commentContainer dt.trackback {
	background: #eee url(images/pingtrackback.gif) 470px 11px no-repeat;
	}
	
#commentContainer dd {
	line-height: 17px;
	padding: 10px;
	margin-bottom: 10px;
	}

#commentContainer dd p {
	margin-bottom: 12px;
	}

#commentContainer dt.authorcomment {
	background: #fff2CC;
	border-top: 1px dotted #DDD;
	}

#commentContainer h3 {
	margin: 10px 0 20px 0;
	font-size: 1.3em;
	padding: 5px;
	background: #FFF;
	border-bottom: 1px dotted #ddd;
	}
	
#commentContainer h3 a {
	font-size: .8em;
	}

#commentContainer h2 a {
	margin-left:2px;
	padding-left:6px;
	border-left:1px solid;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:0.55em;
	}

#commentContainer ol {margin:0 0 0 20px;}

#commentContainer li {
	position:relative;
	margin-bottom:18px;
	}

#commentContainer li p {padding:0 0 10px 0;}
#commentContainer form p { margin-bottom: 3px; }
#commentContainer form em { margin-left: 3px; color: #666; }

#commentContainer form label {
	display:block;
	float:left;
	width:60px;
	margin:0 15px 0 10px;
	}

#commentContainer {margin-bottom: 20px;}
#commentContainer form input.text {width:200px;}
#commentContainer form input#submit {margin-left: 90px;}
#commentContainer form textarea {width:340px;}

/* list
--------------------------------------------------*/
#list ul {
  margin:0 0 0 1.4em;
  padding:10px 0 12px 0;
}

#list ul li {
  margin:2px 0 2px 2px;
  padding-bottom:2px;
  border-bottom:1px solid;
  border-bottom-color:#F0F0F0;
  list-style-image:url(images/links.gif);
}

#list li a {
  padding:1px 0;
  height:1%; /* IE WIN */
}

#list li a:hover {background-color:#EEEEEE;}

ul.postspermonth {
	list-style-type: none;
	margin: 5px 0 0 0;
	}

	hr {
		border: 0;
		height: 1px;
		}
			
	hr.table {
		background-color:#666666;
		color:#666666;
		}
	
	hr.tr {
		background-color:#AAAAAA;
		color:#AAAAAA;
		}
			
	.next a {
		float:right;
		padding-right:10px;
		background:url(images/next.gif) center right no-repeat;
		}
		
	.previous a {
		float:left;
		padding-left:10px;
		background:url(images/previous.gif) center left no-repeat;
		}
		
	img { border: 0; }
	.clear { clear: both; }
	.hidden { display: none; }