webjam

/*
THEME NAME: webjam 2
THEME URI: http://webjam.lowfi.es/
DESCRIPTION: Side-scrolling for web improvisation.
VERSION: 2
AUTHOR: Carlo
AUTHOR URI: http://lowfi.es/
*/

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend caption {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
overflow-x:hidden;
font-family:Arial, Helvetica, sans-serif;
}

/*———————————— head —*/

#header {
position:relative;
width:auto;
margin:0 0 20px 0;
padding:10px 10px 10px 15px;
-webkit-box-shadow: 0px 2px 2px #ccc;
-moz-box-shadow: 0px 2px 2px #ccc;
box-shadow: 0px 2px 2px #ccc;
}

#header a {
background:none;
}

#lefthead{
padding:0px 0 0 0;
float:left;
width:33%;
}

#midlehead{
padding:32px 0 0 0;
font-size:12px;
float:left;
width:33%;
font-style:italic;
color:#B7B7B7;
}

#righthead{
padding:23px 0 0 0;
font-size:12px;
float:left;
text-align:right;
width:33%;
}

#lefthead #logo{
margin:0 0 7px 0;
}

#lefthead .right{
margin:0 0 0 3px;
}

#lefthead .right:hover, #lefthead .left:hover{
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
bachground:none;
}

.disabled, #logo{
filter:alpha(opacity=30);
opacity: 0.3;
-moz-opacity:0.3;
}

#logo:hover{
filter:alpha(opacity=100);
opacity: 2;
-moz-opacity:2;
}
/*———————————— rightmenu—*/

#righthead li{
display:inline;
margin:0 0 0 5px;
}

#righthead img{
border:outset grey 2px;
}
#righthead img:hover{
border:outset black 2px;
}
#righthead img:active{
border:inset black 2px;
}
#header h1 a{
color:black;
}

#header h2{
display:none;
}

h2{font-size:0.7em;}

#add_new{position:absolute;top:0;display:inline;margin:0 0 0 0em;font-size:10px;}
#add_new a:hover{background:lightgrey;}
.yellow{background:yellow;}
.yellow a:hover{background:lightgrey;}
#page_header p {
display:none;
}

/*———————————— Post —*/

.scrollable {
clear:both;
overflow:hidden;
}

.scrollable .items {
margin:0 0 0 20px;
width:20000em;
position:absolute;
clear:both;
}
.scrollable .active {
border:2px solid #000;
z-index:9999;
position:relative;
}

.item{
float:left;
width: auto;
margin:0 40px 0 0px;
}

.item h3, .single h3{
padding:0 0 2px 0;
border-bottom:solid 1px lightgrey;
}

.single{
padding:0 20px 0 20px;
}

/*———————————— Footer —*/

.postmetadata{
text-align:right;
margin:-16px 0 10px 0;
font-size:0.7em;
}

#page_footer h5 {
font-size:28px;
letter-spacing:-2px;
font-weight:bold;
color:#000;
padding:20px 90px;
}

#page_footer p {
font-size:13px;
color:#000;
line-height:1.5em;
padding:0 70px 30px;
}

/*———————————— Comments —*/

#comments{
position:fixed;
right:10px;
bottom:10px;
width:330px;
}

#comments textarea{
width:320px;
height:100px;
}
.commentlist{margin:10% 0 0 0;}
#commentlist{font-size:0.7em;}
#commentlist p{padding:10px 0 10px 0;}
#commentlist cite{text-decoration:underline;}
#commentlist li{
margin:0 0 30px 0;
padding:0 0 5px 0;
width:300px;
}
#commentform{font-size:0.7em;}

#footer {
height:90px;
border-top:solid 1px #ff6600;
font-size:11px;
}

#footer p {
width:900px;
overflow:hidden;
color:#000;
margin:0 auto;
}

#footer span {
display:block;
height:90px;
line-height:90px;
}

#footer .left {
float:left;
}

/*———————————— Single —*/

.singleh2 a{
clear:both;
height:130px;
margin:0px 0 0px 0;
padding:0px 0px 20px 0 ;
text-decoration:underline;
font-size:30px;
display:block;
border-top:2px ridge grey;
}
.singleh2 a:hover, h2.see a:hover{
background:url(img/bg.gif);
}

.single{
margin:30px 0 30px 0;
}

.archive-title{
font-size:20px;
margin:0 0 0 0;
}
.authorWebsite{
color:white;
display:block;
font-size:12px;
font-style:italic;
margin:-15px 0 0px 0px;
padding:0 0 0 260px;
float:left;
}
a.authorWebsite{
color:grey;
}
a.authorWebsite:hover{
color:black;
}

/*———————————— Popup —*/

.popup {
display:none;
font-size:10px;
margin:0px 0 40px 0px;
font-weight:bold;
}
#twitt{color:black; font-size:20px;margin:0 0 0 0em;display:inline;}
#twitt a:hover{background:lightgrey;}
.popup a {
color:black;
}
.popup a:hover {
color:grey;
}

.popup ul {
float:left;
width:152px;
margin:0 20px 0 0;
}
.popup li {
font-weight:normal;
list-style-type:none;
padding:0 0 0 0px;
}

/*———————————— HTML —*/

:focus {
outline:0;
}

ol,ul {
list-style:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:”";
}

blockquote,q {
quotes:”" “”;
}

strong {
font-weight:bold;
}

em {
font-style:normal;
}

a {
color:black;
text-decoration:none;
cursor:pointer;
}
a:hover {
background:#F3F3F3;
}

.thumbnail{
position:absolute;
margin:-160px 0 0 260px;
z-index:-4;
}

.thumbsee{
height:130px;
width:130px;
position:relative;
margin:0;
}

.seebox{
float:left;
margin:3px;
}

h2.see a{
position:absolute;
width:126px;
height:126px;
display:block;
overflow:hidden;
margin:-130px 0 0 0;
padding:2px;
}

::selection {
background: #DFDFDF; /* Safari */
}
::-moz-selection {
background: #DFDFDF; /* Firefox */
}