/*
Theme Name: BlackSpire
Theme URI: http://www.best2know.info/BlackSpire-wordpress-theme/
Description: An Simple Dark , Two Column Theme
Version: 1.0
Author: Ritesh Sanap
Author URI: http://www.best2know.info/
Tags: black, green, two-columns, right-sidebar, fixed-width, theme-options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
h1, h2, h3, h4, h5, h6  { margin: 0; font-family: 'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif; color: #222; font-weight:normal; }
h1  {font-size: 22px; } h2  {font-size: 22px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p {margin: 0; font:14px/22px 'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif; }

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }

input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#main h1{margin-bottom:20px;}
#main h3{margin-bottom:20px;margin-top:10px;}
/* 1.2 Hyperlinks */

a:link, a:visited  { color: #83b441; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}
.sticky{}
.bypostauthor{}
.gallery-caption{}
body{background:#020202 url(images/body.png) repeat;color:#555555;font: 14px/20px 'Droid Sans','Myriad Pro',Helvetica,Arial,sans-serif;}
#wrapper{width:940px;margin:0 auto;}
#header{padding:50px 0 40px;}
#logo{float:left;}
#topad{float:right;}
#singlead{margin:0 auto;width:468px;}
#logo .site-title {color: #FFFFFF;font-family: 'Droid Sans','Myriad Pro',Helvetica,Arial,sans-serif;}
#logo .site-title a {color: #FFFFFF;font-size: 40px;font-weight: bold;line-height: 40px;text-decoration: none;text-transform: none;}
#logo .site-description {color: #999999;font: italic 14px 'Droid Serif',Georgia,serif;}
#nav{width:954px;height:83px;margin:0 auto;}
#navbg{background:url(images/backbone.png) repeat-x;height:83px;float:left;width:922px;}
#navleftimg{background:url(images/leftnav.png) no-repeat;width:16px;height:83px;float:left;}
#navrightimg{background:url(images/navright.png) no-repeat;width:16px;height:83px;float:left;}
ul#navinner { margin-top:9px; }
#navinner, #navinner ul  { z-index:9999; padding:0; list-style:none; line-height:1; }
#navinner a  { font: 17px/26px 'Droid Sans', 'Myriad Pro', Helvetica, Arial, sans-serif; display:block; z-index:100; padding:0 10px; color:#fff; text-decoration:none;}
#navinner li  { float:left; width: auto; padding:2px; margin:0 1px;}
#navinner li:hover, #navinner li.current_page_item, #navinner li.current_page_parent, #navinner li.current-menu-item, #navinner li.current-menu-ancestor { background: #333 url(images/bg-nav.png) repeat-x top; }
#navinner li li.current_page_item, #navinner li li.current_page_parent, #navinner li li.current-menu-item, #navinner li li.current-menu-ancestor { background: none; }

/* 2.2.1 Drop-down menus */
#navinner li ul  { position: absolute; left: -999em; width: 172px; background: #FFF; border:1px solid #efefef;}
#navinner li ul li  { border: 1px solid #efefef; border-width: 0 0 1px; padding:0; margin:0; }
#navinner li ul li a  { background:url(images/ico-bullet.png) no-repeat 5px 10px; width:145px; padding-left:15px; line-height:30px; font-size:12px; color:#000; }
#navinner li ul li:hover  { background:#fafafa; }
#navinner li ul  { padding:5px; }
#navinner li ul ul  { margin: -25px 0 0 120px; }
#navinner li ul li ul li a  { border-width: 0 0 1px; }
#navinner li:hover ul ul, #navinner li.sfhover ul ul, #navinner li:hover ul ul ul, #navinner li.sfhover ul ul ul { left:-999em; }
#navinner li:hover ul,#navinner li li:hover ul,#navinner li li li:hover ul,#navinner li.sfhover ul,#navinner li li.sfhover ul,#navinner li li li.sfhover ul  { left:auto; }
#navinner li:hover,#navinner li.hover  { position:static; }

#navinner .sf-sub-indicator {display:none;}
#navinner a, #logo .site-title a{ text-shadow:#000 0px 1px 0;}
#navinner li ul,
#navinner li:hover, 
#navinner li.current_page_item,
#navinner li.current_page_parent,
#navinner li.current-menu-item,
#navinner li.current-menu-ancestor { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  }
#navinner li:hover, #navinner li.current_page_item, #navinner li.current_page_parent, #navinner li.current-menu-item, #navinner li.current-menu-ancestor { background-color: rgba(0, 0, 0, 0.3); }
#navinner li:hover, #navinner li.current_page_item, #navinner li.current_page_parent, #navinner li.current-menu-item, #navinner li.current-menu-ancestor { -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 1px rgba(0,0,0,1); box-shadow: 0px 0px 1px rgba(0,0,0,.5);}
#navinner li ul { -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.5); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.5); box-shadow: 0px 1px 3px rgba(0,0,0,.5);}
#navinner li li:hover, 
#navinner li li.current_page_item,
#navinner li li.current_page_parent,
#navinner li li.current-menu-item,
#navinner li li.current-menu-ancestor  { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#navinner li ul li a {text-shadow: none;}
#navinner{margin-top:30px;}
#content{background:#FFF url(images/bg-content-top.png) repeat-x scroll center top;padding:10px;margin-top:-10px;position:relative;}
#main{width:580px;float:left;margin:10px;}
#sidebar{width:300px;float:right;margin:10px;}
#sidebar ul li {list-style:none;}

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.archive_header  { font-family: 'Droid Serif', Georgia, serif; display: block; float: left; width: 100%; margin:0 0 25px; padding:0 0 20px; font-size: 16px; font-weight: bold; background: url("images/bg-border.png") no-repeat scroll center bottom; }
.archive_header .catrss a  { font-size: 14px; text-decoration: none; line-height: 28px; }

.post  { margin: 0 0 30px;}

.post .title, .single .title { font-weight: bold; font-size:24px; line-height:24px; position:relative; margin: 0 0 15px; }
.page .post .title, .single .title  { margin: 0 0 20px 0; }
.post .title a:link, .post .title a:visited, .single .title a:link, .single .title a:visited  { color:#222; }

.post-meta{margin: 10px 0 25px 0;font:11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.post-meta .comments a  { padding: 0 0 0 20px; text-transform: uppercase; }
.post-meta .small{text-transform:lowercase;}

.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { clear:both; text-transform:uppercase; border:1px solid #e6e6e6; border-width:4px 0 1px; padding:10px 0; font:11px/16px Arial, Helvetica, sans-serif;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }

.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}

.entry  {margin-bottom:10px;}

/* 3.1 Typographic Elements */
.entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom: 20px; }  .entry h2 { padding-bottom:20px; }  .entry h3 { padding-bottom:10px; }  .entry h4 {}  .entry h5 {}  .entry h6 {}

.entry p  { margin: 0 0 20px 0; }

.entry blockquote  {  background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444;  }
.entry blockquote p  { font-style:italic; font-family: 'Droid Serif', Georgia, serif;}

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

.entry img, img.thumbnail{ padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8;  }
img.wp-smiley  { padding: 0; border: none; }

.alignleft  { float: left; height: auto; margin: 5px 15px 5px 0; }
.alignright  { float: right; height: auto; margin: 5px 0 5px 15px; }
.aligncenter  { text-align: center; margin-bottom:15px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi { padding:30px 0px; background: url("images/bg-border.png") no-repeat scroll center top; }
.nav-entries a { display: block; font:italic 12px/16px 'Droid Serif', Georgia, serif; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }

.wp-pagenavi { margin: 0 !important; text-align: right !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;}
.wp-pagenavi .current, 
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { float:left; font-family: 'Droid Serif', Georgia, serif; background:none !important; border:none !important; color:#666 !important; padding:0 !important}
/* 4.2 Generic Widgets */
.widget  { margin: 0 0 30px 0; font-size:14px; }
.widget h3  { margin: 0 0 15px 0; padding:0; font-size:18px;font-weight:bold; color:#777; }
.widget p { margin-bottom:15px; }

.widget ul  { clear:both; padding-left:10px; list-style-position:inside; list-style-type:disc;}
.widget ul li { background:url(images/ico-bullet.png) no-repeat left 8px; padding-left:10px; list-style-type:none; }
.widget ul li a  { color:#555; padding: 0 0 0 5px; line-height: 22px; text-decoration: none; font-size:14px;}
.widget ul li a:hover  { text-decoration:underline; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

.widget_recent_comments li, #twitter li  { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */

.widget .textwidget, .widget ul{ background:#f0f0f0;}
.widget .textwidget { padding-bottom:10px; }
/* WIDGET FORMS */
#searchform  { background:#fff; position:relative; }
#searchform .btn { position:absolute; right:10px; bottom:0; border:0; padding:2px; }
.widget input#s, .widget input.field  { width: 180px; padding: 8px 0; margin-left:10px; border: 0; color:#999999; }
#footer-widgets .widget input.s  { width: 55%; }
.widget .screen-reader-text  { display: none; }
.widget input.submit { float:right; }
/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

#sidebar .widget{background:#F0F0F0;padding:20px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);}
#footer{background:#333;padding:20px;margin-bottom:20px;-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px; box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);color:#FFF;}
#footer a{color:#AAA;}
.fr{float:right;}
.fl{float:left;}

input[type=submit] {padding:10px;}
input[type=text] {margin:10px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border:1px solid #DDD;}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {position:relative;margin:30px 0 0;padding:40px 0 0 0;background: url("images/bg-border.png") no-repeat scroll center top;}
#comments h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { background: #f7f7f7; border-bottom:1px solid #b2b2b2; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { position:relative; padding: 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments  .avatar  { float:left; margin: 0 15px 10px 0; }
#comments  .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }

#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #e6e6e6; }
#comments .cancel-comment-reply{margin:10px 0;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond  { margin: 40px 0 0; }
#respond h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }
span.required{display: inline-block;margin-top: 15px;position: relative;vertical-align: top;font-size:11px;color:#777;}
#commentform  {	margin: 15px 0 0 0;  }
#commentform label  { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:15px; }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#commentform input.txt  { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea  { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; }

#commentform #submit  { margin: 15px 0 0 0;  }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button, .button:visited, .reply a, input[type=submit]{ font-family:Verdana, Geneva, sans-serif; background: url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button, .button:visited, .reply a, input[type=submit]{ background-color:#83B441; }
.button:hover, .reply a:hover { color: #fff  !important; text-decoration:none; }
.button:active, .reply a:active { top: 1px; }
.small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }

/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick {  margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }

.button, .button:visited, .medium.button, .medium.button:visited , input[type=submit]{ text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.button, .button:visited, .reply a, input[type=submit] { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); }
.button:hover, .reply a:hover , input[type=submit]{ opacity:0.9; }
.twitter a, .facebook a, .rss a{width:32px;height:32px;float:right;margin-right:10px;padding:0;}
.twitter a{background:url(images/twitter_32.png) no-repeat;}
.facebook a{background:url(images/facebook_32.png) no-repeat;}
.rss a{background:url(images/rss_32.png) no-repeat;}