/* Reset Styles courtesy of Eric Meyer
--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Main Elements
--------------------------------------*/
body {
   color: #000000;
   background-color: #ffffff;
   font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
   font-size: 13px;
   }

p {
   line-height: 17px;
   margin: 0 0 10px 0;
   text-align: left;
   font-size: 13px;
   }

blockquote p {
   font-size: 15px;
   line-height: 18px;
   margin: 0 50px 10px 50px;
   }

blockquote {
   margin: 25px 0;
   background-image: url(http://attractmo.de/images/blog/quotes.gif);
   background-repeat: no-repeat;
   }

.quote-attribute {
   text-align: right;   
   }

h1 {
   font-size: 30px;
   margin: 0 0 13px 0;
   line-height: 35px;
   }

h2 {
   font-size: 22px;
   margin: 1px 0 5px 0;
   line-height: 1.3;
   }

h3 {
   font-size: 15px;
   }

a:link{
   text-decoration: none;
   color: #abfc39;
   border-bottom: 1px dotted #38c0fc;
   }
a:visited{
   text-decoration: none;
   color: #FD9330;
   border-bottom: 1px dotted #abfc39;
   }
a:hover{
   text-decoration: none;
   color: #FD9330;
   border-bottom: 1px dotted #abfc39;
   }
a:active{
   text-decoration: none;
   color: #FD9330;
   border-bottom: 1px dotted #abfc39;
   }

.image {
   border: none;
   }
.image a:link{
   text-decoration: none;
   color: #abfc39;
   border-bottom: none;
   }
.image a:visited{
   text-decoration: none;
   color: #FD9330;
   border-bottom: none;
   }
.image a:hover{
   text-decoration: none;
   color: #FD9330;
   border-bottom: none;
   }
.image a:active{
   text-decoration: none;
   color: #FD9330;
   border-bottom: none;
   }

em {
   font-style: italic;
   }

strong {
   font-weight: bold;
   }

ins {
   text-decoration: none;
   }

/* ID
--------------------------------------*/
#wrapper {
   width: 860px;
   margin: 0 auto;
   padding: 0 0 0 0;
   }
   
#header {
   margin: 10px 0 0 -1px;
   padding: 0;
   height: 190px;
   background-image: url(http://attractmo.de/images/header-background.gif);
/*   background-image: url(http://attractmo.de/images/header-background-edge.gif); */
   background-position: bottom;
   background-repeat: no-repeat;
   }

#broglin {
   float: right;
   width: 88px;
   height: 51px;
   margin: 135px 218px 2px -133px;
   background-image: url(http://attractmo.de/images/broglin2.gif);
   background-repeat: no-repeat;
   }

#home-link{
   float: right;
   height: 176px;
   width: 456px;
   }

#navigation{
   float: right;
   height: 184px;
   width: 231px;
   }
   
#navigation ul {
   display: inline;
   list-style-type: none;
   }

#navigation ul li{
   display: inline;
   list-style-type: none;
   padding: 0;
   margin: 0 0 0 9px;
   }

#main-content {
   margin: 0;
   padding: 1px 10px 10px 10px;
   height: 100%;
   color: #eeeeee;
   background-color: #000000;
   background-image: url(http://attractmo.de/images/content-bottom.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   }

#primary-content {
   width: 616px;
   min-height: 869px;
   float: left;
   }

#secondary-content {
   float: right;
   width: 209px;
   }

#secondary-content p {
   text-align: justify;
   }

#footer {
   margin: 10px 0;
   color: #ffffff;
   height: 27px;
   background-image: url(http://attractmo.de/images/footer-top.gif);
   background-position: top;
   background-repeat: no-repeat;
   background-color: #000000;
   }
   
#footer .content {
   padding: 5px 10px;
   background-image: url(http://attractmo.de/images/content-bottom.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   }

#footer img {
   float: right;
   }

#footer ul {
   display: inline;
   list-style-type: none;
   }

#footer ul li {
   display: inline;
   list-style-type: none;
   padding: 0;
   margin: 0 0 0 6px;
   }

#footer a:link{
   text-decoration: none;
   color: #00c1ff;
   border-bottom: none;
   }
#footer a:visited{
   text-decoration: none;
   color: #00c1ff;
   border-bottom: none;
   }
#footer a:hover{
   text-decoration: none;
   color: #ABFC39;
   border-bottom: none;
   }
#footer a:active{
   text-decoration: none;
   color: #ABFC39;
   border-bottom: none;
   }

.sub-footer{
   text-align: center;
   color: #000000;
   margin: 5px 0 0;
   background-color: #ffffff;
   }

.legal{
   text-align: center;
   background-color: #ffffff;
   font-height: 8px;
   color: #000000;
   }

/* Class
--------------------------------------*/
.post {
   width: 616px;
   padding-bottom: 20px;
   margin-bottom: 20px;
   border-bottom: 10px solid #111;
   }

.post ol, .post ul {
   line-height: 17px;
   text-align: left;
   font-size: 13px;
   }

.post ul {
   list-style: square;
   margin: 0 0 10px 14px;
   }

.post ol {
   list-style: decimal;
   margin: 0 0 10px 21px;
   }

.clearer {
   clear: both;
   }

.highlight {
   color: #38c0fc;
   }

.strike {
   text-decoration: line-through;
   }

.centered {
   text-align: center;
   }

.div-link {
   display: block;
   width: 100%;
   height: 100%;
   }

.rss-icon {
   margin-bottom: -3px;
   }

.top-image-secondary-column {
   margin: 3px 0;
   }

/* Individual Pages
--------------------------------------*/
/* Blog
--------------------------------------*/
.post img {
   border: 1px #ffffff dashed;
/*   background-color: #222222;*/
   }

.post .image img {
   border: none;
   margin: 6px 0 0 0;
   }

.post .no-style img {
   border: none;
   background-color: #000000;;
   }

.blog-author {
   font-size: 15px;
   }

.gallery {
   margin-bottom: 10px;
   }

.gallery img {
   margin: 5px;
   }

.gallery a:link{
   text-decoration: none;
   color: #abfc39;
   border-bottom: 0;
   }
.gallery a:visited{
   text-decoration: none;
   color: #FD9330;
   border-bottom: 0;
   }
.gallery a:hover{
   text-decoration: none;
   color: #FD9330;
   border-bottom: 0;
   }
.gallery a:active{
   text-decoration: none;
   color: #FD9330;
   border-bottom: 0;
   }

.youtube-std {
   border: 1px #ffffff dashed;
   height: 492px;
   margin: 0 0 10px 0;
   }

.youtube-wide {
   border: 1px #ffffff dashed;
   height: 370px;
   margin: 0 0 10px 0;
   }

.vimeo-std {
   border: 1px #ffffff dashed;
   height: 463px;
   margin: 0 0 10px 0;
   }

.vimeo-wide {
   border: 1px #ffffff dashed;
   height: 345px;
   width: 613px;
   }

.interviewer {
   font-size:20px;
   line-height:25px;
   color:#38C0FC;
   background-color:#222222;
   margin:15px 0 15px -10px;
   padding:10px;
   }

/* Comments
--------------------------------------*/
#disqus_thread {
   margin:30px 0 0 0;
   }
#disqus_thread a:link{
   text-decoration: none;
   color: #abfc39;
   border-bottom: 0;
   }
#disqus_thread a:visited{
   text-decoration: none;
   color: #FD9330;
   border-bottom: 0;
   }
#disqus_thread a:hover{
   text-decoration: none;
   color: #FD9330;
   border-bottom: 0;
   }
#disqus_thread a:active{
   text-decoration: none;
   color: #FD9330;
   border-bottom: 0;
   }
#post-choices {
   color:#EEEEEE;
   }

/* Let's Play
--------------------------------------*/
#google-map { width: 615px; height: 300px; }