/* ----------------------------------------------------------------
Theme Name: Clearspace
Theme URI: http://clearspace.themenine.com
Description: A slick, powerful and clean theme.
Author: HawkTheme
Author URI: http://themeforest.net/user/HawkTheme
Tags: custom-header, custom-background, threaded-comments, translation-ready, editor-style, custom-menu
Version: 1.0.7
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
 ----------------------------------------------------------------*/


/*
* PLEASE DO NOT EDIT THIS FILE!
* 
* To make it easy to update your theme, you should not edit the styles in this file. 
* Want to consider to add your custom CSS option field in your themes backend at: Dashboard => General Options => Custom CSS
*/

/*---------------------------------------------------------------
TABLE OF CONTENTS

	0. RESET
	1. GLOBAL
	 - 1.1. COMMON
	 - 1.2. LAYOUT & COLUMNS
	2. HEADER
	 - 2.1. TOPBAR
	 - 2.2 SITE LOGO
	 - 2.3 SITE NAME
	 - 2.4 HEAD MENU
	3. HOMEPAGE
	- 3.1. SLOGAN
	- 3.2. NIVO SLIDER
	- 3.3. KWICKS SLIDER
	- 3.4. CYCLE SLIDER
	4. IMAGE PRELOADER
	5. IMAGE FADE
	6. PAGE HEADER
	7. BLOG
	- 7.1. BLOG LIST
	8. PORTFOLIO
	- 8.1 PORTFOLIO LIST 1
	- 8.2 PORTFOLIO LIST 2
	- 8.3 PORTFOLIO LIST 3
	- 8.4 PORTFOLIO LIST 4
	- 8.5 PORTFOLIO SORTABLE
	9. PAGINATION
	- 9.1 WP PAGINATION
	- 9.2 NORMAL PAGINATION
	- 9.3 PAGINATION FOR SINGLE	
	- 9.4 PAGINATION FOR COMMENTS	
	10. PAGE 404
	11. ARCHIVE
	12. SINGLE
	 - 12.1 POST SINGLE
	 - 12.2 AUTHOR INFO
	 - 12.3 RELATED POSTS
	 - 12.4 COMMENTS
	 - 12.5 REPLY COMMENT
	 - 12.6 BLOG SLIDER
	 - 12.7 PORTFOLIO SLIDER
	 - 12.8 PORTFOLIO POST
	13. CONTACT PAGE
    14. FOOTER
	  - 14.1 FOOTER WIDGETS
	  - 14.2 COPYRIGHT
-----------------------------------------------------------------*/


/*-------------------------------------
   0. RESET
-------------------------------------*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline; 
	}

/*----------------HTML5 display-role reset for older browsers---------------- */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
	display: block;
	}

body {
	line-height: 1;
	}

h1, h2, h3, h4, h5, h6, strong, b {
	font-weight: bold;
	}

ol, ul {
	list-style: none;
	}

blockquote {
	quotes: none;
	}

blockquote:before, blockquote:after {
	content: '';
	content: none;
	}

del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	}

sup {
	bottom: 1ex;
	}

sub {
	top: .5ex;
	}
	
cite,
em,
i {
	font-style: italic;
	}
	
big {
	font-size: 131.25%;
	}
	
ins {
	background: #FFFFCC;
	text-decoration: none;
	}
	
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
	}
	
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
	}

img {
	vertical-align: top;
	}

a img {
	border: none;
	}

a, a:focus {
	outline: none;
	text-decoration: none; 
	}

input:focus { outline: none; }

.hide { display: none; }

.clear {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height: 0; 
	}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ 

.clear-fixed {
	height: 100%;
	overflow: hidden;
	}

.alignleft {
	float: left;
	text-align: left;
	margin-right: 20px; }

.alignright {
	float: right;
	text-align: right;
	margin-left: 20px; }

.aligncenter {
	margin: 0 auto;
	display: block; }

.wp-post-image,
.author-info dt img,
.widget-comments figure img,
#comments ol.commentlist li .comment-auther img,
.contact-google-map,
.button-small,
.button-medium,
.button-large {
	box-shadow: 0 1px 4px rgba(0, 0, 0, .30);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .30);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .30);
	}


/*-------------------------------------
   1. GLOBAL
-------------------------------------*/

/*-- 1.1 COMMON --*/
body {
	font: 12px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
	}


input, textarea {
	font: 12px/14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #909090;
	}

a, a:hover { text-decoration: none;}

.menu-warning {
	height: 15px;
	line-height: 15px;
	padding: 0 20px;
	background: #A30000;
	color: #FFFFFF;
	font-size: 11px;
	}

.slider-notice {
	font-size: 16px;
	text-align: center;
	}

.no-post {
	padding-top: 50px;
	text-align: center;
	}

.no-post h2 {
	font-size: 24px;
	}

.no-post p {
	padding-top: 10px;
	font-size: 16px;
	}


/*-- 1.2 LAYOUT & COLUMNS --*/
.layout-width {
	width: 990px;
	margin: 0 auto;
	}

body.fluid #wrap { 
	width: 100%;
	}

body.fixed #wrap { 
	width: 1070px; 
	margin: 0 auto;
	}

#content,
#sidebar {
	float: left;
	padding-bottom: 45px;
	}

#content {
	width: 620px;
	}

#sidebar {
	width: 310px;
	}

.left-side #sidebar {
	margin-right: 60px;
	}

.right-side #sidebar {
	margin-left: 60px;
	}

.fullwidth #content {
	width: 990px;
	}



/*-------------------------------------
   2. HEADER
-------------------------------------*/

/*-- 2.1 TOPBAR --*/
.topbar {
	height: 40px;
	line-height: 38px;
	}

.topbar .top-contact {
	float: left;
	}

.topbar .top-contact span {
	padding-right: 15px;
	}

.topbar .menu-warning {
	float: right;
	margin-top: 10px;
	}

.topbar nav {
	float: right;
	}

.topbar nav li {
	float: left;
	margin-left: 8px;
	}

.topbar nav li span {
	margin-right: 8px;
	font-size: 10px;
	}

.topbar nav li:nth-child(1) span {
	display: none;
	}



/*-- 2.2 SITE LOGO --*/
.site-logo {
	float: left;
	text-indent: -9999em;
	}

.site-logo a {
	display: block;
	}

/*-- 2.3 SITE NAME --*/
.site-name {
	float: left;
	margin-top: 30px;
	}

.site-name h2 {
	font-size: 28px;
	margin-bottom: 5px;
}


/*-- 2.4 HEAD MENU --*/
.header-area .menu-warning { 
	float: right;
	margin-top: 45px;
	}

#header-menu { 
	float: right;
	height: 37px;
	line-height: 37px;
	}

#header-menu ul.drop-menu li {
	float: left;
	margin-left: 30px;
	font-weight: bold;
	}

#header-menu ul.drop-menu li a {
	display: block;
	height: 37px;
	line-height: 37px;
	font-size: 14px;
	}

#header-menu ul.drop-menu li ul {
	height: auto;
	padding: 10px 0 10px 10px;
	}

#header-menu ul.drop-menu li ul li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

#header-menu ul.drop-menu li ul li a {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	overflow: hidden;
	}

#header-menu ul.drop-menu li a .downarrowclass,  
#header-menu ul.drop-menu li a.selected .downarrowclass {
	background-image: url(assets/images/downarrow.png);
	background-repeat: no-repeat; 
	}

#header-menu ul.drop-menu li a .downarrowclass {
	background-position: 0 0;
	}

#header-menu ul.drop-menu li a.selected .downarrowclass {
	background-position: 100% 0;
	}

#header-menu ul.drop-menu li a .rightarrowclass,  
#header-menu ul.drop-menu li a.selected .rightarrowclass {
	background-image: url(assets/images/rightarrow.png);
	background-repeat: no-repeat; 
	}

#header-menu ul.drop-menu li a .rightarrowclass {
	background-position: 0 0;
	}

#header-menu ul.drop-menu li a.selected .rightarrowclass {
	background-position: 100% 0;
	}


/*-------------------------------------
   3. HOMEPAGE
-------------------------------------*/

/*-- 3.1 SLOGAN --*/
#slogan {
	text-align: center;
	}

#slogan h2 {
	margin-bottom: 15px;
	font-size: 24px;
	}

#slogan p {
	font-size: 16px;
	}



/*Sliders*/
#slider-wrap .loader { 
	width:990px;
	margin: 0 auto;
	padding: 50px 0;
	background:url(http://www.thewebpsychologist.com/wp-content/themes/clearspace/assets/images/ajax-loader.gif) no-repeat 50% 50%;
	}

.slider-wrap-inner { display: none; }


/*-- 3.2 NIVO SLIDER--*/
.nivoSlider-home {
	position:relative;
	width: 990px;
	}

.nivoSlider-home img {
	position:absolute;
	top:0;
	left:0;
	}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	width: 40px;
	height: 27px;
	text-indent: -9999em;
	background: url(assets/images/directionNav.png) no-repeat;
	}

.nivo-directionNav a.nivo-prevNav {
	left:30px;
	background-position: 0 0;
	}

.nivo-directionNav a.nivo-prevNav:hover {
	background-position: 0 -33px;
	}

.nivo-directionNav a.nivo-nextNav {
	right:30px;
	background-position: 100% -60px; 
	}

.nivo-directionNav a.nivo-nextNav:hover {
	right:30px;
	background-position: 100% -93px; 
	}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	left:50%;
	bottom: 30px;
    margin-left:-40px; /* Tweak this to center bullets */
	}

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	display:block;
	float:left;
	width:20px;
	height:8px;
	margin-right:1px;
	text-indent: -9999em;
	background: url(assets/images/controlNav.png) no-repeat 100% 0;
	}

.nivo-controlNav a.active {
	background-position: 0 0;
	}

/* NIVO HTML CAPTION */
.nivo-html-caption {
	display: none;
	}

.nivo-caption {
	position: absolute;
	left: 0px;
	top: 50px;
	z-index: 8;
	}

.nivo-caption h3 {
	padding: 15px 20px;
	background: #000000;
	font-size: 24px;
	color: #FFFFFF;
	float: left;
	}

.nivo-caption p.text {
	float: left;
	padding: 5px 20px;
	background: #FFFFFF;
	color: #000000;
	font-size: 13px;
	}


/*-- 3.3 KWICKS SLIDER--*/
.kwicks {
	position: relative;
	padding: 0;
	width: 990px;
	}

.kwicks li {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;
	}

.kwicks li img {
	overflow: hidden;
	padding: 0;
	margin: 0;
	}

.kwicks li .heading-text {
	position: absolute;
	display: none;
	left: 0;
	top: 60px;
	}

.kwicks li .heading-text h3 {
	padding: 15px 20px;
	background: #000000;
	font-size: 24px;
	color: #FFFFFF;
	float: left;
	}

.kwicks li .heading-text p.text {
	float: left;
	padding: 5px 20px;
	background: #FFFFFF;
	color: #000000;
	font-size: 13px;
	}


/*-- 3.4 CYCLE SLIDER--*/
.cycle-sliders {
	position: relative;
	width: 990px;
	overflow: hidden;
	}

/* Direction nav styles (e.g. Next & Prev) */
#cycle-prev,
#cycle-next {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	width: 40px;
	height: 27px;
	text-indent: -9999em;
	background: url(assets/images/directionNav.png) no-repeat;
	}

#cycle-prev {
	left:30px;
	background-position: 0 0;
	}

#cycle-prev:hover {
	background-position: 0 -33px;
	}

#cycle-next {
	right:30px;
	background-position: 100% -60px; 
	}

#cycle-next:hover {
	right:30px;
	background-position: 100% -93px; 
	}

#cycle-nav {
	position:absolute;
	left:50%;
	bottom: 30px;
    margin-left: -40px; 
	z-index:99;
	}

#cycle-nav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	display:block;
	float:left;
	width:20px;
	height:8px;
	margin-right:1px;
	text-indent: -9999em;
	background: url(assets/images/controlNav.png) no-repeat 100% 0;
	}

#cycle-nav a.activeSlide {
	background-position: 0 0;
	}

.cycle-slider .heading-text {
	position: absolute;
	left: 0;
	top: 60px;
	}

.cycle-slider .heading-text h3 {
	padding: 15px 20px;
	background: #000000;
	font-size: 24px;
	color: #FFFFFF;
	float: left;
	}

.cycle-slider .heading-text p.text {
	float: left;
	padding: 5px 20px;
	background: #FFFFFF;
	color: #000000;
	font-size: 13px;
	}


/*-------------------------------------
   4. IMAGE PRELOADER
-------------------------------------*/
.thumb-preloader a.preloader .image-loading {
	display: block;
	position: relative;
	background-image: url(assets/images/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.widget-post-sc a.preloader .image-loading,
.widget-mostview-posts a.preloader .image-loading,
.widget-random-posts a.preloader .image-loading,
.widget-recent-posts a.preloader .image-loading,
.widget-gallery-posts a.preloader .image-loading {
	width: 90px;
	height: 60px;
	}

.widget-ads a.preloader .image-loading {
	width: 125px;
	height: 125px;
	}

.thumb-preloader img { opacity: 0; filter: alpha(opacity=0); }



/*-------------------------------------
   5. IMAGE FADE
-------------------------------------*/
.thumb-fade {
	position: relative;
	}

.thumb-fade .fade-hover {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	background-color: #FFFFFF;
	}

.widget-post-sc .fade-hover,
.widget-mostview-posts .fade-hover,
.widget-random-posts .fade-hover,
.widget-recent-posts .fade-hover,
.widget-gallery-posts .fade-hover{
	width: 90px;
	height: 60px;
	}

.widget-ads .fade-hover {
	width: 125px;
	height: 125px;
	}



/*-------------------------------------
   6. PAGE HEADER
-------------------------------------*/
.page-header dd {
	float: left;
	}

.page-header dd h3 {
	font-size: 22px;
	font-weight: bold;
	}

.page-header dt {
	float: right;
	}

.breadcrumb {
	padding-top: 15px;
	font-size: 11px;
	text-transform: uppercase;
	}

.breadcrumb .arrow { 
	padding: 0 8px;
	}


/*-------------------------------------
   7. BLOG
-------------------------------------*/
/*-- 7.1 BLOG LIST --*/
.blog-list li {
	padding: 50px 0 45px;
	height: 100%;
	overflow: hidden;
	background: url(assets/images/linebg.png) repeat-x 0 100%;
	}

.blog-list li:last-child {
	padding-bottom: 0;
	background: none;
	}

.blog-list li figure {
	margin-bottom: 30px;
	}

.blog-list li h2 {
	font-size: 22px;
	margin-bottom: 10px;
	}

.blog-list li .post-meta,
.blog-list li .post-excerpt {
	margin-bottom: 25px;
	}


/*-------------------------------------
   8. PORTFOLIO
-------------------------------------*/
.portfolio-list {
	padding-top: 5px;
	}

/*-- 8.1 PORTFOLIO LIST 1--*/
.portfolio-list-1 li {
	padding: 50px 0;
	background: url(assets/images/linebg.png) repeat-x 0 100%;
	}

.portfolio-list-1 li .thumb-portfolio {
	float: left;
	width: 620px;
	}

.portfolio-list-1 li .portfolio-meta {
	margin-left: 680px;
	width: 310px;
	}

.portfolio-list-1 li h2 {
	font-size: 22px;
	margin-bottom: 10px;
	}

.portfolio-list-1 li .post-meta,
.portfolio-list-1 li .post-excerpt {
	margin-bottom: 25px;
	}

.portfolio-list-1 li:last-child {
	padding-bottom: 0;
	background: none;
	}

/*-- 8.2 PORTFOLIO LIST 2--*/
.portfolio-list-2 li {
	float: left;
	padding-top: 45px;
	}

.portfolio-list-2 li h2 {
	font-size: 16px;
	margin-top: 20px;
	}

.portfolio-list-2 li .post-excerpt,
.portfolio-list-2 li .read-more {
	margin-top: 10px;
	}


/*-- 8.3 PORTFOLIO LIST 3--*/
.portfolio-list-3 li {
	float: left;
	padding-top: 45px;
	}

.portfolio-list-3 li h2 {
	font-size: 14px;
	margin-top: 20px;
	}

.portfolio-list-3 li .post-excerpt,
.portfolio-list-3 li .read-more{
	margin-top: 10px;
	}


/*-- 8.4 PORTFOLIO LIST 4--*/
.portfolio-list-4 li {
	float: left;
	padding-top: 45px;
	}

.portfolio-list-4 li h2 {
	font-size: 12px;
	margin-top: 20px;
	}

.portfolio-list-4 li .post-excerpt,
.portfolio-list-4 li .read-more {
	margin-top: 10px;
	}


/*-- 8.5 PORTFOLIO SORTABLE--*/
.portfolio-sortable a {
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	margin-left: 5px;
	padding: 0 15px;
	background: url(assets/images/portfolio-navbg.png) repeat-x 0 0;
	}

.portfolio-sortable a:hover,
.portfolio-sortable a.active {
	background-position: 0 100%;
	}

.portfolio-sortable a,
.portfolio-sortable a:hover {
	color: #FFFFFF;
	}

#portfolio-menu li {
	float: left;
	margin-left: 5px;
	}

#portfolio-menu li a {
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 15px;
	background: url(assets/images/portfolio-navbg.png) repeat-x 0 0;
	}

#portfolio-menu li a,
#portfolio-menu li a:hover {
	color: #FFFFFF;
	}

#portfolio-menu li a:hover,
#portfolio-menu li.current-cat a {
	background-position: 0 100%;
	}



/*-------------------------------------
   9. PAGINATION
-------------------------------------*/

/*-- 9.1 WP PAGINATION --*/
.pagination,
.normal-pagination {
	margin-top: 45px;
	padding-top: 50px;
	padding-bottom: 5px;
	background: url(assets/images/linebg.png) repeat-x 0 0;
	}

.pagination a, 
.pagination span { 
	 display: block;
	 float: left;
	 height: 22px;
	 line-height: 22px;
	 padding: 0 8px;
	 margin-right: 5px;
	 background: url(assets/images/pagination.png) repeat-x 0 0;
	 color: #FFFFFF;
	}

.pagination a:hover,
.pagination span.current {
	 background-position: 0 100%;
	 color: #FFFFFF;
	}


/*-- 9.2 NORMAL PAGINATION --*/
.normal-pagination span,
.normal-pagination span a {
	display: block;
	height: 22px;
	line-height: 22px;
	}

.normal-pagination span.prev {
	 float: left;
	}

.normal-pagination span.next {
	 float: right;
	}

.normal-pagination span a {
	 padding: 0 8px;
	 background: url(assets/images/pagination.png) repeat-x 0 0;
	 color: #FFFFFF;
	}

.normal-pagination span a:hover {
	 background-position: 0 100%;
	 color: #FFFFFF;
	}


/*-- 9.3 PAGINATION FOR SINGLE --*/
.single-pagination a {
	display: block;
	float: left;
	margin-left: 5px;
	background: url(assets/images/portfolio-navbg.png) repeat-x 0 0;
	}

.single-pagination a:hover{
	background-position: 0 100%;
	}

.single-pagination a,
.single-pagination a:hover {
	color: #FFFFFF;
	}

.single-pagination span { 
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 15px;
	background: url(assets/images/single-pagination.png) no-repeat;
	}

.single-pagination span.meta-nav-prev {
	background-position: 0 11px;
	margin-left: 15px;
	}

.single-pagination span.meta-nav-next {
	background-position: 100% -17px;
	margin-right: 15px;
	}


/*-- 9.4 PAGINATION FOR COMMENTS --*/
.comment-pagination {
	padding-top: 50px;
	}

.comment-pagination a, 
.comment-pagination span { 
	 display: block;
	 float: left;
	 height: 22px;
	 line-height: 22px;
	 padding: 0 8px;
	 margin-right: 5px;
	 background: url(assets/images/pagination.png) repeat-x 0 0;
	 color: #FFFFFF;
	}

.comment-pagination a:hover,
.comment-pagination span.current {
	 background-position: 0 100%;
	 color: #FFFFFF;
	}

/*-------------------------------------
   10. PAGE 404
-------------------------------------*/
.page-error {
	padding-top: 50px;
	text-align: center;
	}

.page-error h1 {
	font-size: 36px;
	margin-bottom: 15px;
	}

.page-error h3 {
	font-size: 16px;
	margin-bottom: 15px;
	}

.page-error p {
	font-size: 14px;
	}


/*-------------------------------------
   11. ARCHIVE
-------------------------------------*/
.archive-list li {
	padding: 45px 0;
	background: url(assets/images/linebg.png) repeat-x 0 100%;
	}

.archive-list li:last-child {
	padding-bottom: 0;
	background: none;
	}

.archive-list li figure {
	margin-bottom: 30px;
	}

.archive-list li h2 {
	font-size: 22px;
	margin-bottom: 10px;
	}

.archive-list li .post-meta,
.archive-list li .post-excerpt {
	margin-bottom: 25px;
	}


/*-------------------------------------
   12. SINGLE
-------------------------------------*/

/*-- 12.1 POST SINGLE --*/
.post-single {
	padding-top: 50px;
	}

.post-single h2 {
	font-size: 22px;
	margin-bottom: 10px;
	}

.post-single .tags {
	margin-top: 30px;
	}


/*-- 12.2 AUTHOR INFO --*/
.author-info {
	margin-top: 50px;
	padding-top: 50px;
	background: url(assets/images/linebg.png) repeat-x 0 0;
	}

.author-info dt {
	float: left;
	}

.author-info dd {
	margin-left: 90px;
	}

.author-info dd h5 {
	font-size: 16px;
	margin-bottom: 10px;
	}


/*-- 12.3 RELATED POSTS --*/
.related-posts {
	margin-top: 50px;
	padding-top: 50px;
	background: url(assets/images/linebg.png) repeat-x 0 0;
	}

.related-posts h3 {
	font-size: 16px;
	}

.related-posts li {
	float: left;
	}

.related-posts li figure {
	margin-bottom: 15px;
	}

.related-posts li h2 {
font-size: 12px;
}

.related-posts li h2,
.related-posts li .post-excerpt {
	margin-bottom: 10px;
	}

.related-posts li .read-more {
	font-weight: bold;
	}

.related-posts-blog ul {
	width: 645px;
	margin-left: -25px;
	}

.related-posts-blog li {
	width: 190px;
	margin-left: 25px;
	margin-top: 25px;
	}

.related-posts-portfolio ul {
	width: 1030px;
	margin-left: -30px;
	}

.related-posts-portfolio li {
	width: 225px;
	margin-left: 30px;
	margin-top: 25px;
	}


/*-- 12.4 COMMENTS --*/
#comments {
	margin-top: 50px;
	padding-top: 50px;
	background: url(assets/images/linebg.png) repeat-x 0 0;
	}

#comments #respond {
	margin: 0;
	padding: 20px 0 0;
	}

#comments #respond #reply-title small {
	margin-left: 20px;
	}

#comments-title {
	font-size: 16px;
	}

#comments ol.commentlist li dl,
#comments ol.commentlist li ul.children dl {
	padding: 30px 0;
	background: url(assets/images/linebg.png) repeat-x 0 100%;
	}

#comments ol.commentlist li:last-child dl {
	padding-bottom: 0;
	background: none;
	}

#comments ol.commentlist li .comment-auther {
	float: left;
	text-align: center;
	width: 64px;
	}

#comments ol.commentlist li .comment-auther .reply {
	padding-top: 8px;
	}

#comments ol.commentlist li .comment-content {
	margin-left: 90px;
	}

#comments ol.commentlist li .comment-meta cite.fn {
	color: #333333;
	padding-right: 10px;
	}

#comments ol.commentlist li .comment-meta span {
	color: #999999;
	}

#comments ol.commentlist li .comment-meta small {
	padding-left: 10px;
	}

#comments ol.commentlist li .comment-body {
	padding-top: 10px;
	}

#comments ol.commentlist li .noapproved {
	margin-bottom: 10px;
	}

#comments ol.commentlist ul.children {
	padding-left: 90px;
	}



/*-- 12.5 REPLY COMMENT --*/
#respond {
	margin-top: 50px;
	padding-top: 50px;
	background: url(assets/images/linebg.png) repeat-x 0 0;
	}

#reply-title {
	font-size: 16px;
	margin-bottom: 25px;
	}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	margin-bottom: 15px;
	}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	width: 350px;
	}

.comment-form-comment {

	}

#respond input[type="text"],
#respond textarea {
	border: 5px solid #E7E7E7;
	background: #FFFFFF;
}

#respond input[type="text"]:focus,
#respond textarea:focus {
	border: 5px solid #B8B8B8;
	}

#respond input[type="text"] {
	width: 330px;
	height: 30px;
	line-height : 30px;
	padding: 0 10px;
	}

#respond textarea  {
	width: 93%;
	height: 120px;
	padding: 10px;
	overflow: hidden;
	}

#respond input[type="submit"] {
	cursor: pointer; 
	height: 28px;
	line-height: 28px;
	padding: 0 20px;
	border: none;
	background: url(assets/images/comment-btn.png) repeat-x 0 0;
	color: #FFFFFF;
	}

#respond input[type="submit"]:hover {
	background-position: 0 100%;
	}

#respond .logged-in-as {
	margin-bottom: 15px;
	}


/*-- 12.6 BLOG SLIDER --*/
.blog-single-slider {
	position:relative;
	width: 620px;
	margin-top: 50px;
	background: url(assets/images/loading-big.gif) no-repeat 50% 50%;
	}

.blog-single-slider img {
	position:absolute;
	top:0;
	left:0;
	}


/*-- 12.7 PORTFOLIO SLIDER --*/
.portfolio-single-slider {
	position:relative;
	width: 460px;
	margin-top: 50px;
	background: url(assets/images/loading-big.gif) no-repeat 50% 50%;
	}

.portfolio-single-slider img {
	position:absolute;
	top:0;
	left:0;
	}


/*-- 12.8 PORTFOLIO POST --*/
.portfolio-post-slider .post-single,
.portfolio-single-slider {
	float: left;
	}

.portfolio-post-slider .post-single {
	width: 470px;
	margin-right: 60px;
	}


/*-------------------------------------
   13. CONTACT PAGE
-------------------------------------*/
.contact-page h5 {
	font-size: 16px;
	margin-bottom: 10px;
	}

.contact-page p.text {
	margin-bottom: 20px;
	}

.contact-google-map {
	margin-top: 30px;
	}

.contact-page .textfile .text-file,
.contact-form-wrap .contact-form-content {
	border: 5px solid #E7E7E7;
	background: #FFFFFF;
	margin-top: 20px;
}

.contact-page .textfile .text-file:focus,
.contact-form-wrap .contact-form-content:focus {
	border: 5px solid #B8B8B8;
	}

.contact-page .textfile .text-file {
	width: 330px;
	height: 30px;
	line-height : 30px;
	padding: 0 10px;
	}

.contact-form-wrap .contact-form-content {
	width: 93%;
	height: 120px;
	padding: 10px;
	overflow: hidden;
}

.contact-form-wrap input[type="submit"] {
	cursor: pointer; 
	height: 28px;
	line-height: 28px;
	padding: 0 20px;
	border: none;
	background: url(assets/images/comment-btn.png) repeat-x 0 0;
	color: #FFFFFF;
	margin-top: 20px;
}

.contact-form-wrap input[type="submit"]:hover {
	background-position: 0 100%;
}

.contact-form-wrap .error,
.contact-form-wrap .success{
	display: none;
	padding: 10px 20px;
	width: 380px;
}

.contact-form-wrap .error {
	background-color: #FFC7C2;
	border: 1px solid #FF8C80;
	color: #A22121;
}

.contact-form-wrap .success {
	background-color: #E3FFCD;
	border: 1px solid #A3C159;
	color: #5E6F33;
}


/*-------------------------------------
   14. FOOTER
-------------------------------------*/

/*-- 14.1 FOOTER WIDGETS --*/
.footer-widgets { 
	padding-bottom: 50px;
	}


/*-- 14.2 COPYRIGHT --*/
#copyright {
	padding: 15px 0;
	font-size: 12px;
	}

.footer-meta {
	float: left;
	}

.footer-icons {
	float: right;
	}

.footer-icons li {
	float: left;
	margin-left: 15px;
	padding-left: 25px;
	}

.footer-icons li.twitter {
	background: url(assets/images/twitter.png) no-repeat;
	}

.footer-icons li.facebook {
	background: url(assets/images/facebook.png) no-repeat;
	}

.footer-icons li.feed {
	background: url(assets/images/feed.png) no-repeat;
	}