/*
THEME NAME: Smells like Facebook
THEME URI: http://wp.nazieb.com/smells-like-facebook/
VERSION: 2.4
AUTHOR: Ainun Nazieb
AUTHOR URI: http://nazieb.com/
DESCRIPTION: The exact Facebook clone theme for Wordpress. Based on Facebook profile page. 3 columns or 2 columns available. Advanced Javascript & AJAX effect just like on Facebook also available. Autogrow comment box.
TAGS: white, blue, two-columns, three-columns, theme-options, fixed-width, light
*/

 * {
border:0;
outline:0;
margin:0;
padding:0
}

ul li {
list-style:none
}

body {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
color:#272727;
font-size:11px;
background:#fff url(images/bodybg.gif) repeat-x scroll left top
}

input[type=text],textarea {
color:#777;
font-size:11px;
padding:3px
}

input,textarea {
font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

input[type=submit],input.submit {
background-color:#8C8CFF;
border:1px solid #888;
color:#FFF;
text-shadow:0 1px 0 #3E5A88;
font-size:11px;
font-weight:700;
text-align:center;
border-color:#000099;
padding:3px 6px 4px
}

a {
color:#0000FF;
text-decoration:none
}

a:hover {
text-decoration:underline
}

blockquote {
background-color:#ECEFF5;
padding:10px;
padding-left:10px;
}

#wrapper {
width:900px;
margin:0 auto
}

#menu {
background:transparent url(images/menubar.gif) no-repeat scroll left bottom;
float:left;
width:900px;
font-size:11px
}

#logo {
float:left;
margin:5px 5px 5px 5px
}

#menu li {
float:left;
padding:7px 0 8px
}

#menu li a {
color:#fff;
text-decoration:none;
padding:7px
}

#pagemenu {
margin-left:5px
}

#pagemenu a {
font-weight:700
}

#pagemenu ul {
position:absolute;
border:1px solid #3B5998;
margin-top:7px;
display:none
}

#pagemenu ul li {
float:none;
background-color:#fff;
padding:1px 0
}

#pagemenu ul li a {
color:#8C8CFF;
font-weight:400;
display:block;
padding:1px 20px
}

#moremenu li {
margin-right:5px
}

#moremenu ul {
position:absolute;
border:1px solid #3B5998;
background:#fff;
margin-top:5px;
display:none
}

#feedmenu li.feedli {
float:none;
margin:0;
padding:0
}

#feedmenu li a {
color:#8C8CFF;
display:block;
padding:5px 20px
}

#search {
background-color:#000099;
float:right;
margin-top:4px;
margin-right:12px;
margin-left:5px
}

#search-text {
float:left;
margin-right:2px
}

#sidebar,#title {
margin-top:10px
}

#title h1 {
font-size:20px;
font-weight:700;
font-face:calibri;
display:inline
}

#title h1 a {
color:#000
}

#desc {
display:inline;
color: #000099;
font-size:14px
}

#categories {
margin-top:11px;
margin-bottom:45px;
z-index:10;
position:relative
}

#categories li {
text-transform:capitalize;
float:left;
background:#D8DFEA;
margin-left:3px
}

#categories li a {
font-size:13px;
font-weight:700;
display:block;
padding:4px 11px
}

#categories li a:hover {
color:#fff;
text-decoration:none;
background:#627AAD
}

#categories .current-cat {
background:#fff
}

#categories #plus {
background:url(images/plus.gif) no-repeat top left;
z-index:999999
}

#categories #plus:hover,#categories #plus.hover {
background:#627AAD url(images/plus.gif) no-repeat left -25px
}

#hiddencats {
width:100px;
z-index:10000;
left:-3px;
position:relative;
top:-28px
}

#hiddencats li {
background:#eee;
border-left:1px solid #000;
border-right:1px solid #000;
float:none;
margin-left:0;
padding:0
}

#hiddencats li.browsecat {
background:#fff;
border:1px solid #000;
border-left:1px solid #fff;
border-bottom:none;
width:150px;
color:#666;
padding:8px
}

#hiddencats li a {
font-weight:400;
font-size:11px;
padding:7px 12px
}

#hiddencats li a:hover {
background:#899BC1
}

#hiddencats .current-cat {
background:#eee
}

#hiddencats .current-cat a {
background:#eee;
color:#0000FF
}

#hiddencats .current-cat a:hover {
background:#8C8CFF;
color:#fff
}

#hiddencats ul {
border-bottom:1px solid #000
}

#hiddenleft {
width:25px;
height:25px;
border:1px solid #000;
border-right:none;
position:absolute;
background:#fff;
padding:2px
}

#hiddenplus {
background:#627AAD url(images/plus.gif) no-repeat left -25px;
height:25px;
width:25px;
cursor:pointer
}

#hiddenright {
position:absolute;
margin-left:30px
}

.post {
float:left;
border-top:0px solid #D8DFEA;
margin-top:25px;
margin-bottom:5px;
padding-top:8px
}

.post-gravatar {
float:left;
margin-right:0px
}

.post-text {
float:left;
width:675px
}

.post-text label input {
border:1px solid #BDC7D8;
margin-bottom:3px;
color:#777;
font-size:11px;
text-align:left;
background:#fff;
padding:3px
}

.post .title {
margin-bottom:10px;
font-size:13px
}

.post p {
margin-bottom:10px;
line-height:15px
}

.post-text ul li {
margin-left:20px;
list-style-type:disc
}

.post ol {
margin-left:20px;
list-style:decimal
}

.post ul ul,.post ol ol {
margin-top:10px
}

.post .meta,.post .post-meta {
color:#777;
margin-top:5px;
margin-bottom:5px
}

.post-meta {
border-top:1px solid #DDD;
padding-top:3px
}

.navigation {
background:#ECEFF5 none repeat scroll 0 0;
border-top:1px solid #D8DFEA;
margin-top:8px;
float:left;
width:100%;
padding:3px 7px 4px 0
}

.next {
margin-left:52px;
float:left
}

.prev {
margin-right:52px;
float:right
}

#sidebar {
float:left;
width:190px
}

.user-desc {
border:1px solid #D8DFEA;
color:#333;
margin-bottom:20px;
padding:7px
}

#sidebar .widget {
border-top:1px solid #94A3C4;
padding-bottom:10px;
border-right:1px solid #D8DFEA;
background-color:#FFF
}

#sidebar .widgettitle {
background:#ECEFF5 none repeat scroll 0 0;
border-top:0 none;
display:block;
font-size:11px;
margin-bottom:5px;
padding:5px 8px
}

#sidebar .widgettitle a {
text-decoration:none;
color:#000
}

#sidebar .widgettitle img {
display:none
}

#sidebar .widget ul {
padding:0 7px 10px 8px
}

#sidebar .widget li {
margin-top:5px
}

.index-comment {
background:#ECEFF5;
width:360px;
float:left;
clear:both;
margin-top:2px;
padding:7px
}

.morecomments {
background:#ECEFF5 url(images/comment.gif) no-repeat scroll 7px 7px
}

.morecomments a {
margin-left:18px
}

.ic-text {
width:315px;
float:right
}

.ic-meta {
margin-bottom:3px
}

.ic-author {
font-weight:700;
display:inline
}

.ic-content,.comment p {
display:inline
}

.ic-date {
color:#777;
margin-top:2px
}

.comment-form input[type=text],#comment_form input[type=text],.comment-form textarea,#comment_form textarea {
border:1px solid #BDC7D8;
margin-bottom:3px
}

.comment-form textarea,#comment_form textarea {
width:352px
}

.comment-form textarea.commenttextright,#comment_form textarea.commenttextright {
height:30px;
margin-left:5px;
width:310px
}

.form_submit_right {
text-align:right
}

textarea.respondtext {
border:1px solid #BDC7D8;
height:14px;
width:352px
}

#footer {
border-top:1px solid #DDD;
clear:both;
float:left;
margin-bottom:20px;
margin-top:10px;
padding-top:5px;
text-align:right;
width:100%
}

.archive {
background:#F7F7F7 none repeat scroll 0 0;
border-bottom:1px solid #D8DFEA;
border-top:1px solid #3B5998;
color:#333;
font-size:13px;
font-weight:700;
line-height:15px;
padding:4px 6px 5px
}

.nofloat {
float:none;
width:100%
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px
}

.wp-caption img {
border:0 none;
margin:0;
padding:0
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px
}

#pagemenu a:hover,#moremenu li a:hover {
background-color:#8C8CFF
}

div#menu ul#pagemenu li:hover ul,div#menu ul#pagemenu li:hover ul:hover,div#menu div#more ul#moremenu li:hover ul {
display:block
}

#pagemenu ul li a:hover,#feedmenu li a:hover {
color:#fff
}

#menu #more,#moremenu,.alignright {
float:right
}

#search-submit,.ic-avatar,.alignleft {
float:left
}

#categories .current-cat a,#categories .current-cat a:hover {
background:#fff;
color:#000
}

#content,.home-post-text {
float:left;
margin-left:10px;
width:740px
}

.post ul,.post ol,.post li,.large-avatar {
margin-bottom:0px
}