/*  



Theme Name: Just About Everything

Description: Wordpress Theme for Sasha

Version: 1.0

Author: Anne

Author URI: http://pinkfab.info



*/











/*** BASIC ***/





body {
background: #fff url(images/body.png);
margin:0px;
padding: 0px;
color: #333333;
font-family: Georgia,Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
text-align: center;
}







table {



border: 0px;



background: none;



color: #4C4C4C;



}







/*** LINKS ***/



a, a:link, a:active, a:visited { 



color: #DE8787; 



text-decoration: none;



outline: none;



}







a:hover { 



color: #767676;



text-decoration: none;



outline: none;



}







/*** ITALIC, NEGRITO AND UNDERLINE ***/



b, u { 



color: #A50F0E; 



}







strong {



color: #4C4C4C;



}







i, em {



color: #767676;



}







s {



color: #808080;



}







small {



color: #A50F0E;



font-size: 9px;



}







/*** UL e LI ***/



li, ul, ol {



list-style: none;



margin: 0px;



padding: 0px;



}







/*** H1, H2 e H3 ***/



h1 {



border-bottom: 1px #ccc solid;



margin: 0px 0px 4px 0px;



padding: 0px 0px 4px 0px;



font-size: 10px;



font-weight: bolder;



color: #808080;



text-transform: uppercase;



}







h2 {



border-bottom: 1px #ccc solid;



margin: 0px 0px 4px 0px;



padding: 0px 0px 4px 0px;



font-size: 12px;



font-family: Lucida Sans, Verdana;



font-weight: bolder;



color: #515151;



}







h3 {



border-bottom: 1px #ccc solid;



margin: 0px 0px 4px 0px;



padding: 0px 0px 4px 0px;



font-size: 11px;



font-weight: bolder;



color: #4C4C4C;



}







/*** IMAGES ***/



img {



border: 0px;



text-decoration: none;



max-width: 100%;



}



.blogimage {



background:url(images/shadow.gif) no-repeat right bottom;



padding:4px 10px 10px 4px;	



border:0;



border-top:#eee 1px solid;



border-left:#eee 1px solid;



margin-right: 5px;	



}











.dashed {



border: 1px dashed #FC60AD;	



}







.alignleft {



background-color: #ffffff;



border: 1px solid #dadada;



margin: 2px;



padding: 5px;



text-align: left; 



float: left;



display: inline;



width: auto;



}







.alignright {



background-color: #ffffff;



border: 1px solid #dadada;



margin: 2px;



padding: 5px;



text-align: right; 



float: right;



display: inline;



width: auto;



}







/*** FORMS ***/



form, fieldset {



margin: 0;



padding: 0;



border: 0;



}







textarea, input, select, insert {



background-color: #FFFFFF;



border: 1px solid #dadada;



margin-bottom: 6px;



padding: 3px;



font-size: 10px;



font-family: Verdana, Arial, Helvetica, sans-serif;



}







/*** PAGE ***/



#page {

color: #000;

width: 849px;



background: url(images/header.png) top left no-repeat;



margin-left: auto;



margin-right: auto;



padding: 10px;



text-align: left;



font-family: Verdana, Arial, Helvetica, sans-serif;



}


#page h1 {
font-family: Georgia, Times New Roman, Times, serif;
margin:0;
border: 0;
padding: 50px 0 0px 100px;
color: #A50F0E;
font-size: 35px;
font-weight: normal;
}

#page p{
margin:0;
padding: 10px 0 80px 160px;
color: #fff;
font-family: Georgia;
font-size; 18px;
}



/*** MENU AND SEARCH ***/



#menu {



padding: 0px;



margin: 0px;



width: 700px;



height: 26px;



}







/* menu */



#navigation {



width: 473px;



height: 26px;



padding: 0px;



float: left;



text-align: left;



}







ul#nav {



background: none;



margin: 0px;



padding: 0px;



list-style-type: none;



display: block;



height: 26px;



font-family: arial;



font-weight: bolder;



}







ul#nav li {



display: block;



float: left;



margin: 0px;



padding: 0px;



border-right: 1px solid #D2D2D2;



text-align: center;



width: auto;



}







ul#nav li a {



display: block;



float: left;



padding: 4px 10px 0px 10px;



height: 22px;



color: #4D4D4D;



font-size: 14px;



font-family: tahoma;



width: auto;



}







ul#nav li a:hover {



background: none;



text-decoration: none;



color: #C46968;



}







/* search */



#search-top {



background: none;



border: 0px;



margin: 0px;



padding: 0px;



width: 150px;



float: right;



}







#search-top input {



background-color: #F2F2F2;



border: 0px;



margin: 0px;



padding: 0px;



color: #888888;



}







#search-top input#st-txt {



width: 198px;



height: 18px;



padding: 6px 4px 2px 4px;



float: left;



font-size: 11px;



font-family: Arial, Helvetica, sans-serif;



}







#search-top input#st-ok {



width: 45px;



height: 26px;



float: right;



font-weight: bold;



text-transform: uppercase;



}







/*** TOP ***/



#top {



background: none;



border: 0px;



margin-top:0px;




padding-top: 30px;



width: 700px;


}







/*** CONTENT ***/



#content{



background: #fff url(images/welcome2.png) top left repeat-x;



width: 565px;



margin: -80px 0px 0px 0px;



padding: 30px 10px 30px 10px;



float: left;



font-size: 11px;



font-family: Verdana, Arial, Helvetica, sans-serif;



color: #666;



}


#content .space {
background: #fff url(images/welcome.png) top center no-repeat;
height:281px;
width:470px;
padding-left: 90px;
}

#content .space p{
padding: 50px 150px 0 0;
width: 225px;
text-align: justify;
}







/*** TITLE POSTS ***/



#content .title {

font-family: Georgia, "Times New Roman", Times, serif;
margin-left: 3px;
padding: 8px 0px;
font-size: 22px;
font-weight: bold;
color: #DE8787;

}

#content .title a {
margin-left: 3px;
color: #DE8787;

}


#content .title a:hover {
margin-left: 3px;
color: #DE8787;
text-decoration: underline;

}







/*** TITLE PAGES ***/



#content .title-pages {



background: none;



border-bottom: 2px dashed #76CCFD;



margin: 0px 0px 4px 0px;



padding: 0px 0px 4px 0px;



color: #FD76AC;



font-size: 17px; 



font-weight: bolder;



font-family: Arial, Helvetica, sans-serif;



}







/*** CATEGORY POST ***/



#content .meta {

text-align: left;
margin: 5px 0px;
border-bottom: 1px dashed #272018;
padding: 5px;
font-size:11px;
font-family: georgia;
}

#content .meta a {
font-size:11px;
font-family: georgia;
}








/*** POSTS ***/



#content .posts p{

background: none;
padding: 8px;
text-align: justify;
color: #000;
font-size: 12px;
}


.mydate {
padding: 3px 10px 0 0;
background: #272018;
color: #fff;
font-weight:normal;
margin: 7px;
text-align: right;
font-size: 11px;
font-family: Georgia;
}




/*** UL E LI IN POSTS ***/



#content .posts li, #content .posts ul {



list-style: none;



margin: 0px;



background: none;



padding: 0px;



}







#content .posts ul li {



background: url('images/setinha.gif') left top no-repeat;



margin: 0px;



list-style: none;



padding: 2px 0px 2px 12px;







}







#content .posts .oh ul li{



background: none;



}











#content .posts .oh ul li ul li{



background: url('images/setinha.gif') left top no-repeat;



margin: 0px;



list-style: none;



padding: 2px 0px 2px 12px;



}







/*** COMMENT LINK ***/



.comment-link {



background: none;



border: 0px;



margin: 15px 0px 0px 0px;



padding: 0px;



font-size: 12px;



font-weight: bolder;



}







/*** TAGS IN POST ***/



.tags {







border-top: 2px dashed #BBE108;



margin: 2px 0px 45px 0px;



padding: 2px 0px 0px 0px;



text-align: left;



font-size: 10px;



font-family: Arial, Helvetica, sans-serif;



}







/*** DIVIDER ***/



.divider {



background: none;



border: 0px;



margin: 10px 0px 5px 0px;



padding: 0px;



}







/*** SPACE LINE ***/



.space {background: none;}











/*** EDIT IN POSTS (BLOCKQUOTE) ***/



blockquote {



background: url('images/quote.jpg') left top no-repeat;



border: 0px solid #FAFAFA;



padding: 0px 0px 0px 25px;



margin: 10px 28px 10px 20px;



color: #808080;



}







/*** FOOTLINK ***/



#footlink {



width: 100%;



text-align: right;



font-size: 10px;



font-family: Verdana, Arial, Helvetica, sans-serif;



}







#footlink span.footlink-current {



background-color: #FDEBF1;



color: #FC7BA8;



border: 0px solid #999; 



border-width: 0px 0px 0px 0px;  



padding: 2px 4px 2px 4px;



margin: 0px 2px 0px 0px;      



}







#footlink a {



padding: 7px;



margin: 0px 2px 0px 0px;  



background-color: #FDEBF1;



color: #FC7BA8;  



-moz-border-radius: 13px;



}







#footlink a:link, #footlink a:visited, #footlink a:active {



background-color: #FDEBF1;



color: #FC7BA8;



border: 0px solid #999; 



border-width: 0px 0px 0px 0px; 





}







#footlink a:hover {



background-color: #FCD7E4;



color: #FC7BA8;



border: 0px solid #999; 



border-width: 0px 0px 0px 0px;    



text-decoration: none;



}



	



/*** NAVIGATION IN COMMENTS ***/



.navigation-comments {



background: none;



margin: 3px 0px 3px 0px;



padding: 0px;



}







.navigation-comments .alignleft, .navigation-comments .alignright {



background: none;



border: 0px;



margin: 0px;



padding: 0px;



}







.navigation-comments .alignleft a, .navigation-comments .alignright a {



background-color: #F1F1F1;



border: 0px;



margin: 0px;



padding: 2px;



color: #808080;



}







.navigation-comments .alignleft a:hover, .navigation-comments .alignright a:hover {



background-color: #E2E2E2;



color: #404040;



text-decoration: none;



}



	



/*** COMENTS ***/







#page .commentlist {



padding: 0;



text-align: justify;



line-height: 18px;



}







#page .commentlist li {



background: #59452E;



border-top: 1px solid #FEEDF0;



border-bottom: 1px solid #FEEDF0;



width: 530px;



margin: 15px 0 3px;



padding: 5px 10px 3px;



list-style: none;



}



#page .commentcontent p{
color: #000;
margin-left: -300px;
}	



#page .commentlist p {



text-transform: none;



margin: 10px 350px 10px 0px;



}



	



#page .commentlist li .avatar { 



float: right;



border: 1px solid #eee;



padding: 2px;



background: #fff;



width: auto;



}







#page .commentlist cite, .commentlist cite a {



font-weight: bold;



font-style: normal;



font-size: 1.1em;



}







#page .commentmetadata {



margin: 0;



display: block;



font-weight: normal;



}



	



ul.children li {



background-color: #FFFFFF;



border: 1px solid #CCCCCC;



margin: 5px;



padding: 5px;



font-size: 10px;



font-family: Verdana, Arial, Helvetica, sans-serif;



}







ul.children .alt {



background-color: #FFFFFF;



border: 0px solid #CCCCCC;



}







.reply {



margin: 0px 0px 3px 0px;



padding: 0px 0px 2px 0px;



}







.reply a {



color: #808080;



}







.reply a:hover {



color: #808080;



text-decoration: underline;



}



	



#commentform p {



font-family: Verdana;



font-size: 10px;



margin: 5px 0;



}



		



#commentform input {



width: 170px;



padding: 2px;



margin: 5px 5px 1px 0;



}







#commentform textarea {



width: 60%;



padding: 2px;



}







#commentform #submit {



margin: 0;



float: left;



width: auto;



}







#page .nocomments {



text-align: center;



margin: 0;



padding: 0;



}	











/*** SIDEBAR ***/



#sidebar {



background: url(images/sidebar.png);



width: 240px;



margin: -80px 0px 0px 0px;



padding: 10px;



float: right;



text-align: left;



font-size: 12px;



font-family: Tahoma, Arial, Helvetica, sans-serif;



line-height: 16px;

overflow: hidden;

}







#sidebar .widget {



background: none;
font-size: 11px;
font-family: Georgia;
color: #fff;
margin: 0px 0px 15px 0px;



padding: 0px;



}







#sidebar h2 {

margin-top: 30px;
border-bottom: 1px dashed #fff;
padding: 5px;
text-align:left;
font-family: Georgia;
font-size: 14px;
text-transform: uppercase;
color: #DE8787;

}




#sidebar ul li {



margin: 0px;



padding: 2px;



border-bottom: none;



}







#sidebar ul li ul {



list-style: none;



margin: 0px;



padding: 0px;



}







#sidebar ul li ul li {



background: url('images/sub-setinha.gif') left top no-repeat;



border-bottom: 0px dotted #e0ddd9;



margin: 1px 0px 0px 2px;



padding: 1px 0px 1px 10px;



display: block; 



}


























/*** SEARCH IN SIDEBAR ***/



#sidebar #search {



margin: 0px 0px 15px 0px;



padding: 0px;



}







#sidebar #search label, #sidebar #search label .hidden {



display: none;



}







#sidebar #search input {



margin: 0px;



padding: 2px;



font-size: 10px;



font-family: Verdana, Arial, Helvetica, sans-serif;



}







#sidebar #search #s {



margin: 1px 2px 0px 0px;



padding: 3px 3px 2px 3px;



float: left;



width: 100px;



}















/*** FOOTER ***/



#footer {



background: url(images/footer.png) left no-repeat;

margin-top: -15px;

width: 842px;

height: 86px;



clear: both;



text-align: left;



font-size: 10px;



font-family: Arial, Helvetica, sans-serif;



text-transform: uppercase;



padding: 3px;



}







#footer .credits {



background: none;



margin: 0px;

text-transform: none;

padding-top: 50px;

padding-left: 10px;



color: #fff;



font-size: 11px;



font-family: Georgia;



}





/** NAV TOGGLE **/



.navStripWrapper {



position: relative;



clear: both;



}







.nav li {



line-height: 1.2em;



}







.nav li a {



font-weight: bold;



letter-spacing: 1px;



text-transform: uppercase;



}







.nav li a span {



color: #888;



font-size: 0.9em;



font-weight: normal;



text-transform: lowercase;



}







.nav li a.focus span {



color: #ccc;



}







.nav li a:hover,



.nav li a.focus {



color: #fff;



}











/** SEARCH FIELD **/



.nav li.searchField {



padding-top: 15px;



padding-right: 6px;



float: right;



border: 0;



}







.nav .searchField div {



margin: 9px 8px 0 0;



}







.nav .searchField span {



background: #fff;



border: 1px solid #ccc;



border-left-color: #bbb;



border-bottom-color: #bbb;



display: block;



padding: 2px;



}







.nav .searchField input {



border: 1px solid #bbb;



outline: none;



padding: 4px;



width: 120px;



}





















/* dock - top */



.dock {



position: relative; 



margin-left: 480px;



height: 50px; 



text-align: center;



}







.dock-container {



position: absolute;



height: 50px;



background: url();



padding-left: 10px;



}







a.dock-item {



display: block;



width: 40px;



color: #000;



position: absolute;



top: 0px;



text-align: center;



text-decoration: none;



font: bold 12px Arial, Helvetica, sans-serif;



}







.dock-item img {



border: none; 



margin: 5px 10px 0px; 



width: 100%; 



}







.dock-item span {



display: none; 



padding-left: 20px;



}











/** others **/



::-moz-selection{



background:#FFB9DC;



color:#382C33;



}







::selection {



background:#FFB9DC;



color:#382C33;



}











li.selected {



display: block; 



background-color: #FDEAF3;



}