/*
Theme Name: Vitaports
Theme URI: http://www.wpthemepremium.com/theme/vitaports/
Description: This theme is designed and coded by <a href="http://www.wpthemepremium.com/">Wpthemepremium</a>.
Version: 1.0
Author: Wpthemepremium
Author URI: http://www.wpthemepremium.com/
Tags: Light, Fixed Width, Two Columns, Left Sidebar, Blavatar, Gravatar, Custom Header, Custom Menu, Featured Images, Featured Image Header, Featured Posts, Theme Options, Threaded Comments, Widget Ready, Footer Widgets, Pagenavi, Social Bookmarking, Magazine Style, Ads Ready, Adsense Ready, RTL Language Support, Plugin(s) Required, Valid xhtml, Valid css
*/

/* wp-default style */
/* Images */
p img {max-width: 100%; /* not working in IE6 */}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 4px 12px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}

/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; color: #666;}
.wp-caption img {border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 4px; color: #333; margin: 0;}

/* PageNavi*/
.wp-pagenavi{text-align:center; padding: 10px 0;}
.wp-pagenavi a{padding: 3px 5px;margin: 2px;text-decoration: none;border: 1px solid #c7c0ab;color: #915833;background-color: #fff;line-height: 26px;}
.wp-pagenavi a:hover{border: 1px solid #915833;color: #666;background-color: #f4f3f2;}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend{padding: 3px 5px;margin: 2px;color: #545454;background-color: #fff;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border: 1px solid #915833!important;}
.wp-pagenavi a, .wp-pagenavi span{margin:2px!important;padding: 3px 5px!important;border: 1px solid #f4ecd1!important;}

/* Calendar */
#calendar_wrap {padding: 0;}
#wp-calendar{empty-cells: show;margin: 0px auto 0;width: 100%;color: #643B00;}
#wp-calendar #next a{padding-right: 10px;text-align: right;}
#wp-calendar #prev a{padding-left: 10px;text-align: left;}
#wp-calendar a{font-size: 12px;display: block;font-weight: bold;font-style: normal;text-decoration: none;}
#wp-calendar tbody a{color: #000;background-color: #fc0;}
#wp-calendar a:hover{color: #900;background: #EEE8A0;}
#wp-calendar caption{text-align: center;padding-bottom: 10px;background: none;font-family: Arial, Verdana, Geneva, sans-serif;font-weight: bold;font-size: 13px;}
#wp-calendar td{text-align: center;padding: 3px 0;font-size: 12px;text-align: center;}
#wp-calendar th{text-align: center;font-style: normal;font-size: 12px;text-transform: capitalize; background: none;}

/* Default */
h2 {
	margin-bottom: 0;	
}
h3 {
	margin-bottom: 10px;	
}
p {
	margin: 0 0 7px 0;	
}
.span-24 {
	width: 998px;
}
h6 {
	margin-bottom: 1.5em;
}
blockquote {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 15px 10px;
	border: 1px solid #ddd;
	display: block;
	background: #F7F7F7 url(images/icon.gif) -1px -10px no-repeat;
}
blockquote:hover {
	border-color: #aaa;
	background-color: #EBEBEB;
}
code {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 15px 10px;
	margin: 1.5em;
	color: #666;
	font-style: italic;
	display: block;
	border: 1px solid #ddd;
	background: #F7F4E6 url(images/icon.gif) -28px -1px no-repeat;
}
code:hover {
	border-color: #aaa;
	background-color: #F7F0D2;
}
tbody tr:nth-child(even) td {
	background: inherit;
}
textarea {
	width: auto;
	height: auto;
}
.border-radius {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
a {
	color: #5E7D1F;	
}
a:hover {
	color: #3591CB;	
}

/* Layout */
body {
	background: #fff url(images/wrap.gif) repeat-y center top;
}
#header-bg {
	background: url(images/header.jpg) no-repeat center top;
}
#wrapper {
	background: url(images/header_bg.jpg) repeat-x center top;
}
#footer-bg {
	background: url(images/footer_bg.jpg) repeat-x center bottom;	
}
#container-wrap {
	background: url(images/footer.jpg) no-repeat center bottom;
}
/* Header */
#header {
	padding-bottom: 0px;
	position: relative;
}
#header .logo {
	position: absolute;
	left: 46px;
	top: 0px;
}
#header .blog-name {
	font-size: 40px;
	font-weight: bold;
	line-height: 4;
	margin: 0 0 7px 0;
}
#header .blog-name a {
	text-decoration: none;
	color: #fff;	
}
#header .blog-name a:hover {
	color: #f1f942;	
}
#header .blog-des {
	color: #666;
	font-size: 1.2em;
	margin: 0;
}
#header #rss {
	position: absolute;
	left: 370px;
	top: 180px;
}
#header #rss img {
	width: 36px;
	height: 28px;
}
#header #twitter {
	position: absolute;
	left: 646px;
	top: 195px;
}
#header #twitter img {
	width: 38px;
	height: 31px;
}
#header #page-menu {
	font-size: 12px;
	margin: 5px 40px 0 0px;
	float: right;
	width: 500px;
	height: 22px;
	overflow: hidden;
	text-transform: uppercase;
}
#header #page-menu ul {
	margin: 0;
	padding: 0;
}
#header #page-menu ul li {
	padding: 0 3px;
	font-weight: bold;
	text-align: center;
	list-style: none;
	float: left;
}
#header #page-menu ul li a {
	color: #fff;
	padding: 2px 8px;
	display: block;
	text-decoration: none;
}
#header #page-menu ul li a:hover, #header #page-menu li.current_page_item a {
	color: #fc0;
}
#header #page-menu ul ul {
	display: none;
}
#header #page-menu ul ul li {
	font-size: 1em;
}
#header #navigation {
	font-size: 12px;
	margin: 124px 0 0px;
	float: left;
}
#header #navigation ul {
	height: 48px;
	overflow: hidden;
	position: relative;
	margin: 0 60px;
	padding: 0 0 0 0px;
}
#header #navigation ul li {
	padding: 0;
	line-height: 2.3;
	margin: 10px 0 0px 0;
	font-weight: bold;
	text-align: center;
	list-style: none;
	float: left;
	overflow: hidden;
	word-break: break-all;
	text-transform: uppercase;
}
#header #navigation ul li span {
	float: left;
	height: 37px;
	padding-right: 30px;
	margin-top: 0px;
	display: block;
	background: url(images/nav_bg.jpg) no-repeat left 2px;
	white-space: nowrap;
}
#header #navigation ul li a {
	float: left;
	color: #fff;
	height: 37px;
	position: relative;
	padding: 0px 15px 0 30px;
	text-decoration: none;
}
#header #navigation ul li a.mainParentBtn {
	background: url(images/nav_focus.gif) no-repeat right 35%;
}
#header #navigation ul li a:hover, #header #navigation li.current-cat a {
	color: #cf6100;
}
#header #navigation ul li a.hover_fun, #header #navigation ul li a.current {
	padding-left: 0;
	color: #cf6100;
	background: url(images/nav_bg.jpg) no-repeat right 2px;
}
#header #navigation ul ul li {
	font-size: 1em;
}
#search-wrap {
	width: 265px;
	display: inline-block;
	background: url(images/search_frame.jpg) no-repeat;
	padding: 11px 0px 15px 55px;
	margin-bottom: 5px;
}
#search-wrap input.search-text {
	width: 145px;
	margin: 0px 4px 0 0;
	border: 0;
	float: left;
	background: url(images/spacer.gif);
}
#search-wrap input#search-submit {
	width: 55px;
	height: 18px;
	float: left;
}
.toolbox {
	margin-left: 8px;
	padding-left: 7px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: #fff;
}
.ad-wrap {
	margin-top: 0px;
	position: absolute;
	left: 485px;
	top: 63px;
}
/* Content */
#container {
	width: 998px;
}
#content-wrap {
	width: 934px;
	padding: 10px 32px 150px 32px;
}
#content {
	float: right;
	display: inline;
	width: 630px;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 7px;
	margin-right: 16px;
	padding: 0;
}
#content-wrap .content-post {
	background: url(images/content_mask1.jpg) no-repeat scroll left top #F7F4E7;
}
#content .content-box {
	padding: 15px 24px 35px;
	background: url(images/content_mask2.jpg) no-repeat right bottom;
}
#content .jdGallery .slideInfoZone {
	height: 85px;
}
#content .jdGallery .slideInfoZone h2 {
	font-size: 14px;
	color: #d6d42f!important;
	font-weight: bold;
}
#content .jdGallery .slideInfoZone p {
	font-size: 12px;
	color: #999;
}
#content .jdGallery .slideInfoZone em {
	font-style: normal;
	color: #7ac800;
	font-weight: bold;
}
#content .entry {
	color: #666;
	padding: 3px 0;
	margin: 2px 0;
}
#myGallery {
	margin-bottom: 0px!important;
}
#myGallery .imageElement {
	display: none;
}
#featCategories {
	margin-top: 8px;
	padding: 0px 0;
}
#content .category {
	margin-right: 0;
	margin-bottom: 10px;
	position: relative;
	background: #f7f4e7 url(images/content_mask1.jpg) no-repeat left top;
}
#content .category_mask {
	padding: 0 0 25px 0;
	background: url(images/content_mask2.jpg) no-repeat right bottom;
}
#content .category .home-title {
	color: #603401;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 13px 200px 9px 35px;
	margin: 0 13px 10px 28px;
	background: url(images/home-title.jpg) repeat-x left bottom;
}
#content .category .home-title a {
	color: #603401;
	text-decoration: none;
}
#content .category .home-title a:hover {
	color: #06c;
}
#content .category .home-title-more {
	width: 150px;
	height: 35px;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 11px;
	color: #e85402;
}
#content .category .home-title-more a {
	color: #e85402;
	text-decoration: underline;
}
#content .category .home-title-more a:hover {
	color: #294d95;
}
#content .category hr {
	width: 95%;
	color: #dbd2b8;
	margin: 0 auto;	
}
#content .category .post-title {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#content .category .post-title a {
	color: #528002;
	padding: 0 0 0 10px;
	text-decoration: none;
	background: url(images/post-title.gif) no-repeat left 6px; 
}
#content .category .post-title a:hover {
	color: #00357C;
}
#content .category .post {
	width: 560px;
	padding: 0 11px 10px 11px;
	margin: 0 24px 10px 24px;
	border-bottom: 1px dashed #c5a67a;
}
#content .category .morepost {
	float: right;
	font-weight: bold;
}
#content .category .morepost a {
	color: #5d3813;
}
#content .category .morepost a:hover {
	color: #0F3449;
}
/* home_posts */
#home_posts {
	padding: 0px 0 0;
	margin: 0;
	background: #f7f4e7 url(images/content_mask1.jpg) no-repeat left top;
}

.article-title {
	color: #603401;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 13px 200px 9px 35px;
	margin: 0 10px 10px 28px;
	border-bottom: 1px solid #dbd2b8;
}
#home_posts .content-box-index{
    padding: 0px 24px 8px;
    clear: both;
	background: url(images/home_posts_bg.gif) repeat-y;
}
.content-box-index .post, .content-box-index .page, .content-box .post, .content-box .page {
	
}

/* Sidebar */
#sidebar, #left-sidebar, #right-sidebar {
	overflow: hidden;
	float: left;
}
#left-sidebar {
	margin-right: 0px;
	padding-bottom: 150px;
}
#right-sidebar {
	float: right;
}
.sidebarad-wrap {
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0 auto 0 auto;
}
.sidebarad-wrap a {
	margin: 3px 0;
}
.sidebar {
	width: 280px;
	margin-top: 0px;
	color: #B3956A;
}
.sidebar a {
	color: #643b00;
	text-decoration: none;
}
.sidebar a:hover {
	color: #c85218;
	text-decoration: underline;
}
.sidebar h2 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	padding: 17px 25px 12px 80px;
}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 270px;
	overflow: hidden;
}
.sidebar ul li {
	padding: 0 7px 7px 15px;
	list-style-type: none;
	margin-bottom: 10px;
	background: url(images/sidebar_title.gif) no-repeat left top;
}
.sidebar ul li div {
	padding: 6px 20px;
}
.sidebar ul ul {
	margin-left: 0px;
	padding: 6px 0px 0px 0;
	width: 100%;
}
.sidebar ul ul li {
	overflow: hidden;
	padding: 7px 0 7px 35px;
	margin: 0 25px;
	background: url(images/arrow_icon.gif) no-repeat 20px 14px;
	border-bottom: 1px dashed #d9c5ab;
}
.sidebar ul ul ul li {
	margin: 0 0;
	padding: 7px 0 7px 15px;
	background: url(images/arrow_icon.gif) no-repeat left 14px;
	border-bottom: none;
}
.sidebar .sidebar_bot_border {
	heigth: 4px;
	background: url(images/sidebar_bot_border.gif) no-repeat left bottom;	
}
.sidebar .sidebarvideo {
	padding: 0px;
	margin: 0px;
}
.sidebar .sidebarvideo ul li {
	text-align: center;
	margin-bottom: 0px;
}
.sidebar select {
	font-size: 1em;
	margin: 10px 0 2px 10px;
	width: 90%;
}
/* Footer */
#footer {
	width: 998px;
	margin: 0 auto;
	padding: 0px 0px 20px 0px;
	text-align: right;
}
#footer, #footer a {
	color: #454545;
	text-decoration: none;
}
#footer .credit {
	padding: 0 52px 0 320px;	
}


#subMenusContainer a {
	color: #622d05!important;
	background: #f5f74a url(images/submenus_bg.jpg) repeat-x;
	border: #133700 1px solid;
	width: 180px;
	line-height: 1.4;
	overflow: hidden;
}
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#subMenusContainer a.subMenuParentBtnFocused {
	color: #900!important;
	background-color: #f5f74a!important;
}
#content .postmetadata, #content .tags {
	font-size: 11px;
	font-family: Arial, Verdana, Geneva, sans-serif;	
}
#content .nocomments {
	padding: 10px;
	margin: 8px 0;
	color: #666;
	text-align: center;
	background: #EEEED1;
	border: 1px solid #999;	
}
#content .post_nav {
	padding: 10px 5px;
	margin: 5px 0 10px 0;
	background-color: #FFFDF0;
	border: 1px dashed #ccc;
}
#content .post_nav a {
	color: #666;	
}
#content .post_nav a:hover {
	color: #009;	
}
#content .post, #content .page {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #C5A67A;
}
#content .post .title, #content .page .title {
	margin: 7px 0;
	padding: 0 0 0 0px;
	font-size: 18px;
	line-height: 1.2;
}
#content .post .title a, #content .page .title a {
	color: #528002;
	text-decoration: none;	
}
#content .post .title a:hover, #content .page .title a:hover {
	color: #00357c;
	text-decoration: none;	
}
#content .my_path {
	padding: 0 0 10px 15px;
	margin: 7px 0 10px 0px;
	color: #666;
	border-bottom: 1px solid #aaa;
	background: url(images/icon_sp.png) no-repeat -260px -172px;	
}
#content .my_path_sp {
	color: #F60;
	font-weight: bold;	
}
#content .postmetadata {
	line-height: 1.7;
	color: #333;
}
#content .postmetadata a {
	color: #666;
	text-decoration: underline;
}
#content .postmetadata a:hover {
	color: #900;
}
#content span.ico {
	padding: 3px 0 3px 18px;
	background-image: url(images/icon_sp.png);
	background-repeat: no-repeat;
}
#content .post_date {
	background-position: 0px 2px;
}
#content .post_author {
	background-position: -322px -36px;
}
#content span.post_edit {
	background: none;
	padding: 0;
}
#content .post_cat {
	background-position: -127px -87px;	
}
#content .post_tags {
	background-position: -383px -211px;	
}
#content .post_comments {
	background-position: -76px -303px;	
}
#content .more_content a {
	padding: 0px 0 0px 11px;
	background: url(images/icon_sp.png) no-repeat -199px -65px;
}
#content .post-edit-link {
	padding: 3px 0 3px 18px;
	background: url(images/icon_sp.png) no-repeat 0px -214px;	
}
#content .post_thumbnail {
	padding: 4px;
	border: 1px solid #ddd;
	background: #f3f3f3;
}
#content .notfound {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #900;	
}
.post:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.post {display:block;}

/* framework for comments */
ol.commentlist {margin: 10px 0 0 0; padding: 0 0 0 0;}
ol.commentlist li {list-style-type: none; border: 1px solid #e5e5e5; padding: 15px;margin-top: 15px;overflow: hidden;}
ol.commentlist li.alt {background: #F4F4F4;}
ol.commentlist li.even {border-left: 1px solid #ddd; background: #FEFEFE;}
ol.commentlist li.comment-body {maring: 20px 0 0;}
ol.commentlist li.bypostauthor p {color: #666;}
ol.commentlist li div.vcard cite.fn {font-style: normal; font-weight: bold;}
ol.commentlist li div.vcard cite.fn a.url {color: #ff6000;}
ol.commentlist li div.vcard img.avatar {float:right;}
ol.commentlist li div.vcard img.avatar-32 {background: #fff; padding: 2px; border: 1px solid #ddd;}
ol.commentlist li div.vcard span.says {color: #888;}
ol.commentlist li div.comment-meta {font-size: 0.9em; margin: 3px 0 0 0;}
ol.commentlist li div.comment-meta a {color: #aaa;}
ol.commentlist li p {margin: 15px 0 0 0; line-height: 1.4em;}
ol.commentlist li div.reply a {font-weight: bold; }
h3#comments {padding-top: 10px; margin-bottom: 10px;}
#respond h3 {margin: 10px 0;}
#respond #commentform textarea {width: 99%; padding: 2px; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #666;}
#respond input#submit {float: right; margin: 0 0 5px auto; padding: 2px; width: 150px;}
#respond p {margin-bottom: 5px;}
ol.commentlist .comment-meta {background: url(images/bg_clock.gif) no-repeat left 4px; padding-left: 15px;}