/*

Theme Name: Blass2
Theme URI: http://1000ff.de/wordpress-theme-blass-english-version/
Description: Elegant and simple. Blass2 is a CSS-only theme, has a widgetized sidebar, support for gravatars, and works nicely with WordPress 2.5+. Brought to you by <a href="http://1000ff.de/">1000ff</a>.
Version: 1.6.2
Tags: fixed width, two columns, widget ready, widgets, right sidebar, simple, white, clean, valid CSS, valid XHTML
Author: 1000ff
Author URI: http://1000ff.de/

*/

/* body
--------------------------------------------------*/
body {
font:11px 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック','Tahoma';
color:#333;
margin:0;
padding:0;
width:100%;
}

* {
margin:0;
padding:0;
}

code {
font:120% "Courier New", "Lucida Console", Arial;
}

/* header
--------------------------------------------------*/
#header {
border-bottom:1px solid #888;
}

#wrapper {
width:990px;
margin:0 auto;
}

/* header h1 (blogtitle)
--------------------------------------------------*/

#header h1 {
text-indent:-9999px;
margin:20px 0 10px 0;
padding:0;
width:150px;
height:60px;
background-image: url(/img/logo2.jpg);
background-repeat: no-repeat;
}

#header h1 a{
width:150px;
height:60px;
display:block;
}


.clear {
clear:both;
}

/* content
--------------------------------------------------*/
#content-all {
margin:0 0 !important;
padding:10px 0px;
min-height:550px;
}

#content {
margin:0 250px 0 0 !important;
padding:10px 20px 0px 0;
}

#content2 {
margin:0 0 !important;
padding:10px 0px;
min-height:550px;
}

#content p,#content2 p,#content-all p{
line-height:180%;
font-size:11px;
word-spacing:1px;
margin:15px 0;
}

#content a,#content2 a,#content-all a{
text-decoration:none;
color:#9966cc;
}

#content a:hover,#content2 a:hover,#content-all a:hover{

color:#000;
}

#content h2,#content2 h2,#content-all h2{
font-size:12px;
font-weight:bold;
color:#333;
border-bottom:1px solid #ccc;
line-height:20px;
margin:15px 0;
padding:5px 0;
}

#content h2 a,#content2 h2 a,#content-all h2 a{
text-decoration:none;
border:none;
}

#content h1 {
font:3em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content h3 {
font:2em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content h4 {
font:1.8em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content h5 {
font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content2 h3 {
font:160% "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content ul,ol {
font-size:120%;
margin:10px 10px 10px 25px;
}

#content2 ul,ol {
margin:10px 10px 10px 25px;
}

/* blockquote + links
--------------------------------------------------*/

blockquote {
background:#ccc;
border:1px solid #ccc;
margin:10px 0;
padding:5px 15px;
}

a:hover {
color:#000;
text-decoration:none;

}

a.more {
display:block;
text-align:right;
color:#2F460D;
text-decoration:none;
margin:10px 0 0;
}

a.more:hover {
text-decoration:none;
}

/* metadata under post
--------------------------------------------------*/
.post {
margin:0 0 50px 0;
text-align:justify;
}

.post img {
padding:1px 1px 10px 1px;
}

.post img.alignright{
padding:0px 0px 15px 15px;
}

.post img.alignleft{
padding:0px 15px 15px 0px;
}

.post {
background-color:#fff;
font-size:1em;
color:#333;
padding:0px 3px 3px 8px;
margin: 5px 0 25px 0;
}

.date {
text-align:right;
margin: 0 0 15px 0;
}

.newsdate {
font-size:9px;
color:#999;
}

.post small {
margin-top:25px;
}

/* metadata sidebar ('about this post')
--------------------------------------------------*/
#news {
float:left;
width:410px;
height:auto;
margin:0px 0px 10px 0px;
}
#news p{
margin:3px 0px;
border-bottom:1px dotted #ccc;
}

/* sidebar
--------------------------------------------------*/
#sidebar {
width:220px;
float:right;
padding:35px 3px 10px 10px;
height:100%;
}

#sidebar h2 {
border-bottom:1px solid #ccc;
font-size:11px;
color:#333;
padding:0 0 3px;
}

#sidebar ul {
list-style:none;
font-size:11px;
margin:5px 0 23px;
}

#sidebar li {
clear:left;
border-bottom:1px dotted #ccc;
list-style:none;
padding:3px;
}

#sidebar li a:hover {
color:#000;
}

#sidebar input {
width:102px;
background:#fff;
color:#444;
border:1px solid #eee;
font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
padding:3px;
}

#sidebar input:focus {
background:#fff;
border:1px solid #eee;
}

/* some input
--------------------------------------------------*/
input {
border:1px solid #CCC;
font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
padding:3px;
}

input:hover {
border:1px solid #262626;
}

input:focus {
border:1px solid #262626;
color:#333;
}

/* comments
--------------------------------------------------*/
#comments {
font-size:0.9em;
}

#commentlist li {
margin-bottom:1.5em;
padding-bottom:1em;
}

#commentform {
background:#fff;
width:350px;
text-align:left;
margin:0 0 15px 0;
}

#commentform textarea {
background:#f8f7f6;
border:1px solid #d6d3d3;
width:480px;
font: 13px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}

#commentform #email,#commentform #author,#commentform #url {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:350px;
}

#commentform input {
margin-bottom:3px;
}

#gravatar {
align:right;
}

/* wp stuff
--------------------------------------------------*/

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.navigation {
text-align:center;
font-size:120%;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding:4px 0 0 0;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}


.wp-caption-dd {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

#footer a:hover {
text-decoration:none;
color:#999;

}

#content li,#content2 li {
border-bottom:1px solid #EFF8FB;
padding:10px;
}

a,#sidebar li a,#footer a {
color:#9966cc;
text-decoration:none;
}

/* footer
--------------------------------------------------*/
#footer {
width:100%;
clear: both;
color:#999;
margin:0;
padding:10px 0;
text-align:right;
border-top:1px solid #888;
}

#topbg{
width:615px;
height:345px;
background-image: url(/wp-content/uploads/topimg.jpg);
background-repeat: no-repeat;
text-indent:-9999px;
margin:5px 0px 0px 0px;
float:left;
}

#topinfo {
float:right;
width:550px;
margin:0px 0 10px 0px;
padding:0;
}
p#iten{
line-height:140%;
font-size:14px;
font-weight:bold;
}
#topicsinfo{
width:340px;
height:342px;
margin:5px 0 0px 0px;
background:#eaeaea;
padding:0px 10px;
float:right;
}
#topicsinfo h2{
margin-top:7px;
}

h2#title{
font-size:16px;
}


.caption{
font-size:8px;
}


#footer-n {
width:100%;
clear: both;
color:#999;
margin:0 0 10px 0;
padding:10px 0;
border-top:1px solid #ccc;
}

.footer-l{
float:left;
text-align:left;
margin-bottom:10px;
}
.footer-r{
float:right;
text-align:right;
margin-bottom:10px;
}

#wrapper-n {
width:1020px;
margin:0 auto;
}

/* header h1 (blogtitle)
--------------------------------------------------*/

#header-n h1 {
text-indent:-9999px;
margin:0 0 10px 0;
padding:0;
width:1020px;
height:192px;
background-image: url(/img/menu.jpg);
background-repeat: no-repeat;
}


#globalnavi{  
  margin: 0;  
  padding: 0;  
  width: 1020px;  
  height: 192px;
  display: block;  
  background-image: url(/img/menu.jpg);  
  background-repeat: no-repeat;
}

 
#globalnavi a{  
  display: block;  
  width: 100%;  
  height: 192px;  
  background-image: url(/img/menu.jpg);  
  background-repeat: no-repeat;
  margin: 0;  
  padding: 0;
}
  
#globalnavi ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#globalnavi li{  
  text-indent: -9999px;  
  float:left;  
  width: 25px;  
  margin: 0;  
  padding: 0;  
}

#globalnavi li a{  
  text-indent: -9999px;  
  float:left;  
  width: 25px;  
  margin: 0;  
  padding: 0;  
}

#globalnavi li#toplogo{  
  text-indent: -9999px;  
  float:left;  
  width: 70px;  
  margin: 0;  
  padding: 0;
}

#menutop{background-position: -70px 0;}
#menua2{background-position: -95px 0;}
#menua3{background-position: -119px 0;} 
#menua4{background-position: -144px 0;} 
#menua5{background-position: -168px 0;} 
#menua6{background-position: -193px 0;} 
#menua7{background-position: -217px 0;} 
#menua8{background-position: -242px 0;} 
#menua9{background-position: -266px 0;} 
#menua10{background-position: -291px 0;}
#menua11{background-position: -315px 0;} 
#menua12{background-position: -340px 0;}
#menua13{background-position: -364px 0;} 
#menua14{background-position: -389px 0;} 
#menua15{background-position: -413px 0;} 
#menua16{background-position: -438px 0;}
#menua17{background-position: -462px 0;} 
#menua18{background-position: -487px 0;} 
#menua19{background-position: -511px 0;} 
#menua20{background-position: -536px 0;}
#menua21{background-position: -560px 0;} 
#menua22{background-position: -585px 0;} 
#menua23{background-position: -609px 0;} 
#menua24{background-position: -634px 0;}
#menua25{background-position: -658px 0;} 
#menua26{background-position: -683px 0;} 
#menua27{background-position: -707px 0;} 
#menua28{background-position: -732px 0;} 
#menua29{background-position: -756px 0;} 
#menu1{background-position: -781px 0;}  
#menusp{background-position: -805px 0;}  
#menucl{background-position: -830px 0;}  
#menu2{background-position: -854px 0;}  
#menu3{background-position: -879px 0;}  
#menu4{background-position: -903px 0;}  
#menu5{background-position: -928px 0;}  
#menu6{background-position: -952px 0;}
#menu7{background-position: -977px 0;}  

#menutop a{background-position: -70px 0;}
#menua2 a{background-position: -95px 0;}
#menua3 a{background-position: -119px 0;} 
#menua4 a{background-position: -144px 0;} 
#menua5 a{background-position: -168px 0;} 
#menua6 a{background-position: -193px 0;} 
#menua7 a{background-position: -217px 0;} 
#menua8 a{background-position: -242px 0;} 
#menua9 a{background-position: -266px 0;} 
#menua10 a{background-position: -291px 0;}
#menua11 a{background-position: -315px 0;} 
#menua12 a{background-position: -340px 0;}
#menua13 a{background-position: -364px 0;} 
#menua14 a{background-position: -389px 0;} 
#menua15 a{background-position: -413px 0;} 
#menua16 a{background-position: -438px 0;}
#menua17 a{background-position: -462px 0;} 
#menua18 a{background-position: -487px 0;} 
#menua19 a{background-position: -511px 0;} 
#menua20 a{background-position: -536px 0;}
#menua21 a{background-position: -560px 0;} 
#menua22 a{background-position: -585px 0;} 
#menua23 a{background-position: -609px 0;} 
#menua24 a{background-position: -634px 0;}
#menua25 a{background-position: -658px 0;} 
#menua26 a{background-position: -683px 0;} 
#menua27 a{background-position: -707px 0;} 
#menua28 a{background-position: -732px 0;} 
#menua29 a{background-position: -756px 0;} 
#menu1 a{background-position: -781px 0;}  
#menusp a{background-position: -805px 0;}  
#menucl a{background-position: -830px 0;}  
#menu2 a{background-position: -854px 0;}  
#menu3 a{background-position: -879px 0;}  
#menu4 a{background-position: -903px 0;}  
#menu5 a{background-position: -928px 0;}  
#menu6 a{background-position: -952px 0;}
#menu7 a{background-position: -977px 0;}  
  
#globalnavi a:hover{
  display: block; 
  margin: 0;  
  padding: 0;
  width: 100%;  
  height: 192px;    
  background-image: url(/img/menuovern.jpg);  
  background-repeat: no-repeat;  
}

#globalnavi a.stay{
  display: block; 
  margin: 0;  
  padding: 0;
  width: 100%;  
  height: 192px;    
  background-image: url(/img/menuonn.jpg);  
  background-repeat: no-repeat;  
}    
  
#menutop a:hover{background-position: -70px 0;}
#menua2 a:hover{background-position: -95px 0;}
#menua3 a:hover{background-position: -119px 0;} 
#menua4 a:hover{background-position: -144px 0;} 
#menua5 a:hover{background-position: -168px 0;} 
#menua6 a:hover{background-position: -193px 0;} 
#menua7 a:hover{background-position: -217px 0;} 
#menua8 a:hover{background-position: -242px 0;} 
#menua9 a:hover{background-position: -266px 0;} 
#menua10 a:hover{background-position: -291px 0;}
#menua11 a:hover{background-position: -315px 0;} 
#menua12 a:hover{background-position: -340px 0;}
#menua13 a:hover{background-position: -364px 0;} 
#menua14 a:hover{background-position: -389px 0;} 
#menua15 a:hover{background-position: -413px 0;} 
#menua16 a:hover{background-position: -438px 0;}
#menua17 a:hover{background-position: -462px 0;} 
#menua18 a:hover{background-position: -487px 0;} 
#menua19 a:hover{background-position: -511px 0;} 
#menua20 a:hover{background-position: -536px 0;}
#menua21 a:hover{background-position: -560px 0;} 
#menua22 a:hover{background-position: -585px 0;} 
#menua23 a:hover{background-position: -609px 0;} 
#menua24 a:hover{background-position: -634px 0;}
#menua25 a:hover{background-position: -658px 0;} 
#menua26 a:hover{background-position: -683px 0;} 
#menua27 a:hover{background-position: -707px 0;} 
#menua28 a:hover{background-position: -732px 0;} 
#menua29 a:hover{background-position: -756px 0;} 
#menu1 a:hover{background-position: -781px 0;} 
#menusp a:hover{background-position: -805px 0;}  
#menucl a:hover{background-position: -830px 0;}  
#menu2 a:hover{background-position: -854px 0;}  
#menu3 a:hover{background-position: -879px 0;}  
#menu4 a:hover{background-position: -903px 0;}  
#menu5 a:hover{background-position: -928px 0;}  
#menu6 a:hover{background-position: -952px 0;}
#menu7 a:hover{background-position: -977px 0;}   

#menutop a.stay{background-position: -70px 0;}
#menua2 a.stay{background-position: -95px 0;}
#menua3 a.stay{background-position: -119px 0;} 
#menua4 a.stay{background-position: -144px 0;} 
#menua5 a.stay{background-position: -168px 0;} 
#menua6 a.stay{background-position: -193px 0;} 
#menua7 a.stay{background-position: -217px 0;} 
#menua8 a.stay{background-position: -242px 0;} 
#menua9 a.stay{background-position: -266px 0;} 
#menua10 a.stay{background-position: -291px 0;}
#menua11 a.stay{background-position: -315px 0;} 
#menua12 a.stay{background-position: -340px 0;}
#menua13 a.stay{background-position: -364px 0;} 
#menua14 a.stay{background-position: -389px 0;} 
#menua15 a.stay{background-position: -413px 0;} 
#menua16 a.stay{background-position: -438px 0;}
#menua17 a.stay{background-position: -462px 0;} 
#menua18 a.stay{background-position: -487px 0;} 
#menua19 a.stay{background-position: -511px 0;} 
#menua20 a.stay{background-position: -536px 0;}
#menua21 a.stay{background-position: -560px 0;} 
#menua22 a.stay{background-position: -585px 0;} 
#menua23 a.stay{background-position: -609px 0;} 
#menua24 a.stay{background-position: -634px 0;}
#menua25 a.stay{background-position: -658px 0;} 
#menua26 a.stay{background-position: -683px 0;} 
#menua27 a.stay{background-position: -707px 0;} 
#menua28 a.stay{background-position: -732px 0;} 
#menua29 a.stay{background-position: -756px 0;} 
#menu1 a.stay{background-position: -781px 0;} 
#menusp a.stay{background-position: -805px 0;}  
#menucl a.stay{background-position: -830px 0;}  
#menu2 a.stay{background-position: -854px 0;}  
#menu3 a.stay{background-position: -879px 0;}  
#menu4 a.stay{background-position: -903px 0;}  
#menu5 a.stay{background-position: -928px 0;}  
#menu6 a.stay{background-position: -952px 0;}
#menu7 a.stay{background-position: -977px 0;}   


#access{
width:100%:
clear:both;
}
.gallerymap{
float:left;
width:450px;
}
.googlemap{
float:right;
width:502px;
}

#bigtopics{
float:left;
width:410px;
margin:0px;
padding:3px 0 0 10px;
}
.info{
border:1px solid #ccc;
padding:5px 10px;
margin-bottom:10px;
}

#extitle{
border-left:12px solid #9966cc;
font-size:13px;
font-weight:bold;
color:#333;
line-height:20px;
margin:0px 0 15px 0;
padding:0px 0 5px 10px;
}
.cat_ex{
color:#999;
font-size:11px;
}

#topcontent{
width:100%;
clear:both;
border-top:1px solid #ccc;
margin:20px 0;
padding:10px 0;
}

#newsbigbox{
float:left;
margin:0 30px 0 0;
padding:0;
}

#newsbox{
width:370px;
border-left:12px solid #9966cc;
margin:15px 0 10px 0;
padding:0px 0 5px 15px;
}

#newsbox p{
margin:3px 0px;
border-bottom:1px dotted #ccc;
}

#artistbox{
width:100%;
clear:both;
float:left;
display:block;
border-left:12px solid #ff9900;
margin:15px 0 10px 0;
padding:0px 0 5px 15px;
}


.subtitle{
color:#999;
font-size:11px;
font-weight:bold;
line-height:20px;
display:block;
}

#onebox{
float:left;
width:140px;
border:1px solid #ccc;
padding:5px;
margin:10px 10px 10px 0px;
height:215px;
overflow:hidden;
}
#onebox p{
font-size:10px;
line-height:130%;
}

#shopbox{
float:left;
width:270px;
border-left:12px solid #0099cc;
margin:15px 0 10px 0;
padding:0px 0 5px 15px;
}

.newsimg{
margin:5px 10px 5px 0px;
float:left;
}

.shopimg{
margin:15px 10px 5px 0px;
float:left;
}

p#blognews{
padding-top:20px;
height:40px;
}
p#shopnews{
margin:3px 0px;
border-bottom:1px dotted #ccc;
padding-top:5px;
height:65px;
}

p#shopcomment{
margin:3px 0px;
border-bottom:1px dotted #ccc;
padding-top:7px;
height:150px;
}

#stopicsbox{
float:right;
width:220px;
border:3px dotted #aaa;
background-color:#EAEAEA; 
margin:15px 0 10px 0;
padding:0px 20px 5px 15px;
}

.stopicsimg{
clear:both;
display:block;
margin:10px 0 10px 0;
}

#toppr{
width:100%;
height:355px;
}
#primg{
float:left;
width:590px;
margin:0 auto;
}

.eximg{
margin:5px 20px 5px 0px;
float:left;
}

p#exsubtitle{
font-weight:bold;
margin:3px 20px;
padding:10px 0 0 20px;
height:120px;
}

#worksyear{
clear:left;
margin:0;
padding:0;
}

#worksonebox{
float:left !important;
width:120px;
border:1px solid #ccc;
padding:10px 5px;
margin:5px 8px 13px 8px;
height:170px;
overflow:hidden;
}
.worksoneboximg{
height:100px;
}
#worksonebox p{
padding:5px 5px;
text-align:center;
}


#shoponebox{
float:left;
width:165px;
border:1px solid #ccc;
padding:10px;
margin:10px 8px;
height:255px;
overflow:hidden;
}
.shoponeboximg{
height:160px;
}
#shoponebox p{
padding:5px 5px;
text-align:center;
}

h2#atname{
font-size:14px;
border-bottom:0px;
}

#sidebar li#atside{
height:50px;
}

table#map img,table#map tr, table#map td{
margin:5px 0px 10px 0px;
border:0px;
}

table#biography tr,table#biography td{
vertical-align:top;
font-size:11px;
border-collapse:separate;
border-spacing:20px 20px;
border-bottom:1px dotted #ccc;
line-height:200%;
}
table td .gray{
background-color:#999;
color:#fff;
}

.smallfont{
font-size:10px;
font-weight:normal;
line-height:130%;
}

img a{
border:0px;
}
img a:hover{
border:0px;
}
img a:link{
border:0px;
}
img a:visited{
border:0px;
}

a img{
border:0px;
}

a#nopp{
color:#333;
}
a:hover#nopp{
text-decoration:underline;
}

#sidebar a#nopp{
color:#333;
}
#sidebar a:hover#nopp{
text-decoration:underline;
}

#social-icon a {
	    font-size: 50px;
	    font-family: 'WebSymbolsRegular';
	    color: #fff;
	    text-decoration: none;
	    text-shadow: 0 0 1px #000,2px 2px 2px #aaa;
	    padding: 0 5px;
	}
#social-icon a.facebook:before {color: #3b5998; content: "f";}
#social-icon a.google-plus:before {color: #c53727; content: "g";}
#social-icon a.twitter:before {color: #00a1e9; content: "k";}

hr{
display:block;
border:none;
margin:10px 0px;
border-top:2px dotted #ccc;
height:1px;
width:100%;
color:#ccc;
}