/* 
	Theme Name: njshark 
	Description: my theme
	Author: Rachel Skolnick
	Version: 1.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,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}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a {text-decoration:none;}

.clear {clear:both; height: 1px;}
.right {float:right;}
.left {float:left;}

table {
	margin:0 auto;
}

.alignleft {
	float:left;
	margin:0 5px 0 0;
}

.alignright {
	float:right;
	margin:0 0 0 5px;
}

hr {
	color:#a0977d;
	zoom: 1;
	filter: alpha(opacity=40);
	opacity: 0.4;

}



/******************
 *	OVERALL		  *
 ******************/ 

body {
	background: #0F1010;
    margin: 0;
	font-family: arial, sans-serif;
	color: #252525;
}

p {
	padding: 5px 0;
	font-size: 13px;
	line-height: 20px;
	color: #252525;
}

a  {
	color: #252525;
}

a:hover {
	font-weight:bold;
}

ul, ol {
	margin: 0px 0 0 5px;
}

ul li, ol li {
	padding: 2px 15px 2px 0;
	margin:0 0 0 20px;
	font-size: 13px;
	line-height: 21px;
	color: #252525;
	list-style:disc;
}

ol li {
	list-style:decimal;
}

li ul  {
	margin:0 0 0 10px;
}

h1, h1 a {
	color:#16384d;
	font-size:24px;
	padding:10px 0 5px 0;
	font-weight:700;
	text-decoration:none;
	font-style:italic;
	line-height:34px;
	font-family: 'Noto Serif', serif;
}

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

h2, h2 a {
	font-size:16px;
	padding:6px 0 10px 0;
	color:#16384d;
	text-transform:uppercase;
	font-weight:700;
	font-family: 'Noto Serif', serif;
	line-height:18px;
	border-bottom:1px solid #16394f;    
	background: url("images/arrow.png") no-repeat scroll right;
}

h3 {
	color: #B59D53;
	font-size: 12px;
	font-style: normal;
	margin: 15px 0 5px 0;
	text-transform:uppercase;
	font-weight:normal;
	font-family: 'Noto Serif', serif;
	letter-spacing:1px;
}
h4 {
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	display:none;
}

h5 {
	color: #2b5b8b;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 3px 0;
	margin: 0 0 5px 0;
}



/******************
 *	HEADER		  *
 ******************/ 

.wrapper {
	width:100%;
	margin:0 auto;
	background:#fff;
}

.top-banner-wrap {
	width:100%;
    background: url("images/topbanner-bg.png") repeat scroll 0 0 transparent;
	height:30px;
}

.top-banner {
	width:1000px;
	margin:0 auto;
	padding:3px 0 0 0;
	clear:both;
	overflow:hidden;
}

.top-banner .right {
	color:#fff;
	font-size:13px;
	padding:5px 0 0 0;
	height:22px;
}

.phone{
    background: url("images/phone-bg.png") no-repeat;
	padding:7px 15px 7px 30px;
	margin:0 0 0 5px;
	
}

.phone img {
	padding:0 5px;
}

.top-banner .menu li a {
	font-family: 'Noto Serif', serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0 25px 0 0;
	font-weight:400;
	color:#fff;
}

.top-banner .menu li a:hover {
	font-weight:bold;
}

.top-banner .menu li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
	}
	
.header-wrap {
	width:100%;
	margin:0 auto;
	height:70px;
}

.header {
	margin:0 auto;
	width:1000px;
}

.logo {
	float: left;
	margin:-10px 0 0 0;
}




/******************
 *	MENU		  *
 ******************/ 
 
.menu-top-navigation-container {
	margin:18px 0 0 0;
}

.menu-top-navigation-container li a {
	color:#0f1010;
	font-family: 'Noto Serif', serif;
	font-size:14px;
	line-height:16px;
	font-style:italic;
}

.menu-top-navigation-container li {
	width:55px;
	height:40px;
	border-left:1px solid #b4b8ba;
	padding:0 20px 0 10px;
	list-style:none;
	float:left;
}
	


/******************
 *	HOMEPAGE	  *
 ******************/

.content {
	width:1000px;
	clear:both;
	margin:0px auto;
	padding:0 0 30px 0;
	
}

.hero-wrap {
	width:100%;
    background: url("images/hero-bg.png") top center no-repeat #e2e2e2;
	height:285px;
}

.hero {
	width:1000px;
	margin:0 auto;
}

.hero-words {
	width: 440px;
	float:right;
	margin:35px 0 0 0;
	text-align:center;
}

.hero-words p {
	font-family: 'Noto Serif', serif;
	margin:5px 0 25px 0;
}

.hero-words a {
    background: url("images/consult-btn.png");
	padding:10px 33px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

.pod-wrap {
	width:1026px;
	clear:both;
	overflow:hidden;
	margin:-20px auto 0 auto;
}

.pod {
	width:282px;
    background: url("images/pod-bg.png") no-repeat;
	padding:25px 30px;
	height:200px;
	float:left;
	
}


.pod h2 {
	margin:0 0 10px 0;
}

.pod ul {
	width:140px;
	margin:0!important;
	
}

.pod ul li {
	margin:8px 0!important;
	font-family:Arial, Helvetica, sans-serif;
}
	

/******************
 *	CONTENT		  *
 ******************/ 
 
 
 .hero-wrap-int {
	width:100%;
    background: url("images/hero-int.png") top center no-repeat #e2e2e2;
	height:68px;
}

.int-main {
	width:700px;
	float:left;
}


.int-main h1 {
	margin:10px 0;
	text-transform:none;
	font-size:24px;
	font-style:italic;
}

.int-main h2 {
	text-transform:none;
	color:#27516a;
	font-size:15px;
	border:none;
	padding:20px 0 5px 0;
	background:none;
}

.int-main ul {
	margin:15px 5px;
	padding:0;
}

.int-main li {
	padding:0;
}

.small {
	font-size:11px;
	font-style:italic;
	color:#666;
	line-height:16px;
}

blockquote p {
	background:url("images/bquotefin.png") no-repeat left #e2e2e2;
	padding:10px 15px;
	margin:20px 0;
	border:1px solid #d3d3d3;
	font-family: 'Noto Serif', serif;
	line-height:22px;
}


.wp-caption {
	background:#efefef;
	padding:3px;
	margin:3px;
}

p.wp-caption-text {
	font-size:12px;
}

.protected-post-form {
	line-height:22px;
	font-size:14px;
}

.protected-post-form label {
	display:none;
}

.protected-post-form input[type="password"] {
	padding:5px;
	width:200px;
}

.protected-post-form input[type="submit"] {
	background:url("images/side-btn-lt.png") no-repeat scroll left center transparent;
	color:#fff;
	padding:6px 15px;
	border:1px outset #ccc;
}

/******************
 *	ENTRY   	  *
 ******************/

.blog-wrap {
	width:1020px;
}

.blog-post {
	padding:10px 15px;
	width:290px;
	height:360px;
	float:left;
	margin: 20px 20px 20px 0;
	background:#61574b;
	background:url("images/post-bg.png") repeat;
}

.blog-post img {
	width:290px;
}

.category, .category a {
	color:#efc64b;
	font-size:10px;
	letter-spacing:2px;
	margin:10px 0;
	text-transform:uppercase;
}


.byline {
	font-size:12px;
	color:#666;
	font-style:normal;
	padding:5px 0 0 0;
}

.comment .vcard img {
	display:none;
}

#commentform textarea {
	width:500px;
}

ol.commentlist {
	border:1px solid #ccc;
	padding:5px;
	margin:20px 0;
}

.comments-box h3 {
	font-size:12px;
}

.comment .commentmetadata a {
	font-size:11px;
	text-transform:uppercase;
	color:#315A76;
}

.comment .reply a {
	font-weight:bold;
	color:#315A76;
}

ol.commentlist li {
	list-style:none;
}

ul.children {
	margin:10px 0 0 5px;
}


li.comment {
	border-top:1px solid #ccc;
	background:#f5f5f5;
	margin:5px;
	padding:10px 15px;
	
}

#commentform input {
	padding:5px;
	width: 200px;
	margin:0 10px 0 0;

}

/******************
 *	SIDEBAR   	  *
 ******************/ 
 
#sidebar {
	    background: url("images/side-shadow.png") no-repeat scroll left top transparent;
    float: right;
    margin: 50px 0 0;
    min-height: 600px;
    padding: 20px 0 20px 40px;
    position: relative;
    width: 200px;
}


#sidebar .side-pod p {
	line-height:18px;
}

.side-pod ul {
	margin:15px 0 0 0;
}

.side-pod ul li {
	border:none;
	padding: 0px 0 0 15px;
	margin:8px 0;
}

.side-pod li {
	float:none;
	border:none;
	padding:0;
	line-height:16px;
	background: url(images/fin-bullet.png) no-repeat left top;
	display:block;
	font-family: 'Noto Serif', serif;
}

.side-pod ul li a {
	color:#191e20!important;
	text-transform:none!important;
	padding:0;
}

.side-pod ul li a:hover {
	font-weight:bold;
}




/******************
 *	BOTTOM		  *
 ******************/

.footer-wrap {
	width:100%;
}


.footer-top {
	background: url(images/footer-bg.png) repeat-x #18303f;
	height:120px;
	width:100%;
}

.footer {
	margin:0px auto;
	clear:both;
	overflow:hidden;
	width:1000px;
	padding:20px 0;
}

.footer p {
	font-size:13px;
	margin:5px 0;
	font-family: 'Noto Serif', serif;
	padding:0;
}

.footer-bottom {
	width:100%;
	background:#0f1010;
	clear:both;
	overflow:hidden;
}

.footer-info {
	margin:0px auto;
	font-size:11px;
	width:1000px;
	clear:both;
	overflow:hidden;
	padding:20px 0;
}
.footer-info .left {
	width:700px;
}

.footer-info p {
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
	color:#e2e2e2;
}

.footer-wrap a {
	color:#fff;
}

.footer-wrap p {
	color:#fff;
}

.chinese-link {
float:right;
padding:10px;
background:#d1d8dd;
border:#949b9f;
font-size:24px;
font-weight:bold;
margin:10px 0 0 20px;
}

.chinese-link:hover {
background:#949b9f;
}