/*
Theme Name: Vikiworks Infinity
Theme URI: http://vikiworks.com
Version: 1.0.1
Author: yichi
*/

/* Overal setup */
* { margin:0; padding:0; }
body { background:#fff url(images/main_background.jpg) top center no-repeat; color:#000; font:12px/14px   arial,helvetica,Sans-serif; }
a {color:#5a00ff;text-decoration:underline;outline:0; }
a:hover {color:#0016b8; }
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; }
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; }
.left {float:left;margin-top:3px;margin-right:8px; }
.right {float:right;margin-left:8px; }
.clear {clear: both; }
.clear-both {clear: both; }
.pagenavi {margin: 10px 0; clear: both; }

/* navigation */
ul.topnav  {list-style:none;text-align:left; margin:0 0 0 80px;}
.topnav li.nav {float:left;margin: 0;}
.topnav li.nav a {font:bold 11px arial;outline:none;color:#A561AD;text-decoration:none;display:block;margin:0px 3px;padding:3px 10px; text-transform:uppercase;background: url(images/px.png);}	
.topnav li.nav a:hover {color:#fff;background:#A561AD;}


/* header */
#header {width:950px;margin:0 auto;padding:1em 0 16em 0; }
#header h1 a {display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em;}
#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; }
.main2 {width: 700px;margin:0;padding:0;float:left;overflow: hidden;background:transparent; }

/* thumnail covers */
.thumb { background: #222 url(images/thumb.png); display: block; width: 235px; overflow: hidden; height: 150px; margin: 0 10px 10px 0; position: relative; }
.thumb-title { margin-bottom:5px;background:#6F0D66;bottom:0;right:0;display:block;position:absolute;padding:5px;filter:alpha(opacity=80); -moz-opacity:.80;opacity:.80; }
.thumb-title:hover {background:#49004F;}
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a {
    color: #FFFFFF;
    display: block;
    font: 12px Arial,helvetica;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}
.thumb-title h2 a:hover {color: #fff;}

.post-thumb {
	display:inline;
	width:235px;
	float:left;
height: 150px; margin: 0 10px 10px 0;
}
/* Ancillary */
#ancillary  {color:#c609cd; font-size:10px;line-height:1.4em; padding:10px;margin:0 auto;height:200px;clear:both;width:950px;text-align:right; 
background: url(images/rambling.jpg) no-repeat top left;}

#ancillary  a{color:#975eff;text-decoration:underline;}
#ancillary a:hover {color:#930098;}

#ancillary .flickr {padding: 3px 2px; 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;line-height:1.4em;color:#fff;text-decoration:none;padding-left:6px;}
.post.single .postMeta {font:12px Arial;margin-bottom:5px;color:#1e5c9c;}
.post.single .postMeta span.date {padding:0 2px 0 5px;}

.post.single .postMeta { /*background: url(images/comment.gif) no-repeat left center; */ padding-left:15px; }
.post.single .postMeta span.date a{ color:#000f5c;}
.post.single .entry { float:left; line-height:18px;overflow:hidden;padding:0 0 5px 3px; width: 480px;}
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { border:0px; }
.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:#0076b9; }
.post.single p a:hover { color:#48004f; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: normal; background: #1e5c9c; }
.post.single a { color:#a9a393; }
.post.single a:hover { color:#260027; }
.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; }




/* 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 */

#topsidebar { color:#ddd;float:left;margin:0 0 5px 0;width:450px; padding:5px; background: transparent url(images/opa.png); text-align:center; }
#bottomsidebar { color:#ddd;float:right;margin:10px 0 0 0;width:450px; padding:20px 0 0 0; text-align:center; }

#popularsingle  { color:#ddd;float:left;margin:10px 0 0 0;width:450px; padding:0px; background: transparent url(images/opa.png); text-align:center; }

#sidebarwrapper  { margin:0;padding:0;float:right;color: #3d0038; }
#left-sidebar { color:#ddd;float:left;margin:0 0 0 5px;width:230px; padding:5px;background: transparent url(images/opa.png); }
#left-sidebar h3 {
    background:#6E80C4;
    color: #EEE;
    display: inline;
    padding: 2px 8px;
    font-size: 10pt;}
#left-sidebar a   { color:#7e1f76; }
#left-sidebar a:hover { color:#fff; }
#left-sidebar p { color:#54073E; padding-top: 10px; font-size: 14px;line-height:1.5;}
#left-sidebar ul { list-style:none;margin:8px 0 4px;color: #3d0038; }

.categories { padding: 0; color: #3d0038; }
.categories li { font-size: 16px !important; font-weight:bold; padding:1px 0 0 0; float: left;color:#444; width: 220px; text-transform:uppercase; }
.categories li a { color: #B04DCF !important; text-decoration:none; display: block; padding: 4px; background: transparent url(images/com.png); }
.categories li a:hover { color:#fff!important;text-decoration: none; background:#fa77ff;}

.recent-posts { padding: 0; }
.recent-posts ul { margin:6px 0 0 0; padding: 0; }
.recent-posts li {}
.recent-posts li a {color: #BC60AB !important;  display: block; padding: 2px 0 6px 3px; text-decoration:none !important;}
.recent-posts li a:hover { color:#331533!important;}

.recent-posts li a img {padding-bottom: 4px; 
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;}

.recent-posts li a:hover img {
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1;}

.friends{ padding: 10px 0; }
.friends ul { margin: 0; padding: 0; }
.friends li { margin: 0px; padding: 6px 0; list-style-type: none;  }
.friends li a { text-decoration:none; }
.friends 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; }

.ads1 { margin:0 0 10px 10px;padding:0;}




#right-sidebar { color:#ddd;float:left;width:205px;margin:0;padding:5px;font-size:12px;background: transparent url(images/opa.png); }
#right-sidebar h3 {padding:3px; background: #6e80c4;display: inline; color: #eee; }
#right-sidebar p { color:#fff; padding:5px 0 10px 0}
#right-sidebar a   { color:#7e1f76;text-decoration:underline; }
#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;color:#00364f; padding:5px 0;}	
ol.commentlist {list-style:none; margin:0px; padding:0px;width:470px;background: transparent url(images/com.png);margin: 10px 0 10px 0;}
ol.commentlist p {margin-top:5px}
ol.commentlist cite {padding:3px; margin:2px 0 3px 0px; background: #98a7e2;display: inline; color: #eee;}
ol.commentlist cite a{color:#fff;}
ol.commentlist cite a:hover{color:#fcf;}
ol.commentlist li {padding:10px 10px 15px 10px;border-bottom:1px solid #daa5ee;min-height:50px;}
ol.commentlist h5 {font-size:12px; margin:3px 0 3px 0; padding:0;}	
ol.commentlist h5 a:link, a:visited {color:#679ef1;}
ol.commentlist h5 a:hover {color:#fff;}
ol.commentlist h5 small { display:block;}	
ol.commentlist li {font-size: 11px; margin-bottom:6px;}
ol.commentlist li span.moderate {padding:2px; color:#f30;}

.commentmetadata a{color:#7e1f76;margin:2px}

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


input {	cursor:pointer;}

/* End Comments */


/* 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; }

.gravatar {border:1px solid #2e373e;}
.floatRight {float:right;}

#header-ad{float: left; 
margin:3px;
position:absolute;
display:block;
left:250px;
top:200px;
background-color:#F2BAF0}

.relatedposts {
	padding:0;
	margin:0;
	float:left;
	width: 490px;}

.clearfix {clear:both;}
.ad1 {margin:5px;}

.mostpopular h1{font-size:20px;
text-transform:uppercase;
padding: 10px;
margin: 10px 10px 10px 0;
color: #81459F;
text-align: center;
}

.categories li a img {margin-bottom: -1px}

.mostpopular h2 {
    font-size: 20pt;
    padding: 10px 0;   
    color: #6D3560;
    padding: 10px 15px;
    background: #F2BAF0;
    margin: 0px 10px 15px 0;}

#translation_bar {margin: 10px}

.thumb a:hover img {
    border: 1px solid #F6CAF1;
    opacity: 0.80;
    background: #fff;
}

navigation2 {
width:470px;
font-size:16pt;
padding: 20px 0 20px 0;}

.alignleft {text-align:left;}
.alignright {text-align:right;}
.floatLeft {float:left;}
.floatRight {float:right;}

.ads200x200 {
    background-color: #F6D4F2;
    display: block;
    margin: 0 0 10px 0;
    padding: 5px;
    text-align: center;
    width: 232px;
    float: left;
}