/*
Theme Name: blink WordPress Theme
Theme URI: http://themeforest.net/user/DDStudios/
Description: Unique (not so) personal blog and portfolio
Author: Guilherme Salum - DDStudios
Version: 1.0
*/

/* resets all styles */
@import url("reset.css");


body {
	
	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
	
}

h1, h2, h3, h4, h5, h6 {
	
	text-transform: uppercase;
	
}

.big {
	
	font-size: 5.5em;
	margin-bottom: .4em !important;
	
}

p a {
	
	text-decoration: underline !important;
	
}

.list-links {
	
	list-style: none;
	
}

.list-links li {
	
	display: inline;
	margin: 0 0 10px 0;
	
}


		
		
		
		
/* ------------------------
------------- COLUMN TEMPLATE
-------------------------*/

.wrapper {
	
	float: left;
	margin: 0 0 0 130px;
	width: 780px;
	
}

.one, .one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifths, .three_fifths, .four_fifths {
	
	float: left;
	margin: 0 30px 0 0;
	position: relative;
	
}

.one {
	
	width: 780px;
	margin: 0;
	
}

.one_half {
	
	width: 375px;
	
}

.one_third {
	
	width: 240px;
	
}

.two_thirds {
	
	width: 510px;
	
}

.one_fourth {
	
	width: 172px;
	
}

.three_fourths {
	
	width: 577px;
	
}

.one_fifth {
	
	width: 132px;
	
}

.two_fifths {
	
	width: 294px;
	
}

.three_fifths {
	
	width: 456px;
	
}

.four_fifths {
	
	width: 618px;
	
}

.last {
	
	margin-right: 0;
	
}

.block {
	
	margin-bottom: 30px;
	
}




/* ------------------------
------------- FIXED CONTENT
-------------------------*/

#top_menu {
	
	display: none;
	position: fixed;
	padding: 5px 0 0 0;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	
}

	#top_menu .menu {
		
		margin: 0 0 0 130px;	
		
	}

	#top_menu .menu li {
		
		float: left;
		margin-right: 30px;
		width: auto;
		
	}
	
	#top_menu .menu li a {
		
		display: inline;
		float: left;
		width: auto;
		
	}
	
	#top_menu .menu ul {
		
		margin: 5px 0 0 0 !important;
		float: left;
		width: auto;
		
	}
	
	#top_menu .menu ul li {
		
		margin: 0 0 0 20px;
		
	}
	
	#top_menu_bg {
		
		bottom: -4px;
		float: left;
		height: 4px;
		left: 0;
		position: absolute;
		width: 100%;
		
	}

#fixed-scroll {
	
	float: left;
	right: 0px;
	position: fixed;
	top: 30px;
	width: 200px;
	z-index: 15;
	
}

	#hide-fixed , #show-fixed{
		
		cursor: pointer;
		height: 15px;
		position: fixed;
		top: 10px;
		right: 10px;
		width: 50px;
		z-index: 20;
		
	}
	
	#logo a {
		
		float: left;
		margin: 0 0 20px 0;
		
	}

	.menu {
		
		list-style: none;
		margin: 0;
		
	}
	
		.menu li {
			
			float: left;
			margin: 7px 0;
			width: 100%;
			
		}
		
		.menu li a {
			
			display: block;
			font: normal 28px Georgia, "Times New Roman", Times, serif;
			outline: none;
			text-transform: uppercase;
			
		}
		
		.menu li ul {
			
			display: none;
			list-style: none;
			margin: 10px 0 0 15px !important;
			
		}
			.menu ul li {
				
				margin: 7px 0;
				
			}
			
				.menu ul li a {
					
					font-size: 20px;
					text-transform: uppercase;
					outline: none;
					
				}
				






/* ------------------------
------------- SHOWCASE
-------------------------*/

#showcase {
	
	height: 100%;
	padding: 0 10px 0 0;
	position: fixed;
	left: 10px;
	top: 0;
	width: 60px;
	z-index: 20;
	
}

	#showcase_wrapper {
		
		float: left;
		position: absolute;
		
	}

	.showcase_item {
		
		float: left;
		height: 60px;
		width: 60px;
		position: relative;
		
	}
	
	.showcase_item img {
		
		position: absolute;
		
	}
	
	.showcase_item div.hidden {
		
		position: absolute;
		height: 170px;
		width: 500px;
		padding: 15px;
		top: 0;
		left: 200px;
		
	}
	
#showcase_arrow_up, #showcase_arrow_down {
	
	cursor: pointer;
	height: 20px;
	float: left;
	padding: 3px;
	position: fixed;
	left: 80px;
	top: 10px;
	width: 28px;
	
}

#showcase_arrow_down {
	
	top: 30px;
	
}
		
		
		
		
/* ------------------------
------------- CONTENT
-------------------------*/

#content {
	
	float: left;
	margin-top: 30px;
	width: 100%;
	
}

	
	
	
	/* ------------------------
	------------- TOP INFO
	-------------------------*/
	
	#top_info {
		
		float: left;
		margin: 0 !important;
		padding: 30px 0 0 0;
		padding-bottom: 10px;
		width: 100%;
		
	}
	
	#top_info p {
		
		line-height: 21px;
		
	}
	
	#top_info_bg_bottom {
		
		height: 4px;
		float: left;
		margin: 0 0 20px 0;
		width: 100%;
		
	}

	
	
	
	/* ------------------------
	------------- POST
	-------------------------*/
	
	.post_item {
		
		margin: 0 0 50px 0;
		
	}
	
	.post_item, .post_info {
		
		float: left;
		position: relative;
		width: 100%;
		
	}
	
	.post_info {
		
		margin: 0 0 30px 0;
		
	}
	
	.title {
		
		float: left;
		margin: 0;
		width: 100%;
		
	}
	
	.comments {
		
		float: left;
		height: 28px;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
		width: 31px;
		
	}
	
	.comments a:hover {
		
		text-decoration: underline !important;
		
	}

	.comments-below {
		float: right;
		position: relative;
	}
	
	.more, .minus, .moreLoading {
		
		cursor: pointer;
		height: 50px;
		width: 40px
		
	}
	
	.moreLoading {
		
		background: url(images/icons/loading.gif) no-repeat center center !important;
		cursor: default !important;
		
	}
	
	.date, .categories {
		
		float: right;
		font: bold 18px/18px Georgia, "Times New Roman", Times, serif;
		height: 30px;
		padding: 20px 20px 0 20px;
		position: relative;
		
	}
	
	.categories {
		
		height: 28px;
		padding: 22px 20px 0 20px;
		
	}
	
	.categories a {
		
		font: normal 18px/18px Georgia, "Times New Roman", Times, serif;
		
	}
	
	.categories a:hover {
		
		
	}
	
	.date span, .categories span {
		
		font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
		position: absolute;
		top: 7px;
		left: 20px;
		
	}
	
	.hidden_content {
		
		display: none;
		float: left;
		width: 100%;
		
	}

	
	
	
	/* ------------------------
	------------- PAGINATION
	-------------------------*/
	
	#pagination {
		
		float: left;
		padding: 0 0 50px 0;
		width: 100%;
		
	}
	
		#pagination ul {
			
			float: left;
			list-style: none;
			margin: 0;
			
		}
		
		#pagination ul li {
			
			float: left;
			margin: 0;
			
		}
		
			#pagination ul li a {
				
				display: block;
				font: normal 18px/18px Georgia, "Times New Roman", Times, serif;
				padding: 10px 15px;
				
			}
			



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

#footer_bg_top {
	
	float: left;
	height: 4px;
	width: 100%;
	
}

#footer {
	
	float: left;
	padding: 50px 0;
	width: 100%;
	
}

	#recent_comments ul {
		
		list-style: none;
		margin: 0;
		
	}
	
	#recent_comments ul li {
		
		padding: 10px 0 0 15px;
		margin: 0 0 20px 0;
		
	}
			



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

#copyright {
	
	float: left;
	padding: 18px 0 0 0;
	width: 100%;
	
}

#copyright_bg_top {
	
	float: left;
	height: 4px;
	width: 100%;
	
}




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

label { 

	font: bold 11px/18px  Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
	text-transform: uppercase;

}

label em {
	
	font-size: 10px;
	
}

input, textarea, select {
	
	display: block;
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 8px 0px;
	padding: 12px 10px;
	width: 90%;
	
}

input:focus, textarea:focus, select:focus {
	
	font-style: normal;
	
}

.medium { width: 50%; }

.short { width: 30%; }

input.submit, input.reset {
	
	display: block;
	font-size: 11px !important;
	width: 20%;
	margin: 0 20px 8px 0;
	padding: 11px 0px 12px 0px;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	cursor: pointer;
	
}

input.checkbox {
	
	float: left;
	margin: 3px 4px 0 0;
	padding: 0;
	width: 20px;
	
}

.search_field {
	
	width: 65%;
	
}


		
		
/* ------------------------
------------- PORTFOLIO
-------------------------*/

.portfolio_item {
	
	margin-bottom: 60px;
	
}

.portfolio_item .one_fourth {
	
	text-align: right;
	
}

.portfolio_item .title {
	
	margin-bottom: .5em;
	padding-top: 5px;
	
}

.portfolio_item .up_arrow, .portfolio_item .down_arrow {
	
	top: 0px;
	cursor: pointer;
	right: -12px;
	height: 10px;
	float: left;
	position: absolute;
	width: 16px;
	
}

.portfolio_item .down_arrow {
	
	top: 15px;
	
}


		
		
/* ------------------------
------------- COMMENTS
-------------------------*/

#comments h3 {
	
	margin: 0 0 1.5em 0;
	
}

#comments ol {
	
	list-style: none;
	margin: 30px 0 0 0;
	
}

	#comments ol li {
		
		margin: 0 0 40px 10px;
		position: relative;
		
	}
	
	#comments ol li p.content {
		
		padding: 15px 15px 15px 85px;
		margin: 0;
		
	}
	
	.comment_image img {
		
		left: 5px;
		padding: 0;
		position: absolute;
		top: 5px;
		width: 60px;
		height: 60px;
		
	}
	
	#comments .comment_author {
		
		font-size: 10px;
		font-weight: bold;
		margin: 0 20px 0 0;
		padding: 0 0 0 15px;
		
	}
	
	#comments .comment_date {
		
		font-size: 10px;
		margin: 0 20px 0 0;
		padding: 0 0 0 15px;
		
	}
	
	#comments .comment-reply-link {
		
		font-size: 10px;
		font-weight: bold;
		padding: 0 0 0 15px;
		position: absolute;
		right: 15px;
		text-transform: uppercase;
		
	}
	
	#comments .comment_time {
		
		font-size: 10px;
		padding: 0 0 0 15px;
		
	}
	
		#comments ol li ol {
			
			margin: 0;
			padding: 30px;
			
		}
	
	#comments ol li ol li {
		
		float: none;
		margin: 0 0 0 10px;
		position: relative;
		
	}