/* andreas04 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.
Version: 1.2, November 28, 2005 */
body{
margin:0;
padding:0;
font:76% tahoma,verdana,sans-serif;
color:#333;
background:#eee url(images/entrybg.png) repeat-x;
}
a{
text-decoration:none;
color:#269;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}
p{
margin:0 0 15px 0;
line-height:1.5em;
}
h1,h2,h3,h4{
margin:0;
padding:0;
font-weight:normal;
}
h1{
font-size:2.6em;
letter-spacing:-3px;
color:#567;
margin:12px 0 5px 10px;
}
h1 a:hover{
text-decoration:none;
}
h2{
font-size:1.6em;
letter-spacing:-1px;
margin:12px 0 5px 10px;
padding-left: 10px;
color:#888;
}
h3{
color: #555;
font-size:1.5em;
margin:1em 0 0.5em 0.5em;
}
h4{
font-size:1.2em;
font-weight:bold;
}
#container{
width:92%;
min-width:760px;
padding:0 20px;
margin:0 auto;
background:#f0f0f0 url(images/contentbg.png) repeat-x;
color:#333;
text-align:left;
border-left:1px solid #eef;
border-right:1px solid #eef;
}
#sitetitle{
float:left;
height:100px;
background:url(images/logo.gif) left top no-repeat; /* Delete this line to remove the animated globe */
width: 22%;
color: #333;
}
#sitetitle a{
color:#567;
font-weight:normal;
}
#sitetitle a:hover{
color:#269;
}
#sitetitle h2{
font-size:-1.6em;
letter-spacing:0,5px;
margin:0px 0 0 50px;
position: absolute;
top: 72px;
left: 20px;
color:#333;
}
#menu{
height:71px;
padding-top:10px;
text-align: right;
}
#menu ul{
list-style-type: none;
}
#menu ul li{
display: inline;
}
#menu ul li a{
margin:0;
height:71px;
max-width: 88px;
text-align: center;
padding:0px 6px 41px 6px;
font-size:1.1em;
font-weight:normal;
letter-spacing:-1px;
color: #888;
float: left;
}
#menu ul li a:hover{
color:#269;
text-decoration:none;
margin-top:-34px;
background: #fff url(images/menuhover.png) repeat-x;
padding:34px 5px 0px 5px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
#menu ul li a.active{
color:#269;
text-decoration:none;
margin-top:-34px;
background: #fff url(images/menuhover.png) repeat-x;
padding:34px 5px 0px 5px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
#content{
margin-top:30px;
width:100%;
clear:both;
}
#content h2{
margin:0 0 10px 0;
color:#555;
border-bottom:2px solid #abb;
}
#content h2 a{
color:#555;
font-weight:normal;
}
#content h2 a:hover{
color:#269;
text-decoration:none;
background:none;
}
#content p{
margin:0.5em 1em 0.8em 1em;
}
#left{
width: 75%;
float: left;
}
#right{
margin-left:20px;
margin-top:-15px;
float: right;
}
#right h2{
margin:15px 0 5px 0;
width:98%;
font-size:1.6em;
}
#right ul{
list-style-type: none;
margin-left: -10px;
line-height: 0.7em;
}
#right ul li h3 a{
color: #333;
font-size:0.9em;
margin:0px;
}
#footer{
clear:both;
padding:10px 0 12px 24px;
text-align:left;
color:#888;
float:left;
}
#footer a{
color:#888;
font-weight:normal;
}
#footer span{
color:#aaa;
font-size:2em;
letter-spacing:-2px;
}
.entry{
position:relative;
width: 95%;
margin:0 0 20px 0;
min-height: 400px;
border:2px solid #fff;
background:#e6e6e6 url(images/entrybg.png) repeat-x;
color:#333;
padding:10px 10px 0 10px;
float: left;
}
.entry a:hover, .intro a:hover{
text-decoration:none;
padding-bottom:2px;
background:url(images/flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}
.link{
color:#269;
background:url(images/linkarrow.gif) left no-repeat;
display:block;
margin:4px 0 0 0;
padding:2px 1em;
}
.link:hover{
color:#48b;
background:url(images/blinkarrow.gif) left no-repeat; /* Delete this line to remove the blinking arrows by the links */
text-decoration:none;
}
.thumbs img{
position:relative;
padding:3px;
margin:0 2px 2px 0;
border:1px solid #fff;
background-color:#ddd;
color: #555;
}
.thumbs img:hover{
background: url(images/flash.gif); /* Delete this line to remove the blinkingblue frame around the thumbnails */
}
.entryphoto{
margin:5px 10px 10px 0;
float:left;
padding:3px;
border:1px solid #fff;
background-color:#ddd;
color:#333;
}
.meta{
clear:both;
border-top: 2px solid #ccc;
padding: 5px 1px 0 0;
margin:10px 0 0 0;
text-align:right;
font-size:0.9em;
color: #567;
}
.pagenav{
color: #888;
text-align:center;
}
.entry img{
position:relative;
}
.subcontainer {
width:98%;
}
.rightsub{
float:left;
width:45%;
}
.rightsub2{
margin-left:50%;
}
.date{
float:left;
font-weight:bold;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.clear{
clear:both;
}
.hide{
display:none;
}
#banners{
float:left;
margin-left:15px;
}
#men_g
{
width: 980px;
height: 50px;
}
#men_g a
{
display: block;
float: left;
font: 12px tahoma;
width: 220px;
padding-bottom: 10px;
}