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


/* :: Main Layout :: */


body {
	background:#fff url(http://files.myopera.com/demiphonic/Heroes/Heroes-Cast-e.jpg) repeat;
	background-attachment:fixed;
	margin:0;
	padding:0;
	font-family:'lucida grande','lucida sans unicode','bitstream vera sans','trebuchet ms',arial,sans-serif;
	font-size:13px;
	text-align:center;
	color:#333;
	}

#wrap0 {
margin-top:30px
}

#wrap1 {	
	width:850px;
	margin:0 auto;
	background:#333;
	border:1px solid #FFFFCC;		
	}

#wrap4 {	
	background:#fff;
	}

#top2 {	
	height:325px;
	padding-left:15px;
	background:url(http://files.myopera.com/demiphonic/Heroes/Heroes-Banner2a.jpg) top left no-repeat;	
	border-top:1px solid #fff;	
	}

#menu ul { 
padding:0;
margin:0;
height:29px; 
}

#menu {
	clear:both;
	background:none; 
	}

#menu ul {
	padding:0;
	margin:-30px 0 10px 0;
	height:29px; 
	}

#menu li {     
	float:left;
	line-height:26px;
	height:27px;
	overflow:hidden;
	font-size:11px;
	list-style:none;
	width:16%;
	margin:1px 0 0 0;
	padding:0; 
	}

#menu a {
	font-size:17px;
	display:block;
	height:27px;
	color: #CCCC99;
	text-decoration:none;
	text-align:center;
	background:none;
	border-left:none;
	border-right:none;
        font-family:'ITC New Baskerville', 'times new roman', 'Minion', serif;
	}

#menu a:hover, #menu a#selected {
	background:none;
	background-position:100% -27px; 
	}

#menu_blog a
	{
	content: "blog";
	}

#menu_friends a
	{
	content: "members";
	}

#menu_about a
	{
	content: "about";
	}

#menu_albums a
	{
	content: "photos";
	}

#menu_links a
	{
	content: "links";
	}

#menu_archive a
	{
	content: "<<<";
	}

#content, #footer {
	clear:both;
	position:relative;
	background:#fff;	
	text-align:left;
	margin:0 auto;	
	color:#333;
	}

#content {
	margin:0;
	}

#top h1 {
	margin:0;
	width:100%;
	overflow:hidden;
	font-size:25px;
	font-family:'ITC New Baskerville', 'times new roman', 'Minion', serif;
	color:#FFFFCC;
	line-height:normal;
	padding-top:240px;
        padding-left:36px;
	}

#subtitle {	
	width:100%;
	overflow:hidden;
	font-size:14px;
	font-family:'ITC New Baskerville', 'times new roman', 'Minion', serif;
	color:#FFFFCC;
        padding-left:36px;
	}







/* :: SIDEBAR :: */

a.username:link, a.username:visited, a.username:active  {		/* :: link color" (default) :: */
	color:#333;
	}


#side a:link, #side a:visited, #side a:active {
	color:#333;
	}


#sidewrap { 
	color:#333; 							/* :: "text font color" :: */
	}

#side h2, #side caption {						/* :: "header Sidebox" :: */
	color:#fff; 					/* :: "text font color" :: */							
	background:#CCCC99 url(http://files.myopera.com/demiphonic/Heroes/NBC_strip2.jpg) top left repeat-y;	/* :: "background text area" :: */	
	text-align:right;
        font-size:10px;
	font-weight:bold;
	border:1px solid #333;	
	padding:5px 10px;
	}


.sidebox {
	background:#CCCC99;	
	margin-bottom:15px;	
	}

.sidebox .pad {
	background:#CCCC99;
	padding:0px;
	border:1px solid #000033;
	}

.sidebox p {
	margin:20;
	color:#000033;
	}

#myspots h2 { background:#CC6633 url(http://files.myopera.com/demiphonic/Heroes/NBC_strip2.jpg) top left repeat-y !important; color:#fff !important }

#myphoto { border:1px solid #333; background:#CCCC99 }

#albumslides { border:1px solid #CCFF99; background:#000 !important }


#qp p { border:none }

#friendz a, #latestposts li, #visitors a, #spotusers a, #spotblogs a { background:none !important }








/* :: Blog Page :: */

.post .sticky {
	margin:48px 5px 0 0; 
	background:#fff url(http://files.myopera.com/demiphonic/Heroes/NBC-Sticky.png) top right no-repeat;
	color:#fff;
	height:15px;
	}

.title a:link, .title a:visited, .title a:active { 
	color:#fff; 							/* :: Blog headline link color" (default) :: */
	}

.post .title a:hover { 
	color:#CCCC99; 							/* :: headline link color" (Hover-effect) :: */
	}

.tagicon {
	float:right;
	margin:8px 20px 0 10px;
	}

#firstpost {
	border:none;		
	}

#lastpost {
	border:none;
	}

.post .title {
	background:#CCCC99 url(http://files.myopera.com/demiphonic/Heroes/NBC_strip2.jpg) top left repeat-y;	
	border:3px solid #990000;
        padding-left:3px;
	margin:5px 0 10px 0;	
	line-height:normal;
	min-height:25px;		
	}

.title a:link, .title a:visited, .title a:active {
	color:#fff;
	text-decoration:none;
	margin:0 0 0 10px;
	padding:5px 0 0 0;
	font-size:18px;
	}


.post .title a:hover {
	color:#333;
	}


.post {
	padding:16px 5px 10px 5px;
	margin-bottom:10px;
	overflow:hidden;	
	}

.postdate, .post .tags {
	color:#333;
	margin:0 0 2px 0;
	font-size:11px;
	line-height:normal;
	text-transform:uppercase; 	
	}


.postdate {	
 	border-bottom:1px solid #333;
	width:450px;
	}


.content {
	border:1px solid #000033;
	margin-top:14px;
	padding:5px;
	background:url(http://files.myopera.com/demiphonic/wickedlizard/text_bg_t.jpg) top right no-repeat;
	}


.aligncenter {	
	color:#fff;
	margin-top:14px;
	}


.imgcenter {	
	color:#fff; 
	margin-top:14px;
	}


#blogtools {
margin-top:-5px;
}

#blogtools img {
position:absolute;
margin-top:280px;
margin-left:330px;
}








/* :: Profile page :: */


#h2-name { width:560px; position:absolute; text-align:right }

#personal ul { margin-left:0px; padding-top:35px }

#profile #userpic { 
margin-top:30px;
background:none;
border:none;
}

#profile #userpic img {
border:5px solid #CCCC99;
}


#profile h2 {
	background:url(http://files.myopera.com/demiphonic/Heroes/NBC_strip2.jpg) top left repeat-y;		/* :: About "header" :: */
	color:#fff;
	text-align:left;
        padding-left:10px;
	border-top:1px solid #fff;
        border-left:1px solid #fff;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
	}



#profile-top {
	background:url(http://files.myopera.com/demiphonic/wickedlizard/text_bg_t.jpg) top left repeat-y;		/* :: "background text area" :: */
	color:#333;	
	border:1px solid #fff;						/* :: "text font color" :: */
	}


#profile .box, #profile table { 
	background:url(http://files.myopera.com/demiphonic/wickedlizard/text_b.jpg) top left repeat-y;		/* :: "background image" (other boxes) :: */
	color:#333; 						/* :: "text font color" (other boxes) :: */
	border:1px solid #333;					/* :: "box border - 1px - white :: */
	}



#profile-col2 li {
	list-style:none;
	list-style-position:outside;
	color:#fff; 	
	line-height:20px;
	clear:both;
	}


#grouplist a {
	display:block;
	width:100%;
	color:#333; 
	overflow:hidden;
	}







/* :: Footer :: */

#footer { 
	color:#333; 							/* :: "text font color" :: */
	width:80%;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:#333; 							/* :: "link text color" :: */
	}








/* :: Archive :: */

#arc {
	margin:0;	
	}

.month {
	margin-bottom:12px; 
	margin:0 0 0 5px;	
	}

.month, #cloud {
	margin:0;	
	}

.mpad, #cloud div {
	padding-bottom:5px;
	width:100%;
	background:#CCCC99;
	}

#arc h3 {
	margin:2px 10px 2px 10px;
	padding:2px 5px 2px 5px;
	font-size:13px;
	text-transform:uppercase;
	color:#CCCC99;
	background:#CCCC99 url(http://files.myopera.com/demiphonic/Shield_Wolf/wood-strip-8.5.jpg) top left repeat-y;
	border:1px solid #333;
	text-align:right;
	}

#arc h3 a:link, #arc h3 a:visited, #arc h3 a:active {
	text-decoration:none;
	color:#CCCC99;		
	}

#arc h3 span {
	display:block;
	padding:3px 10px;	
	}

#arc .month ul {
	margin:10px 10px 0 10px;
	padding:0; 	
	border-top:1px solid #333;	
	border-left:1px solid #333;
        border-right:1px solid #333;
        border-bottom:1px solid #333;
	}

#arc .month li {
	list-style-position:outside;
	list-style:none;
	line-height:19px;
	padding:0 0 7px 26px;
	color:#333; 
	background:#CCCC99;
	}

#arc a:link, #arc a:visited, #arc a:active {
	color:#333;
	}









/* :: FRIENDS :: */

#myfriends li { 
                       background:none !important;
                       width:170px;
                       height:220px;
                       float:left; 
                       border:1px solid #000033;                      
                       overflow:hidden; 
                     }

#myfriends li div { background:none !important; }

#myfriends span {
white-space:pre;
height:18px !important;
color:#ff3333 !important
}

#myfriends a:link, #myfriends a:visited { color:#000033 }









/* :: CALENDAR :: */


#calendar {
	border-spacing:1px;
	clear:both;
	margin-bottom:15px;
	width:230px;
	font-size:10px;
	background:#fff;
	border-bottom:1px solid #fff;
	}

#calendar tr:first-child {
	empty-cells:show;
	}

#calendar th {
	font-size:10px;
	line-height:18px;
	height:18px;
	text-align:center;
	}

#calendar td {
	line-height:16px;
	border-top:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	padding:1px 3px;
	text-align:center;
	font-size:10px;
	}

#calendar tfoot td {
	text-align:left;
	border:none;
	height:16px;
	padding:2px 3px;
	}

#calendar td.l {
	background:#fff;
	}

#calendar td a {
	color:#990000 !important;
	}

#calendar td#today {
	background:#fff;
	}

#calendar caption {
	padding:0;
	}

#side a#calendarmonth {
	display:block;
	padding:2px 0 2px 5px;
	text-decoration:none;
	color:#fff;
	}

#side a#calendarmonth:hover {
	background:#000033;
	color:#fff;
	}

#nextmonth, #prevmonth {
	width:49%;
	background:#fff;
	color:#333;
	}

#nextmonth {
	text-align:right;
	background:#fff;
	color:#333;
	}


.arrow-prev {
	color:#333;
	}








/* :: TAGS :: */

#content .tags a:link, #content .tags a:visited, #content .tags a:active, .tag {
	color:#333;
	}

#content .tags a:hover {
	color:#CCCC99;
	}








/* :: GENERAL RULES :: */


a:link, a:active {
	color:#000033;				/* :: link color" (default) :: */
	font-size:13px;
	}

a:visited {
	color:#333; 				/* :: link color" (default) :: */
	font-size:13px;
	}

a:hover {
	color:#0066CC;				/* :: link color" (Hover-effect) :: */ 
	font-size:13px;
	}

code,pre {
color:#000;
}









/* :: LINKS :: */

#applinks {
	clear:both;
	margin-top:15px;
	}

#mylinks {
	width:100%;
        color:#fff;
	}

#mylinks h2 {
	background:#CCCC99 url(http://files.myopera.com/demiphonic/Heroes/NBC_strip2.jpg) top left repeat-y;
	margin:30px 0 15px 0;
	padding:2px 5px 2px 5px;
	font-size:19px;
	border:1px solid #333;
	text-align:right;
	}

#mylinks h2.firstheader {
	margin-top:0;
        color:#fff;
	}


.url {
	color:#990000;
	}

.linkdesc {
	color:#333;
	font-style:italic;
	}









/* - ALBUM OVERVIEW - */


.albumnfo {
float:left; 
width:340px;
min-height:150px;
margin-top:-130px; 
margin-left:200px;
}

.albums {
	margin-top:18px;
	background:#fff;
	}

.albums p {
	margin:0;
	padding:0 0 8px 0;
	color:#333; 
	}

.albums h3 {
	margin:0 0 10px 0;
	font-size:12px;
	}

.albums .clear {
	margin:0;
	}

.album1 {
	clear:both;
	background:#CCCC99;
	border:1px solid #000033;
	padding:10px 10px 9px 10px;
	margin-bottom:15px;
	}

.album2 {
	background:#CCCC99;
	clear:both;
	margin:15px 0;
	border:1px solid #000033;
	padding:10px 10px 9px 10px;
	}

.albumimage {
	margin:6px;
	border:1px solid #333;
	}


.albdesc {
	width:100%;
	overflow:hidden;
	}

.albums .access {
	margin-top:5px;
	}

.editimg {
	margin:6px 0;
	}

div.access {
	clear:both;
	margin-top:10px;
	border:1px dotted #fff;
	background:#333;
	padding:5px 10px;
	}

div.access p {
	margin:0;
	font-size:10px;
	}








/* - 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:11px;
	margin:5px 0 0 0;
	padding:1px 5px;
	border:1px solid #000033;
	color:#fff; 
	background:#000033 url(http://files.myopera.com/demiphonic/Heroes/NBC_strip2.jpg) top left repeat-y;
	}

#mypix div p.right {
	border-left:none;
	background:none;
	}

#mypix div div {
	padding:6px;
	height:212px;
	border:1px solid #000033;
	}

#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:#fff;
	}

#mypix a:link, #mypix a:visited {
	color:#fff;
	text-decoration:none;
	}

#mypix a:hover {
	color:#FF6666;
	}









/* - ALBUM VIEW IMAGE - */


#frame1 {
	clear:both;
	width:100%;
	border:1px solid #CCCC99;
	}

#frame2 {
	padding:6px;
	}

#frame3 {
	position:relative;
	width:100%;
	background:#CCCC99;
	}

#frame3 img {
	display:block;
	margin:0 auto;
	}

#frame3 p {
	margin:0;
	padding:6px 0 3px 0;
	background:#fff;
	text-align:center;
	color:#CCCC99;
	}

.comments {
	margin-top:15px;
	}

#newcomment {
	margin-top:25px;
	}

#belowimage {
	clear:both;
	padding-top:10px;
	}

.preview {
	width:87px;
	float:left;
	text-align:center;
	margin:2px 0 5px 0;
	}

.preview img {
	margin:2px;
	}

.preview p img {
	margin-bottom:-1px;
	}

.preview div {
	width:85px;
	height:64px;
	background:#fff;
	border:1px solid #333;
	}

#side .preview a {
	color:#15a;
	}

#previewdesc {
	max-height:220px;
	overflow:hidden;
	margin-bottom:7px;
	}

#imgtotal {
	margin:0 0 2px 0;
	}

#desc {
	margin-bottom:30px;
	}

#desc p, #desc div {
	margin:0 0 10px 0;
	}

#exif {
	margin:0;
	}

#exif dt {
	clear:both;
	float:left;
	width:74px;
	overflow:hidden;
	border-top:1px dotted #000033;
	}

#imageproperties dt {margin-top:12px}

#exif dd {
	float:right;
	width:106px;
	overflow:hidden;
	margin-right:-5px;
	padding:0;
	border-top:1px dotted #000033;
	}

#exif .filename {
	border:none;        
	}

#picnav #p1, #picnav #p2 { width:110px !important }

#picnav .preview a {color:#333} {margin-left:5px}








/* :: COMMENTS :: */

.feedicon {
	margin-bottom:-3px;
	}

.comments h2 {

	padding:2px 5px 2px 5px;
	font-size:13px; 
	border:1px solid #FFFFCC;
	background:#fff url(http://files.myopera.com/demiphonic/Heroes/NBC_strip2.jpg) top left repeat-y;
	text-align:right;
	}

.comments { 
        clear:both;
        margin:0 0 0 5px;  
          }

.comment1 {
        clear:both;      
        border-top:1px solid #000033;
        border-left:1px solid #000033;
        border-right:1px solid #000033;
        border-bottom:1px solid #000033;  
	background:#CCCC99 url(http://files.myopera.com/demiphonic/wickedlizard/text_bg_t.jpg) top left no-repeat;     
        }

.comments .bot {
        padding:10px;
        }

.comment2 {
        clear:both;           
	 border-top:1px solid #000033;
        border-left:1px solid #000033;
        border-right:1px solid #000033;
        border-bottom:1px solid #000033;         
	background:#CCCC99 url(http://files.myopera.com/demiphonic/wickedlizard/text_bg_t.jpg) top left no-repeat;}

.ownercomment .avatar {float:right; width:58px; height:58px; border:1px solid #FFFFCC; background:#000;}

.avatar img {margin:4px;
}

.comments .text {
        margin:0 0 0 69px;
        padding:5px;      
        }

.comment-by {
        clear:both;
        color:#fff;
	font-size:11px;
	margin:20px 0 0 0;
	padding-top:6px;
        }

.editcomment { 
        font-size:10px;
        margin:10px 0 0 0;
        }

.editcomment a:link, .editcomment a:visited {
        color:#990000;
        }

.permalink a:link, .permalink a:visited {
	color:#fff;
	}

.del {
color:#990000 !important;
}

.pagenav a { border:none !important; background:none !important; color:#000033 !important }

.pagenav b { border:none !important; background:none !important; }


blockquote.bbquote, .post blockquote {
background:#999966 url(http://files.myopera.com/demiphonic/Dacotah/quote-normal-red.png) 5px 5px no-repeat;
padding:5px 5px 5px 33px;
margin:10px 5px;
color:#990000;
}






/* :: LATEST COMMENTS + RECENT VISITORS :: */

#newcomments a.usertext:link, #newcomments a.usertext:visited {
	color:#333;
	}

#visitors li { 
width:230px; 
height:60px;
float:left;
overflow:hidden; 
border-bottom:1px dotted #f9f9f9;
}

#visitors .block {
margin:-40px 85px;
}

#newcomments .userpic { float:right;}

#newcomments li {list-style:none}

#newcomments .usertext {text-align:justify;}







/* :: GET OPERA :: */

#side #getopera h2 {
	background:#333 url(http://files.myopera.com/demiphonic/Heroes/NBC_strip2.jpg) top left repeat-y;	
	color:#fff;
	}


#getopera .pad {
	color:#333;
	background:#CCCC99;
	}







/* shoutbox */


#shoutbox li {
background:none;
border-bottom:1px dotted #fff;
list-style:none;
}

#shoutbox p {
background:none;
color:#CCCC99;
padding:10px;
}

#shoutbox blockquote {
background:none;
color:#333;
margin-top:-5px;
}

#shoutbox .me p {
background:none;
}







/* favourite links */

#favlinks .box { border:1px solid #333}

#favlinks .box { 
border:1px solid #fff; 
padding:0 5px;
}







/* Spotlight Users */

#spotusers li {
width:110px; 
padding:2px;
float:left;
overflow:hidden; 
}

#spotblogs li { 
width:230px;
height:55px;
float:left;
border-bottom:1px dotted #f9f9f9;
}

#spotblogs img {
width:65px;
height:50px;
float:left;
}

#spotblogs .block {
width:150px;
height:50px;
margin-left:5px
}