/*
Theme Name: nischalmaniar
Theme URI: http://nischalmaniar.info
Description: My Personal Theme
Version: 1.0
Author: Nischal Maniar
Tags: white, fixed-width, two-columns
*/

body, div, p, h1, h2, h3, h4, h5, h6, blockquote, form, ul, li, code, table, ol, pre, th, tr, td { margin: 0; padding: 0; word-spacing: 1px; }
.clear { clear: both; height: 0px; line-height: 0px; margin: 0; padding: 0; visibility: hidden; }
* { outline: none; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 15px 15px; display: inline; padding: 0; }
img.alignleft { margin: 0 15px 15px 0; display: inline; padding: 0; }
.alignright { float: right; }
.alignleft { float: left; }
a img { border: none; }
#tooltip { position: absolute; border: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(images/tooltip_bg.png) repeat; padding: 4px; color: #ddd; text-shadow: #222 1px 1px 1px; display: none; }

/* layout */

body { text-align: center; margin: 0 auto; }
#banner { width: 100%; height: 50px; background: #111 url(images/banner_bg.png) bottom repeat; position: absolute; top: 0; left: 0; text-align: center; }
.banner_content { width: 800px; text-align: left; margin: 0 auto; }
@media screen{ body>div#banner{ position: fixed; } }
#content { width: 800px; text-align: left; overflow: hidden; height: 100%; margin: 70px auto; }

/* typography */

body { font-family: Arial; font-size: 13px; text-shadow: #fff 1px 1px 1px; color: #444; font-weight: normal; }
a { color: #a90909; text-decoration: none; }
a:hover { color: #5491e5; }
h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: normal; }
h1 { font-size: 26px; padding-bottom: 20px; }
h2 { font-size: 22px; padding-bottom: 15px; }
h3 { font-size: 18px; padding-bottom: 10px; }
h4 { font-size: 16px; padding-bottom: 7px; }
h5, h6 { font-size: 14px; padding-bottom: 5px; }
blockquote { font-size: 16px; color: #999; margin: 15px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; }
table { border-collapse: collapse; }
table th { background: #333; color: #fff; text-shadow: #333 1px 1px 1px; font-weight: normal; font-size: 14px; padding: 10px; }
table td { padding: 10px; }

/* banner */

.banner_content { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; }
.banner_content h1 { float: right; line-height: 50px; text-transform: lowercase; color: #ddd; text-shadow: #000 1px 1px 1px; font-size: 18px; padding: 0; }
.banner_content h1 a { color: #ddd; text-decoration: none; }
.menu { float: left; }
.menu ul { list-style: none; color: #ddd; text-shadow: #000 1px 1px 1px; font-weight: normal; text-transform: lowercase; }
.menu ul li { float: left; line-height: 50px; font-size: 18px; margin-right: 20px; }
.menu ul li a { color: #ddd; line-height: 50px; text-decoration: none; display: block; }
.menu ul li a:hover { background: url(images/menu_bg.png) bottom center no-repeat; }
.menu ul .current_page_item a { background: url(images/menu_bg.png) bottom center no-repeat; }

/* posts */

.posts { list-style: none; }
.posts li { background: url(images/posts_bg.png) top center no-repeat; padding: 46px 0 0 0; margin: 0 0 7px 0; }
.posts li:first-child { padding-top: 0; background: none; }
.post-info{ float: left; }
.post-title { font-size: 22px; color: #111; }
.post-title a { color: #111; text-decoration: none; }
.post-title a:hover { color: #a90909; }

.post-content { line-height: 170%; }
.post-content p { margin-bottom: 18px; }
.post-content a { color: #a90909; text-decoration: none; }
.post-content a:hover { color: #5491e5; }
.post-content ul { margin: 0 0 0 20px; padding: 0; }
.post-content ul li { margin: 0; padding: 0; line-height: 250%; background: none; }
.post-content ol { margin: 0 0 0 20px; padding: 0; }
.post-content ol li { margin: 0; padding: 0; line-height: 250%; background: none; }
.post-content img { padding: 5px; background: #eee; border: 1px #ccc solid; }
.post-content .readmore { background: url(images/readmore_bg.png) no-repeat right center; line-height: 13px; padding-right: 23px; }
.post-content .more-link { text-decoration: none; color: #a90909; font-weight: bold; font-size: 12px; }
.post-content .more-link:hover { color: #5491e5; }
.post-pages { font-weight: bold; margin-top: 15px; display: block; }
.post-pages span a { font-weight: bold; }

.post-meta { float: left; width: 10%; margin-left: 24px; color: #666; }
.post-meta a { color: #666; text-decoration: none; }
.post-meta p { margin-bottom: 10px; }
.postdate { background: url(images/clock_icon.png) left center no-repeat; padding-left: 20px; }
.postcomments { background: url(images/comment_icon.png) left center no-repeat; padding-left: 20px; }

/* sharing */

.sharing a { height: 16px; line-height: 16px; width: 16px; display: block; float: left; margin-right: 8px; }
.facebook { background: url(images/facebook.png) top left no-repeat; }
.twitter { background: url(images/twitter.png) top left no-repeat; }
.delicious { background: url(images/delicious.png) top left no-repeat; }
.sharing a:hover { background-position: bottom left; }
.sharing a span { visibility: hidden; }

/* demo and download links */

.post-content .dlink { width: 100px; height: 23px; line-height: 23px; display: inline-block; text-align: center; background: url(images/dlink_bg.png) top left no-repeat; color: #ddd; text-shadow: #000 1px 1px 1px; }
.post-content .dlink:hover { background-position: bottom left; color: #ddd; }

/* comments */

#comments { height: 0; margin-top: 50px; display: block; }
#comments span { visibility: hidden; }
.candy_tabs { margin: 0; padding: 0; }
.candy_tabs div { float: left; text-align: center; margin: 0 15px 0 0; padding: 0; background: url(images/dlink_bg.png) no-repeat top left; width: 100px; height: 23px; line-height: 23px; cursor: pointer; color: #ddd; text-shadow: #000 1px 1px 1px; font-size: 13px; }
#writetab a { color: #ddd; text-decoration: none; }
.candy_tabs div:hover { background-position: bottom left; }


#pings_section { display: none; }
.tab_content { margin-top: 40px; }
.commentslist { list-style: none; margin: 0; padding: 0; }
.commentslist li { padding: 20px 0 20px 0; margin: 0; background: none; border-top: 1px #666 solid; }
.commentslist li:first-child { padding-top: 0px; border: none; }
.commentslist li li:first-child { padding-top: 20px; }
.commentslist ul { list-style: none; }
.commentslist li li { padding: 20px 0 0 20px; border: none; }
.commentavatar { float: left; margin-right: 20px; }
.commentslist .even .commentavatar img { border: 3px #ddd solid; }
.commentslist .odd .commentavatar img { border: 3px #aaa solid; }
.commentmeta { float: left; }
.commentmeta p { margin-bottom: 5px; font-size: 11px; color: #666; }
.commentreply { float: right; margin-left: 10px; font-size: 11px; }
.commentreply p { margin-bottom: 5px; }
.commentreply a { color: #999; text-decoration: underline; }
.commentmeta .commentauthor { font-size: 16px;font-weight: bold; color: #333; }
.commenttxt { margin: 10px 0 0 0; }
.commenttxt p { line-height: 180%; }
.emptycomments { font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-left: 15px; }
.pingreply { margin-top: 15px; font-size: 11px; }
.pingreply p { margin-bottom: 5px; }
.pingreply a { color: #999; text-decoration: underline; }
#cancel-comment-reply { margin: 0 0 10px 0; padding: 0; }

/* commentform & contact form*/

.leavereply { margin-top: 20px; }
#respond { font-weight: bold; }
#commentform p { margin-bottom: 10px; }
#commentform p input { margin-bottom: 10px; font-family: Arial; font-size: 12px; color: #666; }
#commentform p input, #commentform p textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 75%; background: url(images/input_bg.png); padding: 7px; border: 1px #999 solid; }
#commentform p textarea { height: 130px; overflow: hidden; font-family: Arial; font-size: 12px; color: #666; }
#commentform p input:focus { border-color: #5491e5; }
#commentform p textarea:focus { border-color: #5491e5; }
#commentform p #submit { color: #ddd; text-shadow: #222 1px 1px 1px; font-size: 10px; text-transform: uppercase; cursor: pointer; }
#commentform p #submit { background: url(images/button_bg.png) no-repeat top left; width: 149px; height: 26px; border: none; }
#commentform p #submit:hover { background-position: bottom left; }

#wpsf_contact_form { margin-bottom: 10px; }
#wpsf_contact_form input { margin-bottom: 10px; font-family: Arial; font-size: 12px; color: #666; }
#wpsf_contact_form input, #wpsf_contact_form  textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 500px; background: url(images/input_bg.png); padding: 7px; border: 1px #999 solid; }
#wpsf_contact_form textarea { height: 130px; overflow: hidden; font-family: Arial; font-size: 12px; color: #666; }
#wpsf_contact_form input:focus { border-color: #5491e5; }
#wpsf_contact_form textarea:focus { border-color: #5491e5; }
#wpsf_contact_form #wpsf_contact_submit { color: #ddd; text-shadow: #222 1px 1px 1px; font-size: 10px; text-transform: uppercase; cursor: pointer; }
#wpsf_contact_form #wpsf_contact_submit { background: url(images/button_bg.png) no-repeat top left; width: 149px; height: 26px; border: none; }
#wpsf_contact_form #wpsf_contact_submit:hover { background-position: bottom left; }

/* navigation */

.navigation-pages ul { list-style: none; margin:0; padding: 0; }
.navigation-pages li { display:inline; padding:0; margin:0; font-size:11px; text-shadow: #000 1px 1px 1px; }
.navigation-pages a, .navigation-pages a:visited, .navigation-pages a:hover, .navigation-pages span.current,
.navigation-pages span.pages, .navigation-pages span.extend, .navigation-pages span.current, .navigation-pages span.dots
 { background: url(images/navigation_bg.png) no-repeat top left; color:#ddd; display:block; line-height: 29px; width: 29px; float:left; margin-right: 5px; text-decoration: none; text-align:center; }
.navigation-pages a:hover { background-position: bottom left; color:#ddd; text-decoration:none; }
.navigation-pages span.current { background-position: bottom left; color:#ddd; }
.navigation-pages span.dots { background: none; color: #333; text-shadow: #fff 1px 1px 1px; font-weight: bold; }

/* archives */

.post-content .car-list { list-style: none; margin: 0; padding: 0; }
.posts li .car-list li { background: none; margin-bottom: 15px; padding: 0; }
.car-list ul { list-style: none; margin: 0; padding: 0; }
.posts li .car-list ul li { margin: 0; padding: 0; }
.car-yearmonth { font-weight: bold; font-size: 16px; color: #999; }
.car-yearmonth span { display: none; }
.car-monthlisting li { color: #222; font-size: 13px; }
.car-monthlisting li span { display: none; }
.car-monthlisting li a { color: #444; }
.car-monthlisting li a:hover { color: #5491e5; }

/* lifestream */

.lifestream { list-style: none; margin: 0; padding: 0; }
.lifestream li { margin: 0; padding: 5px 0 5px 0; }
.lifestream li a { color: #444; }
.lifestream li a:hover { color: #5491e5; }
.lifestream p { margin: 0; }
.lifestream img { padding: 0; background: none; border: none; vertical-align: middle; margin-right: 15px; }
.lifestream .lifestream_time { color: #888; margin-top: 20px; font-weight: bold; font-size: 15px; }
.lifestream .lifestream_time:first-child { margin: 0; }

/* footer */

#footer { width: 100%; height: 100%; overflow: hidden; padding: 18px 0 18px 0; background: url(images/banner_bg.png) repeat; text-align: center; color: #ddd; text-shadow: #000 1px 1px 1px; }

/* about */

.about { margin-top: 50px; }
.about_logo { float: left; }
.about_div { float: left; background: url(images/about_div.png) no-repeat; width: 244px; height: 399px; padding: 25px 35px 25px 120px; }
.description { line-height: 150%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 14px; margin-bottom: 15px; }
.sign { line-height: 150%; font-family: Georgia; font-style: italic; text-transform: lowercase; font-size: 16px; margin-bottom: 30px; text-align: right; }
.social_icon { width: 48px; height: 48px; float: left; margin: 5px 15px 5px 15px; }
.social_icon a { width: 48px; height: 48px; line-height: 48px; display: block; text-decoration: none; }
.social_icon a span { visibility: hidden; }
#about_facebook { background: url(images/about_facebook.png) no-repeat top left; }
#about_facebook:hover { background-position: bottom left; }
#about_twitter { background: url(images/about_twitter.png) no-repeat top left; }
#about_twitter:hover { background-position: bottom left; }
#about_delicious { background: url(images/about_delicious.png) no-repeat top left; }
#about_delicious:hover { background-position: bottom left; }
#about_linkedin { background: url(images/about_linkedin.png) no-repeat top left; }
#about_linkedin:hover { background-position: bottom left; }
#about_myspace { background: url(images/about_myspace.png) no-repeat top left; }
#about_myspace:hover { background-position: bottom left; }
#about_psn { background: url(images/about_psn.png) no-repeat top left; }
#about_psn:hover { background-position: bottom left; }