/*
Theme Name: Notebook
Theme URI: http://themeforest.net/user/HawkTheme/portfolio
Description: Business WordPress Theme
Version: 1.0.2
Author: HawkTheme
Author URI: http://themeforest.net/user/HawkTheme
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/* =========================================
   Common
   ======================================== */
body { 
	font-size: 12px; 
	line-height: 1.8em;  
}

body, input, textarea { 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, nav { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

blockquote { 
	font-size: 14px; 
	font-style: italic;  
	padding-left: 50px; 
}

pre { 
	line-height: 21px;
	padding: 21px 20px 20px; 
}

code { 
	display: block; 
	padding: 15px 20px; 
}

table { 
	width: 100%;
	border-collapse: collapse; 
	text-align: left; 
}

th, thead td { 
	text-align: left;  
	height: 36px; 
	line-height: 36px; 
	padding: 0 15px;  
	font-weight: bold; 
}

td { 
	padding: 6px 15px; 
}

abbr:hover { cursor: help; }

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

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

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



/* =========================================
   DDsmoothmenu
   ======================================== */
.hk-menu ul { z-index: 200;}
.hk-menu ul li { position: relative;  }
.hk-menu ul li ul {
	position: absolute;
	display: none;
	visibility: hidden;
}

.hk-menu ul li ul li { float: none; }
.hk-menu ul li ul li  { width: 180px; }
.hk-menu ul li ul li a { width: 140px; }
.hk-menu .downarrowclass,
.hk-menu .rightarrowclass { 
	display: block;
	position: absolute; 
}

.hk-menu .downarrowclass {
	top: 16px;
	right: 5px;
	width: 6px;
	height: 4px; 
}

.hk-menu .rightarrowclass {
	top: 17px;
	right: 20px;
	width: 4px;
	height: 6px; 
}


/* =========================================
   Common Styles
   ======================================== */
.no-post { 
	padding: 40px 0;
	text-align: center;
}

.no-post h2 { 
	font-size: 28px; 
	font-weight: normal; 
	margin-bottom: 10px; 
}

.post-thumb-preload .wp-post-image  { 
	opacity: 0; 
	filter: alpha(opacity=0); 
}

.post-thumb-preload a.image-link {
	display: block;
	background-image: url(assets/images/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.post-thumb-hover { 
	position: relative;
}

.post-thumb-hover .hover-border {
	position: absolute;
	top: 0;
	left: 0;
	width: 225px;
	height: 120px;
	display: none;
}

.widget-posts .post-thumb-hover .hover-border {
	width: 42px;
	height: 42px;
}

.post-more { 
	float: left;
}

.post-more a { 
	display: block; 
	padding: 0 35px 0 20px;
	height: 28px; 
	line-height: 27px;
	background-position: 90px 50%;
}

.post-visit-website a {
	background-position: 100px 50%;
}

.post-cats {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px;
	font-size: 10px;
	height: 23px;
	line-height: 23px;
	display: none;
}

.post-cats a {
	display: inline;
}

.post-cats a:hover {
	text-decoration: underline;
}

/* =========================================
   WordPress Default CSS
   ======================================== */
.wp-caption { 
	background: #FFFFFFF; 
	border: 1px solid #F0F0F0; 
	max-width: 96%;  
	padding: 5px 3px 10px; 
	text-align: center; 
}

.wp-caption.alignnone { 
	margin: 5px 20px 20px 0; 
}

.wp-caption.alignleft { 
	margin: 5px 20px 20px 0; 
}

.wp-caption.alignright { 
	margin: 5px 0 20px 20px; 
}

.wp-caption img { 
	border: none; 
	height: auto; 
	margin:0; 
	max-width: 98.5%; 
	padding:0; 
	width: auto;
}

.wp-caption p.wp-caption-text { 
	font-size:11px; 
	line-height:17px;  
	margin:0; 
	padding:0 4px 5px; 
}

.sticky, .gallery-caption, .bypostauthor {}


/* =========================================
   Post Content Css
   ======================================== */
.post-content h1, 
.post-content h2, 
.post-content h3, 
.post-content h4 { 
	margin-bottom: 15px; 
}


.post-content h5, 
.post-content h6 { 
	margin-bottom: 10px; 
}


.post-content h1 { font-size: 24px; line-height: 28px; }
.post-content h2 { font-size: 20px; line-height: 22px; }
.post-content h3 { font-size: 16px; line-height: 20px; }
.post-content h4 { font-size: 14px; line-height: 18px; }
.post-content h5 { font-size: 12px; line-height: 18px; }
.post-content h6 { font-size: 10px; line-height: 16px; }


.post-content p, 
.post-content ul,  
.post-content ol, 
.post-content dl, 
.post-content pre, 
.post-content blockquote { 
	margin-bottom: 20px; 
}


.post-content ul li ul, 
.post-content ol li ol, 
.post-content ul li ol, 
.post-content ol li ul { 
	margin: 10px 0; 
	padding: 0 0 0 25px; 
}


.post-content ul li ul, 
.post-content ol li ol, 
.post-content ul li ol, 
.post-content ol li ul { 
	margin: 10px 0; 
	padding: 0 0 0 40px; 
}

.post-content ul, 
.post-content ol, 
.post-content ul ul, 
.post-content ol ol, 
.post-content ul ol, 
.post-content ol ul { 
	list-style-position: inside;
}

.post-content ul { list-style-type: disc; }
.post-content ol { list-style-type: decimal; }
.post-content ol ol { list-style-type: upper-alpha; }
.post-content ol ol ol { list-style-type: lower-roman; }
.post-content ol ol ol ol { list-style-type: lower-alpha; }

.post-content ul li,
.post-content ol li { 
	padding: 3px 0; 
}

.post-content dl dt { font-weight: bold; }
.post-content dl dd { margin: 0 0 0 20px; }



/* =========================================
   Layout
   ======================================== */
.col-width { 
	width: 1000px; 
	margin: 0 auto;
}

#main {
	padding: 50px 0; 
}

body.theme-front-page #main {
	padding : 0 0 40px;
}

#primary { width: 700px; }
#secondary { width: 260px; }
.fullwidth #primary { width: 1000px; }
.side-right #secondary, .side-left #primary { float: right; }
.side-left #secondary, .side-right #primary { float: left; }

.col-2-1,
.col-3-1,
.col-4-1 {
	float: left;
	margin-left: 20px;
}

.col-1-1,
.col-footer-1-1 {
	width: 1000px;
}

.col-2-1 {
	width: 490px;
}

.col-3-1 {
	width: 320px;
}

.col-4-1 {
	width: 235px;
}

.col-footer-2-1,
.col-footer-3-1,
.col-footer-3-1-last,
.col-footer-4-1 {
	float: left;
	margin-left: 40px;
}

.col-footer-2-1 {
	width: 480px;
}

.col-footer-3-1 {
	width: 330px;
}

.col-footer-3-1-last {
	width: 260px;
}

.col-footer-4-1 {
	width: 190px;
}

.col-first {
	margin-left: 0;
}


/* =========================================
   Header
   ======================================== */
.site-head-info {
	padding: 45px 0;
}

.site-logo,
.site-name {
	float: left;
}

.site-name h1 {
	font-size: 36px;
	text-transform: uppercase; 
}

.site-name p {
	padding-top: 3px;
	color: #333;
	font-size: 10px;
}

.select-menu {
	display: none;
}

#top-menu {
	float: left;
	margin-left: 20px;
}

#top-menu ul.drop-menu {
	height: 35px;
	line-height: 35px;
}

#top-menu ul.drop-menu li {
	float: left;
	padding-left: 20px;
	margin-left: 5px;
}

#top-menu ul.drop-menu li a {
	display: block;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
}

#top-menu ul.drop-menu li ul {
	height: auto;
	padding: 0;
}

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

#top-menu ul.drop-menu li ul li:last-child {
	border-bottom: none;
}

#top-menu ul.drop-menu li ul li a {
	height: 35px;
	line-height: 35px;
	padding: 0 20px;
	overflow: hidden;
	font-weight: 100;
}

.site-search {
	float: right;
}

.site-page-header {
	padding: 30px 0;
}

.page-header-breadcrumbs { 
	font-size: 10px;  
}

.page-header-breadcrumbs .sep { 
	padding: 0 5px; 
	font-size: 8px; 
}

.page-header-breadcrumbs a, 
.page-header-breadcrumbs .breadcrumb-title,
.page-header-breadcrumbs .trail-end { 

}

.page-header-breadcrumbs a:hover { 
	text-decoration: underline; 
}



/* =========================================
   Home Sections
   ======================================== */
.home-latest-works {
	margin-top: 50px;
}

.home-latest-works .title p {
	font-size: 10px;
}

.home-latest-works .title h3 {
	font-size: 14px;
	padding-top: 10px;
}

.home-latest-works ul {
	margin-top: 20px;
}

.home-latest-works ul li {
	margin-top: 20px;
	text-align: center;
}

.home-latest-works ul li.col-first {
	clear: left; 
}

.home-latest-works ul li h2 {
	margin: 8px 0 15px;
}

.home-latest-works ul li .post-thumb {
	padding: 5px;
}


/* =========================================
   Blog
   ======================================== */
.blog-lists .post {
	margin-bottom: 80px;
}

.blog-lists .post:last-child {
	margin-bottom: 0;
}

.blog-lists .post-more {
	margin-top: 15px;
}

.blog-lists .post-meta,
.post-blog-single .post-meta {
	width: 140px;
	float: left;
	text-align: right;
}

.blog-lists .post-meta h5,
.post-blog-single .post-meta h5 {
	font-size: 18px;
	margin-bottom: 15px;
}

.blog-lists .post-meta li,
.post-blog-single .post-meta li {
	margin-bottom: 5px;
}

.blog-lists .post-entry,
.post-blog-single .post-entry {
	width: 520px;
	float: right;
}

.blog-lists .post-entry h2,
.post-blog-single .post-entry h2 {
	font-size: 18px;
}

.blog-lists .post-entry .post-blog-list-slider,
.post-blog-single .post-entry .post-blog-single-slider{
	margin-bottom: 40px;
}

.blog-lists .post-entry .post-excerpt,
.post-blog-single .post-entry .post-content {
	margin-top: 15px;
}

.post-blog-single .tags {
	font-weight: bold;
}

.author-info {
	margin-top: 40px;
}

.author-info h3 { 
	font-size: 12px;
}

.author-info h3 span { 
	width: 140px;
	display: block;
	text-align: right;
	padding-right: 40px;
}

.author-info dl {
	padding-top: 20px;
	padding-left: 180px;
}

.author-info dt {
	float: left;
	width: 48px;
	padding-top: 5px;
}

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



/* =========================================
   Portfolio
   ======================================== */
.portfolio-lists-1 .post {
	margin-bottom: 60px;
}

.portfolio-lists-1 .post:last-child {
	margin-bottom: 0;
}

.portfolio-lists-1 .post .post-portfolio-list-slider{
	float: left;
	width: 700px;
}

.portfolio-lists-1 .post .post-portfolio-info {
	float: right;
	width: 260px;
}

.portfolio-lists-1 .post .post-portfolio-info .date,
.post-portfolio-single .post-project-info .date {
	font-size: 10px;
	margin-top: 30px;
	font-weight: bold;
}

.portfolio-lists-1 .post .post-portfolio-info h2,
.post-portfolio-single .post-project-info h2 {
	font-size: 18px;
	margin-top: 20px;
}

.portfolio-lists-1 .post .post-portfolio-info .post-excerpt,
.post-portfolio-single .post-project-info .post-excerpt {
	margin-top: 10px;
	font-weight: bold;
}

.portfolio-lists-1 .post .post-portfolio-info .post-meta b,
.post-portfolio-single .post-project-info .post-meta b {
	margin-top: 30px;
	display: block;
}

.portfolio-lists-1 .post .post-portfolio-info .post-more,
.post-portfolio-single .post-project-info .post-more {
	margin-top: 30px;
}

.portfolio-lists-2 {
	margin-top: -20px;
}

.portfolio-lists-2 li {
	margin-top: 20px;
	text-align: center;
}

.portfolio-lists-2 li h2 {
	margin: 8px 0 15px;
}

.portfolio-lists-2 li .post-thumb {
	padding: 5px;
}

.portfolio-lists-2 li.col-first {
	clear: left;
}

.portfolio-sortable-grid {
	width: 1020px;
	margin-left: -20px;
}


/*portfolio single*/
.post-portfolio-single .post-project-main {
	float: left;
	width: 700px;
}

.post-portfolio-single .post-project-main .post-content {
	margin-top: 40px;
}

.post-portfolio-single .post-project-info {
	float: right;
	width: 260px;
}



/* =========================================
   Related Posts
   ======================================== */
.related-post-lists {
	margin-top: 40px;
}

.related-post-lists .title p {
	font-size: 10px;
}

.related-post-lists .title h3 {
	font-size: 14px;
	padding-top: 10px;
}

.related-post-lists ul {
	margin-top: 20px;
}

.related-post-lists ul li {
	margin-top: 20px;
	text-align: center;
}

.related-post-lists ul li h2 {
	margin: 8px 0 15px;
}

.related-post-lists ul li .post-thumb {
	padding: 5px;
}



/* =========================================
   Pagination
   ======================================== */
.wp-pagenavi,
.pagination,
.normal-pagination { margin-top: 60px; }

.wp-pagenavi a, 
.wp-pagenavi span,
.pagination a, 
.pagination span,
.normal-pagination span a,
.comment-pagination a, 
.comment-pagination span,
.sortable-menu li a { 
	display: block; 
	height: 26px; 
	line-height: 25px;

}

.sortable-menu {
	margin-bottom: 40px;
}



/*-- WP PAGINATION --*/
.wp-pagenavi {
	height: 100%;
	overflow: hidden;
}

.wp-pagenavi .pages {
     margin-left: 0;
}

.wp-pagenavi a, 
.wp-pagenavi span,
.pagination a, 
.pagination span { 
	float: left;
	padding: 0 10px;
	margin-right: 5px;
}


/*-- NORMAL PAGINATION --*/
.normal-pagination span,
.normal-pagination span a {
	display: block;
}

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

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

.normal-pagination span a {
	 padding: 0 15px;
}

/*-- COMMENT PAGINATION --*/
.comment-pagination {
	margin-top: 50px;
}

.comment-pagination a, 
.comment-pagination span { 
	 display: block;
	 float: left;
	 padding: 0 10px;
	 margin-right: 5px;
}

/*-- SORTABLE MENU --*/
.sortable-menu li {
	float: left;
	margin-right: 10px;
	font-weight: bold;
}

.sortable-menu li a {
	padding: 0 15px;
}


/*-- SINGLE PAGE MENU --*/
.single-post-pagenation {
	margin-bottom: 30px;
}

.single-post-pagenation li {
	float: left;
	margin-right: 3px;
}

.single-post-pagenation li a {
	display: block;
	width: 19px;
	height: 19px;
	text-indent: -999em;
	background-image: url(assets/images/single-pagenation.png);
	background-repeat: no-repeat;
}

.single-post-pagenation li.single-previous a {
	background-position: 0 0;
}

.single-post-pagenation li.single-next a {
	background-position: -38px 0;
}

.single-post-pagenation li.single-link a {
	background-position: -19px 0;
}

.single-post-pagenation li.single-previous a:hover {
	background-position: 0 100%;
}

.single-post-pagenation li.single-next a:hover {
	background-position: -38px 100%;
}

.single-post-pagenation li.single-link a:hover {
	background-position: -19px 100%;
}


/* =========================================
   Comment
   ======================================== */
#comments { 
	margin-top: 60px;
}

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

#comments-title span { 
	width: 140px;
	display: block;
	text-align: right;
	padding-right: 40px;
}

.commentlist {
	padding-left: 180px;
}

.commentlist li .comment-author { 
	float: left; 
	text-align: center; 
	padding-top: 5px;
	width: 48px;
}

.commentlist li .reply { 
	font-weight: bold; 
	display: block; 
	margin-top: 5px;
	font-size: 10px;
}

.commentlist li .comment-entry {
	margin-left: 70px;
}

.commentlist li .comment-meta { 
	padding-bottom: 5px; 
}

.commentlist li .comment-meta .fn { 
	padding-right: 5px;
}

.commentlist li .comment-meta .says { 
	padding: 0 5px; 
}

.commentlist li .comment-meta .says,
.commentlist li .comment-meta time,
.commentlist li .comment-meta .edit-link {
	font-size: 10px;
}

.commentlist li .comment-awaiting-moderation { 
	padding-bottom: 10px; 
	display: block; 
}

.commentlist li article.comment-wrap,
.commentlist li article.comment-wrap li ul.children article.comment-wrap {
	padding: 20px 0 30px;
}

.commentlist ul.children {
	padding-left: 70px;
}

.commentlist li.pingback {
	padding: 15px 0;
}

.commentlist li.pingback:first-child {
	padding-top: 15px; 
}

.commentlist li.pingback .edit-link {
	font-size: 10px;
	padding-left: 15px;
}

#respond { 
	margin-top: 40px; 
}

#respond #reply-title { 
	font-size: 12px;
	margin-bottom: 25px;
	text-align: right;
	height: 100%;
	overflow: hidden;
}

#respond #reply-title span { 
	width: 140px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 40px;
}

#respond .logged-in-as { 
	padding: 10px 0; 
}

#respond form {
	padding-left: 180px;
}

.comment-form-file {
	width: 350px;
}

.comment-form-comment {
	width: 500px;
	height: 120px;
}

.comment-form-file,
.comment-form-comment {
	margin-bottom: 10px;
	padding: 9px 10px;
	border: none;
}

#respond input[type="submit"] {
	height: 28px; 
	line-height: 27px;
	padding: 0 15px;
	border: none;
}


/* =========================================
   Search
   ======================================== */
.search-lists li {
	margin-bottom: 60px;
}

.search-lists li:last-child {
	margin-bottom: 0;
}

.search-lists li .post-entry h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

.search-lists li .post-more {
	margin-top: 10px;
}

.searchbox dl {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.searchbox dt {
	float: left;
}

.searchbox dd {
	float: right;
	margin-left: 1px;
	width: 30px;
}

.searchbox input[type="text"] {
	padding: 10px 10px 9px;
	border: none;
	background: none;
	font-size: 10px;
}

.searchbox input[type="submit"] {
	border: none;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	width: 30px;
	height: 30px;
}

.site-search input[type="text"] {
	width: 210px;
}



/* =========================================
   Archive
   ======================================== */
.post-archives-page .latest-posts h3,
.post-archives-page .page-lists h3,
.post-archives-page .category-lists h3,
.post-archives-page .archive-lists h3 { 
	font-size: 15px;
	margin-bottom: 15px;
}

.post-archives-page .latest-posts { 
	padding-bottom: 40px; 
	margin-bottom: 40px; 
}

.post-archives-page ul { 
	list-style-type: circle;
	list-style-position: inside;
}

.post-archives-page ul li {
	font-weight: bold;
	padding: 5px 0;
}


/* =========================================
   404
   ======================================== */
.page-error {
	text-align: center;
}

.page-error h1 {
	font-size: 72px;
	line-height: 72px;
}

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

.page-error .searchbox {
	width: 450px;
	margin: 30px auto 0;
}

.page-error .searchbox dt {
	width: 415px;
}

.page-error .searchbox input[type="text"] {
	width: 399px;
}


/* =========================================
   Contact
   ======================================== */
.post-contact-single .post-content {
	margin-top: 50px;
}

.contact-google-map {
	margin-bottom: 50px;
}

.contact-google-map h3,
.contact-form-wrap h3 {
	font-size: 14px;
	margin-bottom: 15px;
}

.contact-form-wrap .error,
.contact-form-wrap .success{
	display: none;
	padding: 8px 10px;
	width: 350px;
	margin-bottom: 10px;
}

.contact-form-wrap .error {
	background-color: #FFC7C2;
	color: #A22121;
}

.contact-form-wrap .success {
	background-color: #E3FFCD;
	color: #5E6F33;
}

.contact-form-wrap .contact-file input[type="text"],
.contact-form-wrap .contact-form-content {
	margin-bottom: 10px;
	padding: 9px 10px;
	width: 350px;
	border: none;
}

.contact-form-wrap .contact-form-content {
	height: 148px;
	width: 680px;
}

.contact-form-wrap #send-message {
	height: 28px; 
	line-height: 27px;
	padding: 0 15px;
	border: none;
}



/* =========================================
   Footer
   ======================================== */
.footer-widgets-area {
	padding-top: 40px;
}

.footer-custom-message {
	padding: 40px 0;
}

.footer-message  #bottom-menu li {
	float: left;
	font-weight: bold;
	margin-right: 25px;
	padding-bottom: 10px;
}

.footer-message {
	padding: 40px 0;
}

#toTop { 
	width: 39px;
	height: 40px; 
	position: fixed; 
	bottom: 40px; 
	right: 40px; 
	cursor: pointer; 
	display: none; 
	text-indent: -999em; 
	z-index: 999;
}