/*
Theme Name: wlogger 1.0
Theme URI: http://wlogger.com/
Description: theme
Version: 1.0
Author: digows
Author URI: http://digo.ws/
*/
a:link {text-decoration: none; color: #000;}
a:visited {text-decoration: none; color: #000;}
a:active {text-decoration: none; color: #000;}
a:hover {text-decoration: none; color: #666;}

.photo a:link {text-decoration: none; color: #fff;}
.photo a:visited {text-decoration: none; color: #fff;}
.photo a:active {text-decoration: none; color: #fff;}
.photo a:hover {text-decoration: none; color: #666;}

.design a:link {text-decoration: none; color: #000;}
.design a:visited {text-decoration: none; color: #000;}
.design a:active {text-decoration: none; color: #000;}
.design a:hover {text-decoration: none; color: #666;}

a[href$='.rar'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(images/save.png) center left no-repeat;
}

img { padding:0; margin:0; border:0; }
html * { padding:0; margin:0; }
body * { padding:10px 20px; }
body * * { padding:0; }
body { font: 12px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; background:#eee; }
h1 { font-weight:normal; margin-bottom:.3em; }
h1 span { font-size:60%; color:#666; font-weight:normal; }
table { border:none; border-collapse: collapse; width:100%; }
td, th { vertical-align:top; padding:2px 3px; }
th { width:12em; text-align:right; color:#666; padding-right:.5em; }
#main { text-align: center; background:#f6f6f6; border-bottom:1px solid #ddd; }
#main ol { margin: 0.5em 4em; font: italic 1em; color: #999999; }
#main ol li { font-family: verdana; }
#main ol p { color: #000000; }

#header { background: #ffc; border-bottom:1px solid #ddd; }
#footer { background:#eee; }

.center {
  width: 960px ;
  margin-left: auto ;
  margin-right: auto ;
}
div#centerr {
  width: 960px ;
  margin-left: auto ;
  margin-right: auto ;
}
div#leftcon {  float: left; width: 310px ;}
div#rightcon {  float: right; width: 300px ;}

div.spacer {
  clear: both;
  }

.wall, .photo, .design { position:relative; float: left;}

.post { text-align: center; width: 300px; background: #ffc; color: #000; font-style: normal; padding: 2px 5px; display: none; position: absolute; border-left:1px solid #ddd; border-right:1px solid #ddd; top:30px; left:0px;}

.photo .post { text-align: center; width: 300px; background: #000; color: #fff; font-style: normal; padding: 2px 5px; display: none; position: absolute; border-left:1px solid #ddd; border-right:1px solid #ddd; top:30px; left:0px;}

.design .post { text-align: center; width: 300px; background: #fff; color: #fff; font-style: normal; padding: 2px 5px; display: none; position: absolute; border-left:1px solid #ddd; border-right:1px solid #ddd; top:30px; left:0px;}

.text { background: #ffc; color: #000; font-style: normal; padding: 2px 10px; display: block; position: absolute; border-left:1px solid #ddd; top:30px; left:0px;	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.photo:hover .text{display: none;}
.photo:hover .screen{display: none;}
.photo:hover .post{display: block;}
.wall:hover .text{display: none;}
.wall:hover .screen{display: none;}
.wall:hover .post{display: block;}
.design:hover .text{display: none;}
.design:hover .screen{display: none;}
.design:hover .post{display: block;}

.screen { background: #ffc; color: #000; font-style: normal; padding: 2px 10px; display: block; position: absolute; border-right:1px solid #ddd; top:30px; right:5px;	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.center img { background: #ffc; border: solid 1px #ddd; padding: 5px; margin-right: 5px; position:relative; float: left;}
.photo img { background: #000; border: solid 1px #ddd; padding: 5px; margin-right: 5px;}
.wall img { background: #ffc; border: solid 1px #ddd; padding: 5px; margin-right: 5px;}
.design img { background: #fff; border: solid 1px #ddd; padding: 5px; margin-right: 5px;}