/**
 * Theme Name: nPromote Blog
 * Theme URI: http://blog.npromote.com/
 * Description: nPromote Blog official theme
 * Version: 0.1
 * Author: Dzikri Aziz
 * Author URI: http://kucrut.org/
 * Tags:
 * Template: hybrid
 *
 */

/* Get base CSS */
@import url('../hybrid/library/css/reset.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
/*@import url('../hybrid/library/css/drop-downs.css');*/

/* Get tabs CSS (uncomment below line if using the Hybrid Tabs plugin) */
/* @import url('css/tabs.css'); */

.cf{clear:both}
.hidden,.overlay, .archive-info {display:none}
.hider{overflow:hidden}
.holder{overflow:auto}


/* Floats
 * --------------------- */
.aligncenter{margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.alignnone{}

/* Text */
.tLeft{text-align:left}
.tCent{text-align:center}
.tRight{text-align:right}
.tBold{font-weight:bold}
.tItalic{font-style:italic}


body {
	color:#333;
	font:.625em/1 'Helvetica Neue', 'Myriad Pro', Arial, sans-serif}
a {color:#00a200}



#header,
.middle-wrapper,
#footer {
	margin:0 auto;
	position:relative;
	width:940px}



#header-container {
  background:url(images/bg-header.png) repeat-x;
  color:#181818;
  height:107px}

#site-title,
#site-title a {
	float:left;
  height:105px;
  width:175px}
#site-title a {background:url(images/logo-medium.png) no-repeat}
#site-title a span {display:none}


#primary-menu {
	float:left;
	overflow:hidden;
	padding:45px 0 0 10px;
	width:450px}

#primary-menu ul {list-style:none}
#primary-menu li {
	display:inline;
	font-size:1.4em;
	line-height:1.3;
	margin-right:.75em}
#primary-menu a {color:#181818}
#primary-menu a:focus,
#primary-menu a:hover {
	text-decoration:underline}
#primary-menu ul ul {display:none}

#header .social {
  float:right;
  padding:40px 15px 0 0;
  width:165px}
#header .social ul {
	list-style:none;
	padding-bottom:5px}

#header .social li,
#header .social p,
#header .social ul {
  float:left}
#header .social p {
  font-size:12px;
  font-style:italic;
  font-weight:bold;
  padding:16px 4px 0 0;
  text-transform:lowercase}
#header .social li a {
  float:left;
  height:30px;
  text-indent:-99999em;
  width:34px}
#header .social li.rss a {background-image:url(images/icon-rss-small.png)}
#header .social li.facebook a {background-image:url(images/icon-facebook-small.png)}
#header .social li.twitter a {background-image:url(images/icon-twitter-small.png)}
#header .social address {
	font-size:2.2em;
	font-weight:bold;
	text-align:right}


/* Content */
#container {
	background:url(images/bg-content-blog.png) repeat-x;
	position:relative;
	z-index:3}
.middle-wrapper {
  background:url(images/bg-content-inside-blog.png) no-repeat center 0;
  padding-top:11px}

#content {
	border:1px solid #eee;
	float:left;
	margin-left:25px;
	width:550px}

/* Footer */
#footer-container {
	background:url(images/bg-footer.png) repeat-x 0 24px;
  color:#0b5001;
  font-size:12px;
  position:relative;
  z-index:1}
#footer {
  background:url(images/bg-blog-bottom.png) no-repeat center 0;
	margin-top:-24px;
	padding:90px 0 10px}

#social {
  background:url(images/footer-tape.png) no-repeat;
	list-style:none}
#social li {
  float:left;
  margin-right:50px;
  text-indent:-99999em}
#social li a {
  background-position:0 center;
  background-repeat:no-repeat;
  display:block;
  height:84px}
#social li.rss {padding-left:310px}
#social li.rss a {
  background-image:url(images/icon-rss.png);
  width:98px}
#social li.facebook a {
  background-image:url(images/icon-facebook.png);
  width:78px}
#social li.twitter a {
  background-image:url(images/icon-twitter.png);
  width:81px}
#social li.phone {
  background:url(images/icon-phone.png) no-repeat;
  height:64px;
  margin-right:0;
  width:204px}

#copyleft {
	padding-left:40px;
	position:absolute;
	top:165px;
	width:500px}

#footer-menu {
	list-style:none;
	padding:15px 40px;}
#footer-menu li {
	display:inline;
	font-size:1.1em;
	line-height:1.2;
	margin-right:.5em}
#footer-menu li:after {content:'|'}
#footer-menu a {
	color:#0b5001;
	margin-right:.75em}
#footer-menu a:focus,
#footer-menu a:hover {
	text-decoration:underline}





/* Sidebar */
#sidebar-blog {
	float:right;
	margin-right:25px;
	width:320px}

#sidebar-blog .widget {
  border:1px solid #969696;
  -khtml-box-shadow: inset 5px 5px 8px #efefef, inset -5px -5px 8px #efefef;
  -moz-box-shadow: inset 5px 5px 8px #efefef, inset -5px -5px 8px #efefef;
  -webkit-box-shadow: inset 5px 5px 8px #efefef, inset -5px -5px 8px #efefef;
  box-shadow: inset 5px 5px 8px #efefef, inset -5px -5px 8px #efefef;
  padding:10px;
  margin-bottom:10px}
#sidebar-blog .widget-title {
  background:#fff;
  border:1px solid #ccc;
  color:#181818;
  font-size:16px;
  font-weight:bold;
  height:28px;
  line-height:28px;
  margin-bottom:8px;
  padding:0 10px}
#sidebar-blog .widget a {color:#4181df}
#sidebar-blog .widget a:focus,
#sidebar-blog .widget a:hover {
  text-decoration:underline}
#sidebar-blog .widget ol,
#sidebar-blog .widget ul,
#sidebar-blog .widget p {
  padding-left:10px}
#sidebar-blog .widget li {margin-bottom:4px}

#sidebar-blog .widget_search {
  background:#444;
  line-height:1;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none}
.widget_search .search-form {overflow:hidden}
.widget_search label {
  color:#fff;
  float:left;
  font-size:11px;
  font-weight:bold;
  padding:5px 5px 0 0}
.widget_search .search-text {
  background:#fff;
  border:1px solid #eee;
  float:left;
  font-size:11px;
  margin-right:5px;
  padding:3px 5px;
  width:210px}
.widget_search .search-submit {
  background:#fff;
  border:1px solid #eee;
  color:#181818;
  float:right;
  font-weight:bold;
  height:22px;
  line-height:22px;
  text-align:center;
  width:70px}


#sidebar-blog .widget_feed {
  background:#007cee;
  color:#fff;
  -khtml-box-shadow: inset 5px 5px 8px #006acc, inset -5px -5px 8px #006acc;
  -moz-box-shadow: inset 5px 5px 8px #006acc, inset -5px -5px 8px #006acc;
  -webkit-box-shadow: inset 5px 5px 8px #006acc, inset -5px -5px 8px #006acc;
  box-shadow: inset 5px 5px 8px #006acc, inset -5px -5px 8px #006acc}
#sidebar-blog .widget_feed p {padding:3px 10px}
#sidebar-blog .widget_feed a {
  background:url(images/icon-rss-tiny.png) no-repeat 0 center;
  color:#fa9b38;
  padding-left:20px}
#sidebar-blog .widget_feed label {
  float:left;
  padding:4px 10px 0}
#sidebar-blog .widget_feed input {
  background:#fff;
  border:1px solid #bebebe;
  float:left;
  margin-bottom:8px;
  padding:3px 5px;
  width:140px}
#sidebar-blog .widget_feed button,
#commentform #submit {
  background:url(images/button-submit-yellow.png) no-repeat;
  border:0;
  float:right;
  height:32px;
  text-indent:-99999em;
  width:78px}

.widget_ebook {position:relative}
.widget_ebook .logo {
  position:absolute;
  right:10px;
  top:0}
.widget_ebook label {
  color:#267807;
  float:left;
  padding-top:5px;
  width:115px}
.widget_ebook input {
  border:1px solid #bbb;
  float:left;
  padding:3px 5px;
  width:120px}
.widget_ebook button {
  background:url(images/button-submit-green.png) no-repeat;
  border:0;
  float:right;
  height:32px;
  margin-right:60px;
  text-indent:-99999em;
  width:78px}

.widget_twitter {
  height:110px;
  min-height:110px;
  position:relative}
.widget_twitter .logo {
  position:absolute;
  right:10px;
  top:16px}
.widget_twitter .twitter-posts p {
	font-size:1.1em;
	line-height:1.2;
	margin-bottom:.75em}




/* Posts */
.hentry {
	margin:0 10px;
	padding:10px 0}

.entry-title {
	background:#f8f8ee;
	border:1px solid #eee;
	font-size:2em;
	line-height:1.3;
	margin-bottom:.25em;
	padding:.25em}
.entry-title a {color:#181818}
.entry-title a:focus,
.entry-title a:hover {
	color:#666}
.byline {
	font-size:1.1;
	margin-bottom:1em;
	padding:0 1em;
	text-align:right}
.entry-content,
.entry-summary {
	font-family:Verdana, 'Bitsream Vera Sans', 'Liberation Sans', sans-serif;
	font-size:1.2em;
	line-height:1.5}
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-summary p,
.entry-summary ol,
.entry-summary ul {
	margin-bottom:1.25em}

.entry-content a:focus,
.entry-content a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.wp-pagenavi a:focus,
.wp-pagenavi a:hover,
.navigation-links a:focus,
.navigation-links a:hover {
	text-decoration:underline}

.entry-meta {
	border-bottom:3px double #eee;
	border-top:3px double #eee;
	font-size:1.1em;
	padding:.75em}

.wp-pagenavi,
.navigation-links {
	color:#181818;
	font-size:1.1em;
	padding:.5em 1em 2em}

.navigation-links {text-align:center}
.navigation-links a {margin:0 .5em}


/* Comments */
#comments-template {padding:0 10px}
#comments {margin:20px 0 30px}

#comments-number,
#respond h2 {
  color:#181818;
  font-size:1.5em;
  font-weight:bold;
  padding-bottom:.8em}
ol.comment-list {list-style:none}
.comment-list .comment {
  border:1px solid #eee;
  clear:both;
  font-size:1.2em;
  line-height:1.4;
  margin-bottom:14px;
  overflow:hidden;
  padding:12px 12px 0;
  position:relative;
  -moz-box-shadow:5px 5px 8px #efefef inset, -5px -5px 8px #efefef inset;
  -webkit-box-shadow:5px 5px 8px #efefef inset, -5px -5px 8px #efefef inset;
  box-shadow:5px 5px 8px #efefef inset, -5px -5px 8px #efefef inset}
.comment-list .thumb {float:left}
.comment-list .thumb .avatar {
  border:1px solid #eee;
  display:block;
  padding:3px}
.comment-meta {
  background:#f8f8ee;
  border:1px solid #eee;
  line-height:1;
  margin-bottom:10px;
  padding:6px 10px 8px}
.comment-list .vcard .fn {
  display:block;
  font-family:Georgia, 'Liberation Serif', serif;
  font-weight:bold;
  font-size:1.2em;
  margin-bottom:4px}
.comment-list .datetime {
  display:block;
  font-size:.9em;
  line-height:1}
.comment-list .commententry {
  margin-left:55px;
  padding-bottom:10px}
.comment-list .comment .comment {font-size:100%}
.comment-list .commententry .content {padding:0 10px}
.comment-list .comment p {margin-bottom:1em}
.comment-list .comment a {color:#256330}
.comment-list .comment a:focus,
.comment-list .comment a:hover {
  text-decoration:underline}
.comment-reply-link {}


#respond {
  background:#007cee;
  border:1px solid #969696;
  font-size:12px;
  margin-bottom:12px;
  padding:12px 12px 0;
  -moz-box-shadow:5px 5px 8px #006ACC inset, -5px -5px 8px #006ACC inset;
  -webkit-box-shadow:5px 5px 8px #006ACC inset, -5px -5px 8px #006ACC inset;
  box-shadow:5px 5px 8px #006ACC inset, -5px -5px 8px #006ACC inset}
#reply-title {
  background:#fff;
  border:1px solid #aaa;
  font-size:16px;
  padding:8px 10px}

#commentform {
  color:#fff;
  padding:18px 10px 0}
#commentform p {
	overflow:hidden;
	padding:10px 0}
#commentform a {
	color:#fff;
	font-weight:bold;
	text-decoration:underline}
#commentform a:focus,
#commentform a:hover {
	text-decoration:none}
#commentform li {
  overflow:hidden;
  margin-bottom:10px}
#commentform label {
  color:#fff;
  float:left;
  font-weight:bold;
  padding-top:4px;
  width:100px}
#commentform .text-input {
  background:#fff;
  border:1px solid #aaa;
  float:left;
  font-size:12px;
  padding:4px 5px;
  width:200px}
#commentform textarea {
  float:left;
  width:380px}
#cancel-comment-reply-link {
  float:right;
  font-size:.75em}
#cancel-comment-reply-link:hover {text-decoration:underline}

.depth-1 #commentform textarea {width:280px}
.depth-2 #commentform textarea {width:195px}