div.mode {
    background-color:#eee;
    border:1px solid;
    border-color:#f3f3f3 #bbb #bbb #f3f3f3;
    border-right:0px;
    margin:0;
    padding:.5em;
    font-size:16px;
    font-family:arial;
    float:left;
}

div.switch {
    background-color:#eee;
    border:1px solid;
    border-color:#f3f3f3 #bbb #bbb #f3f3f3;
    border-left:0px;
    margin:0;
    padding:.5em;
    text-align:right;
}

div.switch a {
    font-size:16px;
    font-family:arial;
    text-decoration:none;
    color:blue;

}

div.switch a:hover {
    text-decoration:underline;
}

div.control {
    float:left;
    position:absolute;
    top:70px;
    width:120px;
}

div.content {
    float:left;
    position:absolute;
    left:150px;
    top:70px;
}

div.key {
    margin:0;
    border:0;
    padding:0;
}

a.select-key {
    display:block;
    text-decoration:none;
    background-color:#ccff66;
    border:1px solid;
    border-color:#f3f3f3 #bbb #bbb #f3f3f3;
    margin:0;
    padding:.5em;
    font-size:14px;
    font-family:arial;
    color:blue;
}

a.select-key:hover {
    border-color:#f3f3f3 #777 #777 #f3f3f3;
}

a.unselect-key {
    display:block;
    text-decoration:none;
    background-color:#eee;
    border:1px solid;
    border-color:#f3f3f3 #bbb #bbb #f3f3f3;
    margin:0;
    padding:.5em;
    font-size:14px;
    font-family:arial;
    color:blue;
}

a.unselect-key:hover {
    border-color:#f3f3f3 #777 #777 #f3f3f3;
}

a.unselect-key input {
    background-color:#fff;
    font-size:14px;
    font-familiy:arial;
}

div.constrain {
    margin:0;
    border:0;
    padding:0;
    margin-top:10px;
}

div.constrain select {
    width:120px;
    background-color:#ffffcc;
    border:1px solid;
    border-color:#f3f3f3 #bbb #bbb #f3f3f3;
    margin:0;
    padding:.5em;
    font-size:14px;
    font-family:arial;
    color:blue;
}

div.constrain select:hover {
    border-color:#f3f3f3 #777 #777 #f3f3f3;
}

a.control {
    display:block;
    text-decoration:none;
    background-color:#ffffcc;
    border:1px solid;
    border-color:#f3f3f3 #bbb #bbb #f3f3f3;
    margin:0;
    padding:.5em;
    font-size:14px;
    font-family:arial;
    color:blue;
}

a.control:hover {
    border-color:#f3f3f3 #777 #777 #f3f3f3;
}

div.info {
    float:left;
    position:absolute;
    left:780px; /* >= 120 + 640 */
    top:70px;
    width:300px;
}

/* RSS STYLE */

div.feed {
    width:600px;
}

div.image-feed {
	width:640px;
}

div.item {
    margin-bottom:7px;
    font-size:18px; /* UNLINKED TEXT */
    font-family:verdana;
    color:#00a;
}

div.image-item {
	width:150px;
	float:left;
	margin:0;
	padding:5px;
	text-align:center;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica;
}

div.item a {
    text-decoration:none;
    font-size:18px;
    font-family:verdana;
    color:#00a;
}

div.item a:hover {
    text-decoration:underline;
}

div.item img {
    float:left;
    margin-right:.5em;
    margin-bottom:1em;
    border:0;
    vertical-align:middle;
    padding:2px;
}

div.image-item img {
    border:0;
    padding:2px;
    /* vertical-align:middle; */
}

.ghost {
    color:#888;
    font-size:12px;
    font-family:verdana;
}

.start {
    font-size:20px;
    font-family:arial;
}

ul.start li {
    padding:5px;
    font-family:arial;
    font-size:20px;
    color:#00a;
}

div.start {
    margin:0;
    padding:0;
    font-size:20px;
    font-family:arial;
    width:600px;
}

/* BLOGGING */

div.blog {
    margin-bottom:7px; /* SEE RSS ITEMS */
}

a.comment {
    font-size:16px;
    font-family:arial;
    text-decoration:none;
    color:blue;
}

a.comment:hover {
    text-decoration:underline;
}

span.ghost a {
    font-size:12px;
    font-family:verdana;
    text-decoration:none;
    color:blue;
}

span.ghost a:hover {
    text-decoration:underline;
}

.read {
    display:none;
}

.write {
    display:block;
}

div.blog textarea {
    float:left;
    background-color:#fff;
    font-size:14px;
    font-family:verdana;
}

div.recipient {
    float:left;
    margin-left:5px;
    width:120px;
}

/* TRENDWORDS */

div.trend {
    background-color:#eee;
    border:1px solid;
    border-color:#f3f3f3 #bbb #bbb #f3f3f3;
    margin:0;
    margin-bottom:10px;
    padding:.5em;
    font-size:14px;
    font-family:arial;
    color:#888;
}

div.trend a {
    text-decoration:none;
}

div.trend a:hover {
    text-decoration:underline;
}

.very-hot {
    color:red;
}

.hot {
    color:orangered;
}

.warm {
    color:darkviolet;
}

.cool {
    color:blue;
}

.cold {
    color:darkblue;
    /* opacity:0.25; filter:alpha(opacity=25); */
}