/* MY OPERA GENERATED CSS */ body { background-color: #FFFFFF; background-image: none; } /* END OF MY OPERA GENERATED CSS */ /* Theme by Hoang Kien http://my.opera.com/hoangkien/ Base on "Dating Themes" from http://www.ezwpthemes.com */ @charset "utf-8"; body { margin:0; padding:0; font-family:Tahoma, "Times New Roman", Times, serif; background:url(body.jpg); } #wrap0, #wrap1, #wrap1[id], #wrap2, #wrap2[id], #wrap3, #wrap4 { display:block; width:100%; margin:0 auto; padding:0; overflow:hidden; background:none; } #wrap0 { background:url(content1.png) 50% 0px repeat-y; } #wrap1,#wrap1[id] { background:url(footer.png) 50% 100% no-repeat; } .onecol#wrap1,.onecol#wrap1[id] { background:url(content_1col.png) 50% 0px repeat-y; } #wrap2,#wrap2[id] { background:url(header.jpg) 50% 30px no-repeat; } .onecol #wrap2,.onecol #wrap2[id] { background:url(footer_1col.png) 50% 100% no-repeat; } #wrap3 { position:relative; background:url(header2.png) 50% 280px no-repeat; } .onecol #wrap3 { background:url(header_1col.jpg) 50% 30px no-repeat; } #wrap4 { position:relative; top:30px; width:800px; font-family:Tahoma, "Times New Roman", Times, serif; } /*MyO*/ #myo { position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:30px !important; margin:0 !important; padding:0 !important; background:url(myo1.png) top left repeat-x !important; border:none !important; } #myo2 { position:relative !important; width:900px !important; height:30px !important; top:0px !important; background:none !important; } #myo-logo, #myo-signup { display:none !important; } #myo-login { visibility:visible !important; display:block !important; width:280px !important; height:30px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:none !important; position:absolute !important; top:0px !important; left:600px !important; z-index:12345; background:url(login2.png) top left no-repeat !important; } #myo-login.hidelogin { visibility:visible; } #myo-login div { display:block; width:120px !important; height:85px !important; margin:0; padding:0; background:none; } #myo-login input { position:absolute; top:5px; left:222px; display:block; width:54px; height:20px; overflow:hidden; border:none; background:none; } *html #myo-login input { height:20px; } #myo-login input#username, #myo-login input#password { position:absolute; top:7px; left:24px; display:block; width:77px; height:16px; overflow:hidden; background:#fff; border:none; } #myo-login input#password { left:134px; } #myo-login input#rememberme, #myo-login .mobileclear, #myo-login a input, #myo-login b, #myo-login a, #myo-login a:link { display:none !important; } #myo-login .m span { visibility:hidden; } #editme { display:none !important; } #useravatar { margin:0 !important; } #userlinx { background:none !important; top:0px !important; left:400px !important; width:100% !important; } #userlinx li { width:75px !important; height:30px !important; margin:0 !important; padding:0 !important; text-align:center !important; color:#000 !important; line-height:30px !important; background:none !important; } #userlinx li b { color:#fff; } #userlinx .i-drop { background:transparent url(idrop.gif) 50px 3px no-repeat !important; padding-bottom:11px !important; } #userlinx #operalink .i-drop { background-position:53px 3px !important; } #userlinx #inbox, #userlinx #friendrequest { } #userlinx #inbox { background-position: 5px -1725px !important; } #userlinx #friendrequest { background-position:0px -862px !important; } #userlinx a, #userlinx a:link, #userlinx a:visited, #userlinx a:active { color:#000 !important; text-decoration:none; } #userlinx a:hover { color:#fff !important; } #userlinx ul, #userlinx ul.drop { width:160px !important; border:none !important; border-bottom:1px solid #000 !important; padding-bottom:0px !important; padding-left:0px !important; left:-6px !important; top:30px !important; background:#a90e0f url(drop.gif) top left repeat-y !important; } #userlinx ul li { border:none !important; width:150px !important; height:25px !important; text-align:left !important; background:none !important; } #userlinx ul.drop a { color:#000 !important; } #userlinx ul.drop a:hover, #userlinx ul.drop a.sffocus { background-color:transparent !important; color:#fff !important; } #userlinx ul span { background:none !important; } /*MyO Nav*/ #myo-nav { position:absolute !important; top:0px !important; left:0 !important; margin:0 !important; padding:0 !important; background:none !important; width:320px !important; height:30px !important; overflow:hidden !important; } .loggedin #myo-nav { left:0px !important; } #myo-nav ul { margin:0 !important; padding:0 !important; width:320px !important; height:30px !important; } #myo-nav ul li { width:80px !important; height:30px !important; margin:0 !important; padding:0 !important; background:none !important; } #myo-nav a, #myo-nav a:link, #myo-nav a:visited { width:78px !important; height:30px !important; margin:0 !important; padding:0 !important; background:none !important; color:#000 !important; line-height:30px !important; } #myo-nav a:hover { color:#fff !important; } /*Top*/ #top, #top2 { display:block; width:800px; height:410px; margin:0; padding:0; overflow:hidden; background:none; border:none; } #top { position:relative; } #top2 { position:absolute; top:310px; left:320px; width:470px; height:95px; margin:0; padding:0; overflow:hidden; } #top2 h1 { display:block; width:100%; height:40px; margin:0; padding:0; overflow:hidden; line-height:50px; } #top2 #subtitle { margin:0; padding:0; padding-top:5px; line-height:20px; } /*Menu*/ #menu { position:absolute; top:265px; left:112px; display:block; width:161px; height:136px; margin:0; padding:0; background:url(menu.png) top left no-repeat; border:none; overflow:hidden; } #menu ul { display:block; width:161px; height:136px; margin:0; padding:0; overflow:hidden; position:relative; } #menu li { } #top #menu a, #menu a, #menu a:link, #menu a:visited, #menu a:active { display:block; width:161px; height:34px; margin:0; padding:0; overflow:hidden; background:none; border:none; line-height:200px; } #top #menu a, #menu a, #menu a:link, #menu a:visited, #menu a:active { position:absolute; left:0; } #menu_archive, #menu_favorites, #menu_links, #menu_unite { display:none !important; } #menu_blog a, #menu_blog a:link, #menu_blog a:visited { height:30px; top:0; left:0; background:url(menu.png) -161px -0px no-repeat !important; } #top #menu_blog a:hover, #menu_blog a:hover { background:url(menu.png) -322px -0px no-repeat !important; } #menu_blog a#selected, #menu_blog a#selected:link, #menu_blog a#selected:hover, #menu_blog a#selected:visited { background:url(menu.png) -322px -0px no-repeat !important; } #menu_albums a, #menu_albums a:link, #menu_albums a:visited { height:37px; top:30px; left:0; background:url(menu.png) -161px -30px no-repeat !important; } #top #menu_albums a:hover, #menu_albums a:hover { background:url(menu.png) -322px -30px no-repeat !important; } #menu_albums a#selected, #menu_albums a#selected:link, #menu_albums a#selected:hover, #menu_albums a#selected:visited { background:url(menu.png) -322px -30px no-repeat !important; } #menu_friends a, #menu_friends a:link, #menu_friends a:visited { height:32px; top:67px; left:0; background:url(menu.png) -161px -67px no-repeat !important; } #top #menu_friends a:hover, #menu_friends a:hover { background:url(menu.png) -322px -67px no-repeat !important; } #menu_friends a#selected, #menu_friends a#selected:link, #menu_friends a#selected:hover, #menu_friends a#selected:visited { background:url(menu.png) -322px -67px no-repeat !important; } #menu_about a, #menu_about a:link, #menu_about a:visited { height:37px; top:99px; left:0; background:url(menu.png) -161px -99px no-repeat !important; } #top #menu_about a:hover, #menu_about a:hover { background:url(menu.png) -322px -99px no-repeat !important; } #menu_about a#selected, #menu_about a#selected:link, #menu_about a#selected:hover, #menu_about a#selected:visited { background:url(menu.png) -322px -99px no-repeat !important; } /*Content*/ #content { display:block; width:800px; margin:0; padding:0; overflow:hidden; } #sidewrap { display:block; width:240px; margin:0; padding:0; overflow:hidden; float:left; } #side { margin-top:100px; } #mainwrap, #main { display:block; width:487px; margin:0; padding:0; overflow:hidden; float:right; } /*Footer*/ #footer, #footer2 { display:block; width:487px; height:80px; margin:0; padding:0; overflow:hidden; clear:both; float:right; } #footer2 { position:relative; } #footer2 p { visibility:hidden; } #footer #meta, #footer2 #meta { visibility:visible; position:absolute; top:0px; left:0; text-align:left; } #footer2 #meta a, #footer2 #meta a:link, #footer2 #meta img { } #footer #operatxtad, #footer #mobileswitch, #footer #sitelang { display:none; } /*Comment*/ .comments pre { width:99%; padding:0; } #newcomment .avatar {display:none;} #newcomment .addcomment {width:465px;} #newcomment #comment {height:300px;} /*Album page*/ #mypix { display:block; width:487px; margin:0; padding:0; overflow:hidden; } #mypix li { display:block; width:240px; height:200px; margin:0; padding:0; margin-bottom:7px; overflow:hidden; background:#f4f4f4 url(album.png) top left no-repeat; } #mypix .thumb img { width:214px; height:160px; } .photoviews, .photocomments { bottom:12px; } /*Side album*/ .preview a:link, .preview a:visited, .preview a:active { background:transparent url(10.png) !important; } .preview a:hover { background:transparent url(30.png) !important; } #exif dt, #exif dd { border-top:1px solid #a90e0f; } #albumlist { border:none !important; } #albumlist li a, #albumlist li a:link, #albumlist li a:active, #albumlist li a:visited { background:url(li.png) 5px 5px no-repeat !important; color:#a90e0f !important; text-decoration:none; border:none !important; } #albumlist li a:hover { color:#fff !important; } /*Friend page*/ #myfriends li { width:155px; margin-left:10px; } #myfriends img { width:130px; height:98px; } /*Blog entry*/ .post { display:block; width:487px; margin:0; padding:0; margin-bottom:20px; overflow:hidden; background:#fff url(p_title_1.png) 0 4px no-repeat; border:none !important; position:relative; } .post .sticky { position:absolute; top:0; right:0; background:none; margin:0; padding:0; font-size:10px !important; text-transform:lowercase !important; } .post h2.title { display:block; width:475px; height:23px; overflow:hidden; margin:0; padding:0; padding-bottom:1px; line-height:22px; position:absolute; top:0px; left:60px; font-size:20px; background:none; color:#a90e0f; font-weight:normal; } .post h2.title a { color:#a90e0f; font-weight:normal; } .post h2.title a:hover { color:#000; } .post .postdate { position:absolute; top:23px; left:60px; display:block; height:10px; margin:0; padding:0; padding-right:5px; font-size:9px; color:#999; line-height:normal; overflow:hidden; text-transform:capitalize; background:#fff; } .post .tags { display:none; } .post .content { display:block; width:487px; margin:0; padding:0; padding-top:40px; overflow:hidden; } .post .postinfo { position:absolute; top:0; left:0; display:block; width:45px; height:27px; margin:0; padding:0; overflow:hidden; line-height:30px; text-align:center; } .post .postinfo img {display:none;} .post .postinfo a { color:#a90e0f; text-decoration:none; } .post .postinfo a:hover { color:#000; } .post .readmore { position:absolute; top:0px; right:0px; display:block; width:28px; height:30px; margin:0; padding:0; overflow:hidden; background:#900; } .post .readmore a { display:block; width:28px; height:30px; margin:0; padding:0; overflow:hidden; line-height:500px; background:url(r_more.jpg) 0 0 no-repeat; } .post .readmore a:hover { background:url(r_more.jpg) -28px 0px no-repeat; } .blogentry .post { background:#fff url(p_title_1.png) -45px 4px no-repeat; } .blogentry .post h2.title, .blogentry .post .postdate { left:14px; } /*Side title*/ #side h2 { display:block; width:240px; height:60px; margin:0; padding:0; padding-left:70px; margin-bottom:5px; line-height:85px; overflow:hidden; text-align:left; color:#fda601; background:url(h2_1.png) top left no-repeat; text-transform:uppercase; } /*Side Profile*/ #side #myphoto { background:url(10.png); border:none; } #side #myphoto img { padding-top:9px; } #side #mystatus { color:#ad0f11; } /*Side search*/ #blogsearch.sidebox { display:block; width:240px; height:50px; margin:0; padding:0; margin-bottom:20px; margin-top:20px; background:url(bg_shout_form.png) 0 10px no-repeat; } #blogsearch .h2 {display:none} #blogsearch.sidebox .pad { display:block; width:236px; height:26px; margin:0; padding:0; overflow:hidden; position:relative; top:12px; left:2px; background:none; } #blogsearch.sidebox #searchbox { position:absolute; top:1px; left:2px; display:block; width:190px; height:23px; margin:0; padding:0; padding-top:4px; background:none; border:none; font-size:14px; color:#cb1616; } #blogsearch.sidebox #submitsearch { position:absolute; top:0px; right:0px; display:block; width:27px; height:26px; margin:0; padding:0; overflow:hidden; cursor:pointer; padding-top:100px; background:none; border:none; } /*Side Slideshow*/ #albumslides { background:url(10.png); border:none; } /*Side friends + visitor*/ #friendz li, #visitors li { background:none; } #friendz a:link, #friendz a:visited, #friendz a:active, #visitors a:link, #visitors a:visited, #visitors a:active { background:transparent url(10.png) !important; color:#ad0f11; } #friendz li a:hover, #visitors li a:hover { background:transparent url(30.png) !important; color:#fff; } /*Side shout*/ #shout-form { position:relative; display:block; width:240px; height:30px; margin:0; padding:0 !important; margin-bottom:10px; overflow:hidden; background:url(bg_shout_form.png) top left no-repeat; } #shout-form #shout { position:absolute; top:2px; left:3px; display:block; width:190px; height:26px; margin:0; padding:0; padding-top:5px; background:none; border:none; font-size:14px; color:#fff; } #shout-form #submitshout { position:absolute; top:0px; left:198px; display:block; width:42px; height:30px; margin:0; padding:0; padding-top:100px; background:none; border:none; cursor:pointer; } #shoutbox li { display:block; width:100%; margin:0; padding:0; margin-bottom:10px; background:transparent url(10.png); color:#333; font-family: Arial; } #shoutbox li p { padding-left:5px; } #shoutbox .userpic { width:42px; height:32px; margin:0; border:none; background:none; } #shoutbox .userpic img { width:40px; height:30px; margin:0; margin-top:2px; padding-right:2px; float:right; } #shoutbox .shout { background:none; font-family: Arial; } #shoutbox blockquote { width:230px; background:none; font-family: Arial; color:#ad0f11; margin:0; padding:0; margin-left:5px; } #shoutbox blockquote p { background:none; font-family: Arial; margin:0; padding:0; } /*Side Newcomment*/ #newcomments li { border:none; } #newcomments a.username:link, #newcomments a.username:active, #newcomments a.username:visited { color:#a90e0f; } /*Side poll*/ #poll li { border:none; } #poll #pollquest { color:a90e0f; } /*Side latestposts*/ #latestposts li { background:url(li.png) 0px 5px no-repeat; border:none; padding-left:20px; } #latestposts li a, #latestposts li a:link, #latestposts li a:visited, #latestposts li a:active { color:#a90e0f; text-decoration:none; } #latestposts li a:hover { color:#000; } /*Side Link*/ #side .sidelinx li { border:none; background:url(li2.png) 0px 5px no-repeat; padding-left:20px; } #side .sidelinx li a, #side .sidelinx li a:link, #side .sidelinx li a:visited, #side .sidelinx li a:active { color:#a90e0f; text-decoration:none; } #side .sidelinx li a:hover { color:#000; } /*Side countdown*/ .cdwn { border:none; color:#a90e0f; font-weight:bold; } .cdwn .summary { font-weight:bold; color:#000; } /*Side Tags*/ #tagcloud li { clear:both; display:block; width:100%; border:none; background:url(li3.png) 0px 5px no-repeat; } #tagcloud li a, #tagcloud li a:link, #tagcloud li a:visited, #tagcloud li a:active { display:block; width:100%; padding-left:20px; text-decoration:none; color:#2c2b2d; } #tagcloud li a:hover { color:#fff !important; } /*Side calendar*/ #calendar { background:none; border:none; } #calendar td { background:none; border:none; } #calendar tbody td a, #calendar tbody td a:link, #calendar tbody td a:visited, #calendar tbody td a:active { display:block; width:100%; height:100%; background:none; color:#a90e0f; } #calendar tbody td a:hover { background:url(30.png); color:#fff; } #calendar caption { width:240px; height:60px; margin:0; padding:0; line-height:85px; overflow:hidden; text-align:left; color:#fda601; background:url(h2_1.png) top left no-repeat; text-transform:uppercase; } #calendar caption a, #calendar caption a:link, #calendar caption a:active, #calendar caption a:visited { width:240px; height:60px; margin:0; padding:0; padding-left:70px; overflow:hidden; text-align:left; font-weight:bold; color:#fda601; line-height:85px; background:none; } #calendar caption a:hover { color:#fff; text-decoration:none; } /**/ .img { display: inline!important; margin:0 5; }