/*
Theme Name: dionysus
Theme URI: commacomma
Version: 1.0
Author: dionysus
*/


/* Overal setup */
* { margin:0; padding:0; }

body {
color:#707070; font:12px/14px  helvetica, arial,Sans-serif;
SCROLLBAR-FACE-COLOR: black; 
SCROLLBAR-HIGHLIGHT-COLOR: black; 
SCROLLBAR-SHADOW-COLOR: black; 
SCROLLBAR-3DLIGHT-COLOR: black; 
SCROLLBAR-ARROW-COLOR: white; 
SCROLLBAR-TRACK-COLOR: black;
SCROLLBAR-DARKSHADOW-COLOR: black; 
overflow-x:hidden;
background-image: url('http://commacomma.com/img/stripe.png');
	background-repeat: repeat; 
	background-attachment:fixed;
}

a   { color:#999;text-decoration:none;outline:0; }
a:hover { color:black; }
a img { border: none; }


#CC a   { color:black;text-decoration:none;outline:0; }
#CC a:hover { color:grey; }
#CC a img { border: none; }

ul, li { list-style: none;margin:0;padding:0; text-transform: lowercase;}

h1  { font-size:30px; } 
h2  { font-size:14px; } 
h3  { font:bold 11px arial,helvatica;color:white;text-transform:lowercase;}
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px; }

.HRDASH {border:dashed; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:0;padding:0;}

.HRLEFT {border:dashed; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin: 7px 0 7px auto;padding:0; width: 30px; text-align:right;}

.portfoliothumbs {width:188px; height:120;}

.pagenavi  { margin: 10px 0; clear: both; color:black;}


/* thumbnail holder */
.allthumbs { width:735px; position:absolute; top:60px; left:300px; background:white; margin: 0 0 50px 0; padding:5px;}
.main2 { width: 765px;margin:0; overflow:hidden; float:left;background:white;}

/* thumbnail covers */
.thumb { background:white url(images/thumbs.jpg); display: block; width: 235px; overflow: hidden; height: 150px; margin: 5px 5px 5px 5px; position: relative; }
.thumb a img:hover {filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; }
.thumb a img {filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;border:1px; border-color:#707070;}

.thumb-titlePROJECTS { margin-bottom:0px;background:#707070;bottom:0;right:1px;display:block;position:absolute;padding:2px; }
.thumb-titlePROJECTS h2 { margin: 0; line-height: 1.4em; }
.thumb-titlePROJECTS h2 a { font:11px Arial,helvetica;display:block;color:white;text-decoration: none;text-transform:capitalized; }

.thumb-titleWIP { margin-bottom:0px;background:red;bottom:0;right:1px;display:block;position:absolute;padding:2px; }
.thumb-titleWIP h2 { margin: 0; line-height: 1.4em; }
.thumb-titleWIP h2 a { font:11px Arial,helvetica;display:block;color:white;text-decoration: none;text-transform:capitalized; }

.thumb-titleARCH { margin-bottom:0px;background:orange
;bottom:0;right:1px;display:block;position:absolute;padding:2px; }
.thumb-titleARCH h2 { margin: 0; line-height: 1.4em; }
.thumb-titleARCH h2 a { font:11px Arial,helvetica;display:block;color:white;text-decoration: none;text-transform:capitalized; }

.thumb-titleART { margin-bottom:0px;background:#663399
;bottom:0;right:1px;display:block;position:absolute;padding:2px; }
.thumb-titleART h2 { margin: 0; line-height: 1.4em; }
.thumb-titleART h2 a { font:11px Arial,helvetica;display:block;color:white;text-decoration: none;text-transform:capitalized; }


/* single page */
.main {padding:10px 0 0 10px; width:610px;background:white; position:absolute;top:60px; left:300px;}

.post.single { line-height:1.5em; width:600px;padding:3px; }
.post.single h2, .post.single h2 a { font:22px arial,helvetica;letter-spacing:-1px;line-height:1.4em;color:#999999;text-decoration:none; }
.post.single .postMeta { font:10px Arial;margin-bottom:5px;color:#707070; }
.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 { width:600px;float:right; line-height:15px;padding-bottom:25px; border-right-style:dashed; border-right-width:0px; border-right-color:#707070; width:600px;padding:3px;}
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  

/*//////// SMILEY ////////*/
.post .entry img,.entry a img { border:0px 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 a,.post.single li a { color:#b3d565; }
.post.single p a:hover { color:#ddd; }
.post.single p strong { font-weight: bold; }
.post.single p { margin-top:10px; }
.post.single p em { font-style:italic;}
.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: 2em; }

.excerpt {display:scroll; position:fixed; left:10px; bottom:10px;width:150px;}

a.WIP span {color: red; text-decoration: none;}
a.WIP:hover span {color: #660000;text-decoration: none;}

a.concept span {color: orange; text-decoration: none;}
a.concept:hover span {color: #660000;text-decoration: none;}

/* twitter */
#twitter_update_list { color:#707070; line-height:1.4em; padding-top:7px;line-height:0.9em; font-size:12px; }
#twitter_update_list a { color:#999;padding:0;margin:0;display: block; }
#twitter_update_list a:hover  { color:#707070;padding:0;margin:0; }


/* sidebar related */
#right-sidebar { color:#ddd; position:absolute; top:60px; left:0px; width:200px; margin:0; padding:5px; font-size:12px;background: white; }
#right-sidebar p { color:#ddd; padding-bottom:10px;}
#right-sidebar a   { color:#999;text-decoration:none; }
#right-sidebar a:hover { color:black; }
#right-sidebar ul { list-style:none;margin:0px 0 0px; line-height:0.9em; padding-left:0px; padding-top:5px;}
#right-sidebar h3 {padding:2px; background: #707070;display: inline; color: white; }

/* footer */

.navbar {position:fixed; top:60px; center:5px;left:5px; width:15px;}
.navbar img {padding-bottom:3px;}
.navbar a img:hover {filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; }