/*

Theme Name: TravelBlog
URL: url

Description: TravelBlog-Theme
Version: 1.0

Author: WordWeb
*/


@import url(css/color.css);
@import url(css/typography.css);
@import url(css/reset.css);


ul#categories li{
margin-right:2px;
padding-right:5px;
border-right:1px dotted #000; 
}

div#topbar {width: 100%; height: 9px; margin: 0;}

div#container {position: relative; width: 1200px; margin: 0 auto;}

div#header {position: relative; text-size:80%; width: 940px; height: 610px; margin: 0 auto;}

span#feed {position: absolute; top: 15px; right: 300px;}

#social_media_box{
  height:48px;
left:550px;
position:absolute;
top:80px;
width:390px;
}
a#icon-rss {position: absolute; top: 0px; left: 0px; width: 48px; height: 48px; color:transparent;}
a#icon-mail {position: absolute; top: 0px; left: 70px; width: 48px; height: 48px; text-indent: -9999px;}
a#icon-twitter {position: absolute; top: 0px; left: 135px; width: 48px; height: 48px; text-indent: -9999px;}
a#icon-facebook {position: absolute; top: 0px; left: 200px; width: 48px; height: 48px; text-indent: -9999px;}
a#icon-flickr{position: absolute; top: 0px; left: 270px; width: 48px; height: 48px; text-indent: -9999px;}
a#icon-bremen{position: absolute; top: 0px; left: 340px; width: 48px; height: 48px; text-indent: -9999px;}


span#contact {position: absolute; top: 38px; right: 300px;}




h1#title a {font-size:30%;position: absolute; top: 50px; left: 0; width: 500px; height: 80px; text-indent: -9999px;}
p#bloginfo a {position: absolute; top: 138px; left: 0; width: 218px; height: 19px; text-indent: -9999px;}
div#moose a {position: absolute; top: 50px; left: 405px; width: 102px; height: 93px; text-indent: -9999px;}
div#navigation-container {position: absolute; top: 20px; right: 0;}
ul#navigation {height:45px;
position:relative;
width:390px;}
li#navi-blog {position: absolute; top: 15px; left: 21px;}
li#navi-gallery {position: absolute; top: 15px; left: 176px;}
li#navi-travellers {position: absolute; top: 15px; left: 266px;}

div#slideshow-container {position: absolute; width: 940px; height: 396px; top: 150px; left: 0;}
ul#categories {position: absolute; top: 560px; left: 0;}
ul#categories li {display: inline;}
div#searchform {bottom:0;right:0;position:absolute;top:560px;}
form.searchform {width: 188px; height: 32px;}
form.searchform  input {width: 128px; height: 18px; padding: 7px 10px 7px 10px; background-position: 100% 0;}
form.searchform button {width: 34px; height: 30px; text-indent: -9999px;}

div#content {font-size:90%;line-height:1.5; width: 940px; margin: 0px auto;}

div#postbox  {width: 560px; padding: 30px 30px 20px 30px; margin-right: 20px; float: left;}
div#comments {width: 500px; padding: 15px 30px 30px 30px; margin: 15px 0 30px 0;}
div#comments img {float: right; margin-left: 20px;}
div#comments input {width: 184px; height: 18px; border: 0; padding: 8px; margin-right: 10px; background-position: 100% 0;}
div#comments textarea {width: 334px; height: 164px; border: 0; padding: 8px; overflow: auto;}
div#comments button {width: 110px; height: 34px; border: 0;}

div#sidebar {width: 300px; float: right;font-size:18px;font-weight:bold;}
div#sidebar ul{font-weight:normal;}
div.sidebarbox {width: 240px; padding: 30px; margin-bottom: 20px;}
div#sidebarbox-flickr {width: 250px; padding: 25px; margin-bottom: 20px;}
div#flickr img {margin: 15px 0 15px 0;}
div#sidebar .linkcat{font-size:18px;font-weight:bold;}
div#sidebar .blogroll{font-weight:normal;}

div#footer {width: 940px; margin: 0 auto;}
p#copyright  {float: left;}
p#credits {float: right;}

div#bottombar {width: 100%; height: 40px; margin: 0;}
body{font-family: georgia,"times new roman",times,serif;}
div#sidebar h2 {font-size:18px;font-style:normal;font-weight:bold;}

img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered
{
text-align:center;
margin:0 auto;
}