body {
color:black;
font-size:10.5px;
font-family:Helvetica, sans-serif;
}

#nav {
width:145px;
position:fixed;
float:left;
left:30px;
top:20px;
text-align:right;
color:#999999;
z-index:9;
}

#bar {
width:200px;
height:1000px;
position:fixed;
float:left;
left:0px;
top:0px;
background-color: black;
z-index:8;
border-right:1px dotted #999999;
}

.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #CCC;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  }
  
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

a.logoLINKS:link {color:black; text-decoration:none;}
a.logoLINKS:visited {color:black; text-decoration:none;}
a.logoLINKS:active {color:red; text-decoration:none;}
a.logoLINKS:hover {color:red; text-decoration:none;}

a.sopa:link {color:red; text-decoration:underline; font-family:"Courier New", Courier, monospace;}
a.sopa:visited {color:red; text-decoration:underline; font-family:"Courier New", Courier, monospace;}
a.sopa:active {color:red; text-decoration: none; font-family:"Courier New", Courier, monospace;}
a.sopa:hover {color:red; text-decoration: none; font-family:"Courier New", Courier, monospace;}

#edition a:link, #edition a:visited {color:red; text-decoration:none;}
#edition a:hover, #edition a:visited {color:green; text-decoration:none;}

#twitterfeed {
position:relative;
left:0px;
top:12px;
}

#tumblrLOGO {
position: absolute;
left:10px;
top:344px;
width:400px;
}

#iframeTUMBLR {
position: absolute;
left:0px;
top:375px;
z-index:-1;
}

#iframeBIG {
position: fixed;
left:690px;
top:-45px;
z-index:0;
border-left:1px dotted #dddddd;
border-right:1px dotted #dddddd;
border-bottom:1px dotted #dddddd;
border-top:1px dotted #dddddd;
}

#flickrLOGO {
position: absolute;
left:295px;
top:16px;
width:400px;
}

#flickrfeed01 {
position: absolute;
left:260px;
top:48px;
}

#flickrfeed02 {
position: absolute;
left:360px;
top:48px;
}

#flickrfeed03 {
position: absolute;
left:460px;
top:48px;
}

#flickrfeed04 {
position: fixed;
left:1220px;
top:12px;
}

div#lined {
padding-right:30px;
padding-left:0px;
}

div#lined_list {
padding-right:30px;
padding-left:0px;
}

td.projects {
text-align:left;
vertical-align:top;
padding:10px 10px 10px 0px;
}

table.projects {
border-top:dotted black 1px;
}

td {
text-align:left;
vertical-align:top;
}

td.right {
text-align:left;
vertical-align:top;
padding-top:3px;
padding-right:4px;
}

#content {
font-size:11.0px;
margin-left:210px;
width:455px;
position:absolute;
top:0px;
z-index:1;
text-align:left;
background-color: #FFFFFF;
border-left:0px dotted black;
border-right:1px dotted #999999;
padding-right:19px;
}

hr {
position:absolute;
left:-20px;
width:494px;
height:1px;
color: #fff; 
border: 1px dotted #999999; 
border-style: none none dotted;
}

#contentblog {
margin-left:212px;
width:455px;
position:absolute;
top:15px;
z-index:1;
text-align:left;
}

p#linksy {
}

.flags {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color: #fff000; 
line-height:50px;}

.flagslist {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

.flagslist02 {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

.flagslist03 {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

.flagslist04 {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

.flagslist05 {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

.flagslist06 {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

.flagslist07 {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

.flagslist08 {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

.flagslist09 {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

.flagsbeer {
font-variant:small-caps; 
font-size:36px; 
font-family:Helvetica, sans-serif; 
color:black; 
background-color:#fff000; 
line-height:50px;
}

img.samplers {
height:75px;
border:1px solid #CCCCCC;
}

#content a:link, #content a:visited {color:black; text-decoration:underline;}
#content a:active, #content a:hover {color:red; background-color:white; text-decoration:none;}

#linksy a:link, #linksy a:visited {color: #999999; text-decoration:none;}
#linksy a:active, #linksy a:hover {color:red; text-decoration:none;}

#lined a:link, #lined a:visited {color:black; text-decoration:none;}
#lined a:active, #lined a:hover {color:red; background-color:white; text-decoration:none;}

#lined_side a:link, #lined_side a:visited {color:#999999; text-decoration:none;}
#lined_side a:active, #lined_side a:hover {color:red; text-decoration:none;}

#lined_list a:link, #lined_list a:visited {color: red; text-decoration:none; font-style:;}
#lined_list a:active, #lined_list a:hover {color:red; text-decoration: underline;}

a,appear:link, a.appear:visited {color: #CCC; text-decoration:none; font-style:;}
a.appear:active, a.appear:hover {color:red; text-decoration: none;}

a.datext:link {color:red; text-decoration:none;}
a.datext:visited {color:red; text-decoration:none;}
a.datext:hover {color:red; text-decoration: underline;}
a.datext:active {color:red; text-decoration: underline;}

#natasha a:link, #natasha a:visited {color:#FF0000; text-decoration:none;}
#natasha a:active, #natasha a:hover {color:white; background-color:#FF0000; text-decoration:none;}

a.flags:link {color:white; background-color:#ff0000; text-decoration:none;}
a.flags:visited {color:white; background-color:#ff0000; text-decoration:none;}
a.flags:active {color:white; background-color:#ff0000; text-decoration:none;}
a.flags:hover {color:white; background-color:#ff0000; text-decoration:none;}
