/*
Theme Name: Titanium Folio
Description: Professional Showcase Theme
Author: Marius Pop
Version: 1.0
*/

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
html	{
	overflow-y: scroll;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }
input[type="text"],
textarea	{
	border:none;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Verdana, Helvetica, sans-serif;
}

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
{
	font-family:  Verdana, Helvetica, sans-serif;
}

.normal-font	{font-family:  Verdana, Helvetica, sans-serif;}

blockquote	{font-size:14px;}

pre {
	font:Consolas,"Courier New",Courier,monospace;
	line-height:18px;
	font-size:13px;
	padding:18px 5px;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	padding:1px 3px;
	margin-bottom:15px;
	display:inline-block;
}

/* =Global Elements
-------------------------------------------------------------- */
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

.floatLeft	{float:left;}
.floatRight	{float:right;}

.clearfloat	{clear: both; height: 0px; font-size: 1px;}


hr {
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}

/* Text elements */
p {	margin-bottom: 18px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; clear: both;}

h1	{font-size:80px;}
h2	{font-size:30px;}
h3	{font-size:25px;}
h4	{font-size:20px;}
h5	{font-size:18px;}
h6	{font-size:16px;}

ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	text-decoration: none;
}
blockquote {
	quotes: none;
	font-style:italic;
	margin:0 0 18px 4px;
	padding:0 16px;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

abbr,
acronym {
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 5px;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* Bulleted lists */
.bullet-check li,
.bullet-gray li,
.bullet-silver li,
.bullet-blue li,
.bullet-green li,
.bullet-orange li,
.bullet-red li,
.bullet-disc-gray li,
.bullet-disc-silver li,
.bullet-disc-blue li,
.bullet-disc-green li,
.bullet-disc-orange li,
.bullet-disc-red li
 {
	list-style-type:none;
	padding-left:20px;
}

/* Numbered lists */
ol.number-pad	{
	padding:3px 5px 5px 32px;
}
ol.number-pad li	{
	padding-left:10px;
}
ol	{padding-left:32px;}
ol	li	{padding-left:10px;}

/* Table style
-------------------------------------------------------------- */
#tableLayout {font-size:12px;padding:25px 0}
#tableLayout th.tableColumn,#tableLayout td.tableItem,#tableLayout td.tableOdd,#tableLayout td.tableEven
	{border-style:solid;border-width:1px 1px 0;text-align:center;}
#tableLayout th .th_title {font-size:20px;margin-top:11px;margin-bottom:0px; display:block;}
#tableLayout .tableColumn	a	{display:block; font-size:11px; margin-bottom:5px;}
#tableLayout .tableItem {padding:15px 0;width:200px}
#tableLayout td {width:150px}

/* =Structure
-------------------------------------------------------------- */
	/* Header
	-------------------------------------------------------------- */
	#header {
		height:91px;
	}
	
	.header-content	{
		margin:0 auto;
		width:980px;
		position:relative;
	}
	
	.logo	{
		float:left;
	}
	
	#site-title {
		float: left;
		margin: 0 0 18px 0;
		width: 700px;
		font-size: 30px;
		line-height: 36px;
	}
	
	#site-description {
		clear: right;
		float: right;
		font-style: italic;
		margin: 14px 0 18px 0;
		width: 220px;
	}
	
	.buy_theme	{
		position:absolute;
		top:92px;
		z-index:10;
	}
	
	/* The main theme structure */
	#wrapper {
		margin: 0 auto;
		width: 980px;
		position:relative;
	}
	.page_content	{
		width:940px;
		padding:20px;
	}
	
	/* Layout columns
	-------------------------------------------------------------- */
	.col1, .col2, .col3, .col4, .col32 { display:inline; float:left; position:relative; margin:0 10px; overflow:hidden; padding-bottom:20px }
	.col1 { width:940px }
	.col2 { width:450px }
	.col32 { width:610px }
	.col3 { width:290px }
	.col4 { width:215px }
	
	/* Right sidebar
	-------------------------------------------------------------- */
	.content_left    {
	    width:620px;
	    margin-right:20px;
	    float:left;
	}
	.sidebar_right   {
	    width:280px;
	    float:left;
	    padding-left:20px;
	}
	.sidebar_right fieldset {
	    padding-bottom:15px;
	    margin-bottom:15px;
	}
	
	/* Left sidebar
	-------------------------------------------------------------- */
	.content_right    {
	    width:620px;
	    margin-left:20px;
	    float:left;
	}
	.sidebar_left   {
	    width:280px;
	    float:left;
	    padding-right:20px;
	}
	.sidebar_left fieldset {
	    padding-bottom:15px;
	    margin-bottom:15px;
	}
	
	/* Page header
	-------------------------------------------------------------- */
	.page_header	{
		position:relative;
		width:980px;
		height:95px;
		margin-bottom:10px;
	}
	
	.page_header	h1	{
	font-size:80px;
	width:440px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:19px;
	left:231px;
	}
	.page_header	h2	{
		font-size:22px;
		width:250px;
		overflow:hidden;
		display:block;	
		position:absolute;
		right:15px;
		top:17px;
		text-align:right;
	}
	
	/* Breadcrumb
	-------------------------------------------------------------- */
	.breadcrumb	{width:980px; margin-bottom:10px;}	
	.breadcrumb	ul	{list-style-type:none;	margin:0; padding:0;}	
	.breadcrumb	li	{float:left;}	
	
	/* Sort nav
	-------------------------------------------------------------- */
	.sort-nav	{
		width:980px;
		height:38px;
		text-align:center;
		margin-bottom:20px;
	}
	
	.sort-nav	ul	{
		list-style-type:none;
		margin:0;
		padding:0;
		padding:10px;
	}
	
	.sort-nav	ul li	{
		display:inline-block;
		margin:0;
		padding:0;
	}
	
	.sort-nav	ul li	a	{
		font-size:22px;
		text-decoration:none;
		margin:0;
		padding:0;
		padding:0 10px;
	}

	/* Structure the footer area
	-------------------------------------------------------------- */
	#footer	{
		padding:10px;
	}
	
	#footer	.copyright	{
		float:left;
		width:300px;
	}
	#footer	.social	{
		float:right;
		width:600px;
	}
	#footer .social	ul	{
		margin:0; 
		padding:0;
		list-style-type:none;
		float:right;
	}
	#footer .social li	{
		float:left;
		margin-left:5px;	
	}

/* =Content
-------------------------------------------------------------- */

	/* Main menu
	-------------------------------------------------------------- */	
	#access {
		display:block;
		float:right;
	}
	#access .menu-header,
	div.menu {
		font-size: 20px;
		width:680px;
		position:relative;
		top:53px;
	}
	#access .menu-header ul,
	div.menu ul {
		list-style: none;
		margin: 0;
		float:right;
	}
	#access .menu-header li,
	div.menu li {
		float:left;
		position: relative;
	}
	#access a {
		display:block;
		text-decoration:none;
		padding:0 15px;
		line-height:38px;
	}
	#access ul ul {
		display:none;
		position:absolute;
		top:38px;
		left:0;
		float:left;
		width: 180px;
		z-index: 99999;
		font-size:12px;
		text-transform:uppercase;
	}
	#access ul ul li {
		min-width: 180px;	
	}
	#access ul ul ul {
		left:100%;
		top:0;
	}
	#access ul ul a {
		height:auto;
		line-height:1em;
		padding:10px;
		width: 160px;
	}
	#access ul li:hover > ul {
		display:block;
	}	
		
	/* Sidebar
	--------------------------------------------------------------*/
	.widget_search #s  {
	    float:left;
	    width:178px;
	    padding:6px 5px 6px;
	}
	.search_btn{
	   width:90px; height:30px; 
	   display:inline-block; 
	   text-indent:-999999px;
	   float:left;     
	}  	
	.categories, .categories ul {
	    list-style-type:none;
	    margin:0;
	    padding:0;
	}
	.categories ul  {
	    margin-left:20px;
	}	
	.categories {
	    padding-bottom:15px;
	    margin-bottom:15px;
	    border-bottom:1px solid #232323;
	}
	
	/* Homepage
	-------------------------------------------------------------- */
		/* Featured content
		-------------------------------------------------------------- */
		#loopedSlider	{
			margin-top:50px;
			position:relative;
		}
		
		.container { width:980px; height:410px; overflow:hidden; position:relative; cursor:pointer; }
		.slides { position:absolute;}
		.slides .slide { position:absolute; top:0; width:980px; display:none; }
		
		.info_slide	h1	{
			font-size:30px;
			margin:0;
			margin-bottom:10px;
		}		
		.info_slide	p	{
			font-size:14px;
		}
		
		.more_btn	{
			width:180px;
			height:46px;
			display:block;
			text-indent:-999999px;
		}
		
		.slide1, .slide2	{
			height:410px;
		}
		
		.slide3	{
			height:410px;
			width:980px;
			position:relative;
		}
		.slide4	{
			height:410px;
			width:980px;
			position:relative;
		}
		
		.slide1 .content_slide	{
			float:left;
			margin:21px 0 0 6px;
		}
		.slide1 .info_slide	{
			float:right;
			width:300px;
			margin:20px 10px 0 0;
		}
		
		.slide2 .content_slide	{
			float:right;
			margin:21px 39px 0 0px;
		}
		.slide2 .info_slide	{
			float:left;
			width:300px;
			margin:20px 10px 0 0;
		}
		
		.slide3 .content_slide	{
			margin:20px 0px 0 37px;
		}
		.slide3 .info_slide	{
			width:600px;
			margin-top:25px;
			position:absolute;
			right:0;
		}
		.slide3 .info_slide	h1	{
			position:absolute;
			right:250px;
			width:730px;
			overflow:hidden;
		}
		.slide3 .info_slide	p	{
			position:absolute;
			right:250px;
			width:730px;
			top:30px;
			overflow:hidden;
		}
		
		.slide3 .info_slide .more_btn	{
			position:absolute;
			right:0;
		}
		
		.slider-nav	{
			position:absolute;
			top:-28px;
			right:0;
		}
		
		ul.pagination { list-style-type:none; margin:0; padding:0; margin-right:50px;}
		ul.pagination li { float:left; }	
		ul.pagination a { 
			display:block; 
			width:22px;
			height:22px;	
			text-indent:-999999px;
			outline:none;
		}
		.previous { 
			position:absolute; 
			right:20px;
			display:block; 
			width:22px; height:22px;
			text-indent:-999999px;
			outline:none;
		}		
		.next { 
			position:absolute; 
			right:0;
			display:block; 
			width:22px; height:22px; 
			text-indent:-999999px;
			outline:none;
		}
		/* 3D slider */
		#piecemaker	{
			margin-top:60px;
		}
		
		/* Homepage content
		-------------------------------------------------------------- */		
		#home-content	{
			padding-top:20px;
			margin-top:20px;
		}
		#home-content .item1, #home-content .item2, #home-content .item3	{
			margin-bottom:15px;
			width:225px;
			padding-left:80px;
		}
		#home-content	p	{
			margin-bottom:0px;
		}
				
		/* Portfolio
		-------------------------------------------------------------- */
		.gallery2	{
			width:940px;
			margin-bottom:20px; 
		
		}
		
		.thumbs {list-style-type:none; margin:0; padding:0;}
		.thumbs li {float:left; width:275px; height:180px; margin:0px 9px 28px 9px; position:relative; padding:10px;}
		.thumbs li .image {cursor:pointer;position:absolute;top:10px;left:10px;z-index:1;}
		.thumbs li.last {margin-right:0;}
		.thumbs li .hover {position:absolute;bottom:0;right:0;display:block;width:40px;height:40px;cursor:pointer;z-index:2;}
		.thumbs li .text {display:none;position:absolute;height:216px;width:291px;z-index:1000;overflow:hidden;padding:20px;}
		.thumbs li.open .text {display:block;top:-28px;left:-18px;}
		
		.thumbs li .text	h2	{
			font-size:25px;
		
		
		
		
		
		
		
		}
		
		.work_gallery {list-style-type:none; margin:0; padding:0;}
		.work_gallery li {float:left; width:275px; height:180px; margin:0px 9px 28px 9px; position:relative; padding:10px;}
		.work_gallery li .image {cursor:pointer;position:absolute;top:10px;left:10px;z-index:1;}
		.work_gallery li.last {margin-right:0;}
		.work_gallery li.open .image {height:255px;width:330px;top:-28px;left:-18px;z-index:999;}
		.work_gallery li .hover {position:absolute;bottom:0;right:0;display:block;width:40px;height:40px;cursor:pointer;z-index:2;}
		.work_gallery li .text {display:none;position:absolute;height:216px;width:291px;z-index:1000;overflow:hidden;padding:20px;}
		.work_gallery li.open .text {display:block;top:-28px;left:-18px;}
		
		.work_gallery li .text	h2	{
			font-size:25px;
		}
		
		.work_gallery li .text	.desc	{
			line-height:16px;
			font-size:12px;
			margin-bottom:7px;
			height:50px;
			overflow:hidden;
		}
		
		.work_gallery li .text	p	{
			line-height:14px;
			font-size:11px;
			margin-bottom:7px;
		}
		.work_gallery li .text .highlight	{
			display:inline-block;
			font-size:22px;
			padding:5px 5px 0 5px;
		}
		
		.work_gallery li .text .small	{
			font-size:14px;
			padding:3px 3px 1px 3px;
		}
		
		/* portfolio item */
		.page_content	.screenshot	{
			float:left;
			width:613px;
		}
		.page_content	.item_details	{
			float:right;
			width:300px;
			overflow:hidden;
		}

		.page_content	.item_details .highlight	{
			display:inline-block;
			font-size:22px;
			padding:5px 5px 0 5px;
		}
		.page_content	.item_details .small	{
			font-size:14px;
			padding:3px 3px 1px 3px;
		}
		
		.preview_btn	{
			width:120px; height:40px; display:inline-block; text-indent:-999999px;
		}
		.details_btn	{
			width:120px; height:40px; display:inline-block; text-indent:-999999px;
		}		
		
		/* Blog page
		-------------------------------------------------------------- */
		.blogPostSummary	{
			margin-bottom:20px;
		}		
		.postmetadata	{margin-bottom:15px; font-size:11px;}
		.postmetadata	ul	{
			margin:0; padding:0; list-style-type:none;
		}
		.postmetadata	.blogpost_info	{
			float:left;
		}
		.postmetadata	.blogpost_comments	{
			float:right;
		}
		
		.blog_nav	{
			margin-bottom:20px;
		}
		.blog_nav	ul	{
			margin:0;
			padding:0;
			list-style-type:none;
		}
		
		.blog_nav	.previous	{
			position:static;
			display:block;			
			text-indent:25px;	
			font-size:25px;
			text-decoration:none;
			padding-top:3px;
		}
		
		.blog_nav	.next	{
			position:static;
			display:block;
			text-indent:0;
			text-indent:-42px;
			font-size:25px;
			text-decoration:none;
			padding-top:3px;
		}
			/* Comments
			-------------------------------------------------------------- */
			#comments {
				clear: both;
			}
			#comments .navigation {
				padding: 0 0 18px 0;
			}
			h3#comments-title,
			h3#reply-title {	
				margin-bottom: 0;
			}
			h3#comments-title {
				padding: 24px 0;
			}
			.commentlist {
				list-style: none;
				margin: 0;
				padding:0;
			}
			.commentlist li.comment {
				line-height: 18px;
				margin: 0 0 24px 0;
				padding: 15px 0 0px 56px;
				position: relative;
			}
			.commentlist li:last-child {
				border-bottom:none;
				margin-bottom:0;
			}
			#comments .comment-body ul,
			#comments .comment-body ol {
				margin-bottom: 18px;
			}
			#comments .comment-body p:last-child {
				margin-bottom: 6px;
			}
			#comments .comment-body blockquote p:last-child {
				margin-bottom: 24px;
			}
			.commentlist ol {
				list-style: decimal;
			}
			.commentlist .avatar {
				position: absolute;
				top: 20px;
				left: 0;
			}
			.comment-author {
			}
			.comment-author cite {
				color: #000;
				font-style: normal;
				font-weight: bold;
			}
			.comment-author .says {
				font-style: italic;
			}
			.comment-meta {
				font-size: 12px;
				margin: 0 0 18px 0;
			}
			.comment-meta a:link,
			.comment-meta a:visited {
				color: #888;
				text-decoration: none;
			}
			.commentlist .children {
				list-style: none;
				margin: 0;
			}
			.commentlist .children li {
				border: none;
				margin: 0;
			}
			.nopassword,
			.nocomments {
				display: none;
			}
			#comments .pingback {
				margin-bottom: 18px;
				padding-bottom: 18px;
			}
			.commentlist li.comment+li.pingback {
				margin-top: -6px;
			}
			#comments .pingback p {
				font-size: 12px;
				line-height: 18px;
				display:block;
				margin: 0;
			}
			#comments .pingback .url {
				font-style: italic;
				font-size: 13px;
			}
			/* Comments form */			
			#respond {
				margin: 24px 0;
				overflow: hidden;
				position: relative;
			}
			#respond p {
				margin: 0;
			}
			#respond .comment-notes {
				margin-bottom: 1em;
			}
			.form-allowed-tags {
				line-height: 1em;
			}
			.children #respond {
				margin: 0 48px 0 0;
			}
			h3#reply-title {
				margin: 18px 0;
			}
			#comments-list #respond {
				margin: 0 0 18px 0;
			}
			#comments-list ul #respond {
				margin: 0;
			}
			#cancel-comment-reply-link {
				font-size: 12px;
				line-height: 18px;
				font-weight: normal;
			}
			#respond label {
				font-size: 12px;
			}
			#respond input {
				margin:0 0 9px;
				width:98%;
			}
			#respond textarea {
				width:98%;
			}
			#respond .form-allowed-tags {
				font-size: 12px;
				line-height: 18px;
			}
			#respond .form-allowed-tags code {
				font-size: 11px;
			}
			#respond .form-submit {
				margin: 12px 0;
			}
			#respond .form-submit input {
				width: auto;
				font-size: 14px;
			}
			
			
		/* Contact
		-------------------------------------------------------------- */
		.contact_form	{padding-left:20px;}
		.contact_form   p {margin-bottom:5px;}
		.contact_form label {font-weight:bold; display:block; font-size:13px; width:80px;}
		.contact_form .field {margin-bottom:10px; width:250px;}
		.contact_form .field_textarea {margin-bottom:10px; width:400px; height:150px;}
		.contact_form .captcha_field {margin-bottom:10px; width:90px;}
		.error {display:block; margin-top:-10px; font-size:11px;}
		.success  span  {display:block; margin-bottom:10px; font-size:14px;}