/*
Theme Name: vs Infinity
Theme URI: http://vikiworks.com
Version: 1.0
Author: yichi
Author URI: http://vikiworks.com
*/


/* Overal setup */
* { margin:0; padding:0; }
body { background:#040507 url(images/main_background.jpg) top center no-repeat; color:#bbb; font:12px/14px  arial,Sans-serif; }
a   { color:#aaa;text-decoration:none;outline:0; }
a:hover { color:#eee; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:30px; } 
h2  { font-size:14px; } 
h3  { font:bold 11px arial,helvatica;color:#bbb;text-transform:capitalize; }
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px; }
.pagenavi  { margin: 10px 0; clear: both; }

code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; }
.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; }
.capi { color:#333;float:left;font:3.6em Georgia,arial;line-height:0.8em;text-transform:uppercase;margin:0.07em 0.14em 0 0; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }

/* navigation */
ul.topnav   { list-style:none;text-align:left; }
.topnav li   { float:left;margin: 0; }
.topnav li a  { font:11px arial;outline:none;color:#ddd;text-decoration:none;display:block;padding:5px 15px;text-transform:uppercase; }	
.topnav li a:hover   { color:#b3d565 !important; }
.topnav li.rss   { float:right;display:block; width: 60px;background:transparent url(images/rss.png) no-repeat 130% 0; }
.topnav li.rss a { color: #eee; }
.topnav li.rss a:hover   { background: transparent;color:#a0410d !important; }

/* header */
#header { width:950px;margin:0 auto;padding:1em 0 0 0; }
#header h1{ height:200px;}
#header h1 a {text-indent: -999em;
color:black;
display:block;
font-size:14px;
height:100px;
margin-top:36px;
width:500px;
float:left;}
#header h1 a:hover { color: #7ebe40; }
/*#main-wrapper { display:block; margin:0 auto;width:950px;padding:10px;text-align:left;background:url(images/px.png); }
.main { width: 490px;margin:0;padding:0;float:left;overflow: hidden; }*/
#main-wrapper { margin: 0 auto; width:950px; background:#191919 url(images/99.png)  repeat-x top; overflow:hidden; }
.main { width: 520px; float:left; /*background: #222 url(images/bgx.gif)*/; }
#desp{margin-top:0px;}

/* cover thumbnails customization /////////////////////// */
.thumb { font:1em helvetica,arial; background:#222 url(images/thumb.png); display:block; width:235px; height:150px; margin:20px 0 10px 13px; position:relative; -webkit-box-shadow: 0 0 20px #000; -moz-box-shadow: 0 0 20px #000; }
.thumb p { margin:2px 0; color:#666; line-height:1.2;text-align:center; }
.thumb p a {color:#555; font-weight: normal; }
/*.thumb-title { background:#f4f4f4; bottom:0; right:0;  display:block; position:absolute; padding:4px 5px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }*/
.thumb-title:hover { filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; }
.thumb-title h2, .thumb-title h2 a { font-size:12px; color:#333; display:block; text-decoration: none; line-height: 1.2em; }
.thumb-comment { position: absolute; top:-2px; right:0;  background:#0e0e0e url(images/opa2.png); opacity:.8;width: 2em;height: 1.5em; }
.thumb-comment a { font:bold 10px helvetica,arial; color: #aaa !important; display: block; line-height: 1.8em; width: 2em; text-decoration: none; text-align: center;  }
.thumb SPAN { background: url(images/tape.png) no-repeat; width: 60px; height: 20px;display: block; position: absolute; z-index: 1; left: 60px; top: -10px;}
.thumb small a { color:666;font-weight: normal;  }
.thumb small { color:#666;font-weight: normal;  }

.thumb-title {
background:#F4F4F4 none repeat scroll 0 0;
bottom:0;
display:block;
opacity:0.8;
padding:4px 5px;
position:absolute;
right:0;
width:225px;
}



/* Ancillary */
#ancillary  { margin:0;padding:0;height:260px;background: url(images/rambling.jpg) no-repeat 100% 80%;}
#ancillary .flickr { padding: 3px 35px; background: #202020 ; overflow: hidden; }
#ancillary .flickr img  { margin:10px 10px; width:45px;height:45px;display:block;float:left; }
#ancillary .flickr a img  { border:4px solid #eee; }
#ancillary .flickr a:hover img  { border:4px solid #6199dc; }



/* single page */
.post.single { line-height:1.4em; width:485px;padding:3px; }
.post.single h2, .post.single h2 a { font:22px arial,helvetica;letter-spacing:-1px;line-height:1.4em;color:#ddd;text-decoration:none; }
.post.single .postMeta { font:10px Arial;margin-bottom:5px;color:#999; }
.post.single .postMeta span.date { padding:0 2px 0 0; }
.post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; }
.post.single .postMeta span.comments a,
.post.single .postMeta span.date a{ color:#999; }
.post.single .entry {  line-height:18px;overflow:hidden;padding-bottom:25px; }
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { border:4px solid #999; }
.post .entry a:hover img { border-color:#eee; }
.post.single h3 { font-size: 12px;font-weight:bold; color: #6199dc; display:inline; }
.post.single p { margin: 1em 0; }
.post.single p a,.post.single li a { color:#b3d565; }
.post.single p a:hover { color:#ddd; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: normal; background: #f9f9de; }
.post.single a { color:#a9a393; }
.post.single a:hover { color:#ddd; }
.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin: 0; color: #666; line-height: 1.4em; }
.post.single ul li strong { font-weight: bold; }
.post.single img.floatleft { float: left; margin: 4px 10px 0 0; }
.post.single img.floatright { float: right; margin: 4px 0 0 10px; }


/* twitter */
#twitter #twitter_update_list { color:#c5e281; line-height:1.4em; padding: 0;line-height:1.6em; font-size:12px; }
#twitter #twitter_update_list a { color:#ddd;padding:0;margin:0;display: block; }
#twitter #twitter_update_list a:hover  { color:#fff;padding:0;margin:0; }



/* sidebar related */
#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }
#left-sidebar { color:#ddd;float:left;margin:0;width:200px;padding:5px;background: transparent url(images/opa.png); }
#left-sidebar h3 {padding:3px; background: #6e80c4;display: inline; color: #eee; }
#left-sidebar a   { color:#aaa; }
#left-sidebar a:hover { color:#fff; }
#left-sidebar p { color:#ddd; }
#left-sidebar ul { list-style:none;margin:8px 0 4px;color: #999; }

.categories { padding: 0; color: #666; }
.categories li { font-size: 11px;padding:3px 2px; float: left;color:#444; width: 48%; display: inline; }
.categories li a { color: #999; text-decoration:none;  }
.categories li a:hover { color:#eee;text-decoration: none; }

.recent-posts { padding: 10px 0; }
.recent-posts ul { margin: 0px; padding: 0; }
.recent-posts li { margin: 0px; padding: 4px 0; list-style-type: none;  }
.recent-posts li a { text-decoration:none; }
.recent-posts li a:hover { text-decoration:none;  }
/*
.delicious { padding: 10px 0; }
.delicious ul { margin: 0; padding: 0; }
.delicious li { margin: 0px; padding: 2px 0; list-style-type: none;  }
.delicious li a { text-decoration:none; }
.delicious li a:hover { text-decoration:none; }
*/
.tags { margin:10px 0;padding:0;line-height:2em; }
.tags a { text-decoration:none;color:#333;font-weight:normal; }
.tags:hover a { color: #666; text-decoration: none; }
.tags:hover a:hover, #sidebar .tags a:hover { color: #eee;text-decoration: none; }




#right-sidebar { color:#ddd;float:left;width:200px;margin:0;padding:5px;font-size:11px;background: transparent url(images/opa.png); }
#right-sidebar h3 {padding:3px; background: #6e80c4;display: inline; color: #eee; }
#right-sidebar p { color:#ddd; padding-bottom:10px;}
#right-sidebar a   { color:#999;text-decoration:none; }
#right-sidebar a:hover { color:#fff; }
#right-sidebar ul { list-style:none;margin:8px 0 4px; }



/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/
h3#comments, h3#respond { font-weight:normal; font-size: 14px;font-family: arial, verdana;letter-spacing:-1px; color:#ddd;padding:5px 0;}	

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }

ol.commentlist li { border-bottom:1px dotted #222; padding:15px 0; }
ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; }	
ol.commentlist a:link, a:visited { color:#6E80D4;}
ol.commentlist a:hover { color:#fff; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 11px; margin: 0; }

ol.commentlist li span.moderate { padding:2px; color:#f30; }

.commentpost a{ color:#6E80D4;}
.commentpost a:hover { color:#fff; }

.commentlist a{ color:#6E80D4;}
.commentlist a:hover { color:#fff; }


/* comments /////////////////////// */
.commentwrap{ border-top:1px solid #222; padding-bottom:10px; padding-top:10px;  }
.commentpost{ float:left; width:80%; padding-left:10px; }
.commentmetadata { float:left; padding-right:10px;   }
.commentmetadata li { list-style-type:none;}

.warning{ padding:10px; background:#930; color:#eee; margin-bottom:10px; }	

.commentlist 
{ background:#1a1a1a; overflow:hidden; padding:10px; text-shadow: #000 0 0px 3px; width:520px; }
.commentlist a { border-bottom:1px solid #222;  }

li.bypostauthor {/* CSS styles for author comments /////////////////////// */}
li.byuser {/* CSS styles for registered users comments /////////////////////// */}

.children { margin:10px 10px 10px 20px; }
.children .commentwrap { background:#151515; border:1px solid #222; padding:6px; }

h2#comment-heading { font-size:13px; font-family: 'rockwell',arial; font-weight: normal; color:#9a9634; text-shadow: #000 0 -1px 0; padding:15px 10px 10px 10px; background:#1a1a1a url(images/zag.png) repeat-x; letter-spacing:0; }
h2#comment-heading span {  color:#eee; text-shadow: #000 0 -1px 0; font-weight: normal;}
h2#comment-heading a { color: #eee;  font-weight: normal; text-decoration: none; padding: 2px 0;border-bottom: 2px solid #333; }
h2#comment-heading a:hover { color: #999; }
#respond h3 { margin: 0; font-size:11px; color:#ddd; text-transform:uppercase; }
#respond p { margin: .5em 0; }

h3#reply  { font: normal 13px 'rockwell', helvetica, arial; color:#ddd; padding:10px;  
display:block; background:#121212; text-shadow: #000 0 -1px 0; letter-spacing: 0; text-transform: none; }

.nocomments { display:block; font-size:12px; color:#eee; padding:6px 8px; background:#930; }
.cancel-comment-reply a { background:#962905; padding:3px; float:right; color:#ddd; }
.avatar { width:32px; height:32px; } 
.vcard em { font-style: normal; padding-bottom: 10px; display: block; font-weight: 900; }
.vcard small { font: 9px/10px verdana, Arial, Helvetica, sans-serif; color: #999; }

#commentform  { background:#121212; padding:10px; color:#666; }
#commentform input#author,#commentform input#email,#commentform input#url { color:#999; font:normal 12px helvetica,arial; background:#333; border:1px solid #141414; padding:6px; margin-right:10px; width:200px; }
#commentform #comment { color:#999; font:12px helvetica,arial; background:#333; border:1px solid #141414; padding:5px; width:90%; }
.button{ border:1px solid #151515; font:bold 10px helvetica,arial;text-shadow: 0px 1px 0px #444; height:25px; margin:10px 0; padding:0 5px; text-transform:uppercase;background: #333; color: #090909; cursor: pointer; }
.button:hover { border:1px solid #151515; font:bold 10px helvetica,arial;text-shadow: 0px 1px 0px #222; height:25px; margin:10px 0; padding:0 5px; text-transform:uppercase;background: #962905; color: #aaa; cursor: pointer; }




/* form */

#commentform { margin: 1em 0;}
#author, #email,#url,#comment{font:1em arial,helvetica,verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong { color: #333; font-weight: bold; }






/* footer */
#footer { color:#555; font-size:9px;line-height:1.4em; padding:0;margin:0 auto;height:40px;clear:both;width:950px;text-align:right; }
#footer a { font-weight: bold;color:#999;border-bottom:1px solid #333; }
#footer a:hover { color:#eee; }
#footer img { display: none; }



#social ul {
margin: 0 0 2em 0;
}

#social li {
line-height: 1.2;
padding: 2px 5px;
line-height: 1.6em;
font-size: 85%;
}

#social ul.network li {
margin-left: 0;
width: 155px; /for IE7/
}
.network a {
display: block;
background: url(./images/profile-network.gif) 0 -10px no-repeat;
line-height: 2em !important;
overflow: hidden;
text-decoration:none;
}
.network span{margin-left:25px; }
.network a.43things { background-position: 0 0; }
.network a.bebo { background-position: 0 -40px; }
.network a.catster { background-position: 0 -80px; }
.network a.delicious { background-position: 0 -120px; }
.network a.digg, ul.import-friends li.menu-digg a, ul.import-friends li.menu-digg span { background-position: 0 -160px !important; }
.network a.dodgeball { background-position: 0 -200px; }
.network a.dogster { background-position: 0 -240px; }
.network a.dopplr { background-position: 0 -280px; }
.network a.facebook, ul.import-friends li.menu-facebook a, ul.import-friends li.menu-facebook span { background-position: 0 -320px !important; }
.network a.flickr { background-position: 0 -360px; }
.network a.goodreads { background-position: 0 -400px; }
.network a.h15 { background-position: 0 -440px; }
.network a.jaiku { background-position: 0 -480px; }
.network a.lastfm { background-position: 0 -520px; }
.network a.linkedin { background-position: 0 -560px; }
.network a.lj { background-position: 0 -600px; }
.network a.mog { background-position: 0 -640px; }
.network a.multiply { background-position: 0 -680px; }
.network a.myspace, ul.import-friends li.menu-myspace a, ul.import-friends li.menu-myspace span { background-position: 0 -720px !important; }
.network a.newsvine { background-position: 0 -760px; }
.network a.ning { background-position: 0 -800px; }
.network a.orkut { background-position: 0 -840px; }
.network a.pandora { background-position: 0 -880px; }
.network a.pownce { background-position: 0 -920px; }
.network a.reddit { background-position: 0 -960px; }
.network a.sonicliving { background-position: 0 -1000px; }
.network a.stumbleupon { background-position: 0 -1040px; }
.network a.tabblo { background-position: 0 -1080px; }
.network a.tagworld { background-position: 0 -1120px; }
.network a.technorati { background-position: 0 -1160px; }
.network a.tribe { background-position: 0 -1200px; }
.network a.twitter, ul.import-friends li.menu-twitter a, ul.import-friends li.menu-twitter span { background-position: 0 -1240px !important; }
.network a.upcoming { background-position: 0 -1280px; }
.network a.vox { background-position: 0 -1320px; }
.network a.youtube { background-position: 0 -1360px; }
.network a.zooomr { background-position: 0 -1400px; }
.network a.plurk { background-position: 0 -1440px; }
.network a.noknok { background-position: 0 -1480px; }
.network a.fotologue { background-position: 0 -1520px; }
.network a.imeem { background-position: 0 -1560px; }
.network a.site-url {
	background: url(./images/profile-im.gif) 0 -280px no-repeat;
}

#trans {
background:transparent url(images/trans.png) repeat-x scroll 0 0;
bottom:0;
display:block;
height:110px;
margin:0 auto;
overflow:visible;
position:fixed;
width:100%;
z-index:10000;
}

#left-sidebar li{
line-height:1.8em;
}
#right-sidebar li{
line-height:1.8em;
}
.blogroll li{
float:left;
}
.cat-item{
font-weight:bold;
}
.socialnetwork li{
float:left;
}
/*------------------------------------------------------------------

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a Form styles
-------------------------------*/

input.text, select.select, textarea.textarea
{
	border: 0;
	color: #000;
	padding: 7px;
}
input.text { width: 168px }
select.select { width: 200px }
textarea.textarea { width: 375px; height: 100px; background-color: #e9eef4 }

button.button {
	color: #fff;
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}

/* General forms */
form.form {  }

	form.form ol.fieldset {	list-style: none }
	
		form.form ol.fieldset li.field {
			margin: 0 0 13px;
			position: relative;
		}
			form.form ol.fieldset li.field label {
				position: absolute;
				top: 5px; left: 195px;
			}
			
	form.form p.submit { margin: 0 }
	
	form.form p.submit input { padding: 5px 10px }


/* Search forms where button and text input are next to each other  */
form.search { /* nothing here */ }
	
	form.search p.fields { margin: 0 }

		form.search p.fields input, form.search p.fields button {
			display: inline;
			vertical-align: middle;
		}


/*-------------------------------
3.b Individual forms
-------------------------------*/

form#topSearch {
	background: url(images/bg-search.png) no-repeat;
	width: 178px; height: 32px;
	position: relative;
	float: right;
	top: 30px; 
}
	form#topSearch p.fields input {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		width: 130px;
		background: none;
		overflow: hidden;
		border: none;
		position: relative;
		top: 8px; left: 8px;
	}
		form#topSearch p.fields button {
			background: url(images/ico-search.png) no-repeat;
			width: 21px; height: 21px;
			border: none;
			position: relative;
			top: 5px; right: -15px;
		}


.replace, .br { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }	

#followme{
float:left;
position:relative;
}