/*   

Theme Name: UnDeprived

Theme URI: http://un-deprived.com/

Description: A personal blog of Mon Lu

Author: Mon Lu

Author URI: http://un-deprived.com/

Version: 1.0

.

The "UnDeprived" theme, images, and contents are copyrighted to Mon Lu, un-deprived.com, UnDerpived, and Yubingi.com.  You may not distribute, sell or any alteration to this theme, period.

.

*/


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0;margin: 0;}

fieldset {border: 0;}

img{ border: 0;  }

table {border-collapse: collapse;border-spacing: 0;}

ol, ul{list-style: none; margin: 8px;}

address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}

caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%; color: #262626;}

q:before, q:after {content: '';}

abbr, acronym {border: 0;}

pre,code{ margin: 8px 0; padding: 5px; display: block; margin: 8px; overflow: auto; width: 80%; }

/******** DONE RESET *************/



body{ background: #ddd url(images/dropshadow_bg2.png) top center repeat-y; font-family: Verdana, Geneva, sans-serif; width: 768px; margin: 0 auto;!important }



#mainContainer{ background: #fff; width: 100%; margin-left:3px;  }

#hdr-area{ width: 100%; height: 200px; background: #f4f4f4; margin: 50px auto 15px auto; font-size: 10pt; padding: 15px 0;}



#logo{ float: left; margin: 0 10px 0 0; }



#info-box, #nav-box{ height: 180; display: block; }



#info-box{ width: 382px; background: #d8d8d8; float: left; }

#bio{ height: 140px; font-size: 8pt; }

#info{ width: 135px; float: left; padding: 15px 5px 15px 10px; height: 160px; } #info p{ margin: 5px 0 5px 0; }

#info strong, #tweets h4{ font-family: Verdana, Geneva, sans-serif; color: #262626;  font-weight: bold;  }

#info #top-icons{ width: 135px; margin-left: 10px; }

#info #top-icons img{ float: left; margin: 0 10px 0 0; }
#info a{ color: #ff4200; text-decoration: none; } #info a:hover{ text-decoration: underline; }



#tweets{ width: 180px; height: 160px; float: right; background: #b2b2b2; margin: 10px; padding: 10px; overflow: hidden; }

#tweets a{ color: #fff; text-decoration: none; } #tweets a:hover{ text-decoration: underline; }

#tweets ul{ margin: 8px 0; } #tweets ul li{ font-size: 8pt; line-height: 12pt; }

#tweets li{ margin: 0 0 3px 0; background: url(images/sm_plus.png) 0px 4px no-repeat; padding-left: 10px;}

#tweets #aktt_tweet_text{ width: 153px; margin-left: 10px; margin-bottom: 0; }

#tweets #aktt_tweet_submit{ margin: 5px 0 0 0; background: #ff4200; color: #fff; border: thin outset #fff; padding: 2px 3px; cursor: pointer; width: 8em; font-size: 8pt; }



#nav-box{ width: 308px; height: 175px; background: #3f3f3f; float: right; padding: 10px; color: #ffffff; padding: 15px 0 10px 10px; }

#nav-box a{ color: #fff; text-decoration: none; } #nav-box a:hover{ color: #ff4200; }

strong.top-titles{ font-family: Verdana, Geneva, sans-serif; color: #fff; font-size: 10pt; font-weight: bold; text-transform:uppercase;}

#nav-box ul.top-links{ margin: 8px 0; } 

#nav-box ul.top-links li{ margin: 0px 0 5px 0;  background: url(images/sm_plus.png) 0px 4px no-repeat; padding-left: 10px; font-size: 9pt;}

#nav-box .top-navs{ width: 90px; float: left; margin-right: 12px; height: 135px; overflow: hidden; }



#search-box{ width: 280px; clear: both; background: #ff4200; padding: 8px; margin-left: 2px; }

.search-input{ width: 150px; height: 18px; padding: 2px 6px; color: #262626; border: none; background: #fff; }

.search-btn{ background: #ff4200; color: #fff; font-weight: bold; font-size: 10pt; border: none; margin-left: 5px; width: 8em; }



/***************** BODY *******************/



#content{ font-size: 10pt; margin: 0; clear: both; } 

.wide{ width: 765px; padding: 0 15px 15px 0; }

.narrow{ width: 450px; padding: 0 15px 15px 0; float: left;}



.headers{ background: #fff url(images/plus_tab.png) top left no-repeat; margin: 0 10px 0px 0; display: block; }

.headers h3{ margin: 0 0 0 45px; background: #D8D8D8; font-size: 14pt; padding: 6px 8px;  }

.headers h3 a{ color: #262626; text-decoration: none; } .headers h3 a:hover{ color: #ff4200; }



.posts{ margin: 15px 15px 15px 40px; color: #3f3f3f; } .posts p{ margin: 0 0 10px 8px; line-height: 13pt; width: 95%; }

.entry{ margin: 15px 15px 15px 40px; color: #3f3f3f; border-bottom: 1px solid #d8d8d8; padding-bottom: 8px;  } .entry p{ margin: 0 0 10px 8px; line-height: 15pt; width: 95%; }

.entry a, .posts a{ color: #ff4200; text-decoration: none; } .entry a:hover, .posts a:hover{ text-decoration: underline; }
.entry strong{ font-weight: bold; }
.entry em{ font-style: oblique; }

.entry img.imgclass{ padding-bottom: 1px; border-bottom: 5px solid #d8d8d8; }

.entry img a{ border-bottom: 5px solid #d8d8d8; } .entry img a:hover{ border-bottom: 5px solid #ff4200; }



.posts ul, .entry ul{ margin: 8px 20px;} .posts ul li, .entry ul li{ font-size: 9pt; line-height: 13pt; }

.posts li, .entry li{ margin: 0 0 3px 0; background: url(images/sm_plus2.png) 0px 4px no-repeat; padding: 0 0 0 12px; list-style: none; line-height: 13pt; margin-bottom: 8px;}



ul.postby, ul.post_footer{ margin: 15px 0 15px 46px; font-size: 7pt;}

ul.postby li{ display: inline; margin: 0 12px 0 0; padding-left: 10px; }

ul.post_footer li{ margin: 0 12px 0px 0; padding-left: 10px; display: inline;}

li.post_time{ background: url(images/icons.png) top left no-repeat;}

li.author{ background: url(images/icons.png) 0px 52px repeat-y ;}

li.post_comments{ background: url(images/icons.png) 0px 42px repeat-y ;}

li.post_cats{ background: url(images/icons.png) 0px 32px repeat-y ;}

li.post_tags{ background: url(images/icons.png) 0px 22px repeat-y ;}

li.post_edit{ background: url(images/icons.png) 0px 10px repeat-y ;}



ul.post_footer li a, ul.postby li a, .posts a, .single-comments a{ color: #ff4200; text-decoration: none; } 

ul.post_footer li a:hover, ul.postby li a:hover, .posts a:hover, .single-comments a:hover{ text-decoration: underline; }



.comments h1, .comments h2, .comments h3, .comments h4,

#respond h1, #respond h2, #respond h3, #respond h4{ color: #3f3f3f; padding-left: 30px; background: url(images/2plus.png) 0px 4px no-repeat; margin: 8px 0 8px 8px;  }

.posts h1, .posts h2, .posts h3, .posts h4,

.entry h1, .entry h2, .entry h3, .entry h4{ color: #3f3f3f; padding-left: 30px; background: url(images/2plus.png) 0px 5px no-repeat; margin: 8px 0 8px 5px;  }

#respond h1, .posts h1, .entry h1{ font-size: 18pt; } 

#respond h2, .posts h2, .entry h2{ font-size: 16pt; } 

#respond h3, .posts h3, .entry h3{ font-size: 14pt; } 

#respond h4, .posts h4, .entry h4{ font-size: 12pt; }

.posts small, #respond small, .postmetadata, .entry small{ font-size: x-small; }



/********* COMMENTS ***********/



.single-comments{ margin: 15px 5px 15px 40px; color: #3f3f3f; border-bottom: 1px solid #ff4200; padding-bottom: 15px;  } 

.single-comments p{ margin: 0 0 8px 8px; line-height: 13pt; width: 95%; }



#respond{ margin: 0px 10px 15px 40px; clear: both; } #respond p{ margin: 8px 0 8px 8px; }

#respond a, .comment-box a{ color: #ff4200; text-decoration: none; } #respond a:hover, .comment-box a:hover{ text-decoration: underline; }

#respond textarea{ width: 50%; height: 25%; }



.comments{ margin: 15px 15px 15px 40px; color: #3f3f3f; padding-bottom: 15px; clear: both; } .comments p{ margin: 0 0 8px 8px; line-height: 13pt; width: 95%; }

ol.commentlist{ margin: 15px 0; width: 90%;  }

ol.commentlist li{ margin-bottom: 8px; }

.comment-box{ background:#f4f4f4; padding: 10px; margin-left: 40px; }

.comment-body{ font-size: 9pt; padding: 10px 0px; float: left; background: #e2e2e2; width: 80%; margin: 5px 0 0 0; }

.comment-author{ text-align: center; width: 12%; padding: 8px; margin-right: 10px; font-size: 8pt; float: left; } 

.comment-author img{ margin:0 auto; }

.comment-meta { font-size: x-small; clear: both; text-align: right; margin: 0 25px 5px 0; }





/************* Forms ******************/

input.text{ padding: 1px 3px; font-size: small; }

textarea.txtarea{ padding: 5px; }

.submit-btn{ background: #ff4200; color: #fff; font-weight: bold; font-size: 10pt; border: none;  padding: 5px; cursor: pointer; }



/****************** SIDEBAR ******************/



#sidebar{ float: left; width: 220px; margin-left: 10px; } #sidebar p{ font-size: 9pt; }

#sidebar a{ color: #ff4200; text-decoration: none; } #sidebar a:hover{ text-decoration: under-line; } 

#sidebar .heading{ color: #3f3f3f; font-size: 12pt;text-transform: uppercase;  padding-left: 30px; background: url(images/2plus.png) 0px 4px no-repeat; }

#sidebar ul, #sidebar select{ margin: 10px 0 15px 32px; font-size: 9pt; }

#sidebar form{ margin: 5px 0 8px 32px; }

#sidebar input{ margin: 3px 0 8px 0px; font-size: 9pt; }

#sidebar li{ margin: 0 0 0px 0; background: url(images/sm_plus2.png) 0px 4px no-repeat; padding-left: 12px; padding-bottom: 8px; line-height: 13pt;}



/***************** Twitter Tools *************/

#sidebar #aktt_tweet_text{ margin-left: 10px; width: 87%; }

span#aktt_char_count{ font-size: x-small; }

#aktt_tweet_form fieldset{ margin: 0; padding: 0; width: 175px; }

#sidebar #aktt_tweet_submit{ margin: 0px 0 0 0; background: #ff4200; color: #fff; border: thin outset #fff; padding: 1px 3px 1px 3px; cursor: pointer; width: 8em; font-size: 8pt; }



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



#footer{ clear: both; font-size: 7pt; color: #3f3f3f; margin: 25px 10px 10px 10px; border-top: 1px solid #d8d8d8;} 

#footer a{ color: #ff4200; text-decoration: none; } #footer a:hover{ text-decoration: underline; }

#footer p{ padding: 5px 10px; }



.clear{ clear: both; height: 1px; visibility: hidden; }



/****************** NAVS ***************/

.navigation{ padding: 5px; margin: 10px auto;  }

.navigation a{ color: #ff4200; text-decoration: none; } .navigation a:hover{ text-decoration: underline; }

.alignleft, .alignright{ padding: 5px 8px 0 8px; text-align: center; width: 75px; margin-right: 8px;  width: 125px; color: #262626;}

.alignleft{ float: left; text-align: left; }

.alignright{ float: right; text-align: right;  }



/**************** Socialable *********************/

.sociable{ margin-bottom: 0px; padding-bottom: 0; }

.sociable_tagline{ font-size: 12pt; padding-bottom: 5px; background: url(images/2plus.png) 0px 4px no-repeat; padding-left: 30px;}



/**************** Spamfree-Contact form *************/



#wpsf_contact_form input{ background: #f4f4f4; padding: 1px 3px; border: 1px solid #ddd; }

#wpsf_contact_form p{ text-align: left; padding: 0; margin: 8px 0 0 15px; }

#wpsf_contact_form label{ font-size: 8pt; }

#wpsf_contact_form strong{ color: #ff4200; padding-bottom: 3px; }

input#wpsf_contact_submit{ background: #ff4200; padding: 2px 4px; border: none; cursor: pointer; color: #fff; margin-left: 0; }

textarea#wpsf_contact_message{ background: #f4f4f4; padding: 3px; border: 1px solid #ddd; }