/*
Theme Name: tumblrstyle
Description: Personal Theme
Version: 1.0
Author: Nischal Maniar
*/

/* Default */
/***********/

body, p, div, code, blockquote, ul, li, ol, h1, h2, h3, h4, h5, h6, table, tr, th, td, span { margin: 0; padding: 0; line-height: 100%; }
* { outline: none; }

/* Structure and layout */
/************************/

body { background: url(images/background.jpg) top left repeat; text-align: center; }
#wrapper { width: 700px; margin: 0 auto; text-align: left; overflow: hidden; }
.wrapper_top { vertical-align: bottom; }
.wrapper_bottom { vertical-align: top; }
#content { width: 646px; padding: 0 27px; overflow: hidden; background-color: #fff; text-shadow: #fff 1px 1px 1px; }
#banner { margin: 25px 0; }
a img { border: none; }
.alignleft { float: left; }
.alignright { float: right; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 8px 15px; display: inline; }
img.alignleft { padding: 4px; margin: 0 15px 8px 0; display: inline; }
.clear { clear: both; height: 1px; display: block; }

/* Typography */
/**************/

body { font-family: Helvetica, Arial, sans-serif; color: #444; font-size: 14px; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder; }
h1, h2, h3 { margin-bottom: 10px; }
h4, h5, h6 { margin-bottom: 5px; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3, h4 { font-size: 1.17em; }
h5 { font-size: 0.83em; }
h6 { font-size: 0.75em; }
a { color: #222; border-bottom: 1px #aaa solid; text-decoration: none; }
a:hover { border-bottom-color: #000; }
blockquote { padding: 15px; margin: 15px; background-color: #f3f3f3; border: 1px #efefef solid; }

/* Banner */
/**********/

#banner a { border: none; }
#menu { list-style: none; }
#menu li { float: left; margin: 0.5em 0; height: 30px; text-transform: lowercase; margin-left: 15px; font-size: 1.2em; font-weight: bolder; }
#menu li a { display: block; color: #fff; height: 30px; line-height: 30px; padding: 0 5px; }
#menu li:hover { background: url(images/menu_left.png) no-repeat left; }
#menu li a:hover { background: url(images/menu_right.png) no-repeat right; }
#menu .current_page_item { background: url(images/menu_left.png) no-repeat left; }
#menu .current_page_item a { background: url(images/menu_right.png) no-repeat right; }

/* Posts */
/*********/

.post { margin-top: 50px; }
.box-1 { margin-top: 0; }
.posttitle { margin-bottom: 20px; }
.posttitle a { border: none; color: #000; display: block; }
.postmeta { font-size: 12px; }
.postdate { background: url(images/date_icon.png) no-repeat left center; padding-left: 20px; }
.postcomments { background: url(images/comment_icon.png) no-repeat left center; padding-left: 20px; margin-left: 20px; }
.writecomment { background: url(images/write_icon.png) no-repeat left center; padding-left: 20px; margin-left: 20px; }
.sharebtn { background: url(images/share_icon.png) no-repeat left center; padding-left: 20px; margin-left: 20px; }

.entry { text-align: justify; margin-top: 20px; }
.entry p { margin-bottom: 15px; line-height: 170%; }
.entry .more-link { font-size: 12px; }
.entry .dlink { background: url(images/dlink_bg.png) no-repeat left 0; margin-right: 10px; height: 27px; line-height: 27px; font-size: 12px; border: none; text-align: center; display: inline-block; color: #fff; text-shadow: #aaa 1px 1px 1px; }
.entry .dlink span { background: url(images/dlink_bg.png) no-repeat right -54px; padding: 0 10px; height: 27px; line-height: 27px; display: block; }
.entry .dlink:hover { background-position: left -27px; text-shadow: #54b513 1px 1px 1px; }
.entry .dlink span:hover { background-position: right -81px; }

#sharelist { display: none; }
.sharepanel { margin: 30px 0; }
.sharepanel a { border: none; margin-right: 5px; }
.sharepanel img { vertical-align: middle; }

/* Comments */
/************/

.commenttitle { margin: 40px 0; }
.commentlist { list-style: none; }
.commentlist ul { list-style: none; }
.commentlist li { padding: 15px; margin-top: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.commentlist li:first-child { margin-top: 0; }
.commentlist li li:first-child { margin-top: 15px; }
.commentlist li.even { background: #e1e1e1; text-shadow: 1px 1px 1px #e1e1e1; }
.commentlist li.odd { background: #efefef; text-shadow: 1px 1px 1px #efefef; }
.commentmeta { width: 23%; margin-right: 10px; }
.commenttext { width: 75%; }

.commentmeta p { margin-top: 10px; }
.commentmeta p:first-child { margin-top: 0; }
.authorname { font-size: 18px; }
img.avatar { border: 4px #FFF solid; }
#tooltip { position: absolute; display: none; }

.commentdate { color: #696969; font-size: 12px; }
.commentreply { font-size: 11px; }

.commenttext { font-size: 12px; }
.commenttext p { line-height: 170%; margin-bottom: 15px; }

#respond { margin-top: 40px; }
.formholder { margin-left: 20px; }
.formholder:first-child { margin-left: 0; }
.formholder p { margin-top: 10px; }
.formholder p:first-child { margin-top: 0; }
.textarea p { margin-top: 10px; }
.textarea p:first-child { margin-top: 20px; }
#author, #email, #url { width: 140px; padding: 7px; background: #fff url(images/textbox_bg.png) repeat-x top; border: 1px #aaa solid; color: #444; font-family: Helvetica, Arial, sans-serif; font-size: 15px; text-shadow: 1px 1px 1px #FFF; }
#commentform textarea { width: 520px; height: 100px; padding: 7px; background: #fff url(images/textbox_bg.png) repeat-x top; color: #444; border: 1px #aaa solid; font-family: Helvetica, Arial; font-size: 15px; overflow: auto; text-shadow: 1px 1px 1px #FFF; }
#author:focus, #email:focus, #url:focus { border: 1px #777 solid; }
#comment:focus { border: 1px #777 solid; }
.cancel-comment-reply { margin: 15px 0; }
.subscribe-to-comments { margin-top: 15px; }
#submit { background: url(images/btn_bg.png) no-repeat 0 0; margin-top: 10px; height: 34px; border: none; width: 129px; cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #666; }
#submit:hover { background-position: 0 -41px; }

/* Contact Form */
/****************/

.contactform { overflow: hidden; }
.cflabel { font-size: 14px; text-transform: uppercase; }
#cfname, #cfemail, #cfsubject, #cfcaptcha { width: 400px; padding: 7px; background: #fff url(images/textbox_bg.png) repeat-x top; border: 1px #aaa solid; color: #444; font-family: Helvetica, Arial, sans-serif; font-size: 15px; text-shadow: 1px 1px 1px #FFF; }
#cfname:focus, #cfemail:focus, #cfsubject:focus, #cfcaptcha:focus { border: 1px #777 solid; }
#cfmessage { width: 400px; height: 100px; padding: 7px; background: #fff url(images/textbox_bg.png) repeat-x top; border: 1px #aaa solid; color: #444; font-family: Helvetica, Arial, sans-serif; font-size: 15px; text-shadow: 1px 1px 1px #FFF; overflow: auto; }
#cfmessage:focus { border: 1px #777 solid; }
#cfsubmit, #cfreset { background: url(images/btn_bg.png) no-repeat 0 0; margin-top: 10px; height: 34px; border: none; width: 129px; cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #666; }
#cfsubmit:hover, #cfreset:hover { background-position: 0 -41px; }
#cfreset { margin-left: 20px; }

.confirmation { font-size: 13px; color: #86c65b; background: url(images/success.png) no-repeat left center; padding-left: 20px; }
.error { font-size: 13px; color: #bf694f; margin-left: 15px; background: url(images/error.png) no-repeat left center; padding-left: 20px; }
#confirmation { display: none; }
.error { display: none; }

/* Navigation */
/*************/

.navigation-pages { margin-top: 50px; }
.navigation-pages ul { list-style: none; margin:0; padding: 0; }
.navigation-pages li { display:inline; padding:0; margin:0; font-size:11px; }
.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/pages_bg.png) no-repeat top left; border: none; color:#fff; display:block; text-shadow: 1px 1px 1px #999; line-height: 30px; width: 30px; float:left; margin-right: 5px; text-decoration: none; text-align:center; }
.navigation-pages a:hover { background-position: bottom left; color:#fff; text-decoration:none; text-shadow: 1px 1px 1px #666; }
.navigation-pages span.current { background-position: bottom left; color:#fff; text-shadow: 1px 1px 1px #666; }
.navigation-pages span.dots { background: none; color: #222; text-shadow: #fff 1px 1px 1px; }

/* About */
/*********/

.twittertitle { margin-top: 40px; background: url(images/twitter-bird.png) no-repeat left center; line-height: 35px; padding-left: 65px; }
.twittertitle a { color: #444; border: none; }
#twitter_update_list { margin-top: 20px; list-style: none; }
#twitter_update_list li { padding: 5px 0; text-align: left; line-height: 150%; }
#twitter_update_list li:first-child { padding-top: 0; }

/* Delicious Bookmarks */
/***********************/

.delicious-posts ul { list-style: none; }
.delicious-posts ul li { padding-left: 25px; background: url(images/bookmarks_bg.png) no-repeat top left; line-height: 14px; margin-top: 10px; }
.delicious-posts ul li:hover { background-position: bottom left; }
.delicious-posts ul li:first-child { margin-top: 0; }

/* Follow */
/**********/

.followtitle { margin-top: 40px; background: url(images/follow_icon.png) no-repeat left center; line-height: 20px; padding-left: 40px; }

/* Footer */
/**********/

#footer { margin: 50px 0; text-align: left; color: #a2bade; text-shadow: 1px 1px 1px #37516a; font-size: small; }