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


/* Overal setup */
* { margin:0; padding:0; }
body { background: #1b1c19 url(images/main_background.jpg) no-repeat center top; color: #9da39e;
	font: 11px/14px "Lucida Grande", Lucida, Verdana, 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:22px arial,helvetica;line-height:1.4em;color: #97c42a;text-decoration:none;
	margin-top: 5px;
	margin-left: 5px;
}
h3  { color: #ECECEC; display:inline;
	font-variant: small-caps;
	font-size: 1.3em;
}
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;
	padding-top: 20px;
	padding-left: 10px;
}

/* navigation */
ul.topnav   { list-style:none;text-align:left;margin-top: 3px; }
.topnav li   { float:left;display:block; }
.topnav li a  { font: bold 1.0em Helvetica,Arial,sans-serif;color:#eee;text-decoration:none;display:block;padding:5px 0 5px 8px;width:90px;
}	
.topnav li a:hover   { color: #afdf3b;background:transparent url(images/px.png); }
.topnav li a span    { font: 10px arial;color: #7e7e7e; }
.topnav li a:hover span   { color: #fff; }
.topnav li.skip { text-indent: -999em;background:url(images/skip.png) no-repeat bottom center; }
.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 16em 0; }
#header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; }
#header h1 a:hover { color: #afdf3b; }
#main-wrapper { display:block; margin:0 auto;width:950px;padding:10px;text-align:left;background:url(images/px.png); }
.main { width: 550px;margin:0;padding:0;float:left;overflow: hidden; }


/* featured covers */
.featured { background: #222 url(images/featured.png); display: block; width: 510px; overflow: hidden; height: 170px; position: relative;
	margin: 10px;
}
.featured-title { margin-bottom: 10px;background:#000;bottom:0;right:0;display:block;position:absolute;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	padding: 5px 10px 5px 5px;
}
.featured-title:hover { background:#222; }
.featured-title h2 { margin: 0; line-height: 1.4em; }
.featured-title h2 a { font:11px Arial,helvetica;display:block;color:#aaa;text-decoration: none;text-transform:capitalized; }
.featured-title h2 a:hover { color: #fff;}



/* thumnail covers */
.thumb { background: #222 url(images/thumb.png); display: block; width: 250px; overflow: hidden; height: 170px; position: relative;
	margin: 10px;
}
.thumb-title { margin-bottom: 10px;background:#000;bottom:0;right:0;display:block;position:absolute;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	padding: 5px 10px 5px 5px;
}
.thumb-title:hover { background:#222; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:11px Arial,helvetica;display:block;color:#aaa;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #fff;}



/* Ancillary */
#ancillary  { margin:0;padding:0;height:260px;background: url(images/rambling.jpg) no-repeat 100% 80%;}
#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: 10px 3px 3px 10px;
}
.post.single h2, .post.single h2 a { font:22px arial,helvetica;letter-spacing:-1px;line-height:1.4em;color: #97c42a;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 { float:right; line-height:18px;overflow:hidden;padding-bottom:25px;
	margin-top: 5px;
	margin-left: 5px;
}

.entry { float:right; line-height:18px;overflow:hidden;padding-bottom:25px;
	margin-top: 5px;
	margin-left: 5px;
}

.entry p {
	margin-top: 10px;
	margin-bottom: 20px;
}
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { border: 3px solid #272727;
	float: left;
	margin-right: 4px;
	margin-bottom: 6px;
}
.post .entry a:hover img { border-color: #333; }
.post.single h3 { color: #ECECEC; display:inline;
	font-variant: small-caps;
	font-size: 1.3em;
}
.post.single p { margin: 1em 0; }
.post.single p a,.post.single li a { color: #97C42A; }
.post.single p a:hover { color:#ddd; }
.post.single p strong { font-weight: bold; }
.post.single p em { }
.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; }


/* landing */
.landing-single { background: #080908 repeat-x left top; padding: 10px; margin-bottom: 10px;
	clear: left;
	margin-top: 20px;
}

.landing-single li { margin: 0px; list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* twitter */
#twitter #twitter_update_list { color: #aaa;
	font: italic 14px/1.6em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 25px;
	border-bottom: 1px dashed #666;
	padding-bottom: 30px;
}

#twitter #twitter_update_list li span {
display:block;
}

#twitter #twitter_update_list strong { color: #fff; padding: 0;
	font: italic bold 14px/2.5em Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

#twitter h2 { color: #fff; padding: 0;
	font: italic bold 14px/2.5em Georgia, "Times New Roman", Times, serif;
	margin: 0;
}
#twitter #twitter_update_list a { color:#ddd;padding:0;margin:0;
	border-bottom: 1px solid #595959;
}
#twitter #twitter_update_list a:hover  { color: #afdf3b;padding:0;margin:0;
}

/* sidebar recent work omg */
#sidebars img.thumb {
	margin-right: 10px;
}

/* sidebar related */
#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }

/* @group My Group */



/* @end */
#left-sidebar { color:#ddd;float:left;margin: 10px 0 0 15px;width: 375px;
	padding: 0 5px 5px;
}
#left-sidebar h3 {padding:3px;display: inline; color: #eee;
	font-size: 18px;
}
#left-sidebar a   { color:#aaa; }
#left-sidebar a:hover { color: #afdf3b; }
#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: 14px;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-right: 0;
	padding-bottom: 10px;
	padding-left: 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;line-height:2em;
	padding-top: 10px;
}

.offres { margin: 10px 0 20px;line-height:2em;
	padding-top: 20px;
	border-style: none;
}

#lastsworks {line-height:2em;
	border-style: none;
	margin: 25px 0 20px;
	height: 246px;
}

#lastsworks li {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#lastsnews-title {
	font-size: 1.2em;
	margin-top: 10px;
}

#lastsnews-title a {
	color: #afdf3b;
}

#lastsnews p {
	color: #9DA39E;
	padding-right: 10px;
	margin-top: 5px;
}

#lastsnews {
	color: #9DA39E;
	padding-right: 10px;
	margin-top: 30px;
	line-height: 2em;
}

.offres ul {
	padding-top: 10px;
}
.tags a { text-decoration:none;color:#333;font-weight:normal; }

.st-tag-cloud a {
	padding: 3px;
}

.st-tag-cloud a:hover {
	color: #afdf3b;
}
.tags:hover a { color: #666; text-decoration: none; }
.tags:hover a:hover, #sidebar .tags a:hover { color: #eee;text-decoration: none; }

.broll { padding: 10px 0; }
.broll .linkcat h2 {display:none;}
.broll ul { margin: 0; padding: 0;fonts-size:11px; }
.broll li { margin: 0px; padding: 2px 0; list-style-type: none;  }
.broll li a { text-decoration:none;}
.broll li a:hover { text-decoration:none; }


#right-sidebar { color:#ddd;float:left;width:395px;margin:0;padding:5px;font-size:11px; }
#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 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: 0; }
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 { color:#555; font-size: 10px;margin:0 auto;height: 100px;clear:both;width:950px;text-align:right;
	background: url(images/footer.jpg) no-repeat center bottom;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	line-height: 0.9em;
}
#footer p {
	padding-top: 30px;
}
#footer a { font-weight: bold;color:#999;border-bottom:1px solid #333;
}
#footer a:hover { color:#eee;
}
#footer img { display: none; }

/* slide */
#featured  { height:230px;width:510px;margin:0 auto;padding:0; }
.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; }
.photo { padding: 5px 0;width:510px; }
.masked { color:#999;background: url(images/mask.png) no-repeat;padding: 4px;margin: 135px 10px 10px 330px;width: 172px; }
.masked a { color: #999;text-decoration:none; } 
.masked a:hover { color:#ddd; }

div.scroller { /* modify width and height of scrolling section if necessary	*/
	width: 510px;	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: 510px;height:190px;overflow:hidden;float:left; }
div.scroller div.content { width: 10000px; }
.section {color:#fff;}

/* slideshow single */
.jqGSContainer{position:relative;width:480px;}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;}
.jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;}
.jqGSContainer .jqGSImgContainer ul li img{
	border-style: none;
}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{background:#000;position:absolute;right:0px;top:0px; padding:3px;color:#fff;width:300px}


.jqGSContainer .jqGSPagination{position:relative;width:100%;height:20px;top:5px;padding: 5px 0;}
.jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative;float:right;}
.jqGSContainer .jqGSPagination ul li{padding:0;margin-right:5px;float:left;padding-right:1px;text-align:center;padding-bottom:1px;}
.jqGSContainer .jqGSPagination ul li a{padding:2px 0px;border: 1px solid #222; color: #999;text-decoration:none;display:block;width:20px;font:10px Verdana, Arial, Helvetica, sans-serif;}
.jqGSContainer .jqGSPagination ul li a.selected{color: #fff;
	background-color: #333;
	border: 1px solid #333;
}
.jqGSContainer .jqGSPagination ul li a:hover{background: #242424;color: #ccc;border: 1px solid #242424;}

.jqGSImgContainer{border:1px solid #000;}


/*
Copy this file into your current active theme's directory to customize this template

Photo
*/
div.meta img {
    margin-right:5px;
}
div#photo {
    position:relative;
    margin:10px 0 0 0;
}
div#notes {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
div#notes div.note {
    padding:1px;
    margin:-4px 0px 0px -4px;
    position:absolute;
    cursor:pointer;
}
div#notes:hover div.note div.hover2 {
    border:1px solid black;
}
div#notes:hover div.note div.hover {
    border:1px solid white;
}

div#notes div.note:hover {
    border:1px solid yellow;
    padding:0;
    z-index:2;
}

div.note div.text {
    display:none;
    position:absolute;
    top:100%;
    left:0px;
    width:auto;
    margin:10px 0 0 0 ;
    padding:5px;
    background:#FFFFD3;
    color:black;
    border:1px solid #555;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    z-index:1;
}
div.note:hover div.text {
    display:block;
}

div#context {
    position:relative;
    height:120px;
    width:100%;
    background:#eee;
}
div#context div.prev, div#context div.next {
    position:absolute;
    top:10px;
    color:#ccc;
    font-size:0.9em;
    text-align:center;
    text-transform:lowercase;
}
div#context div.prev {
    left:10px;
}
div#context div.next {
    right:10px;
}
div#context div.nomore {
    top:20px;
    width:100px;
}
div#context div.info {
    position:absolute;
    top:20px;
    left:50%;
    width:100px;
    margin-left:-50px;
    text-align:center;
}
div#context div.info a{
    color:#ccc;
    text-decoration:none;
}
div#context div.info strong a{
    color:#aaa;
}

div.comment {
    clear:both;
    min-height:50px;
    margin-bottom:1em;
}
div.comment p {
    margin:0 0 1em 0;
    padding:0;
}
div.comment img {
    margin-right:5px;
    margin-bottom:5px;
}
/*

Album

*/

div#photos {
    background:#eee;
    padding:10px;
    clear:both;
    margin:20px 0 0 0;
}
div#highlight {
    position:relative;
    margin:15px 0 0 0;
}
div#highlight img {
    float:left;
    margin:0 10px 0 0 ;
}
div#highlight p {
    font-size:1.3em;
}
div#highlight p.meta {
    color:#888;
    font-size:1em;
}
div#highlight p.meta a {
    color:#888;
}

/*

Albums-index

*/

div.albums {
    clear:both;
    padding-top:10px;
	margin-bottom: 10px;
}
div.album {
    background:#eee;
    padding:10px 10px 10px 10px;
    margin:0 0 15px 0;
    position:relative;
    min-height:95px;
    clear:both;
}
div.album img.highlight {
    float:left;
    border:3px solid #888;
    position:relative;
    margin-right:10px;
}
div.album h2 {
    font-size:1.4em;
    text-decoration:none;
    margin:0 0 10px 0;
}
div.album p {
    font-size:0.9em;
}
div.album p.meta {
    color:#888;
}
div.album p.meta a {
    color:#888;
}
div.albums-small div.album {
    clear: none;
    width:90px;
    height:115px;
    float:left;
    background: none;
}
div.albums-small div.album img.highlight {
    float: none;
	margin: 0;
}
div.albums-small div.album strong {
    font-size:0.9em;
}

div.group {
    min-height:60px;
}

div#highlight {
    position:relative;
    margin:0 0 40px 0;
}
div#highlight h2 {
    margin-bottom:5px;
}
div#highlight img.highlight {
    float:left;
    margin:0 10px 0px 0 ;
    border:3px solid #888;
}
div#highlight p {
    font-size:1.3em;
}
div#highlight p.meta {
    color:#888;
    font-size:0.9em;
}
div#highlight p.meta a {
    color:#888;
}

div#highlight div.photos {
    clear:both;
    padding:10px 0;
	background:none;
}
div#highlight div.photos img {
    margin:0 10px 10px 0;
}

div#photoalbum-nav {
    margin-bottom:15px;
}

/*

Paging

*/
.navigation {
	padding:1em 0;
	font-size:1.5em;
}

/*

Tags

*/
div.tags {
    padding-top:10px;
    clear:both;
}
div#cloud {
    line-height:200%;
}

div.flickr-meta-links {
	clear:both;
    margin:10px 0 0 0;
    font-size:10px;
}
div.flickr-meta-links a{
    color:#555;
}