/*Gotham pivot template by Leo Kennis. Modify and redistribute freely.*/ 

/*Selectors mostly declared in order of use, complete declaration on one line so ther is less scrolling necessary*/ 

body {background:url(bg.gif); margin: 0; padding: 0;}

a:link {color: #aaa; text-decoration: none;}

a:visited {color: #aaa; text-decoration: none;}

a:hover {color: #eee; text-decoration: none;}

p {margin: 0; padding: 0;}

.pivot-image {position: relative; float: right; background: #111; padding: 3px; border: 1px solid #777; margin-left: 4px; margin-top: 6px;}

#image {border; 0px;}

.commentlink {position: relative; text-align: right; margin-top: -2px;}

#maincontainer {width: 1000px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;}

#container {width: 930px; border: 1px solid #da0085; margin-left: auto; margin-right: auto; margin-top: 35px; margin-bottom: 35px; text-align: left; background: url(containerbg.gif) top left repeat-y #171717;}

#banner {padding: 0px; margin-bottom: 0; margin-top: 0; background: url() right center no-repeat #111; height: 50px; text-align: left; padding-left: 10px; overflow: hidden;}

#banner h1 {font-family: "Century Gothic", "Lucida Grande", Verdana, Sans-Serif; font-size: 34px; letter-spacing: -3px; font-weight: normal; color: #e7008d; padding: 0; margin: 0; line-height: 50px;}

#banner h1 a:link {color: #e7008d;}

#banner h1 a:visited {color: #e7008d;}

#banner h1 a:hover {color: #ccc;}

span#tagline {font-family: "Lucida Grande", Verdana, Sans-Serif; color: #ccc; font-size: 12px; letter-spacing: 1px; background: none; padding-left: 5px;}

#content {margin: 10px;}

h2 {font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; font-size: 15px; color: #555; font-weight: normal; margin-bottom: 4px;}

#links {position: relative; float: left; left: 0px; top: 0px; width: 450px; margin: 5px; margin-left: 0; overflow: hidden;}

#rechtsmidden {position: relative; float: left; left: 0px; top: 0px; width: 220px; margin: 5px; overflow: hidden;}

#rechts {position: relative; float: left; left: 0px; top: 0px; width: 220px; margin: 5px; margin-right: 0; overflow: hidden;}

.review {position: relative; left: 0px; top: 0px; margin: 0; margin-bottom: 7px; background: #000; border: 1px solid #777; padding: 7px; font-family: "Lucida Grande", Verdana, Sans-Serif; font-size: 10px; line-height: 15px; font-weight: bold; color: #666; text-align: justify; overflow: hidden;}

.reviewfooter {font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #666; margin-top: 2px; padding-top: 3px; border-top: 1px solid #e7008d; clear: both; text-align: center;}

.weblog {position: relative; left: 0px; top: 0px; margin: 0; margin-bottom: 7px; background: #000; border: 1px solid #777; padding: 10px; padding-top: 7px; padding-bottom: 0px; font-family: "Lucida Grande", Verdana, Sans-Serif; font-size: 14px; line-height: 21px; color: #777; text-align: justify; overflow: hidden;}

.weblogfooter {font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #666; margin-top: 2px; padding-top: 3px; padding-bottom: 5px; border-top: 1px solid #afe900; clear: both; text-align: center;}

.weblog img {padding: 6px; margin-right: 6px; margin-top: 6px;}

h3 {margin-bottom: 5px;}

h3 a:hover {color: #eee ! important; text-decoration: none;}

#links h3 {font-family: Arial, Sans-Serif; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #afe900; margin-top: 0px;}

#links h3 a:link {color: #afe900;}

#links h3 a:visited {color: #afe900;}

#rechtsmidden h3 {font-family: Arial, Sans-Serif; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #e7008d; margin-top: 0px; line-height: 12px;}

#rechtsmidden h3 a:link {color: #e7008d;}

#rechtsmidden h3 a:visited {color: #e7008d;}

#rechts h3 {font-family: Arial, Sans-Serif; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #0085ca; margin-top: 0px;}

#rechts h3 a:link {color: #0085ca;}

#rechts h3 a:visited {color: #0085ca;}

.category {font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 10px; color: #444; text-transform: uppercase; font-weight: normal; text-align: right; padding-left: 2px;}

.category a:link {color: #444 ! important;}

.category a:visited {color: #444 ! important;}

.category a:hover {color: #eee ! important;}

.date {font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 10px; color: #444; text-transform: uppercase; font-weight: normal; position: absolute; right: 10px}

blockquote {margin-left: 20px; margin-top: 15px; margin-bottom: 15px; color: #666; border-left: 5px solid #2a2a2a; padding-left: 8px;}

#footer {clear: both; height: 50px; background: #111; margin: 0; padding: 0; overflow: hidden;}

#footer a:link {display: block; float: left; height: 50px; width: 75px; background: #171717; border-right: 1px solid #777; border-top: 1px solid #171717; margin-left: auto; margin-right: auto; padding-top: 14px; font-family: "Lucida Grande", Verdana, Sans-Serif; font-weight: bold; font-size: 12px; text-align: center; vertical-align: bottom; text-decoration: none;}

#footer a:visited {display: block; float: left; height: 50px; width: 75px; background: #171717; border-right: 1px solid #777; padding-top: 14px; font-family: "Lucida Grande", Verdana, Sans-Serif; font-weight: bold; font-size: 12px; text-align: center; vertical-align: bottom; text-decoration: none;}

#footer a:hover {display: block; float: left; height: 50px; width: 115px; background: #222; border-right: 1px solid #777; padding-top: 14px; font-family: "Lucida Grande", Verdana, Sans-Serif; font-weight: bold; font-size: 12px; text-align: center; vertical-align: bottom; text-decoration: none;}

#footer img {border: 0px; vertical-align: middle; margin-right: 3px;}

.pivot-search label {visibility:hidden; display:none;}
.pivot-search legend {visibility:hidden; display:none;}
.pivot-search fieldset {border:0; padding:0; margin:0;}

.pivot-search-result label {visibility:hidden; display:none;}
.pivot-search-result legend {visibility:hidden; display:none;}
.pivot-search-result fieldset {border:0; padding:0; margin:0;} 

.searchbox {border: 1px solid #666; padding: 2px; background-color: #222; width: 194px; margin-bottom: 3px; color: #fff;}

.searchbutton {clear: both; padding: 0px 3px; width: 200px; font-family: "Lucida Grande", Verdana, Sans-Serif; color: #666; background-color: #111; border: 1px solid #777; font-weight: bold;}

#search {position: relative; float: left; left: 0px; top: 0px; width: 450px; margin: 5px; margin-left: 0; overflow: hidden;}


 
/* For tags: */


.taglinkext, a[rel="tag"] {
	background-image: none;
	color: #aaa; text-decoration: none;
}
 
.taglinkext:hover {
color: #eee; text-decoration: none;
	background-image: none;
	border-bottom: 0px double #00A8FF;
}

#tagpage {position: relative; left: 0px; top: 0px; margin: 0; margin-bottom: 7px; padding-bottom: 7px; background: #000; border: 1px solid #777; padding: 7px; font-family: "Lucida Grande", Verdana, Sans-Serif; font-size: 10px; line-height: 15px; font-weight: bold; color: #666; text-align: justify; overflow: hidden;}
 
#flickrpics a, #flickrpics a:hover  	
	background-image: none;
}
 
#flickrpics img  {
	margin-right: 4px;
	border-width: 0px;
}
 
#tagbuttons a, #tagbuttons a:hover {
	background-image: none;
}
 
#tagbuttons img {
	border-width: 0px;
}

.tags { 
	

margin-top: 0px;
	font-size: 0.95em;
}
 
.tags a: {color: #aaa;}
.tags a:hover {color: #eee ! important;};}

.tags {color: #666;}

/* this replaces inline style tags */ 
img.badge { border:0; margin-bottom:2px; } 

/* this is a bonus */ 
a img.badge:hover { border-bottom:1px #FF9933 solid; margin-bottom:1px; }


.commentform{ position: relative; left: 0px; top: 0px; margin: 0; margin-bottom: 7px; background: #000; padding: 10px; padding-top: 7px; padding-bottom: 0px; font-family: "Lucida Grande", Verdana, Sans-Serif; font-size: 12px; line-height: 21px; color: #777; text-align: justify; overflow: hidden;  width: 200px
}

.commentform a:link {
a:link {font-size:10px; color: #aaa; text-decoration: none;}
a:visited {font-size:10px; color: #aaa; text-decoration: none;}
a:hover {font-size:10px; color: #eee; text-decoration: none;}
}

.comment{
color:#424440;
margin: 10px 0px 20px 0px;
background:#DFE3D4;
padding: 15px;
border-left:3px solid #ACB09E;
}


