body {
background-color:#FFFFFF;
color:#333333;
font-family:Helvetica,Lucida,sans-serif;
margin:0;
min-width:796px;
padding:0;
}
a {
color:#555555;
cursor:pointer;
text-decoration:underline;
}
a.day{
text-decoration:none;

}

#controls{
font-size:9px;
position:absolute;
right:5px;
top:8px;
width:auto;
-webkit-user-select:none;
-moz-user-select:none;

}


#page_container {
border:0 solid black;
margin:0 auto 100px;
padding-top:5px;
width:600px;
}

#logo_main {
background-color:#DDDDDD;
border:1px solid #BBBBBB;
float:left;
margin:0;
padding:20px 0 1px;
position:relative;
text-align:center;
width:598px;
}

#logo_main a, #logo_main span{
position:relative;
text-align:left;
color: #FFFFFF; 
font-weight: bold;
text-decoration: none;
}

#logo_main a.top_title{
color: #FFFFFF; 

}

#logo_main a.top_title_username{
color:#AAAAAA;
}



#icon{
border: 0px none;
width:50px;
float:right;
margin-top:-16px;
}

#logo_main a:hover  {color:yellow; cursor: pointer;}

#logo_text{
font-size:18px;
letter-spacing:1px;
padding:0 10px;
text-align:left;
letter-spacing: 4px;
}


/*
#logo_main a,img{
border:0 none;
width:375px;
cursor: pointer;
}
*/

/************ HEADER STYLES *************/
#page_top{
margin:0 0 9px;
width:600px;
}
#username {
background-color:#DDDDDD;
border:1px solid #BBBBBB;
color:#FFFFFF;
float:left;
font-size:2em;
font-weight:bold;
height:30px;
margin-top:5px;
padding:5px 0;
position:relative;
text-align:center;
text-transform:uppercase;
width:598px;
}

#blurb {
background-color:#EFEFEF;
border:1px solid #BBBBBB;
color:#555555;
float:left;
font-size:0.7em;
height:auto;
margin:0;
padding:10px;
position:relative;
text-align:left;
top:0;
width:578px;
}

/************ MAIN MENU **************/
.main_menu {
background-color:#F5F5F5;
border-color: #BBBBBB;
border-style:none solid solid;
border-width:0 1px 1px;
color:#AAAAAA;
float:left;
font-size:0.6em;
height:12px;
margin:0 0 5px;
padding:5px 5px 1px;
position:relative;
text-transform:capitalize;
top:0;
width:588px;
}

a.menu_item {
color:#555555;
float:right;
margin:0 0 0 10px;
text-align:left;
text-decoration:none;
text-transform:uppercase;
width:auto;
}

a.menu_item:hover  {color:yellow; cursor: pointer;}


/************ INPUT ENTRY **************/
.entrybox_top {
background-color:#F5F5F5;
border:1px solid #BBBBBB;
float:left;
font-size:0.8em;
height:25px;
margin:5px 0 0;
padding:0;
position:relative;
width:598px;
}


#page_date {
color:#555555;
float:left;
font-size:0.8em;
font-weight:normal;
height:15px;
margin:5px 0 0;
padding:3px 0 0 8px;
position:relative;
text-align:left;
text-transform:uppercase;
top:0;
width:50%;
}

.entry_input {
border-color: #BBBBBB;
border-style:none solid solid;
border-width:medium 1px 1px;
font-family:Helvetica !important;
font-size:1.5em;
height:3em;
margin-top:0;
padding:5px;
width:588px;
}

.privacy_checkbox{
float:right;
height:15px;
position:absolute;
right:2px;
top:8px;
width:15px;
}

.yesterday_checkbox{
float:right;
height:15px;
position:relative;
right:2px;
top:-3px;
width:15px;
}

#private_text{
color:#555555;
float:right;
font-size:0.8em;
position:absolute;
right:0;
top:5px;
width:55px;
}

#yesterday_text{
color:#555555;
font-size:0.8em;
position:absolute;
right:0;
top:5px;
width:81px;
}
.noodle_is{
color:black;
font-size:0.8em;
position:absolute;
right:86px;
top:2px;
}
.meta{
float: left;
width: 100px;
}

#checkbox_yest{
height:15px;
width:15px;
}

#checkbox{
height:15px;
width:15px;
}


.checked{
	background-image:url(../images/checked.png);
	
	}
.unchecked{
	background-image:url(../images/unchecked.png);
	}


.textcounter {
color:#999999;
float:right;
font-size:1em;
margin-right:8px;
position:relative;
text-align:right;
text-transform:uppercase;
top:89px;
z-index:10;
}


/************ ENTRY VIEW **************/
#today, #entries_date {
color:#555555;
float:left;
font-size:0.8em;
font-weight:normal;
height:15px;
margin:5px 0 0;
padding:3px 0 0 9px;
position:relative;
text-align:left;
text-transform:uppercase;
top:0;
width:100%;
}


#today{
top:130px;
}



.entry_container_c{
background-color:#FFFFFF;
border-color:#BBBBBB;
border-style:none solid solid;
border-width:medium 1px 1px;
height:auto;
margin-top:31px;
min-height:200px;
overflow:auto;
padding:10px;
position:relative;
width:578px;
}

.entry_item{
float:left;
height:auto;
position:relative;
width:580px;
}
.entry_note{
color:#000000;
float:left;
font-size:1em;
padding:0 3px 15px 0;
text-decoration:none;
width:477px;
}
.entry_note a{
color:#555555;
text-decoration:none;
font-size:1em;


}

.entry_year{float:right;margin-left:10px;font-size:.8em;color:#444;}
.entry_time{float:right;font-size:.8em;color:#DCDCDC;}

.entry_ex {float:right;margin-left:8px;margin-top:-2px;width:15px;opacity:0.3;}
.entry_ex:hover{cursor:pointer; opacity:.6;}


/* must be in this order */
a.entry_user {
float:right;
font-size:0.6em;
margin:0;
padding:0 0 0 5px;
text-align:right;
text-decoration:none;
width:auto;
}      /* unvisited link */

a.entry_user:visited {color:#BBBBBB}  /* visited link */
a.entry_user:hover{background-color: yellow;}
a.entry_user:active {color:#0000FF;}  /* selected link */



/************ ALERT STYLES *************/

#softalert_container
{
bottom:0;
left:0;
margin-left:0;
margin-top:0;
position:fixed;
width:100%;
z-index:10;

}


.softalert{
background:black none repeat scroll 0 0;
bottom:0;
color:white;
font-size:1.5em;
height:10px;
opacity:0;
padding:37px 0;
position:relative;
text-align:center;
width:100%;
z-index:10;
text-transform: uppercase;
}

#loading{
width:25px;
height:25px;
}