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

/* Overal setup */* 
{ margin:0; padding:0; }
body { background:black url(images/main_background.jpg) top center no-repeat; color:#bbb; font:12px/14px  Verdana, Century Gothic, helvetica, arial,Sans-serif; font-weight:bold;}
a   { text-decoration:none; outline:0; }
a:hover { color:red; }
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 Century Gothic, arial,helvetica;color:white;text-transform:capitalize; }
h3 SPAN.slash { font:bold 10px Century Gothic, Arial !important; text-transform: lowercase; }
h4  { font-size:14px; }
code { font: 11px  "Century Gothic"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px; font: 12px Century Gothic, Arial,Sans-serif;line-height:1.4em; }

.left { float:left; padding-right:5px;}
.right { float:left; padding-right:5px;}
.main { width: 665px; margin:0; padding:10px; float:left; overflow: hidden; }

.clear { clear:both;}.clear-both { clear:both; }
.pagenavi  { margin: 10px; padding: 10px 0px 10px 0px; clear: both; }
 
/* navigation */
ul.topnav   { list-style:none;text-align:left; }
.topnav li   { float:left; margin:0; }
.topnav li a  { font:14px Century Gothic, arial; outline:none; color:white; text-decoration:none; display:block; padding:5px 20px; text-transform:uppercase; font-weight:bold;}	
.topnav li a:hover   { color:red !important; }

/* 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: red; }
#main-wrapper { display:block; margin:0 auto; width:1024px; padding:10px;  }

/* thumnail covers */
.thumb {border: 2px solid white;  display: block; width: 200px; overflow: hidden; height: 150px; margin: 2.5px; position: relative; padding: 2.5px;}
.thumb-title { background:black; margin-bottom:0px; bottom:0; right:0; display:block; position:absolute; text-transform: uppercase; font-weight:bold; padding:2.5px;}
.thumb-title:hover { text-transform: uppercase; color:white; font-weight:bold;}
.thumb-title h2 { margin: 0; line-height: 1.4em; text-transform:uppercase; color:white; font-weight:bold;}
.thumb-title h2 a { font:12px Century Gothic, arial,helvetica; display:block; text-decoration: none; text-transform: uppercase; color:white; font-weight:bold;}
.thumb-title h2 a:hover {text-transform: uppercase; color:white;}
.thumb-title h2 a:visited {background:red;}

/* single page */
.post.single { line-height:1.4em; padding:10px; }
.post.single h2, 
.post.single h2 a { font:22px Verdana, Century Gothic, arial,helvetica; letter-spacing:-1px; line-height:1.4em; color:#ddd; text-decoration:none; }
.post.single .postMeta { font:12px Century Gothic, 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:20px; }
.post.single .postMeta span.comments a, .post.single .postMeta span.date a{ color:#999; }
.post.single .entry { float:right; 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:red; }
.post.single h3 { font-size: 14px;font-weight:bold; color: #6e80c4; display:inline; }
.post.single p { color:white; margin: 1em 0; font-weight: normal; font-size: 12px;}
.post.single p a,.post.single li a { color:#6e80c4; }.post.single p a:hover { color:red; }
.post.single p strong { font-weight: bold; }.post.single p em { font-style: normal;}
.post.single a { color:#6e80c4; }
.post.single a:hover { color:red; }
.post.single blockquote { margin: 0 1.5em; color: white; background: #474747;}
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin: 0; color: #666; line-height: 1.4em; }

/* sidebar related */
#sidebarwrapper  { margin:0;padding:5;  color: #999; }
.tags { margin:5px 0;padding:0;line-height:2em; }
.tags a { text-decoration:none;color:#333;font-weight:normal; }
.tags:hover a { color: red; text-decoration: none; }
.tags:hover a:hover;

#sidebar 

.tags a:hover { color: red; text-decoration: none; }

#left-sidebar {color:#ddd; float:left; padding-right:5px; width:160px; background: transparent url(images/opa.png); }
#left-sidebar h3 {text-align:left; background: red; color: white; font: font-weight:bold;}
#left-sidebar a   {text-align:left; color:#aaa; }
#left-sidebar a:hover {text-align:left; color:#fff; }
#left-sidebar p {text-align:left; color:#ddd; }
#left-sidebar ul {text-align:left; list-style:none;margin:8px 0 4px;color: #999; }

#right-sidebar { padding-right:10px; color:#ddd; float:left; width:160px; font-size:11px; background: transparent url(images/opa.png); }

/* 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 h5 a:link, a:visited { color:red;}
ol.commentlist h5 a:hover { color:red; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }

/* Ancillary */
#ancillary  { margin:0; padding:0; height:180px; background: url(images/rambling.jpg) no-repeat ;}

/* footer */
#footer {font-size:9px; line-height:1.4em; padding:0;margin:0 auto;clear:both;height:40px;width950px;text-align:right; }