img{
	display:inline-block;
	vertical-align:bottom;
	margin:0;
	padding:0;
	border:0;
}


html{
	
	background:#78bcdb url(../images/htmlBg.jpg) left top repeat-x;
	background-color:#78bcdb;
	}

body{
	color:#666;


	}

/*****************************
1.) #head	
/****************************/	
					#head{
					background-image:url(../images/greyGradient.gif);
					background-repeat:repeat-x;
					background-color:#e5e1e0;
					margin-top: 20px;
					border-left:1px solid white;
					border-right:1px solid white;
					border-top:1px solid white;
					height:125px;
					width:960px;
					}
					
					
					#top .logo a{
						background:transparent url(../images/logo.jpg) left top no-repeat;
						}
						
						
						.logo{
							display:block;
							height:83px;
							width:229px;
							position:absolute;
							left:20px;
							top:20px;
							margin-top:20px;
							}
						
						
						
						
						.logo a{
							display:block;
							height:83px;
							width:229px;
							position:absolute;
							left:0;
							top:0;
							}
				
							#top .logo a{
								top:0;
								right:0;
								text-indent:-9999px;
								outline:none;
								}
								
		
/*****************************
2.) #main
/****************************/		
			
			#redBar{
			background:url(../images/redBar.gif) left top repeat-x;
			height:20px;
			display:block;
			margin-left:20px;
			margin-right:20px;
			padding-bottom:3px;
			margin-top:12px;
			}
			
			#main{
			background-image:url(../images/greyGradient2.gif);
			background-repeat:repeat-x;
			background-color:#e5e1e0;
			padding-bottom: 20px;
			border-left:1px solid white;
			border-right:1px solid white;
			border-bottom:1px solid white;
			width:960px;
			}
			
			#main2{
			background-color:#e5e1e0;
			padding-bottom: 20px;
			}
			
			#main-top{
			
			background-color:#e5e1e0;
			
			}
			
			#sidebar{
			color: #FFFFFF;
			background-color:#AEB1BD;
			padding: 0 0 20px 0;
			margin-top:20px;
			margin-bottom:20px;
			margin-right:0px;
			width:320px;

			
			}
			
			#sidebar h2{
			color: #FFFFFF;
			
			}
			
			#sidebar h3{
			color: #FFFFFF;
			margin:0 0 0;
			border-bottom:none;
			
			}
			
			#sidebar a{
			color: #FFFFFF;
			
			}
			
			.featuredpost{
			width:280px;
			margin-left:20px;
			margin-right:20px;
			border-bottom:dotted 1px white;
			}

			
			
/*****************************
3.) #mainpage image slider
/****************************/	

				#featured{
			
					color:#f5f5f5;
					height:315px; 	
				}
					
				
						
					#featured_bottom{
						/* background:transparent url(../images/bg_slice2.png) right top no-repeat;	*/
						visibility:hidden;
				
					}
							
							.ticker, .ticker a{
								color:#666;
								text-decoration:none;
								}
							
								
							.preview_images a img{
								border:1px solid #afafaf;
								background-color:#fff;
								}
								
							.preview_images .current_prev img{
								border:1px solid #666;
								}
								
							
								
							.pointer{
								background:transparent url(../images/pointer.png) no-repeat scroll left top;
								}
								
/*****************************
4.) breadcrumb navigation
/****************************/	
								
			
			.breadcrumb{
				color:#ddd;
				background:url(../images/redBar.gif) left top repeat-x;
				display:inline-block;
				width:910px;
				background-color:#e97522;
				padding:0px 0 2px 10px;
				bottom:-39px;
				font-size:11px;
				left:20px;
				position:absolute;
				z-index:5;
				}
				
						.breadcrumb a{
							text-decoration:none;
							color:#fff;
							}
							
						.breadcrumb a:hover{
							text-decoration:underline;
							color:#fff;
							}
/*****************************
5.) content area below slider and on subpages
/****************************/	
				#flash-container{
			margin-left:20px;
			position:relative;
			top:-35px;
			padding-bottom:-20px;
			height:315px;
			border:0;
			}	
		
			
	
				.copyright {
			color:#FFFFFF;
			}
			a{
			color:#FFFFFF;
			}
			.scroll-top a{
			color:#FFFFFF;
			}
			
			.content_topHolder{
			margin-left:20px;
			}	
						
			.content_top{
			height:25px;
			background:transparent url(../images/redBar.gif) left top repeat-x;
			width:920px;
			
			padding:0;
			}	
			
			#contentHolder{
			margin-left:20px;
			}
			
			#content{
				background-color:#e5e1e0;
				color:#FFFFFF;
				background:url(../images/footer-bgV2.gif) repeat-x;
				border:0;
				width:920px;
				padding:0;
				
				margin-bottom:20px;
				}
				
			#content a{
			color:#FFFFFF;
			}
			
			#content a.hover{
			color:#FFFFFF;
			}		

			#content a.visited{
			color:#FFFFFF;
			}	
			
			#snippetsHolder{
				margin-left:20px;
			}
			
			#snippets{
				background-color:#e5e1e0;
				color:#FFFFFF;
				background:url(../images/footer-bgV2.gif) repeat-x;
				border:0;
				width:920px;
				padding:0;
				
				margin-bottom:0;
				float:left;
				}
				
			#snippets a{
			color:#FFFFFF;
			}
			
			#snippets a.hover{
			color:#FFFFFF;
			}		

			#snippets a.visited{
			color:#FFFFFF;
			}	

/*****************************
6.) Portfolio Page (no sidebar)
/****************************/	
					
						
							.portfolio_item{
								border:1px solid #ddd;
								}
								
							
							
/*****************************
7.)pages with sidebar
/****************************/								
					
				#inner_content.main_entry{
					width:520px;
				}
				
				#inner_content .entry {
					width:495px;
				}
				
				.entry {
					clear:both;
					margin-bottom:28px;
					overflow:hidden;
					padding:20px;
					position:relative;
					background-color:white;
				}
					
				.main_entry{
					clear:both;
					overflow:hidden;
					
					position:relative;
				}
				
				.main_entry table{
				
				}
				
				.main_entry td img{
					border:2px solid white;
				}	
				
				.main_entry td{
					width:245px;
					color:#323232;
					valign:top;
				}
				
				.main_entry td h1{
					width:240px;
					font-size:12px;
					padding-left:10px;
					padding-top:4px;
					font-weight:bold;
					border-bottom:2px solid white;
					border-left:2px solid white;
					border-right:2px solid white;
					color:white;
					line-height:1.4em;
					background:url(../images/headerBlueBg.gif) left top repeat-x;
					margin-bottom:0;
				}
				
				.main_entry td p{
					width:230px;
					background-color:white;
					padding:0 10px 5px 10px;
					border:2px solid white;
					margin-bottom:20px;
				}							
									
										
				.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a{
					background-color:#5B5A5A;
					color:#eee;
				}
											
											
				.entry-head a:hover, .more-link:hover, #top .portfolio_item h3 a:hover{
					background-color:#eaeaea;
					color:#333333;
				}
											
					
				.entry-content td a img {
					border:2px solid white;
				}					
								
					
					
				
					#top .bg_sidebar{
						border:0;
						background:transparent url(../images/bg_sidebar.jpg) repeat-x center top;
						background-color:#c7cbd3;
						}
				
				
						
						
/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/	
				
							
							#top #sidebar .small_box {
							padding:0 0 0 0;
							}
							
							.small_box{
								float:left;
								padding:15px 0 15px 20px;
								position:relative;
								width:280px;
								}
						
							#top .box1{
								padding:15px 0 15px 20px;
								}
							
							.small_box h3{
								border-bottom:1px solid #DDD;
								}
							
							#linkcat-2{
								
							}
							
							.widgettitle{
								background-color:#9A9EAD;
								padding:5px 20px 5px 20px;
								width:280px;
								font-size:14px;
								font-weight:bold;
								border-bottom:none;
							}
							
							#sidebar ul{
								padding:5px 20px 10px 20px;
								width:280px;
								background-color:#A7AAB8;
							}

									
								
							.small_box img{
								border-top:1px solid #DDD;
								border-bottom:1px solid #DDD;
								}
								
							.widget_categories a, .widget_pages a, .widget_archive a , .widget_recent_entries a, li.recentcomments, .widget_meta a{
							border-bottom:1px solid #ddd;
							}
								
								
							.widget_categories a:hover, .widget_pages a:hover, .widget_archive a:hover,  .widget_recent_entries a:hover, li.recentcomments:hover, .widget_meta a:hover{
							background:#a7aab8;	
							}
							
							#wp-calendar th, #prev a, #next a{
							background-color:#282828;
							color:#fff;
							}
							
							#searchform{
								background-color:#8C91A0;
								padding:20px;
								width:280px;
							}
							
							#attachment_81 p.wp-caption-text{
								width:240px;
								line-height:1.4em;
								font-size:12px;
								padding:4px 0 3px; 10px;
								padding-left:10px;
								padding-top:4px;
								margin-bottom:0;
								font-weight:bold;
								border-left:2px solid white;
								border-right:2px solid white;
								border-bottom:2px solid white;
								color:white;
								background:url(../images/headerBlueBg.gif) left top repeat-x;
							}
							
							div.entry-content table p{
								background-color:white;
								border:2px solid white;
								border-top:0;
								margin-bottom:20px;
								padding:0 10px 5px;
								width:230px;
							}
							
							div.entry-content table h1{
								background:transparent url(../images/headerBlueBg.gif) repeat-x scroll left top;
								border-bottom:2px solid white;
								border-left:2px solid white;
								border-right:2px solid white;
								color:white;
								font-size:12px;
								font-weight:bold;
								line-height:1.4em;
								margin-bottom:0;
								padding:4px 0 4px 10px;
								width:240px;
							}
	
	
/*****************************
#footer styles	
/****************************/							
				
		#footer{
			padding-top: -30px;
			background:transparent url(../images/bg_slice.png) right -20px no-repeat;
			color:#888;
			}
		
		#footer a{
			color:#666;
			}
					
	
				
		
#footer-copy {
height: 325px;
margin: 0 auto;
	background-position:top center;
	background-repeat: repeat-x;
	background-image: url(http://blog.igotthejistofit.com/wp-content/themes/twicet/images/bg-site.jpg);
color:#FFFFFF;




			}	
			
			#footer-copy a{
color:#FFFFFF;

			}	
						#footer-copy a hover{
color:#FFFFFF;

			}	
			
						#footer-copy a active{
color:#FFFFFF;

			}	




/*****************************
#table for sections styles	
/****************************/

table.sections td p{
	width:inherit;
	padding:0 4px;
	margin-bottom:0;
}


/*****************************
#table for gallery styles	
/****************************/

table.gallery td p{
	width:380px;
	padding-right:10px;
	padding-left:0;
	margin-bottom:0;
	border:none;
}

table.gallery td a img{
	border:none;
} 

/*****************************
#subpage styles	
/****************************/


#subpage #content {
width:920px;
padding:0;
}

/*****************************
#basic & common styles	
/****************************/

h1 a, h2 a, h3 a, h4 a, h5 a h6 a{
	color:#5B5A5A;
	}

a{
	color:#006699;
	text-decoration:underline;
	}

a:hover{
	color:#006699;
	text-decoration:none;
	}
	


h1,h2,h3,h4,h5,h6, legend{
	color:#323232;
	}
	
	h3{
	font-size:18px;
	color:#323232;
	}

	#featured h2, #featured h2 a{
		color:#fff;
		}
		
		
	#featured h2{
		border-bottom:1px solid #ddd;
		}	
		
	#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a h3{
		color:#323232;
		font-size:24px;
		}
		
		#inner_content{
		color:#000000;
		padding-left:20px;
		padding:0 0 0 20px;
		margin-top:20px;
		margin-right:0;
		}
		
		#inner_content a{
		color:#0b81b7
		}
				#inner_content a visited{
		color:#669900
		}
				#inner_content a hover{
		color:#669900
		}
		
		.entry-content{
		color:#323232;
		}


.aligncenter{
/*border-bottom:1px solid #ddd;
border-top:1px solid #ddd;*/
}

.meta{
	color:#737373;
	}

	
.read-more, .show-next{
	background:transparent url(../images/read_more.png) no-repeat scroll right top;
	color:#555;
	}
	
	
.read-more:hover, .show-next:hover{
	background:transparent url(../images/read_more.png) no-repeat scroll right bottom;
	color:#666;
	}
	
/*.entry ul, .entry ol{

	border-top:1px solid #ddd;
	}
	
	
.entry li{
	border-bottom:1px solid #ddd;
	} */
	
blockquote{
	background:transparent url(../images/quotes.png) no-repeat scroll left 6px;
	color:#555555;
	}
	
	
/*CONTACT FORM*/	
.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #EE2A00;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}


#s, .text_input, .text_area, textarea, #commentform input{
	border:1px solid #ababab;
	color:#333;
	}


#searchsubmit, #send, #top #submit{
	border:1px solid #ababab;
	background-color:#006699;
	cursor:pointer;
	color:#fff;
	
	}
	
#searchsubmit:hover, #send:hover, #top #submit:hover{
	background-color:#058bce;
	color:#fff;
	}

	
.corner_left, .corner_right{
	background:transparent url(../images/jquery_corners.png) no-repeat scroll top left;
	}
	
#top .corner_right{
	background:transparent url(../images/jquery_corners.png) no-repeat scroll top right;
	}
	
/*navigation*/

.navwrap{
	/*background:transparent url(../images/menu.png) no-repeat scroll right bottom;*/
	text-transform:uppercase;
	padding-right:0;
	float:right;
	position:relative;
	left:0;
	font-size:14px;
	}

#top #nav{
	/*background:transparent url(../images/menu.png) left top no-repeat;*/
}





/*naviagation*/
#top #nav a{
	color:#006699;
	padding: 0 15px;
}

#nav{
	margin-top:20px;
}

#top #nav ul {
	border:1px solid #c7cbd3;
	border-top:none;
}

#top #nav li ul a{
	border-bottom:1px solid #c7cbd3;
	border-top:1px solid #DFDFDF;
}

#top #head #nav ul a, #top #head #nav ul li{
	background-color:#eeeceb;
	background-image:none;
	text-transform:none;
	font-size:12px;
}

#top #head #nav ul a:hover, #top #head #nav ul a:focus {
	background-color:#006699;
	color:white;
}

#top #head #nav a:hover, #top #head #nav a:focus {
	color:#555;
}


#top #nav .current_page_item a{
	color:#000;
	
}

#top #nav .current_page_parent .current_page_item a, #top #nav .current_page_item ul a{
	border-right:1px solid #f5f5f5;
	border-left:none;
	background-image:none;
	color:#444;
}

/* ---------------------- Pagination -------------------*/

.pagination span, .pagination a{
	border:1px solid #333;
	color:#fff;
	background-color:#999;
}

.pagination a:hover{
	border:1px solid #333;
	color:#fff;
	background:#747474;
}
.pagination .current{
	border:1px solid #333;
	color:#fff;
	background-color:#747474;
	
}



/*****************************
extra styles	
/****************************/

 .size-full{
	/*border:2px solid #FFFFFF;
	background-color: #FFFFFF;	*/
}
/* .wp-caption-text{
	position:relative;
	background-color:#747474;
	color:#eee;
	z-index: 10;
	top: -45px;
	left: 4px;
	width: 240px;
	padding-top: 5px;
	padding-left: 10px;
}
*/

.featuredpost h3{
 display: none;
}
.hide{
	visibility:hidden;
	}
	
.submit{
	border:1px solid #ababab;
	background-color:#006699;
	cursor:pointer;
	color:#fff;
	padding:4px 20px;
font-family: 'Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
font-size:11.5px;
	
	}
	
.submit:hover{
	background-color:#058bce;
	color:#fff;
	padding:4px 20px;
font-family: 'Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
font-size:11.5px;
	}
	
	
	
.txtfield{	
	padding:5px;
font-family: 'Lucida Sans Unicode','Lucida Grande',Arial,sans-serif;
width:200px;
font-size:11.5px;
}
