/*
Theme Name: Vikiworks Infinity - Customized
Theme URI: http://vikiworks.com
Version: 1.0.1
Author: yichi, gnv&partners
Tags: 
*/


/* Overal setup */
* { margin:0; padding:0; outline:0; }
body { background:#0c0d26 url(images/bg_top.jpg) top center no-repeat; color:#fff; font:13px  "Lucida, Grande", Arial, Helvetica, Tahoma, sans-serif; line-height:18px; }
#container{ background:transparent url(images/bg_bottom.jpg) bottom center no-repeat; } 
a   { color:#458ad8;text-decoration:none;outline:0; }
a:hover { color:#2a375c; }
a img { border: none; }
p img{ border:4px solid #fff; margin:0 0 10px 0; }
p { margin:10px 0; }
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:34px; font-weight:normal; } 
h2, h2 a, h2 a:hover  { font-size:22px; font-weight:normal; color:#fff; margin:0 0 10px 0; } 
h3  { font-size:18px; color:#d0e3f9; font-weight:normal; margin:0 0 15px 0; margin-bottom: 15px; }
h3 span.slash { font:bold 14px Arial !important; text-transform: lowercase; }
h4  { font-size:18px; }
code { font: 15px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 16px 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 50px 0; clear: both; }
.pagenavi .pages{ display:none; }
.pagenavi a{ border:1px solid #2a375c !important; padding:4px 6px !important; color:#d0e3f9 !important; }
.pagenavi .current, .pagenavi a:hover{ background-color:#458ad8 !important;padding:4px 6px !important; color:#fff !important; }

/* navigation */
ul.topnav   { list-style:none;text-align:left; }
.topnav li   { float:left;margin: 0; }
.topnav li a  { font:12px arial;outline:none;color:#ddd;text-decoration:none;display:block;padding:5px 0; margin:0 15px 2px 15px; text-transform:uppercase; }	
.topnav li a:hover, .topnav li.current_page_item a   { color:#050f2c !important; border-bottom:2px solid #fff; margin:0 15px; }
.topnav li.rss   { float:right;display:block; }

/* header */
#header { width:960px;margin:0 auto;padding:1em 0 50px 0; }
#header h1 a { display:block;font-size: 24px; margin: 65px 0 0 0; width: 240px;text-indent: -999em; width:300px; height:105px; }
#header h1 a:hover { color: #fff; }
#main-wrapper { min-height: 900px; display:block; margin:0 auto;width:960px;padding:10px;text-align:left;background:url(images/bg_trans2.png); }
.main { width: 475px;margin:0;padding:0;float:left;overflow: hidden; }
.main.page { width: 720px; }

/* Ancillary */
#ancillary  { margin:0;padding:0; }
#ancillary .flickr { margin:0 auto; }
#ancillary .flickr img  { margin:9px 9px; width:54px;height:54px;display:block;float:left; }
#ancillary .flickr a img  { border:4px solid #fff; }
#ancillary .flickr a:hover img  { border:4px solid #d0e3f9; }

/* single page */
.post.single .postMeta span.date a{ color:#fff; }
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; } 
.post .entry img,.entry a img { border:4px solid #fff; }
img.alignleft{ float:left; margin: 10px 10px 10px 0; }
img.alignright{ float:right; margin: 10px 0 10px 10px; }
.post.single h3 { font-size: 16px;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; }

/* sidebar related */
#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }
#left-sidebar, #right-sidebar { color:#ddd;float:left;margin:0 0 0 25px;width:215px;padding:0; }
#left-sidebar h3, #right-sidebar h3 { margin-bottom: 15px; }
#left-sidebar a, #right-sidebar a   { color:#fff; }
#left-sidebar a:hover, #right-sidebar a:hover { color:#d0e3f9; }
#left-sidebar p, #right-sidebar p { color:#fff; }
#left-sidebar ul, #right-sidebar ul { list-style:none;margin:8px 0 60px 0; color: #fff; }

.categories { padding: 0; color: #fff; }
.categories li { font-size: 15px;padding:6px 0; border-bottom:1px solid #2a375c;  }
.categories li a { color: #fff; text-decoration:none; }
.categories li a:hover { color:#2a375c;text-decoration: none; }

/* comments */
ol.commentlist { list-style:none; margin:0 0 25px 0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { font-size: 13px;padding:6px 0; border-bottom:1px solid #2a375c; margin-bottom:15px;}
ol.commentlist li span.moderate { padding:2px; color:#f30; }

/* 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: #999; font-weight: bold; }

/* footer */
#footer, .notes { color:#afb3be; font-size:11px;line-height:14px; padding:0;margin:0;width:50%;float:left; text-align:left;}
#footer{ width:960px; float:none; margin: 40px auto 0 auto; height:195px; }
#footer a, .notes a { color:#fff;border-bottom:1px solid #444; }
#footer a:hover, .notes a:hover { color:#fff; }
.notes.right{ text-align:right; }

/* custom style for Sybrasail */
.hidden{ display:none; }
.block{ clear:both; border-bottom:1px solid #2a375c; margin-bottom:25px; padding-bottom:20px; }
.video{ margin:20px auto 10px auto; width:722px; height:408px; border:4px solid #fff; padding:0; overflow:hidden; }
.video embed, .video div, .video object{ margin:-16px 0 0 -39px; }
.btn, .date { font-size:12px; padding:4px 8px;  background:#458ad8; color:#fff; margin:15px 0; }
.btn:hover, .date:hover { background:#2a375c; color:#fff; }
.searchWrap{ margin-bottom:60px; }
input, textarea{ font:"Lucida Grande", Arial, Helvetica, Tahome, sans-serif; border:1px solid #2a375c; background:#eee; color:#666; padding:3px; font-size:12px; padding:4px 8px; margin:0; }
.searchWrap form input{ float:left; width:60%; }  
.searchWrap form a.btn{ float:right; margin:0; }  
.contactform label{ margin:0  15px 0 0; font-weight:normal; font-size:13px; padding:0; width:130px; }
.contactform input, .contactform textarea{ width: 350px;}
.contactform #contactsubmit{ border:0; width:auto; }