/*
* 
* Below, you'll find a summary of
* the sections of this CSS File
* The file has been divided into
* section to best organize it
* 
*/


/*

	- COMMON TAGS
	
	- COMMON CLASSES
	
	- COLUMN TEMPLATE
	
	- TOP-BAR
	
		- LEFT MENU
		
		- RIGHT MENU
	
	- HEADER
	
		- NORMAL SLIDER
	
		- FULL WIDTH SLIDER
		
		- SEARCH BOX
		
		- HIDDEN SEARCH BOX
		
	- CONTENT AREA
	
		- INDEX
		
		- BLOG
		
			- COMMENTS
		
		- PORTFOLIO
		
	- FOOTER
	
	- COPYRIGHT

/*



/* -----------------------------------
-------------------------- COMMON TAGS
------------------------------------*/

body {
		
	background: #dcdcdc;
	color: #656565;
	
}

h1, h2, h3, h4, h5 ,h6 {
	color: #000000;
	
}

p a, em a, strong a {

	text-decoration: underline !important;
	
}



/* -----------------------------------
----------------------- COMMON CLASSES
------------------------------------*/

.block {
	
	background: #eeeeee;
	border: 1px solid #ffffff;	
	-moz-box-shadow: 0px 0px 5px #666666;
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
	
}

.title {
	
	border-bottom: 1px solid #c0c0c0;
	
}

.light, .light a, .grey, .grey a {
	
	color: #656565;
	
}

.light a:hover, .grey a:hover {
	
	color: #000000;
	
}

.list-links {
	
	border-top: 1px solid #c0c0c0;
	
}
	
	.list-links li a {
		
		border-bottom: 1px solid #c0c0c0;
		color: #656565;
		
	}
	
	.list-links li a:hover {
		
		background: #dddddd;
		color: #000000;
		
	}
	
#footer .list-links, .list-posts {
	
	border-top: 1px solid #2c2c2c;
	
}

	#footer .list-links li a, .list-posts li a {
		
		border-bottom: 1px solid #2c2c2c;
		color: #b6b6b6;
		
	}
	
	#footer .list-links li a:hover, .list-posts li a:hover {
		
		background: #2c2c2c;
		color: #ffffff;
		
	}
	
.strong-link {
	
	color: #000000 !important;
	
}



/* -----------------------------------
------------------------------ TOP-BAR
------------------------------------*/

#top-bar {
	
	background: #0b0b0b url(images/classic/top-bar-bg.gif) repeat-x bottom left;
	color: #969696;
	
}

#top-bar h1, #top-bar h2, #top-bar h3, 
#top-bar h4, #top-bar h5, #top-bar h6 {
	
	color: #ffffff;
	
}



	/* -----------------------------------
	---------------------------- LEFT-MENU
	------------------------------------*/
		
		#left-menu ul li a, #right-menu ul li a {
			
			color: #969696;
			text-shadow: 0 1px 0 #000000;
			
		}
		
		#left-menu ul li a:hover, #right-menu ul li a:hover, #right-menu ul li.hovered a {
	background: #000000;
			
		}
		
		#left-menu ul li a.super-menu {
			
			background: url(images/icons/super-menu-arrow.gif) no-repeat center right;
			
		}
		
		#left-menu ul li a:hover.super-menu, #left-menu ul li.hovered a.super-menu {
			
			background: #000000 url(images/icons/super-menu-arrow.gif) no-repeat center right;
			color: #ffffff;
			
		}
		
		
			/* -----------------------------------
			--------------------------- SUPER-MENU
			------------------------------------*/
			
			.super-menu-child {
				
				background: #000;
				
			}
				
				.super-menu-child ul {
					
					border-top: 1px solid #1d1d1d;
					
				}
				
				.super-menu-child ul li a {
					
					background: none !important;
					border-bottom: 1px solid #1d1d1d;
					
				}
				
				.super-menu-child ul li a:hover {
					
					background: #0b0b0b !important;
					
				}



	/* -----------------------------------
	---------------------------- RIGHT-MENU
	------------------------------------*/
	
	#right-menu ul li ul, #right-menu ul li.current a {
		
		background: #000000;
		
	}
	
	#right-menu ul li ul li a {
		
		border-bottom: 1px solid #1d1d1d;
		
	}
	
	#right-menu ul li ul li a:hover {
		
		background: #0b0b0b;
		
	}



/* -----------------------------------
------------------------------- HEADER
------------------------------------*/

#header {
	
	background: #181818 url(images/classic/header-bg.gif) repeat-x bottom left;
	color: #969696;
	
}

#header h1, #header h2, #header h3,
#header h4, #header h5, #header h6,
#header a {
	
	color: #ffffff !important;
	
}

#logo-search-border {
	
	border-bottom: 1px solid #0b0b0b;
	
}

	#search-input {
		
		border-color: #000000;
		
	}
	
	#search-submit {
		
		background: url(images/icons/search.gif) no-repeat center center;
		border: none;
		
	}



	/* -----------------------------------
	----------------------------- TOP INFO
	------------------------------------*/
	
	#top-info {
		
		border-bottom: 1px solid #0b0b0b;
		
	}



	/* -----------------------------------
	-------------------- FULL WIDTH SLIDER
	------------------------------------*/
	
		ul#slider-selector li {
			
			background: url(images/icons/slider_selector.png) no-repeat center center;
			
		}
		
		ul#slider-selector li.current {
			
			background: url(images/icons/slider_selector_current.png) no-repeat center center;
			
		}



	/* -----------------------------------
	-------------------- HIDDEN SEARCH BOX
	------------------------------------*/
	
		#hidden-search p {
			
			background: #0b0b0b;
			border: 1px solid #000000;
			
		}
		
		#hidden-search p span {
			
			background: url(images/icons/hidden-search-arrow.png) no-repeat center center;
			
		}



/* -----------------------------------
------------------------- CONTENT AREA
------------------------------------*/

#content {
	
	background: url(images/classic/content-bg.gif) repeat-x left 50px;
	
}

#content img {
	
	/* border: 5px solid #c0c0c0; */
	
}



	/* -----------------------------------
	------------------------------- SLIDER
	------------------------------------*/
	
	#slider-arrow-left {
		
		background: url(images/classic/slider-left-arrow.png) no-repeat top left;
		
	}
	
	#slider-arrow-right {
		
		background: url(images/classic/slider-right-arrow.png) no-repeat top left;
		
	}
	
	/* -----------------------------------
	----------------------- TABBED CONTENT
	------------------------------------*/
	
		ul.tabbed-content-tabs li {
			
			border: 1px solid #dcdcdc;
			
			-moz-box-shadow: 0px 0px 5px #666666;
			-webkit-box-shadow: 0px 0px 5px #666666;
			box-shadow: 0px 0px 5px #666666;
			
		}
		
		ul.tabbed-content-tabs li.current {
			
			background: #eeeeee;
			border: 1px solid #ffffff;
			
		}



	/* -----------------------------------
	--------------------------- PAGINATION
	------------------------------------*/
	
	#pagination ul {
		
		list-style: none;
		margin: 0;
		
	}
	
			#pagination ul li a {
				
				background: #b6b6b6 url(images/classic/pagination-bg.gif) repeat-x top left;
				color: #656565;
				border-top: 1px solid #fdfdfd;
				border-left: 1px solid #c0c0c0;
				border-right: 1px solid #c0c0c0;
				border-bottom: 1px solid #8d8d8d;
				
			}
			
			#pagination ul li a:hover, #pagination li.current a {
				
				border-bottom: 1px solid #fdfdfd;
				border-left: 1px solid #c0c0c0;
				border-right: 1px solid #c0c0c0;
				border-top: 1px solid #8d8d8d;
				
			}



	/* -----------------------------------
	----------------------------- COMMENTS
	------------------------------------*/
	
	#comments ol ul {
		
		border-left: 1px solid #bababa;
		
	}
	
		#comments ol ul li {
			
			background: url(images/classic/comments-li-bg.gif) no-repeat top left;
			
		}
			
			span.author-link, span.author-link a {
				
				color: #262626;
				
			}
			
			.comment-time {
				
				background: url(images/icons/time.png) no-repeat center right;
				
			}
			
			.comment-date {
				
				background: url(images/icons/date.png) no-repeat center right;
				padding-right: 15px;
				
			}
			
		#comments p {
			
			background: #eeeeee url(images/classic/comments-bg.gif) no-repeat top left;
			border: 1px solid #ffffff;
			
			-moz-box-shadow: 0px 0px 5px #666666;
			-webkit-box-shadow: 0px 0px 5px #666666;
			box-shadow: 0px 0px 5px #666666;
			
		}
		
		#comments p span {
			
			background: url(images/classic/comments-arrow.png) no-repeat center center;
			
		}



/* -----------------------------------
------------------------------- FOOTER
------------------------------------*/

#footer {
	
	background: #373737 url(images/classic/footer-bg.gif) repeat-x top left;
	color: #b6b6b6;
	
}

#footer h1, #footer h2, #footer h3,
#footer h4, #footer h5, #footer h6  {
	
	color: #ffffff;
	
}

.star-icon {
	
	background: url(images/icons/star.png) no-repeat center left;
	
}

.findme-icon {
	
	background: url(images/icons/find-me.png) no-repeat center left;
	
}

.coffee-icon {
	
	background: url(images/icons/coffee.png) no-repeat center left;
	
}

.balloon-icon {
	
	background: url(images/icons/balloon.png) no-repeat center left;
	
}

.contact-icon {
	
	background: url(images/icons/contact.png) no-repeat center left;
	
}

#footer input, #footer textarea {
	
	border: none;
	background: #2c2c2c;
	
}



/* -----------------------------------
---------------------------- COPYRIGHT
------------------------------------*/

#copyright {
	
	background: #181818;
}



/* -----------------------------------
--------------- LOGIN - REGISTER SLIDE
------------------------------------*/

#login-register {
	
	background: #0b0b0b;
	color: #969696;
	
}

#login-register input {
	
	border: #000000;
	
}

#login-register h1, #login-register h2, #login-register h3,
#login-register h4, #login-register h5, #login-register h6 {
	
	color: #ffffff;
	
}

.lock-icon {
	
	background: url(images/icons/lock-icon.png) no-repeat center left;
	
}




/* -----------------------------------
-------------------------------- FORMS
------------------------------------*/

input, select, textarea {
	

	border: 1px solid #c0c0c0;
	color: #656565;
	
}

textarea {
	

	
}

select, select:focus {
	

	border: 1px solid #c0c0c0;
	
}

.alert {
	
	border: 1px solid #9F0000;
	
}

input:focus, textarea:focus {
	
	background-color: #ebebeb;
	border: 1px solid #656565;
	
}

.button, input[type='button'], input[type='submit'] {
	

}

.button:hover, input[type='button']:hover, input[type='submit']:hover {
	
background-color: #E2E2E2;
	
}