/* :: MAIN LAYOUT :: */

body {
background:url(http://files.myopera.com/blacko0oheart/blog/top1.jpg);*/anh nen blog*/ 
 margin:0;
padding:0;
font-family: arial,'trebuchet ms',helvetica,sans-serif;
font-size:14px;
line-height:145%;
text-align:center;
        background-attachment: fixed;
color:#e4d6b3;
 cursor: url();}
#wrap3 {
       background:#000000 url(http://files.myopera.com/blacko0oheart/anhblog/nennoidung2.jpg) center bottom  no-repeat ;

border:#e4d6b3 0px solid;
margin:0 auto;
width:778px !important;
padding-left:10px;
padding-right:10px;
padding-bottom:100px;
}

#topbar1 {
background: url() top center no-repeat;
color:#e4d6b3;
        width:882px;
height:30px;
overflow:hidden;
line-height:24px;
margin:0 auto;
}

img {
border:none;
}

.mobile, .hide {
display:none;
}

p img, input {
vertical-align:middle;
}

#topbar2, #toplogin div {
width:778px;
max-width:100%;
min-width:700px;
margin:0 auto;
text-align:left;
}

#topbar1 img {
margin-right:4px;
}

#topbar1 a, #topbar1 .tpad {
padding-right:7px;
text-decoration:none;
}

#topbar1 a:hover {COLOR: #8DDE19; BACKGROUND:
 url() 50% bottom
text-decoration:underline;
}

#topbar1 a:link, #topbar1 a:visited {
color:#e4d6b3;
}

#topbar2 a.yellow:link, #topbar2 a.yellow:visited {
color:#e4d6b3;
}

#topbar1 p, #toplogin p {
margin:0;
font-size:13px;
font-weight:bold;
padding:5px 0;
}

#toplogin {
border-top:1px solid #555;
background:transparent;
color:#e4d6b3;
padding:2px 0;
border-bottom:1px solid #e4d6b3;
}

#toplogin label {
padding-right:4px;
}

#toplogin input {
font-size:11px;
border:none;
}

div#topbar1 a.hidemobile {display:none}


#edittitle {
padding-top:29px;
}
#top {
background: transparent url(http://files.myopera.com/Pexu/KEN/computer_design_anathema_wall_melancholy.jpg) top center ;
font-size:11px;
        height:500px;
width:797px!important;
margin:0 -10px;
text-align:left;
color:#e4d6b3;
}


#top2 {
padding-left:250px; padding-top:0px;
 /*Tieu de blog cach le trai */
}

#top h1 {
display:none;

margin:0;
width:500px;
font-size:24px;
font-family: Times new roman, Tahoma, arial, helvetica,sans-serif; /*Font cua tieu de la tahoma*/
line-height:normal;
font-weight:bold;
padding-top:10px; /*Tieu de blog cach phia tren cung */
}

#subtitle {
color:#660000;
}

#menu {
clear:both;
margin-left:110px;
        margin-top:500px;
}

#menu ul {
padding:0;
margin:0;
height:37px; /*Do cao cua menu la 37px = do cao cua anh nen*/
}

#menu li {
float:left;
line-height:28px;
height:37px;
overflow:hidden;
font-size:11px;
list-style:none;
width:14%;
margin:1px 0 0 0;
padding:0;
}

#menu a {
display:block;
height:37px;
color:#e4d6b3;
font-weight:bold;
text-decoration:none;
text-align:center;
background:transparent url() top left no-repeat; /*Anh nen cua menu*/
padding:0 0 0 10px;
        }

#menu a:hover {

background: url() top left no-repeat; /*?nh n?n c?a menu khi di chu?t lên*/
color:black;

}
#menu a#selected
{
text-decoration: none;
color:#e4d6b3;
}

.menu_home {
display:none;
}

#content, #footer {
clear:both;
position:relative;
width:778px !important;  /*Noi dung trang cach le moi ben 5px, tuong duong voi margin nhung ko su dung trong truong hop nay vi bi loi hien thi - 

width of content*/
text-align:left;
margin:0 auto;
}

#content {
padding-top:10px;
background-image: url(); /*Anh nen cua noi dung  - Bgr of content*/
        background-repeat: repeat;
background-position: center top ;
}

#content li {
margin:0;
list-style-position:inside;
}

#mainwrap {
width:100%;
margin-left:-215px;
padding-bottom:12px;
float:right;
}

#main {
margin-left:215px; /*Noi dung cac bai post cach le trai cua blog */
margin-right:7px;
padding-bottom:220px;
width:550px;
}
/*Chinh do float cua footer*/
#footer {
clear: both;
width:100%;

POSITION: relative;
left: 0px; 
height:12px;

}
/*End chinh do float cua footer*/
#footer p {
color:#335f98;
margin-top:0;
padding-top:30px;
}

#meta {
float:left;
padding-right:250px;
width:25%
}

#footer a:link, #footer a:visited, #footer a:active {
color:#335f98;
text-decoration:none;
}

#footer #get {
text-decoration:underline;
}

#footer #get:hover {
text-decoration:none;
}

/* :: SIDEBAR :: */


#mainwrap {
width:99%;
margin-left:-205px;/*  le trai of mainwrap*/
padding-bottom:12px;
float:right;/* mainwrap nam ben fai? */
}

#main {
min-height:500px;
margin-left:200px;
padding-bottom:15px;
}

#sidewrap {
width:190px;/* rong */
float:left; /* sidewrap nam ben trai */
font-size:11px;/* co~ chu~ */
overflow:hidden;
color:#fff;/* mau chu~ of poll */
background:transparent;
padding-bottom:530px;
}

#side a:link, #side a:visited, #side a:active {
color:#e4d6b3; 
text-decoration:none;
}
#side a:hover {
color:#FF0A0A;
text-decoration: underline;
}
#side li {
font-size:11px;
list-style-type: decimal;
border-bottom:0px dotted #e4d6b3;
}

#side h2, #side caption {
color:#e4d6b3;
background:transparent url(http://files.myopera.com/blacko0oheart/files/Side.gif) bottom left no-repeat;
font-size:11px;
font-weight:bold;
text-transform:uppercase;/* tieu de lun la' chu~ in hoa*/
margin:0 0 1px 0;
padding:2px;
text-align:left;
}

#side h2.feedheader {
background: transparent;
padding:2px;
}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
color:#fff;/* mau lien ket cac tieu de' of box*/
text-decoration:none;
}

.sidebox {
background:transparent url(http://files.myopera.com/tapopo/albums/360332/animated_58.gif) repeat scroll center bottom;
margin-bottom:15px;BORDER: #e4d6b3 0px solid
}


.sidebox .pad {
background: url(http://files.myopera.com/Pexu/KEN/1pexu.jpg) bottom center no-repeat;*/hinh nen de len*/
padding:5px;
}

.sidebox p {
margin:0;
color:#e4d6b3;
}

#side h3 {
font-size:11px;
margin-bottom:0;
}/* :: GENERAL RULES :: */


.mobile {
display:none;
}

.rtl {
display:block;
text-align:right !important;
}

a:link, a:active, a:visited  {
color:#e4d6b3;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color:#e4d6b3;
}

a.username:link, a.username:visited, a.username:active {
color:#e4d6b3;
}

.center {
display:block;
text-align:center;
}

.smilie {
margin:0 3px;
}

img {
max-width:100%;
}

.hide, .handheld {
display:none;
}

table {
width:100%;
}

p {
margin:10px 0;
}

td, th {
text-align:left;
vertical-align:top;
}

pre, td, th, input, select {
font-size:11px;
}

code,pre {
display: block;        
    padding:10px 6px;
    margin:0 0 10px 0;
    border: 1px dashed #e4d6b3;
    background:transparent;
    overflow: scroll;
width:450px;
}

strong, b, em {
font-weight:bold;
}

blockquote {
margin:10px 0 0 0;
padding:0;
}

em {
font-style:normal;
}

form, blockquote p {
margin:0;
padding:0;
}

textarea {
width:100%;
height:150px;
margin:0;
}

h1 {
font-size:20px;
margin:0 0 8px 0;
}

h2 {
font-size:20px;
margin:0 0 12px 0;
color:#e4d6b3;
}

h3 {
font-size:13px;
margin:12px 0 7px 0;
}

h4, h5, h6 {
font-size:12px;
margin:10px 0 5px 0;
}

img, abbr, acronym {
border:none;
}


ol, ul, li {
font-size:12px;
margin:0 0 10px 0;
padding:0;
}

#content li ul, #content li ol {
margin:10px 0 10px 20px;
}

ul.nobullets li {
list-style-position:outside;
list-style:none;
}

.alpha li {
list-style-type:lower-alpha;
}

.nomarg {
margin:0 !important;
}

.clear {
clear:both;
}

div.clear {
height:1px;
line-height:1px;
overflow:hidden;
}

.left {
float:left;
}

.right {
float:right;
}

img.left {
margin-right:10px;
}

img.right {
margin-left:15px;
}

.small {
font-size:11px;
}

.block {
display:block;
}

div.avatar {
width:52px;
height:52px;
border:0px solid #000;
float:left;
margin:0 8px 6px 0;
background:transparent;
}

.avatar img {
display:block;
margin:1px;
max-width:50px;
max-height:50px;
}

.pagenav {
clear:both;
}

.pagenav a {

color:#5163A5;
}

.arrow-prev {
margin:0 4px -1px 0;
}

.arrow-next {
margin:0 0 -1px 4px;
}

.col1, .col2 {
margin-top:10px;
width:49%
}

.col1 {
float:left;
}

.col2 {
float:right;
}

.icon {
margin:0 5px -3px 1px;
}

.submit {
font-size:11px;
font-weight:bold;
padding:3px 15px;
}

.w100 {
width:100%;
}

.subheader {
margin-top:-6px;
}

.watchthis {
padding-right:6px;
}

.watch {
margin:0 2px -1px 2px;
}

/* :: ALBUM SLIDESHOW :: */

#albumslides, #albumslides a, #albumslides img {
width:193px !important;
height:143px !important;
}

#albumslides {
position:relative;
background:transparent;
padding-bottom:50px;
}

#albumslides a {
position:absolute;
display:block;
top:0;
left:0;
}

/* :: ALBUM  :: */

.albums {
margin-top:18px;
}

.albums p {
margin:0;
padding:0 0 8px 0;
}
/*.albums h3 {
margin:15px 0 10px 0;
font-size:13px;
}*/

.albums .clear {
margin:0;
}

.album1 {
clear:both;
background:transparent url() center bottom no-repeat;
padding:10px 10px 50px 5px;
margin-bottom:15px;
}

.album2 {
clear:both;
margin:15px 0;
padding:10px 10px 50px 10px;
background:transparent url() center bottom no-repeat;
}

.albumthumb1, .albumthumb2 {
float:left;
width:285px;
height:221px;
background:transparent;
}

.albumimage {
margin:17px 22px;
border-top:5px solid #ddd;
border-bottom:5px solid #ddd;
border-right:7px solid #ddd;
border-left:6px solid #ddd;
        height:168px;
        width:224px;
}

.albumnfo {
margin-left:160px;
/*border:1px dotted #0089fd; */
padding:60px 4px; 
}

.albumnfo .tags {
font-size:10px;
line-height:normal;
text-transform:uppercase;
}

.albdesc {
width:100%;
overflow:hidden;
}

.albums .access {
margin-top:5px;
}

.editimg {
margin:6px 0;
}

div.access {
clear:both;
margin-top:10px;
border:1px dotted #cacac1;
background:transparent;
padding:5px;
}

#albumlist li {
list-style:none;
list-style-position:outside;
padding-left:13px;
}

/* - ALBUM CONTENT - */

#mypix {
clear:both;
width:100%;
}

#mypix .thumb1, #mypix .thumb2 {
width:49%;
overflow:hidden;
float:left;
margin-top:5px;
}

#mypix .thumb1 {
clear:both;
}

#mypix .thumb2 {
float:right;
}

#mypix div p {
font-size:10px;
margin:5px 0 0 0;
padding:1px 5px;
border:1px solid #e4d6b3;
color:#e4d6b3;
background:transparent;
} 

#mypix div p.right {
border-left:none;
/*background:transparent;*/
}

#mypix div div {
padding:6px;
height:212px;
border:1px solid #e4d6b3;
/*background:transparent;*/
}

#mypix div div img {
display:block;
max-height:212px;
max-width:280px;
width:100%;
height:100%;
}

#mypix .bigthumb {
width:100%;
height:100%;
}

#mypix .toolicons {
border:none;
padding:0;
/*background:transparent;*/
}

#mypix a:link, #mypix a:visited {
color:#e4d6b3;
text-decoration:none;
}

#mypix a:hover {
color:#94174a;
text-decoration: underline;
}

/* - VIEW IMAGE - */

#frame1 {
clear:both;
width:100%;
border:1px solid #5163A5;
}

#frame2 {
padding:6px;
}

#frame3 {
position:relative;
width:100%;
background:transparent;
}

#frame3 img {
display:block;
margin:0 auto;
}

#frame3 p {
margin:0;
padding:6px 0 3px 0;
background:transparent;
text-align:center;
}

.comments {
margin-top:15px;
        background:transparent;
        color:003399;
}

#newcomment h2 span:after {content:;
margin-top:25px;
        background-image: url() center;
}


#belowimage {
clear:both;
padding-top:10px;
}

.preview {
width:87px;
float:left;
text-align:center;
margin:2px 0 0px 0;
}

.preview a {
text-decoration: none;
display: block;
padding:3px 3px 3px 3px;
}

.preview img {
overflow:hidden;
}

.preview div {
width:85px;
height:85px;
background:transparent;
}

#desc {
margin-bottom:10px;
border:0px solid #5163A5;
padding:0 5px;
}



/* :: BLOG :: */

.post{
      background:url(http://wallcoo.com/cartoon/design_09_1600/images/computer_design_010.jpg) bottom left no-repeat;
      padding-bottom:160px;
      padding-top:auto;
      margin-bottom:auto;
}


#blogtools {
background:transparent;
}

.whisper {
color:#555;
background:tranparent;
padding:7px 21px;
border:0px dotted #738294;
margin:10px 5px;
}

.whisper i {
font-size:11px;
color:#fff;
}

blockquote.bbquote, .post blockquote {
background:url() bottom center no-repeat;transparent;*/ bong hoa*/
padding: 30px 5px 5px 33px;
margin:0px 5px;
color:#fff;
font-style:italic;
}

.comment2 blockquote.bbquote, .comment2 .post blockquote {
background:transparent;
}

.post {
CLEAR: both;
POSITION: relative;
padding:0px 0 40px 0; 
margin-bottom:10px;
width:100%;
overflow:hidden;
        background: url() bottom center no-repeat; /*ONG ANH*/
}

.stickypost {
background: url() top left no-repeat;color:black; */ BONG HOA*/
}

.stickypost .title{
text-decoration:blink ;
             }

#firstpost .postinfo{
padding-top:0;
top: 5px;
}
/*
#firstpost {
background:url(); transparent;
}
*/

#lastpost {
padding-top:0;
background:url(
background:transparent url() center no-repeat;
/*padding-bottom:40px;*/
}

.post .title {
margin-bottom: 0;
color: #FF0A0A;
font-size:18px;
overflow: auto;
    padding-top:3px;
background: transparent url() repeat-x top left;
}

.post .title a {
float: left;
padding: 2px 10px;
background: transparent ;
 text-decoration:none;
text-transform:uppercase;
font-family:tahoma;
font-size:22px;
color: #996600 ;
}
.post .title a:link {
color: #996600 ;
}
.post .title a:hover {
background: transparent; 
color: #e4d6b3;
text-decoration:underline;
}
.post .title:hover:before {
content"#"!important;
color: #e4d6b3;
background:inherit!important;
}

.postdate {
padding: 15px 5px ;
margin:0 ;
font-size:10px;
line-height:normal;
text-transform:uppercase;
text-align:left!important;
color:#e4d6b3;
 
border-left:0px dotted #738294; 
border-right:0px dotted #738294;
}

.content {
margin-top:20px;
padding:3px;
border-left:0px dotted #738294;
border-bottom:0px dotted #738294;
border-right:0px dotted #738294;
background: url(http://files.myopera.com/Pexu/KEN/789.jpg) bottom center no-repeat; CHO NAY THAY HINH

}

.post .tags {
padding: 0px 5px ;
margin:0 0 2px 0;
font-size:10px;
line-height:normal;
text-transform:uppercase;
text-align:left!important;
border-left:0px dotted #738294;
border-right:0px dotted #738294;
}


.poster {
margin-top:-10px;
font-size:10px;
text-transform:uppercase;
}
.postinfo {
clear:both;
color:#fff;
margin-top:16px;
font-size:10px;
text-transform:uppercase;
}

.postinfo img {
margin:0 5px -1px 0;
}
.postinfo SPAN {
DISPLAY: block; FLOAT: left; LINE-HEIGHT: 37px; HEIGHT: 49px
}
.postinfo A {
DISPLAY: block; FLOAT: left; LINE-HEIGHT: 37px; HEIGHT: 49px
}
.postcomments {
WIDTH: 142px
}
.postinfo A {
WIDTH: 142px
}
.postinfo A:link {
BACKGROUND: transparent; 

TEXT-DECORATION: none
}
.postinfo A:visited {
BACKGROUND:transparent; 

TEXT-DECORATION: none
}
.postinfo A:active {
BACKGROUND:transparent; 

TEXT-DECORATION: none
}
.postinfo A:hover {
BACKGROUND-POSITION: 0% -49px
}
.postcomments SPAN {
FONT-SIZE: 17px; WIDTH: 58px; MARGIN-RIGHT: 2px; TEXT-ALIGN: center
}
.postinfo IMG {
DISPLAY: none
}

.postnav {
clear:both;
font-size:11px;
height:23px;
line-height:22px;
border:0px solid #e4d6b3;
border-width:1px 0;
}

.postnav span.prv {
float:left;
}

.postnav span.nxt {
float:right;
}

.blognav {
clear:both;
margin-top:18px;
text-align:right;
font-size:11px;
color:#fff;
}

.blognav p {
margin:0;
line-height:normal;
}

.trackbacks {
clear:both;
margin:30px 0 10px 0;
padding:5px 0;
}

.trackbacks h2 {
font-size:10px;
font-weight:normal;
color:#fff;
border:1px solid #e4d6b3;
border-width:1px 0;
text-transform:uppercase;
}

.trackbacks ul {
margin:10px 0 0 2px;
}

.trackbacks li {
color:#fff;
list-style-type:none;
list-style-image:url(http://my.opera.com/community/graphics/users/2/doc.gif);
padding-bottom:8px;
line-height:10px;
font-size:10px;
}

.caption {
display:block;
text-align:center;
}

.imgleft img {
clear:left;
float:left;
margin:4px 10px 4px 0;
max-width:48%;
}

.imgright img {
clear:right;
float:right;
max-width:48%;
margin:4px 0 4px 10px;
}

.img {
display:block;
margin:10px 0;
}

.attach {
margin:8px 0;
display:block;
padding-left:12px;
background:#fff url(http://my.opera.com/community/graphics/icons/attach.gif) center left no-repeat;
}

span.imgcenter {
clear:both;
display:block;
text-align:center;
margin:10px 0;
}
#side .cdwn {
background:transparent url(http://my.opera.com/community/graphics/users/7/clock.gif) top left no-repeat;
padding:2px 0 5px 20px;
border-bottom:1px dotted #e4d6b3;
margin-bottom:4px;
color:#fff;
}

.groupblog .postdate {
margin:-2px 0 0 0;
}

.groupblog .content {
margin:2px 0 0 0;
clear:left;
}

.tagicon {
  float:right;
  margin-left:10px;
}

.post .sticky {
float:right;
margin:0;
font-size:10px;
color:#FF0A0A;
background:transparent;/* box */
padding:0 25px 0 4px;
height:26px;
line-height:26px;
}

.alignright {
text-align:right;
display:block;
}

.alignleft {
text-align:left;
display:block;
}

.aligncenter {
text-align:center;
display:block;
}

.alignjustify {
text-align:justify;
display:block;
}
/* :: COMMENTS :: */


.feedicon {
margin-bottom:-3px;
}

.comments h2 {
font-size:13px;
}

.comments {
clear:both;
}

.comment1 {
clear:both;
background:transparent;
border:1px dotted #996633;
margin:15px 0;
overflow:auto;
}

.comments .bot {
padding:10px;
}

.comment2 {
clear:both;
margin:15px 0;
width:100%;
border:1px dotted #996633;
overflow:auto;
}
.ownercomment {
background:transparent url(http://files.myopera.com/tapopo/albums/360332/animated_58.gif) ; 
}
.comments .c-avatar {
float:left;
width:58px;
height:58px;
border:1px solid #996633;
background:
        url();
transparent;
}

.c-avatar img {
margin:4px;
}

.comments .text {
margin:0 0 0 69px;
}

.comment-by {
clear:both;
color:#996633;
font-size:11px;
margin:0;
padding-top:6px;

}
.username {
color:#996633;
}
.editcomment {
font-size:10px;
margin:0;
}

.editcomment a:link, .editcomment a:visited {
color:#996633;
}

.permalink a:link, .permalink a:visited {
color:#996633;
}

.del {
color:#c00 !important;
}

#addcomment {
height:175px;
}

#description, #writecomment {
height:200px;
}

#message {
height:400px;
        background:url(http://files.myopera.com/Pexu/files/computer_design_Madam.jpg);transparent;
color:red; /* canh hoa roi */
font-size:17px;
}

#msubject {
width:100%;
}
/* :: TAG CLOUD :: */

#tagcloud ul {
margin:0;
padding:0;
width:100%;
overflow:hidden;
}

#tagcloud li {
list-style-position:outside;
list-style:none;
float:left;
line-height:20px;
height:20px;
margin:0;
padding-right:12px;
white-space:nowrap;
}

#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
color:#CC9933;
}

#tagcloud .size1 {
font-size:11px;
font-weight:bold;
}

#tagcloud .size2 {
font-size:11px;font-weight:bold;
}

#tagcloud .size3  {
font-size:11px;
font-weight:bold;
}

#tagcloud .size4  {
font-size:11px;
font-weight:bold;
}

#tagcloud .size5  {
font-size:11px;
font-weight:bold;
}

/* calendar */

#calendar {
background:transparent url(http://th132.photobucket.com/albums/q23/silentbob6605/th_blackheartbleed.gif) center  no-repeat;
text-align: center;
}

#calendar td {
border:1px solid #e4d6b3;
text-align:center;
color:#e4d6b3;
}

#calendar {
border-spacing:1px;
margin-bottom:20px;
}

#calendar tr:first-child {
empty-cells:show;
}

#calendar td {
line-height:16px;
padding:1px;
text-align:center;
}

#calendar td a {
font-weight:bold;
color:#FF0A0A;
}

#calendar td a:hover {
color:FF0A0A; /*Mau vang tuong doi dam*/
text-decoration:underline;
}

#calendar tfoot td {
text-align:left;
border:none;
background:url() bottom center no-repeat;
padding-bottom:50px;
color:#e4d6b3;
}

#calendar TD.l {
BACKGROUND: url();
color:#e4d6b3;
}

#nextmonth, #prevmonth {
padding:4px 1px;
width:48%;
}

#nextmonth {
text-align:right;
}

/* :: PROFILE :: */

#profile {
width:95%;
padding:20px;
}

#profile h2 {
font-size:12px;
background:transparent;
padding:05px 5px;
margin:0;
color:#e4d6b3;
}

#profile-top {
background: transparent url() right bottom no-repeat;
margin-bottom:15px;
}

#profile p {
margin:0 0 7px 0;
}

#userinfo {
float:right;
width:320px;
padding:2px 6px;
}

#userinfo dl {
margin:4px 0;
}

#userinfo dt {
clear:both;
float:left;
width:96px;
margin:0;
padding-top:4px;
}

#userinfo dd {
margin:0 0 0 96px;
padding:4px 0 2px 0;
}

#userpic {
float:left;
width:332px;
height:252px;
background:transparent;
margin:10px;
}

#userpic img {
display:block;
margin:6px;
}

#profile .col1, #profile .col2 {
margin-top:0;
}

#profile-col1 {
float:left;
width:48%;
overflow:hidden;
}

#profile-col2 {
float:right;
width:50%;
overflow:hidden;
}

#profile .box, #profile table {
padding:6px;
background: transparent url() right bottom no-repeat;
margin-bottom:15px;
}

#profile th, #profile td {
padding:2px 0;
}

#profile-col2 li {
list-style:none;
list-style-position:outside;
line-height:20px;
clear:both;
}

a.overflow {
display:block;
width:100%;
overflow:hidden;
}

#grouplist .cstatus {
width:30%;
}

#grouplist a {
display:block;
width:100%;
overflow:hidden;
}

.userlist img {
float:left;
margin:1px 4px 0 0;
}

#ff {
padding-bottom:10px;
}

#ff .h {
margin:8px 0 0 0;
font-weight:bold;
}

#ff .t {
margin:2px 0 5px 0;
padding-bottom:8px;
}

#ff .rule {
padding-bottom:5px;
}

#myspots li {
padding:0 0 4px 20px;
background:transparent url(http://my.opera.com/community/graphics/users/2/myspot.gif) 2px 3px no-repeat;
}

#myspots h3 {
clear:both;
margin-top:0;
border-bottom:0px dotted #6085BC;
}

.spotimg div {
background:#fff;
border:0px solid #aaa;
margin:0 5px 5px 5px;
float:left;
overflow:hidden;
width:103px;
}

.spotimg div.spot3rd {
margin:0 8px 5px 8px;
}

.spotimg img {
display:block;
margin:2px;
}

#spotusers p {
margin:0;
text-align:center;
font-size:10px;
}

#friendlist li {
display:none;
}

#aboutgroup {
clear:left;
max-width:462px;
}

#groupinfo dl {
margin:0;
}

#groupinfo dt {
clear:left;
float:left;
margin:0 4px 0 0;
font-weight:bold;
}

#groupinfo dd {
margin:0;
font-weight:normal;
}

#groupprofile #userpic {
margin:0 0 20px 20px;
}

#apply {
clear:left;
}

/* :: QUICK PROFILE :: */

#qp dl {
margin:0;
width:100%;
}

#qp dt {
clear:both;
float:left;
width:38%;
overflow:hidden;
}

#qp dd {
float:right;
width:60%;
overflow:hidden;
margin:0;
padding:0;
}

#myphoto {
width:190px;
margin-left:2px;
overflow:hidden;
background:#transparent;
}

#myphoto img {
max-width:190px;
display:block;
}

/* :: FRIENDS :: */

#myfriends {
width: 602px
}
.myfriend {
/*background: url(friendpi.htm) #e4d6b3 no-repeat left top; */
float: left; 
width: 175px; 
margin-left: 8px
}
.mypic {
margin: 2px 0px 0px 5px; 
height: 141px
}
.mypic img {
display: block; 
width: 170px; 
height: 128px
}
.myfriend .txt {
height: 70px;
}
.myfriend h3 {
margin: 2px 0px 2px 15px
}
.myfriend P {
padding-left: 5px; margin: 0px 0 0 10px;
}
.myfriend blockquote {
display: none
}
.myfriend h2 {
margin: 0px;
}
.myloc {
font-size: 11px; 
margin: 0px 0px 4px; 
color: #e4d6b3;
}
.friendof {
font-size: 11px; 
margin: 0px 0px 4px; 
color: #e4d6b3;
}
.friendof {
font-size: 10px
}
#fnet h3 {
padding-right: 5px; 
padding-left: 5px; 
ont-size: 15px; 
background: #5da15b; 
margin-bottom: 0px; 
padding-bottom: 3px; color: #e4d6b3; 
padding-TOP: 3px; 
border-bottom: #e4d6b3 5px solid
}
#fnet2 h3 {
background: #447c64; 
border-bottom: #e4d6b3 5px solid
}
#fnet3 h3 {
background: #3f6e85; 
border-bottom: #e4d6b3 5px solid
}
.fpic {
border-right: #000 0px solid; 
border-top: #000 0px solid; 
float: left; 
border-left: #000 0px solid; 
width: 84px; 
margin-right: 10px;
border-bottom: #000 0px solid; 
height: 64px
}
.fpic img {
display: block; 
margin: 2px
}
.fname {
margin: 0px
}

/* :: LINKS :: */

#applinks {
clear:both;
margin-top:15px;
}

#mylinks {
width:95%;
padding-left:10px;
}

#mylinks h2 {
margin:30px 0 15px 0;
font-size:15px;
text-transform:uppercase;
background:transparent;
padding:2px 5px;
color:#e4d6b3;
border-bottom: 0px solid #5163A5;
}

#mylinks h2.firstheader {
text-transform:uppercase;
margin-top:0;
background:transparent;
padding:2px 5px;
color:#e4d6b3;

}

#mylinks .newsfeed {
margin:-8px 0 8px 0;
}

#mylinks p {
margin:0;
font-size:12px;
}

#mylinks .grey {
color:#e4d6b3;
}

#mylinks .col1, #mylinks .col2 {
overflow:hidden;
background:url() right bottom no-repeat;
}

#mylinks .linkinfo {
margin-bottom:15px;
padding:2px 5px;
}

.newsfeed span, .newsfeed a {
color:#5163A5;
text-decoration:none;
}

.url {
color:#e4d6b3;
}

.linkdesc {
color:#e4d6b3;
font-style:italic;
}

.feedurl {
display:none;
}


/* :: EVENTS :: */

.cdwn {
padding:2px 0;
}

.cdwn p {
margin:0;
}
/* :: ARCHIVE :: */

#arc {
width:95%;
padding:20px;
}

.month {
margin-bottom:12px;
}

.month, #cloud {
background:transparent;
}

.mpad, #cloud div {
padding-bottom:5px;
background:transparent;
width:100%;
}

#arc h3 {
margin:0;
font-size:13px;
height:25px;
padding-top:5px;
padding-left:5px;
text-transform:uppercase;
background:transparent;
color:#e4d6b3;border-bottom:0px solid #5163A5;
}

#arc h3 a:link, #arc h3 a:visited, #arc h3 a:active {
text-decoration:none;
color:#e4d6b3;
}

#arc h3 span {
display:block;
background:transparent;
padding:3px 10px;
}

#arc .month ul {
margin:10px 10px 0 10px;
padding:0;
}

#arc .month li {
list-style-position:outside;
list-style:none;
line-height:19px;
padding:0 12px 7px 5px;
color:#e4d6b3;

}

#arc a:link, #arc a:visited, #arc a:active {
color:#FF0A0A;
}

/* :: TAG CLOUD :: */

#cloud div:after {
content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
}

#cloud ul {
margin:5px 10px 0 10px;
padding:0;
width:75%;
}

#cloud li {
list-style-position:outside;
list-style:none;
line-height:26px;
height:30px;
margin:0;
padding-right:12px;
white-space:nowrap;
}

#cloud a:link, #cloud a:visited, #cloud a:active {
color:#e4d6b3;
}

.size1 {
font-size:12px;
        font-weight:bold;
}

.size2 {
font-size:12px;
font-weight:bold;
}

.size3  {
font-size:12px;
font-weight:bold;
}

.size4  {
font-size:12px;
font-weight:bold;
}

.size5  {
font-size:12px;
font-weight:bold;
}



/* :: TAGS :: */

#content .tags a:link, #content .tags a:visited, #content .tags a:active, .tag {
color:#FF0A0A;
}

#content .tags a:hover {
color:#e4d6b3;
}

.tagged {
font-weight:bold;
}

/* :: CARDS :: */

#ecard {
position:absolute;
width:126px;
height:19px;
bottom:2px;
left:2px;
}

/* :: POLL :: *







 #top2 { height: 420px;}




