/*
Theme Name: vikiworks V5.0 beta 4
Theme URI: http://vikiworks.com
Version: 5.0beta 4
Author: yichi
Author URI: http://vikiworks.com

*/

 
/*/////////////////////////////////////////
///////////////// OVERAL ////////////////
/////////////////////////////////////////*/
body { font:11px/18px  "Lucida Grande", "Segoe UI", Arial, Verdana; color:#a6a6a6; background:#111 url(images/ancillary.jpg) no-repeat left top; }
a  { color:#666;text-decoration:none;outline:0; }
a:hover  { color:#eee; }
::-moz-selection { background:#662704;color:#eee; } /* FF */
::selection { background:#b02a00;color:#eee; }  /* safari */
 ul { list-style:none; margin:0; padding:0; }
 ol { list-style:decimal-leading-zero; }
 ul.dates, ul.counts { list-style-type:none;margin:3px 0; }
ul.dates li, ul.counts li { list-style-type:none;	margin:0;padding:3px 0 3px 10px;background:url(images/li.gif) no-repeat center left; }
ul.dates .date {	color:#333;padding:0 5px 0 0;text-transform:uppercase;font:9px arial; }
ul.counts .count { float:right;color:#858585; }
ul.dates a, ul.counts a  { color:#BFBFBF;text-decoration:none; }
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count { color:#ddd; }
.clear { clear:both; }
.left  { float:left; margin-right:8px; }
.right  { float:right;margin-left:8px; }
.pagetitle { margin:0; padding:6px 5px 20px 20px; font:bold 10px arial,verdana;color:#ccc;text-transform:uppercase;background:url(images/exclamation.png) no-repeat 0 15%; }
h3 { margin:0; padding:0;font:bold 11px Arial; text-transform:uppercase; color:#eee; }
h4 { margin:0; padding:0;font:bold 11px Arial; text-transform:uppercase; color:#942f25;letter-spacing:1px; }
code { font: 11px arial, "Courier New"; color:#666; padding:12px 10px;display:block; }
code::-moz-selection { background: #333; }
code::selection { background: #333; }
blockquote { color:#666; padding-top:5px; padding-bottom:5px; background: url(images/close-quote.png) no-repeat right bottom; font-weight:bold;  }
blockquote p { padding-left: 10px; text-indent: -18px; }
blockquote p:first-letter { background: url(images/open-quote.png) 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:5px 0 10px 10px; border-top:1px solid #222; border-bottom:1px solid #222; text-align: center; font-family: verdana, Arial, Helvetica, sans-serif;color:#aaa;font-size:11px; }


/*/////////////////////////////////////////
//////////// LAYOUT STRUCTURE /////////////
/////////////////////////////////////////*/
#container   { width:894px; padding:0; margin:0; margin-left:80px;overflow:auto; }	
#content     { width:482px; float:left; padding:80px 6px 15px 6px; background:#1a1a1a url(images/title.png) no-repeat; }
#header { margin:0; padding:0; margin-top:190px; }
#logo h1 { font:26px arial; margin:0; padding:0;}
#logo h1 a { width:240px;height:100px;float:left;margin-top:10px;text-indent:-999em; }


/*/////////////////////////////////////////
///////////////// FLASH ANIMATION DIV ////////////////
/////////////////////////////////////////*/
#flash  {margin:0;padding:0; width:820px; }

/*/////////////////////////////////////////
//////////// SLIDER /////////////
/////////////////////////////////////////*/
#a   { width:975px;height:200px;margin:0;padding:0;background:#111 url(images/extras-bg.jpg) no-repeat; border-bottom:1px solid #333;border-right:1px solid #333; }
#a ul { margin:0;padding:0; }
#b   { height:160px;margin:0;padding:0;background:#252525;border-top:1px solid #303030;border-bottom:1px solid #2f2f2f; }
#b ul { margin:0;padding:0; }

#handler  { width:975px;margin:0;padding:0; height:20px; }
#handle ul { margin:0;padding:0; }

ul#menu  { clear:both;float:right;margin:70px 10px 0 5px;padding:0; }
ul#menu li#close a { background:transparent url(images/handler.png) no-repeat left bottom; text-indent:-999em;width:50px; height:20px; display:block; padding:0; margin:0; }

#openB  { float:right; margin:5px 20px 0 0;font-size:90%; }
#closeB  { float:right; margin:5px 20px 0 0;font-size:90%; }

.expand a { text-indent:-999em;background:transparent url(images/handler.png) no-repeat left top;display: block;float:right;width: 36px;height: 20px;padding:0;margin:0 140px 0 0; }

                     
/*/////////////////////////////////////////
//////////// TOP NAVIGATION, MENU /////////////
/////////////////////////////////////////*/	
.menu  { margin:0;padding:0;height:32px;background:#040404 url(images/menu.png);font-size:11px;}
.menu ul { margin:0;padding:0;margin-left:20px;list-style:none;  }
.menu li  { margin:0;padding-top:3px;float:right; }
.menu  li a { color:#ddd;text-decoration:none;padding-left:0px;display:block;margin-right:12px;padding:4px 10px 3px 8px;border-bottom:0px; }
.menu ul li a:hover{ color:#eee;background:#333; }
.menu ul li a.active{ color:#fff;padding-left:18px; }


/*/////////////////////////////////////////
///////////////// RELATED POSTS ////////////////
/////////////////////////////////////////*/
.relposts  { margin:0; padding:0; color:#333;}
.relposts h2  { margin:0; font:bold 11px Arial; text-transform:uppercase; color:#9d8a77; }
.relposts li { margin:0; padding:2px 0; background:url(images/left-fodler.gif) no-repeat 0 50%; }
.relposts li a { color:#666; text-decoration:none; border-bottom:1px dotted #222; }
.relposts li a:hover { color:#ccc; border-bottom:1px solid #942f25; }                                                                 
                                                                                               
                                                                                               
/*/////////////////////////////////////////
///////////////// POSTS & CONTENTS ////////////////
/////////////////////////////////////////*/
#content .post { margin:0; margin-bottom:15px; padding: 5px 6px 20px 4px; background:url(images/divider.png) repeat-x bottom; }
#content .post:hover { background:#151515 url(images/back_on.png) repeat-x top; }
#content .post h2  { font:16px "Lucida Grande", Geneva, Arial, verdana; letter-spacing:-1px; margin:0;padding:0;  }
#content .post h2 a { color:#bf4d08; text-decoration:none;margin:0;padding:0;display:inline; }
#content .post h2 a:hover { color:#fff; border-bottom:2px solid #bf4d08; }

#content .post small { font-size:80%; font-family:arial; text-transform:uppercase; letter-spacing:normal; display:block; }			
#content .post small a { color:#eee;text-decoration:none;}
#content .post small a:hover { color:#999; }
#content .post-comments { background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px; margin:0; }

#content .entry ul li { margin:0; color:#bbb;padding:0 0px 0 12px;list-type:none; }		
#content .entry ol { list-style:decimal-leading-zero; }
#content .entry a  { /* modify a color of body content module */
text-decoration:underline;color:#555; }
#content .entry a:hover { color:#ddd;background:#333;text-decoration:none;  }
#content .entry img { border:1px solid #222; } /* body images styles - with 1px border hover effect */
#content .entry img:hover { border:1px solid #777; }
#content .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; } /* Smiley */


/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/
h3#comments, h3#respond { font-weight:normal; font:bold 10px arial, verdana; text-transform:uppercase; color:#bbb;padding:4px 0 4px 25px;
	background-position:left; background-repeat:no-repeat; }
h3#comments { background-image:url(images/addcomment.png); }
h3#respond  { background-image:url(images/addcomment.png); }	
h3#trackback { background: url(images/pingback.png) no-repeat;font:bold 10px arial, verdana;text-transform:uppercase; color:#bbb;padding:3px 0 4px 25px; }
h5 { margin:0;padding:0; font:bold 12px arial; }
h5 a { color:#bdbd8d; }


ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { font-style:normal; color:#ccc; }
ol.commentlist small { color:#666; }
ol.commentlist li { border-bottom:1px dotted #222; padding:10px; }
ol.commentlist li { background:#1d1d1d; }
ol.commentlist li#linkpage ul li { padding:4px 0px; float:left; }
.alt { background:#1d1d1d; }
.pingback  { margin-bottom:20px; } 
ol.commentlist li span.moderate { background:url(images/notice.png) no-repeat; padding:3px 0px 3px 20px; color:#c4df9b;text-decoration:blink; }
	
#commentform input#author,
#commentform input#email,
#commentform input#url { font-family: "Lucida grande", geneva, arial; background:#f1efd3 url(images/icon_form.gif) no-repeat; border:1px solid #333; padding:4px 4px 4px 30px; width:200px; }

#commentform input#author	{ background-position:3px -3px; }
#commentform input#email	{ background-position:3px -33px; }
#commentform input#url { background-position:3px -63px; }
#commentform #comment { width:97%; font: 14px "Lucida Grande", geneva, arial; letter-spacing:-1px;background:#eee url(images/icon_form_bg.gif); border:1px; padding:6px;}


/* SIDEBAR */
#sidebar  { margin:0;padding:0 0 55px 0;background:#090909 url(images/mt.png) no-repeat bottom right;width:400px;float:right; }
#sidebar-me { padding:5px 15px 10px 15px; }
#sidebar-me a { color:#ddd;display:inline;background:#662704;padding:2px; }
#sidebar-me a:hover { color:#ddd;display:inline;background:#151515;padding:2px; }

#sidenote  { margin:0;padding:15px;color:#555; }
#sidenote h2.delicious-banner { display:none; }
#sidenote li a { color:#999;text-decoration:none;border-bottom:1px dotted #111; }
#sidenote li a:hover { color: #942f25;border-bottom:1px solid #111;  }
#sidenote img { border:1px solid #222; } 
#sidenote img:hover { border:1px solid #777; }
#sidenote .delicious  { width:175px; margin-top:10px; float:left; }
#sidenote .flickr  { margin-top:5px;padding-top:5px; }
#sidenote .flickr img  { margin:4px; width:35px;height:35px;display:block;float:left; }
#sidenote .flickr a img  { border:2px solid #333; }
#sidenote .flickr a:hover img  { border:2px solid #ccc5b0; }




/*  HEADER & RSS FLAG  */
#randomshit  {width:400px; height:28px;background:url(images/randomshit.png) no-repeat;}
#randomshit a {color:#eee;}
#randomshit a:hover {color:#fc0;}

 
/*/////////////////////////////////////////
///////////////// SIM TAGS ////////////////
/////////////////////////////////////////*/
#simtag   { margin:5px; padding:10px 8px 40px 10px; background:transparent url(images/tagclouds.png) no-repeat right bottom; }
#simtag a:link, a:visited { text-decoration:none;}
#simtag a:hover { text-decoration:underline;  }

#simtag2   { margin:0; padding:10px 0 35px 0; background:transparent url(images/tagclouds.png) no-repeat right bottom; }
#simtag2 a:link, a:visited { text-decoration:none;color:#f40; }
#simtag2 a:hover { text-decoration:underline;  }

/*/////////////////////////////////////////
///////////////// RECENT ////////////////
/////////////////////////////////////////*/
#BOX  { margin:20px 10px; padding:5px;}
#BOX a.hightlighted, #BOX a.hightlighted_down { background:#151515;font:10px arial; text-transform:uppercase;padding:4px;padding-left:6px;padding-right:6px;text-decoration:none; color:#999; }
#BOX a.hightlighted:hover  { background:#333; }
#BOX a.hightlighted_down { background:#662704;color:#ddd; }

#recent { margin:0; padding:0; }
#recent h2  { margin:0;  text-transform:uppercase; color:#333 }
#recent UL { padding: 5px 0;margin: 0; list-style-type: none; }
#recent li a { color:#666;text-decoration:none; }
#recent li a:hover { color: #942f25; }

#sidecomments  { margin:5px 0;padding:0;width:300px; }
#sidecomments  UL, li { padding: 0px;margin: 0; list-style: none; }
#sidecomments li a { color:#666;text-decoration:none; }
#sidecomments li a:hover { color: #942f25; }

#monthly  { padding:0;margin:0; }
#monthly ul, li  { padding: 3px 0; list-style: none;  }
#monthly li a { color:#666;text-decoration:none; }
#monthly li a:hover { color: #942f25; }



/*/////////////////////////////////////////
///////////////// TWITTER ////////////////
/////////////////////////////////////////*/
#twitter  { margin:0 auto;padding:30px 30px 8px 30px;background:transparent url(images/twitter.png) no-repeat; }
#twitter a { text-decoration:none; color:#333; }
#twitter a:hover { color:#943021;  }
#twitter ul { margin:0;padding:0;list-type:none; }
#twitter li { padding:8px 0; }


/*/////////////////////////////////////////
///////////////// CATEGORIES ////////////////
/////////////////////////////////////////*/
.cat  { height:85px; background: url(images/cat.png) no-repeat right bottom; padding:10px 0 10px 10px; }
.cat  ul { margin:4px 0; }	
.cat  ul li { list-style:none;padding:4px 0px; display:inline; }
.cat  ul li a:link, .cat ul li a:visited { color:#999;float:left;text-transform:uppercase; width:35%;padding:2px;font-size:10px; margin:0px 3px; }
.cat  ul li a:hover { color:#fff; background:#662704 url(images/cat-sign.gif) no-repeat 95% 50%; }


/*/////////////////////////////////////////
///////////////// FEATURED ////////////////
/////////////////////////////////////////*/
#featured  { height:230px;margin:0;padding:0;background:#080808; }
.controls { padding:4px 2px 1px 2px; }
.controls a { background:#181818;border:1px solid #181818;display:block;float: left; height: 25px;width: 25px;margin-left:2px;margin-right:8px;padding: 2px; }
.controls b { background-color: #fff;display:block;height: 25px;overflow:hidden;text-indent: -999em;width: 25px; }
.controls a.on { border: 1px solid #999; }
.controls a:focus { outline:none;border-color:#999; }		
.boxIn { clear: both;border: 1px solid #efefef;padding: 0 10px 10px; }
.pi { padding: 5px 0;width:400px; }
.mi { color:#999;background: url(images/mask.png) no-repeat;padding: 4px;font:10px  "Lucida Grande", arial;margin: 135px 10px 10px;width: 172px; }
.mi a { color: #999;text-decoration:none; } 
.mi a:hover { color:#ddd; }

div.scroller { /* modify width and height of scrolling section if necessary	*/
	width: 400px;	height: 190px;overflow: hidden;}
div.scroller div.section {/* modify width and height of each section as needed (should match the size of the scroller window)	*/
width: 400px;height:190px;overflow:hidden;float:left; }
div.scroller div.content { width: 10000px; }
.section {color:#fff;}


/*/////////////////////////////////////////
///////////////// BANNERS ////////////////
/////////////////////////////////////////*/
#banner  {padding:0;margin:10px 0;height:130px; }
#banner ul, li  {margin:0;padding:0; }
#banner li {padding:0; margin-left:6px;  float:left; }
#banner li#b01 a {display:block;width:125px; height:125px;background: url(images/125ad.png); text-indent:-999em; }
#banner li#b02 a {display:block;width:125px; height:125px; background: url(images/125ad.png); text-indent:-999em; }
#banner li#b03 a {display:block;width:125px; height:125px; background: url(images/125ad.png); text-indent:-999em; }


/*/////////////////////////////////////////
///////////////// BLORGOLL ////////////////
/////////////////////////////////////////*/
#linkpage { margin:0; padding:0;font-size:90%;}
#linkpage h2 { font:bolder 10px arial;color:#999;text-transform:uppercase;margin:0; padding:10px 0; }
#linkpage li { float:left; }


/*/////////////////////////////////////////
///////////////// FOOTER ////////////////
/////////////////////////////////////////*/
#footer { color: #999;  line-height:100%; margin-left:110px; width:430px; padding:10px 8px 10px 12px; }
#sbm { clear:both; padding:5px 0 0 15px; font-size:10px;  }
#sbm a { color: #ccc; text-decoration:none; border-bottom:1px dotted #111; }
#sbm a:hover { color: #942f25; border-bottom:1px solid #111; }
#sbm img { display:none; }


/*/////////////////////////////////////////
///////////////// FEED COUNTS ////////////////
/////////////////////////////////////////*/
.feedcountdiv { margin:0;padding:0; float:left;padding:0; font-size:80%;margin-left:10px; height:35px;background:url(images/rss.png) no-repeat 0 50%; }
.feedcountdiv a { text-decoration:none; color:#666; border-bottom:1px dotted #222; }
.feedcountdiv a:hover { text-decoration:none; color:#eee; border-bottom:1px solid #bf4d08; }
.subscribers { float:left; margin-right:4px; color:#f99a39; margin-left:38px;font:bold 17px Arial, Helvetica, sans-serif; }