/*  
Theme Name: Resurrection
Theme URI: http://vikiworks.com
Version: 1.1
Author: yichi
Author URI: http://vikiworks.com
*/


/*/////////////////////////////////////////
///////////////// OVERRAL ////////////////
/////////////////////////////////////////*/	
html { margin:0; padding:0; font: 76%/130% "Lucida Grande", Arial, Verdana, sans-serif; color:#FFFFFF; background:#FFFFFF url(images/bg13.jpg) no-repeat left top fixed; }
a	{ outline:none;  text-decoration:none; }
a:link, a:visited { color:#000000; }
a:hover { color:#ffcc00; }
.clear { clear:both; }
.center { text-align:center; }
.eventTitle {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #330000;
	text-decoration: None;
}
.eventTitleSmall {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color:#330000;
	text-decoration: None;
}
.eventDate {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.eventDateSmall {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.eventBody {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	padding:10px;
}
.pagetitle { margin:0; padding:5px 5px 20px 20px; font:16px arial,verdana;color:#FFFFFF; background-color:#111e2d;}
p { line-height:20px; }
ul { list-style:none; margin:0; padding:0; }	
	
code { font:.9em Arial, "Courier New"; color:#fff; padding:8px; background:#b28327; display:block; border:1px solid #daac52; }
blockquote { color: #679ef1; padding-top: 5px; padding-bottom: 5px; background: url(images/close-quote.gif) no-repeat right bottom; }
blockquote p { padding-left: 10px; text-indent: -18px; }
blockquote p:first-letter { background: url(images/open-quote.gif) no-repeat left top; padding-left: 18px; padding-top: 8px; }
blockquote p ~ p:first-letter { font-size:12px; background: none; }
.pullquote { padding: 6px; float: right; width: 180px; margin:10px 0 10px 10px; border-top:1px solid #005b8e; border-bottom:1px solid #005b8e; text-align: center; line-height: 22px; font-family: georgia, verdana, Arial, Helvetica, sans-serif; text-transform:none; color:#ccc; }


/*/////////////////////////////////////////
//////////// MAIN STRUCTURE /////////////
/////////////////////////////////////////*/
div#container { text-align:left; width:850px;padding:0; margin:0 auto; margin-top:130px; margin-left:110px;}	
div#wrapper { width:100%; overflow:auto; background:#111e2d;}
div#content { width:430px; float:left; padding:10px 8px 20px 12px; background:#FFF;}
div#wvLogo {
	position:absolute;
	left:5px;
	top:10px;
	width:175px;
	height:81px;
	z-index:1;
	visibility: visible;
}
div#summer {
	position:absolute;
	left:255px;
	top:0px;
	width:247px;
	height:122px;
	z-index:88;
	visibility: visible;
}
div#summerPass {
	position:absolute;
	left:255px;
	top:0px;
	width:247px;
	height:122px;
	z-index:1;

}
div#header { text-align:right; width:850px;padding:0; margin:0 auto; margin-top:110px;margin-left:110px;}	
div#snowRep {
	position:absolute;
	left:792px;
	top:110px;
	width:176px;
	height:20px;
	z-index:1;
	visibility: visible;
}
/*/////////////////////////////////////////
///////////////// HEADER ////////////////
/////////////////////////////////////////*/
div#header { margin:0; padding:0; }
div#header h1 { font:26px times; margin:0; }
div#header h1 a:link { color:#000; display:block; width:200px; height:100px; }
div#header h1 a:visited { color:#000; display:block; width:200px; height:100px; }
div#header h1 a:hover { color:#FFCC00; }	
div#header h1 small { display:block; color:#000; font-size:10px; text-transform:uppercase; letter-spacing:-1px; margin:10px 0 0 0; }	


/*/////////////////////////////////////////
////////////////		MENU     ////////////////
/////////////////////////////////////////*/
ul#menu { float:right; }
ul#menu li#rss { text-indent:-9000em; width:51px; height:54px; display:block; padding:0 10px 0 30px; margin:0; }
ul#menu li#rss a { background:url(images/feed.gif) no-repeat; display:block; width:51px; height:54px; position:relative; padding:0; margin:40px 0 0; }
ul#menu li#rss a:hover { background:url(images/feedover.gif) no-repeat; }	

	
/*/////////////////////////////////////////
///////////////   POST  ////////////////
/////////////////////////////////////////*/
div.post { margin-bottom:  10px; padding-bottom:20px; color:#111e2d;}
div.post h2  { font:1.5em Arial, verdana; letter-spacing:-1px; margin:0px; text-transform: capitalize; color:#111e2d; }
div.post h2 a:link { color:#000000; text-decoration:none; }
div.post h2  a:visited { color:#000000; text-decoration:none; }
div.post h2 a:hover { color:#FFCC00; border-bottom:1px dotted #000000; }
div.post small { font-size:85%; font-family:arial; letter-spacing:normal; display:block; color:#000000 }			
div.post small a { color:#000; }
div.post small a:hover { color:#ffcc00 }
	
div.post div.entry ul{ margin:10px; padding:5px; }
div.post div.entry ul li { background:url(images/icon_miniarrow.gif) no-repeat 0 50%; padding:2px 0px 2px 10px; }		
div.post div.entry ol { list-style:decimal-leading-zero; }

div.post div.entry a { text-decoration:none; font-weight:bold; color:#000000; }
div.post div.entry a:link { color:#000; }
div.post div.entry a:visited { color:#000; }
div.post div.entry a:hover { color:#FFCC00; }

div.post img { border:4px solid #CCCCCC; }
div.post img.nb { border:0px;}
div.post img.nb:hover { border:0px;}
div.post img:hover { border:4px solid #999; }
div.post img.wp-smiley  { border:0px none; margin:0; }
.post-comments { background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px; margin:0; }


/*/////////////////////////////////////////////

 DIVIDER FOR THE POSTS
*/
div.divider {
	background: url(/wp-content/images/hr1.png) center center repeat-x;
	margin: 1em 0;
}

/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/
h3#comments { font-weight:normal; font:bold 12px arial, verdana; text-transform:uppercase; letter-spacing:-1px; color:#bdbd9f;padding:0 0 0 25px; background-position:left; background-repeat:no-repeat; }
h3#respond { font-weight:normal; font:bold 12px arial, verdana; text-transform:uppercase; letter-spacing:-1px; color:#bdbd9f;padding:0 0 0 25px; background-position:left; background-repeat:no-repeat; }
h3#comments { background-image:url(images/icon_comments.gif); }
h3#respond  {background-image:url(images/icon_addcomment.gif); }	

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }

ol.commentlist li { border-bottom:1px solid #666; padding:10px; }
ol.commentlist h5 { font-size:11px; margin:0; padding:0; }	
ol.commentlist h5 a:link, a:visited { color:#679ef1; }
ol.commentlist h5 a:hover { color:#eee; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { background-color:#1e2224; }
ol.commentlist li.alt { background-color:#292d30; }
ol.commentlist li span.moderate { background:url(images/icon_cursor.gif) no-repeat; padding:2px 0px 2px 20px; color:#f30; }
	
#commentform input#author,
#commentform input#email,
#commentform input#url { background:#fff url(images/icon_form.gif) no-repeat; border:1px solid #fff; padding:4px 4px 4px 30px; width:210px; }

#commentform input#author	{ background-position:3px -3px; }
#commentform input#email	{ background-position:3px -33px; }
#commentform input#url { background-position:3px -63px; }
	
#commentform #comment { width:99%; font: 16px/18px Arial, Verdana, sans-serif; background-color:#eee; border:1px solid #CCC; color:#333; }		

/*/////////////////////////////////////////
///////////////// SIDEBARS ////////////////
/////////////////////////////////////////*/
div#sidebar { width:400px; float:left;  background-color:#111e2d }
div#sidebar a:link { color:#FFF; }
div#sidebar a:visited { color:#FFF; }
div#sidebar a:hover { color:#679ef1; }	
div#sidebar a img { border:none; }	
div#sidebar h2 { font-size:12px; color:#FFF; text-align:center;	text-transform: uppercase; }
div#sidebar h4 { font-size:12px; color:#FFF; text-align:center;	text-transform: uppercase; }
div#sidebar .mainB {font:bold 12px Arial, Helvetica, sans-serif; color:#fff; }
div#sidebar .main {font:bold 10px Arial, Helvetica, sans-serif; color:#fff; }

#sidebar .cat { font-size:11px; height: 100%;width:200px; float:right; background-color:#111e2d; color:#FFFFFF; }
#sidebar .cat h2 {margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; 
color:#FFF; height:30px; }
#sidebar .cat ul { margin: 0px; padding: 0 0 10px 0; }
#sidebar .cat li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; }
#sidebar .cat li a { text-decoration:none; border-bottom:1px dotted #FFFFFF; }
#sidebar .cat li a:hover { text-decoration:none; border-bottom:1px solid #ffcc00; }


#sidebar .recent-posts { font:11px arial; width: 200px; float: left; background:#111e2d; }
#sidebar .recent-posts h2 { margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; 
color:#fff; }
#sidebar .recent-posts ul { margin: 0px; padding: 0 0 10px 0; }
#sidebar .recent-posts li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; }
#sidebar .recent-posts li a { text-decoration:none; border-bottom:1px dotted #FFFFFF; }
#sidebar .recent-posts li a:hover { text-decoration:none; border-bottom:1px solid #ffcc00; }


#sidebar .monthly { font-size:11px; width:200px; float:right; background:#0b3262 url(images/archive-bg.gif) no-repeat bottom right; }
#sidebar .monthly h2 { margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; 
color:#679ef1;}
#sidebar .monthly ul { margin: 0px; padding: 0 0 10px 0; }
#sidebar .monthly li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; }
#sidebar .monthly li a { text-decoration:none; border-bottom:1px dotted #225999; }
#sidebar .monthly li a:hover { text-decoration:none; border-bottom:1px solid #ccc; }


#sidebar .delicious  { font:11px arial; width: 200px; float: left; background:#005b8e url(images/bottoml.gif) no-repeat bottom left; padding-bottom:45px; }
#sidebar .delicious h2 { margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; 
color:#eee; }
#sidebar .delicious h2.delicious-banner  { display:none; }
#sidebar .delicious ul {	list-style-type:none; margin:1em 0 1em 0; }
#sidebar .delicious li { list-style-type:none; margin:0; padding:5px 5px 5px 18px; background:url(images/left-dot.gif) no-repeat 5px 50%; }
#sidebar .delicious a { text-decoration:none; border-bottom:1px dotted #0a72ac; }
#sidebar .delicious a:hover { text-decoration:none; border-bottom:1px solid #ccc; }



#sidebar .sponsor { font-size:11px; width:200px; float:right; background:#0b3262 url(images/bottomr.gif) no-repeat bottom right; padding-bottom:65px; }
#sidebar .sponsor h2 { margin: 5px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; 
color:#679ef1; }
#sidebar .sponsor ul { margin: 0px; padding: 0 0 10px 0; }
#sidebar .sponsor li { margin: 0px; padding: 5px 5px 5px 18px; list-style-type: none; }
#sidebar .sponsor li a { text-decoration:none; border-bottom:1px dotted #225999; }
#sidebar .sponsor li a:hover { text-decoration:none; border-bottom:1px solid #ccc; }	

#sidebar .spacerimage { margin: 2px; padding: 1px 1px 1px 1px; }
/*/////////////////////////////////////////
///////////////// TOPNAV ////////////////
/////////////////////////////////////////*/
div#sidebar div#about { background:#111e2d url(images/wrapper-corner2.gif) no-repeat right top; padding:5px; }		
div#about ul { margin:4px 0; }	
div#about ul li { padding:4px 0px; display:inline; font:10px  arial; }
div#about ul li a { text-transform:uppercase; padding:4px 5px;font:10px  arial; margin:0px 3px; }	
div#about ul li a:link { color:#ccc; }
div#about ul li a:visited { color:#ccc; }
div#about ul li a:hover { color:#eee; background:#597692; }	
	
/*/////////////////////////////////////////
///////////////// Trailer Top Nav ////////////////
/////////////////////////////////////////*/
div#sidebar div#trailer {
	padding:0px;
	background-color: #FFFFFF;
}		
	
/*/////////////////////////////////////////
///////////////// Secondary Top Nav ////////////////
/////////////////////////////////////////*/
div#sidebar div#second {
	padding:5px;
	background-color: #FFFFFF;
	background-image: url(/wp-content/images/bg_section.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}		
div#second ul { margin:4px 0; }	
div#second ul li { padding:4px 0px; display:inline; font:10px  arial; }
div#second ul li a { text-transform:uppercase; padding:4px 5px;font:10px  arial; margin:0px 3px; }	
div#second ul li a:link { color:#000000; }
div#about ul li a:visited { color:#000000; }
div#about ul li a:hover { color:#eee; background:#ffcc00; }	
		
/*/////////////////////////////////////////
///////////////// UTW TAGS ////////////////
/////////////////////////////////////////*/
div#utwtag  { font-family:arial; padding:10px 10px 30px 10px; background:#111e2d;) color: #fff; }
div#utwtag a { text-decoration:none; border-bottom:1px dotted #333; color: #fff;}
div#utwtag a:hover { color:#fff; border-bottom:1px dotted #333; }
	
/*/////////////////////////////////////////
///////////////// TWITTER ////////////////
/////////////////////////////////////////*/
div#twitter  {font-family:arial; padding:0px 10px 0px 10px; background:#193349 url(images/twitter3.png) no-repeat left top; min-height:75px !important; height:75px; }
div#twitter li { font-family:georgia, times; padding: 10px 8px 5px 5px; margin:0; width:300px; color:#ebbb86; float:right; }
div#twitter a { color:#eee; text-decoration:none; }
div#twitter a:hover { color:#ebbb86; }
div#twitter a.mini_rss { float:right; margin-right:35px; margin-top:120px; text-indent:-9000em; width:20px; height:20px; display:block; background-image:url(images/icon_rss.gif);	 border:0; }
div#sidebar div#twitter a.mini_rss:link { background-position:0 0; }
div#sidebar div#twitter a.mini_rss:visited { background-position:0 0; }
div#sidebar div#twitter a.mini_rss:hover { background-position:0 -20px; }
div#twitter a:hover { color:#ffcc00; font-size:10px; }
div#twitter p.twitter-message { font-family:georgia, times; padding: 10px 8px 5px 5px; margin:0; width:300px; color:#ebbb86; float:right; }
.twitter-timestamp { color:#ffcc00; font-size:10px; text-decoration:none;}
a.twitter-link:  { color:#ffcc00; font-size:10px;text-decoration:none; }
a.twitter-user:  { color:#fff; font-size:10px; text-decoration:none;}

/*/////////////////////////////////////////
///////////////// FLICKR ////////////////
/////////////////////////////////////////*/
div#flickr  { background:#0f1721; min-height:120px !important; height:120px; }
div#flickr a.mini_rss { float:right; margin-right:10px; margin-top:5px; text-indent:-9000em; width:20px; height:20px; display:block; background-image:url(images/icon_rss.gif);	 border:0; }
div#sidebar div#flickr a.mini_rss:link { background-position:0 0; }
div#sidebar div#twitter a.mini_rss:visited { background-position:0 0; }
div#sidebar div#flickr a.mini_rss:hover { background-position:0 -20px; }	
	
	
/*/////////////////////////////////////////
///////////////// SEARCH FORM (disabled) ////////////////
/////////////////////////////////////////*/
	
.searchform { margin:10px auto; background-color:#333; width:400px; margin:0; padding:0; }	
.searchform div { padding:5px 0; text-align:center; }		
			
.searchform label { background-image:url(images/icon_search.gif); background-position:0 0; background-repeat:no-repeat; text-indent:-9000em;
	padding:2px 0 10px 25px; height:14px; }		

.searchform #s { font:bold 10px verdana, arial; padding:2px; width:72%; background:#999; }		
.searchform img { border:none; padding:0; margin:0; }
.searchform .searchsubmit { margin:0 5px 0 0; padding:0; width:50px; height:21px; position:relative; float:right; }	

/*/////////////////////////////////////////
///////////////// FOOTER ////////////////
/////////////////////////////////////////*/
#sbm { clear:both; padding:10px 5px 0px 15px; font-size:10px; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
#sbm a { color: #ccc; text-decoration:none; border-bottom:1px dotted #EEE; }
#sbm a:hover { color: #FFCC00; border-bottom:1px solid #ccc; }


/*/////////////////////////////////////////
///////////////// FEED COUNTS ////////////////
/////////////////////////////////////////*/
.feedcountdiv { float:left; font-family: arial; padding:0; margin-left:15px; background:url(images/rss1616.gif) no-repeat 0 50%; }
.feedcountdiv a { text-decoration:none; color:#f89838; border-bottom:1px dotted #ccc; }
.feedcountdiv a:hover { text-decoration:none; color:#fff; border-bottom:2px solid #f89838; }
.subscribers { float:left; margin-right:4px; color:#f99a39; margin-top:-3px; margin-left:20px; font:bold 20px Arial, Helvetica, sans-serif; }

/*/////////////////////////////////////////
///////////////// BLORGOLL  PAGE ////////////////
/////////////////////////////////////////*/
#linkpage { margin:0; padding:0; clear:both;}
#linkpage h2 { font:16px arial,verdana; color:#679ef1; }
#linkpage ul li { list-style-type:none; margin:10px 4px 10px 4px; padding:0; width:100%; float:left; }
#linkpage ul li ul li { margin:3px 0 0 3px; width:32%; float:left; list-style:none; line-height:25px; }
#linkpage ul li ul li:hover { background-color:#27466a; color:#fff; }
#linkpage ul li ul li a { padding-left:5px; color:#666; text-decoration:none; font-size:11px; display:block; }
#linkpage ul li ul li a:hover { color:#fff; }


/*/////////////////////////////////////////
///////////////// SLIDING DOOR BUTTON ////////////////
/////////////////////////////////////////*/	
button { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; width:auto; overflow:visible; }
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
button.submitBtn { background:url(images/btn_blue_right.gif) right no-repeat; font-size:1.2em; }
button.submitBtn span { height:30px; line-height:30px; background:url(images/btn_blue_left.gif) left no-repeat; color:#fff; }
button.submitBtn:hover { background:url(images/btn_blue_right_hover.gif) right no-repeat; }
button.submitBtn:hover span { background:url(images/btn_blue_left_hover.gif) left no-repeat; }


.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }
br.clear-both { font: 1px/1px monospace;display: block; }
div.clear-both { font: 1px/1px monospace;display: block; }
br.clear-left { font: 1px/1px monospace;display: block; }
div.clear-left { font: 1px/1px monospace;display: block; }
#appSummer {
	position:absolute;
	left:0px;
	top:150px;
	width:26px;
	height:256px;
	z-index:1;
}