/*
Theme Name: Mu Types
Theme URI: http://themeforest.net/user/HawkTheme/portfolio
Description: Business WordPress Theme
Version: 1.0.6
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;  
	color: #454545; 
	background-color: #FFFFFF;
}

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

a { 
	color: #212121; 
}

a:hover { 
	color: #FF4E00; 
}

b, strong { 
	color: #333; 
}

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

h1, h2, h3, h4, h5, h6 {
	color: #212121;
    font-weight: bold;
}

blockquote { 
	font-size: 14px; 
	font-style: italic;  
	padding-left: 50px; 
	background: url(assets/images/quotes.png) no-repeat 0 0;
}

pre { 
	line-height: 21px;
	padding: 21px 20px 20px; 
	border: 1px solid #D8D8D8;
	background: url(assets/images/pres.png); 
}

code { 
	display: block; 
	padding: 15px 20px; 
	border: 1px solid #E5E5E5; 
	background: #F3F3F3; 
}

table { 
	width: 100%;
	border-collapse: collapse; 
	text-align: left; 
	border: 1px solid #D2D2D2;
}

th, thead td { 
	text-align: left;  
	height: 36px; 
	line-height: 36px; 
	padding: 0 15px;  
	background: #F2F2F2; 
	border-bottom: 1px solid #D2D2D2;
	font-weight: bold; 
	color: #333333;
}

td { 
	padding: 5px 15px; 
	border-bottom: 1px solid #D2D2D2;
}

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-meta, 
.post-meta a {
	color: #666;
}

.post-meta a:hover {
	color: #FF4E00;
}

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

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

.post-thumb-fade { 
	background: #000;
}

.post-more { 
	float: left;
}

.post-more a { 
	display: block; 
	padding: 0 15px;
	margin-right: 10px;
}

.post-more a {
	height: 28px; 
	line-height: 27px;
	background: #F1F1F1;
	font-weight: bold;
}

.post-more a:hover {
	background: #212121;
	color: #FFF;
}




/* =========================================
   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
   ======================================== */
#page { 
	width: 990px; 
	margin: 40px auto 50px;
	padding: 0 30px;
	background: #FFF;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25); 
	-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .25);   
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .25); 
}

#main {
	padding: 60px 0; 
}

body.home #main {
	padding: 30px 0 35px;
}

#primary { width: 670px; }
#secondary { width: 270px; }
.fullwidth #primary { width: 990px; }
.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: 30px;
}

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

.col-1-1 {
	width: 990px;
}

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

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

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



/* =========================================
   Header
   ======================================== */
.site-head-info {
	border-bottom: 4px solid #212121;
}

.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;
}

.site-info-menu {
	float: right; 
}

.top-info {
	float: right;
}

.top-info span {
	display: block;
	float: left;
	height: 21px;
	line-height: 21px;
	margin-left: 20px;
	padding-left: 20px;
	font-size: 10px;
	color: #666;
}

.top-info span.tel {
	background: url(assets/images/icon-phone.png) no-repeat 0 3px; 
}

.top-info span.email {
	background: url(assets/images/icon-email.png) no-repeat 0 3px; 
}

#top-menu {
	clear: both;
}

#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-size: 14px;
	font-weight: bold;
	color: #212121;
}

#top-menu ul.drop-menu li a:hover,
#top-menu ul.drop-menu li a.selected {
	color: #FF4E00;
}

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

#top-menu ul.drop-menu li ul li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px solid #1E1E1E;
}

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

#top-menu ul.drop-menu li ul li a {
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	overflow: hidden;
	color: #FFF;
	font-size: 12px;
}

#top-menu ul.drop-menu li ul li a:hover,
#top-menu ul.drop-menu li ul li a.selected {
	background: #FF4E00;
	color: #212121;
}

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

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

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

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

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

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

.site-page-header {
	padding: 30px 0 40px;
	background: url(assets/images/single-dotted.png) repeat-x 0 100%;
}

.site-page-header h3 {
	font-size: 84px;
	line-height: 84px;
	margin-left: -6px;
	margin-bottom: 10px;
	letter-spacing: -8px; 
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.page-header-desc {
	font-size: 16px;
	padding-top: 10px;
}

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

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

.page-header-breadcrumbs a, 
.page-header-breadcrumbs .breadcrumb-title,
.page-header-breadcrumbs .trail-end { 
	color: #666; 
}

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


/* =========================================
  Slidershow
   ======================================== */
.home-special-image,
.embed-code-home-container,
.jp-video-home-container {
	margin-bottom: 50px;
}


/* =========================================
   Blog
   ======================================== */
.blog-lists li {
	margin-bottom: 60px;
}

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

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

.blog-lists .post-meta span {
	padding: 0 5px;
	color: #999;
	font-size: 8px;
}

.blog-lists .post-meta span:last-child {
	display: none;
}

.blog-lists-1 .post-thumb {
	margin-bottom: 25px;
}

.blog-lists-1 .post-entry h5 {
	font-size: 32px;
	margin-bottom: 20px;
}

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

.blog-lists-1 .post-meta {
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
	padding-bottom: 18px;
	margin-bottom: 15px;
	font-size: 10px;
}

.blog-lists-2 .post-thumb {
	float: left;
	width: 225px;
}

.blog-lists-2 .post-entry {
	margin-left: 255px;
}

.blog-lists-2 .no-post-thumb {
	margin-left: 0;
}

.blog-lists-2 .post-entry h2 {
	font-size: 16px;
}

.blog-lists-2 .post-meta {
	margin-bottom: 5px;
	font-size: 10px;
}

.post-blog-single .post-single-slider {
	margin-bottom: 30px;
}

.post-blog-single .post-entry h5 {
	font-size: 32px;
	margin-bottom: 20px;
}

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

.post-blog-single .post-meta {
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
	padding-bottom: 18px;
	margin-bottom: 15px;
	font-size: 10px;
}

.post-blog-single .post-meta span {
	padding: 0 5px;
	color: #999;
	font-size: 8px;
}

.post-blog-single .post-meta span:last-child {
	display: none;
}

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

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

.author-info h3 { 
	font-size: 14px;
	padding-bottom: 15px;
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
}

.author-info dl {
	padding-top: 30px;
}

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

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



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

.portfolio-lists-1 li {
	margin-bottom: 60px;
}

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

.portfolio-lists-1 .post-entry {
	float: left;
	width: 350px;
}

.portfolio-lists-1 .post-entry h2 {
	font-size: 18px;
}

.portfolio-lists-1 .post-time,
.portfolio-lists-1 .post-cats,
.post-portfolio-single .post-time,
.post-portfolio-single .post-cats,
.post-portfolio-single .post-client,
.post-portfolio-single .post-client-url {
	margin-top: 15px;
}

.portfolio-lists-1 .post-time .date,
.portfolio-lists-1 .post-cats .cats,
.post-portfolio-single .post-time .date,
.post-portfolio-single .post-cats .cats {
	font-size: 10px;
}

.portfolio-lists-1 .post-cats .cats a,
.post-portfolio-single .post-cats a {
	float: left;
	margin: 10px 5px 0 0;
	padding: 0 10px;
	height: 18px;
	line-height: 18px;
	display: block;
	background: #212121;
	color: #FFF;
}

.portfolio-lists-1 .post-cats .cats a:hover,
.post-portfolio-single .post-cats a:hover {
	background: #FF4E00;
}

.portfolio-lists-1 .post-excerpt {
	background: url(assets/images/double-dotted.png) repeat-x 0 0;
	padding-top: 20px;
	margin-top: 25px;
}

.portfolio-lists-1 .post-more {
	margin-top: 20px;
}

.portfolio-lists-1 .post-single-slider,
.portfolio-lists-1 .portfolio-list-slider-wrap{
	float: right;
	width: 600px;
}

.portfolio-lists-2 li {
	margin-top: 60px;
	padding-top: 5px;
	background: url(assets/images/double-dotted.png) repeat-x 0 0;
}

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

.portfolio-lists-2 li .post-entry h2,
.portfolio-lists-2 li .post-thumb {
	margin-top: 10px;
}

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

.post-portfolio-single .post-project-info,
.post-portfolio-single .post-content {
	background: url(assets/images/double-dotted.png) repeat-x 0 0;
	padding-top: 18px;
}

.post-portfolio-single .post-project-info {
	float: left;
	width: 225px;
}

.post-portfolio-single .post-entry h2 {
	font-size: 16px;
	margin-bottom: 20px;
}

.post-portfolio-single .post-project-info h5 {
	font-size: 14px;
}

.post-portfolio-single .post-content {
	float: right;
	width: 735px;
}

.post-portfolio-single .post-single-slider,
.post-portfolio-single .embed-code-single-container,
.post-portfolio-single .jp-video-single-container {
	margin-bottom: 40px;
}

.post-portfolio-single .post-client {}


/* =========================================
   Product
   ======================================== */
.product-lists li {
	margin-top: 60px;
}
 
.product-lists li .post-thumb {
	float: left;
	width: 225px;
}

.product-lists li .post-entry {
	margin-left: 255px;
}

.product-lists li .post-entry h2,
.post-product-single .post-entry h2 {
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
	padding-bottom: 15px;
	margin-bottom: 13px;
	font-size: 14px;
}

.product-lists li .post-entry .post-price,
.post-product-single .post-entry .post-price {
	font-size: 14px;
	font-weight: bold;
}

.product-lists li .post-entry .post-price s,
.post-product-single .post-entry .post-price s {
	padding-right: 15px;
	color: #999;
}

.product-lists li .post-entry .post-price span,
.post-product-single .post-entry .post-price span {
	color: #D83C3B;
}

.product-lists li .post-entry .post-excerpt,
.post-product-single .post-entry .post-excerpt {
	margin-top: 8px;
	margin-bottom: 10px;
}

.post-product-single .product-slider-wrap,
.post-product-single .post-single-slider {
	float: left;
	width:480px; 
}

.post-product-single .post-single-slider {
	margin-bottom: 40px;
}

.post-product-single .post-entry {
	float: right;
	width: 480px;
}

.post-product-single .post-entry .post-price s {
	font-size: 16px;
}

.post-product-single .post-entry .post-price span {
	font-size: 18px;
}


/* =========================================
   Download
   ======================================== */
.download-lists .download-post {
	margin-bottom: 60px;
}

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

.download-post .post-thumb {
	float: left;
	width: 225px;
	margin-top: 4px;
}

.download-post .post-entry {
	margin-left: 255px;
}

.download-post .no-post-thumb {
	margin-left: 0;
}

.download-post .post-entry h2 {
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
	padding-bottom: 15px;
	margin-bottom: 11px;
	font-size: 14px;
}

.download-post ul {
	margin-bottom: 8px;
}

.download-post li {
	float: left;
	width: 50%;
	padding-bottom: 5px;
}

.download-post li b {
	padding-right: 8px;
}

.post-download-single .post-content {
	margin-top: 50px;
}



/* =========================================
   Download
   ======================================== */
.event-lists .event-post {
	margin-bottom: 60px;
}

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

.event-lists .event-post .post-entry {
	width: 240px;
	float: left;
}

.event-lists .event-post .post-entry h2 {
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
	padding-bottom: 15px;
	margin-bottom: 11px;
	font-size: 16px;
}

.event-lists .event-post .post-entry ul {
	margin-bottom: 8px;
}

.event-lists .event-post .post-entry li {
	padding-bottom: 5px;
}

.event-lists .event-post .post-entry li b {
	padding-right: 8px;
}

.event-lists .event-post .post-thumb {
	width: 400px;
	float: right;
}

.post-event-single .post-thumb,
.post-event-single .event-slider-wrap { 
	width: 480px;
	float: left;
}

.post-event-single .post-entry {
	width: 480px;
	float: right;
}

.post-event-single .post-entry h2 {
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
	padding-bottom: 15px;
	margin-bottom: 11px;
	font-size: 16px;
}

.post-event-single .post-entry ul {
	margin-top: 20px;
}

.post-event-single .post-entry li {
	padding-bottom: 15px;
}

.post-event-single .post-entry li b {
	padding-right: 8px;
}

.post-event-single .post-content {
	margin-top: 60px;
}


/* =========================================
   Team
   ======================================== */
.team-lists .post {
	margin-top: 60px;
}

.team-lists .post-1,
.team-lists .post-2,
.team-lists .post-3,
.team-lists .post-4 {
	margin-top: 0;
}

.team-lists .col-first {
	clear: left;
}

.team-lists .post h2 {
	background: url(assets/images/double-dotted.png) repeat-x 0 0;
	padding-top: 15px;
}

.team-lists .post .position {
	font-size: 10px;
}

.team-lists .post ul li,
.post-entry-media ul li {
	float: left;
	margin-right: 3px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.team-lists .post ul li a,
.post-entry-media ul li a {
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -999em;
}

.team-lists .post ul li.delicious a,
.post-entry-media ul li.delicious a {
	background: url(assets/images/icons/delicious.png);
}

.team-lists .post ul li.facebook a,
.post-entry-media ul li.facebook a {
	background: url(assets/images/icons/facebook.png);
}

.team-lists .post ul li.flickr a,
.post-entry-media ul li.flickr a {
	background: url(assets/images/icons/flickr.png);
}

.team-lists .post ul li.google a,
.post-entry-media ul li.google a {
	background: url(assets/images/icons/google.png);
}

.team-lists .post ul li.linkedin a,
.post-entry-media ul li.linkedin a {
	background: url(assets/images/icons/linkedin.png);
}

.team-lists .post ul li.myspace a,
.post-entry-media ul li.myspace a {
	background: url(assets/images/icons/myspace.png);
}

.team-lists .post ul li.rss a,
.post-entry-media ul li.rss a {
	background: url(assets/images/icons/rss.png);
}

.team-lists .post ul li.stumble a,
.post-entry-media ul li.stumble a {
	background: url(assets/images/icons/stumble.png);
}

.team-lists .post ul li.twitter a,
.post-entry-media ul li.twitter a {
	background: url(assets/images/icons/twitter.png);
}

.team-lists .post ul li.yahoo a,
.post-entry-media ul li.yahoo a {
	background: url(assets/images/icons/yahoo.png);
}

.post-team-single .post-thumb {
	float: left;
	width: 480px;
}

.post-team-single .post-entry {
	float: right;
	width: 480px;
}

.post-team-single .post-entry h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

.post-team-single .post-entry-info li {
	float: left;
	width: 50%;
	padding: 5px 0;
}

.post-team-single .post-entry-info li b {
	padding-right: 8px;
}

.post-entry-media ul {
	margin-top: 5px;
}

.post-team-single .post-content {
	background: url(assets/images/double-dotted.png) repeat-x 0 0;
	padding-top: 25px;
	margin-top: 10px;
}


/* =========================================
   Related Posts
   ======================================== */
.related-post-lists li {
	margin-top: 60px;
	padding-top: 5px;
	background: url(assets/images/double-dotted.png) repeat-x 0 0;
}

.related-post-lists li.col-first {
	clear: left;
}

.related-post-lists li .post-entry h2,
.related-post-lists li .post-thumb {
	margin-top: 10px;
}



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

.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;
	background: #F2F2F2;
	color: #333;
}

.pagination a:hover,
.pagination span.current,
.normal-pagination span a:hover,
.comment-pagination a:hover, 
.comment-pagination span.current,
.sortable-menu li a:hover,
.sortable-menu li.current-cat a,
.portfolio-sortable-menu li.active a {
	color: #FFFFFF;
}


.pagination a:hover,
.normal-pagination span a:hover,
.comment-pagination a:hover,
.sortable-menu li a:hover {
	background: #FF4E00;
}


.pagination span.current,
.comment-pagination span.current,
.sortable-menu li.current-cat a,
.portfolio-sortable-menu li.active a {
	background: #212121;
}



/*-- WP PAGINATION --*/
.pagination a, 
.pagination span { 
	display: block;
	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 {
	padding: 15px 0;
	background: url(assets/images/single-dotted.png) repeat-x 0 100%;
}

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

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

.single-post-pagenation li.single-previous a,
.single-post-pagenation li.single-next a {
	width: 5px;
}

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

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

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

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

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

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


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

#comments-title { 
	font-size: 14px;
	padding-bottom: 15px;
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
}

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

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

.commentlist li.depth-1 .comment-entry {
	margin-left: 95px;
}

.commentlist li.depth-2 .comment-entry,
.commentlist li.depth-3 .comment-entry,
.commentlist li.depth-4 .comment-entry,
.commentlist li.depth-5 .comment-entry {
	margin-left: 80px;
}

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

.commentlist li .comment-meta .fn { 
	font-weight: bold; 
	padding-right: 5px;
	color: #333;
}

.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: 30px 0;
	background: url(assets/images/com-line-bg.png) repeat-x 0 100%;
}

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

.commentlist li.pingback {
	padding: 15px 0;
	background: url(assets/images/com-line-bg.png) repeat-x 0 100%;
}

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

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

#respond { 
	margin-top: 60px; 
}

#respond #reply-title { 
	font-size: 14px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
}

#respond #reply-title small { 
	padding-left: 30px;
}

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

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

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

.comment-form-file,
.comment-form-comment {
	margin-bottom: 10px;
	padding: 9px 10px;
	border: none;
	background: #F2F2F2;
	color: #333;
	font-weight: bold;
}

.comment-form-file:focus,
.comment-form-comment:focus {
	background: #212121;
	color: #FFF;
}

#respond input[type="submit"] {
	height: 28px; 
	line-height: 27px;
	padding: 0 15px;
	background: #212121;
	border: none;
	font-weight: bold;
	color: #FFF;
}

#respond input[type="submit"]:hover {
	background: #FF4E00;
}


/* =========================================
   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: 34px;
	line-height: 34px;
}

.searchbox dt {
	float: left;
	background: #212121;
}

.searchbox dd {
	float: right;
	width: 34px;
}

.searchbox input[type="text"] {
	padding: 6px 10px;
	border: none;
	background: none;
	color: #FFF;
	font-size: 10px;
	width: 215px;
}

.searchbox input[type="submit"] {
	border: none;
	background-image: url(assets/images/search-btn.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #212121;
	display: block;
	width: 34px;
	height: 34px;
}

.searchbox input[type="submit"]:hover {
	background-color: #FF4E00;
}


/* =========================================
   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: 14px;
	margin-bottom: 15px;
}

.post-archives-page .latest-posts { 
	background: url(assets/images/double-dotted.png) repeat-x 0 100%;
	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"] {
	padding: 6px 10px;
	width: 395px;
}


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

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

.contact-form-wrap .error,
.contact-form-wrap .success{
	display: none;
	padding: 8px 10px;
	width: 460px;
	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: 460px;
	border: none;
	background: #F2F2F2;
	color: #333;
	font-weight: bold;
}

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

.contact-form-wrap .contact-file input[type="text"]:focus,
.contact-form-wrap .contact-form-content:focus {
	background: #212121;
	color: #FFF;
}

.contact-form-wrap #send-message {
	height: 28px; 
	line-height: 27px;
	padding: 0 15px;
	background: #212121;
	border: none;
	font-weight: bold;
	color: #FFF;
}

.contact-form-wrap #send-message:hover {
	background: #FF4E00;
}


/* =========================================
   Gallery
   ======================================== */
.post-gallery-single li {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

.post-gallery-single li.col-first {
	margin-left: 0;
	clear: left;
}


/* =========================================
   Footer
   ======================================== */
.footer-widgets-area {
	padding-top: 40px;
	background: url(assets/images/single-dotted.png) repeat-x 0 0;
}

.footer-message {
	border-top: 4px solid #212121;
}

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

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

.footer-message p {
	font-size: 10px;
}

.footer-message p a {
	text-decoration: underline;
}

.footer-message p a:hover {
	text-decoration: none;
}

#toTop { 
	height: 54px; 
	width: 54px; 
	position: fixed; 
	bottom: 40px; 
	right: 40px; 
	cursor: pointer; 
	display: none; 
	text-indent: -999em; 
	z-index: 999;
	background: url(assets/images/top-link.png) no-repeat 0 0;
}

#toTop:hover {
	background: url(assets/images/top-hover.png) no-repeat 0 0;
}