@import url(http://my.opera.com/community/css/themes/mainstructure1.css);
@import url(http://my.opera.com/community/css/themes/maincolors1.css);
//@import url(http://my.opera.com/community/css/themes/common-1.css);

body {
	font-family:Arial, Helvetica, sans-serif !important;	
	}

body {
    background:transparent url(Ikariam/bg_stone.jpg) top left repeat !important;
    color: #542c0f;
}
#wrap1 {
    font-family:Arial, Helvetica, sans-serif !important;
}

#content {
    font-family:Arial, Helvetica, sans-serif !important;
}

a:link, a:visited, a:active, #side a.username:link, #side a.username:visited, #calendar tbody a:link, #calendar tbody a:visited, .title a:hover
{
    color: #3984c3;
}

h1, h2, .title a:link, .title a:visited 
{
    color: #b03937;
}

#side caption a:link, #side caption a:visited, #side .h2
{
    color: #b03937;
}

#wrap0 {
	background:transparent url(Ikariam/bg_header2.jpg) center top repeat-x;
	clear:both;
	width:100%;
	}    
  
#wrap1, #wrap4 {
	background:transparent !important;
	}
       
#wrap1, #wrap3, #wrap2, #wrap4 {
	margin:0 auto;
	width:1000px;
	}

#wrap2 {
        background:transparent url(Ikariam/bg_footer.jpg) center bottom no-repeat !important;
        padding-bottom:80px;
        }

.onecol #wrap2 {
        background:transparent url(Ikariam/bg_footer_onecol.jpg) center bottom no-repeat !important;
        }
        
#wrap3 {
	line-height:1.55;
	background:transparent url(Ikariam/bg_content.jpg) top center repeat-y !important;
	}    

.onecol #wrap3 {
	background:transparent url(Ikariam/bg_content_onecol.jpg) top center repeat-y !important;
        }

#wrap4  {
    padding:0px;
}
        
#top {
	background:transparent url(Ikariam/bg_header.jpg) top center no-repeat;
    margin:0 0 0 0px;
    height:336px;
    border:0px !important;
    width:1000px;
}

.onecol #top {
	background:transparent url(Ikariam/bg_header_onecol.jpg) top center no-repeat;
}

#top h1 {
    padding-top:9px !important; 
}

#top2 {
		padding-left:0px; padding-top:10px; 
        position:relative; 
        left:500px; 
        top: 133px;
        width:200px;
        height:50px !important;
	}

#top2 h1 {
    color:#ffff00;
    font-size:16px;
}

#subtitle{
	padding-top:2px; 
	height: 10px;
}

#menu { 	background:transparent; position:relative; left:0px; top:-20px; height:0px;}    
#menu ul { margin:0px 0px 0px 0px; }
#menu li {position:absolute;list-style:none;}

#menu a:link, #menu a:visited, #menu a:active { padding:83px 0px 0px 0px; }

#top #menu a:hover, #menu #selected:link, #menu #selected:visited { background-position:0 0px; }    
    
#menu a {
    display:block;
    color:#542c0f;
    text-decoration:none;
    width:90px;height:24px;
    border:0px !important;
    text-align:center;
    background:transparent no-repeat;
}

#menu #menu_links a, #menu #menu_albums a{
    padding:30px 0px 0px 0px;
    width:84px;height:24px;
}

#menu #menu_about a {
    padding:34px 0px 0px 0px;
    width:84px;height:24px;
}

/* nut unite */
#menu #menu_links {left:340px;top:0px;}
#menu #menu_links a{background-image:url(Ikariam/btn_world.gif);}
#menu #menu_links a:hover, #menu #menu_links #selected {background-image:url(Ikariam/btn_world_active.gif);}

/* nut photos */
#menu #menu_albums {left:424px;top:0px;}
#menu #menu_albums a{background-image:url(Ikariam/btn_island.gif);}
#menu #menu_albums a:hover , #menu #menu_albums #selected {background-image:url(Ikariam/btn_island_active.gif);}

/* nut archive */
#menu #menu_about {left:508px;top:-4px;}
#menu #menu_about a{background-image:url(Ikariam/btn_city.gif);}
#menu #menu_about a:hover, #menu #menu_about #selected  {background-image:url(Ikariam/btn_city_active.gif);}

/* nut about */
#menu #menu_blog {left:618px;top:-1px;}
#menu #menu_blog a{background-image:url(Ikariam/mayor.gif);}
#menu #menu_blog a:hover, #menu #menu_blog #selected  {background-image:url(Ikariam/mayor_active.gif);}

/* nut blog */
#menu #menu_archive {left:708px;top:-1px;}
#menu #menu_archive a{background-image:url(Ikariam/general.gif);}
#menu #menu_archive a:hover, #menu #menu_archive #selected  {background-image:url(Ikariam/general_active.gif);}

/* nut favorites */
#menu #menu_favorites {left:798px;top:-1px;}
#menu #menu_favorites a{background-image:url(Ikariam/scientist.gif);}
#menu #menu_favorites a:hover, #menu #menu_favorites #selected  {background-image:url(Ikariam/scientist_active.gif);}

/* nut friends */
#menu #menu_friends {left:888px;top:-1px;}
#menu #menu_friends a{background-image:url(Ikariam/diplomat.gif);}
#menu #menu_friends a:hover, #menu #menu_friends #selected  {background-image:url(Ikariam/diplomat_active.gif);}

/* xong phan top*/

#content, #footer {
	clear:both;
	position:relative;
	width:910px;
	text-align:left;
	margin:0 auto;
	}

.onecol #content, .onecol #footer {
	clear:both;
	position:relative;
	width:900px;
	margin:0 auto;
	}    
    
.onecol #content, #content {
	padding:20px 0;
	margin-top: -155px;
	}
    
#mainwrap {
	width:620px;
	padding-bottom:12px;
	float:right;
	}

#main {
	min-height:400px;
	width:620px;
	}

#main, #side {
	padding-bottom:10px;
	}

#sidewrap {
	width:240px;
	float:left;
	overflow:hidden;
	}

/* side bar*/    

#albumslides, #myphoto {
	border-color:#FBE4B8;
}

#side h2, #side caption, #side .h2 {
    font-size: 1.2em;
    padding-top: 10px;
    padding-right: 0pt;
    padding-bottom: 20px;
    padding-left: 0px;
    margin: 0px !important;
    font-weight: bold;
    text-align: center;
    line-height: 10px;
    background: transparent url(Ikariam/side_title.gif) top center no-repeat !important;
}

#latestposts li  {
    background-color: transparent;
	border-color: #FBE4B8;
}

#newcomments li  {
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #FBE4B8;
}

.cdwn {
	border-color: #FBE4B8;
}
   
/* shoutbox */

#shoutbox li {
	background:transparent;
	color:#999;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FBE4B8;
	}

#shoutbox .shout {
	background:transparent;
	}

#shoutbox blockquote {
	background:transparent;
	color:#000;
	}

#shoutbox blockquote p {
	background:transparent;
	}

/* calendar*/	
	
#calendar  {
	border-collapse:collapse;
	border-spacing:1px;
	border:1px solid #E4B873;
}

#calendar thead {
	background-color: #FBE4B8;
	line-height: 16px;	
	border:1px solid #E4B873;
}

#calender thead td {
	border:1px solid #E4B873;
}

#calendar tbody td{
	background-color: #FDF7DD;
	border:0px;	
}

#calendar tfoot td {
	background-color: #FBE4B8;
	border:1px solid #E4B873;
}

#nextmonth, #prevmonth  {
	padding: 2px 3px;
	width: 46%;
}

/* blog */

.post .sticky {
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 8px;
    height: 40px;
    line-height: 40px;
    color: #999999;
    background-color:transparent;
    background-image: url(Ikariam/ticky.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% 0px;
}

.post, .pagenav  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FBE4B8;
}

/* comment */

#main #newcomment,  #main #login-here {
    margin:0 auto;
    width:570px;
    height:334px;
    background:transparent url(Ikariam/bg_message.gif) no-repeat !important ;
}

#newcomment form, #login-here form {
    padding:10px 20px;
    background:transparent !important;
    margin:0 auto;
    border:transparent !important;
}


#newcomment h3, #newcomment h2 , #login-here h3 {
    line-height: 30px;
    background:transparent !important;
    border:transparent !important;
    margin:30px 0 0 0;
    font-size:12px;
    color:#111;
    padding:0 20px;
}

#newcomment #message {
    height: 220px;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 7px;
    margin-left: 0pt;
}

#newcomment #comment {
    height: 160px;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 7px;
    margin-left: 0pt;
}

/* favs */

#content .first {
    clear: both;
    margin-left: 0pt;
}

/*  meta */
#meta {
    float:left;
    text-align:left;
}

#footer2 {
    text-align:right;
}