/*
Theme Name: VideoIgla Headless
Theme URI: http://www.design4u.org
Description: VideoIgla
Version: 1.0
Author: Vitaliy Malykin
Author URI: http://www.malykin.com
Tags: 

*/

/* Initialisation */
* { margin: 0px; padding: 0px; text-decoration:none; }
.clear, .postmetadata {clear: both;}


/* Core structure */
#page {margin: 0px auto; width: 936px;}
#logo {float: left; width: 570px; height:80px; background: #fff; padding:10px 20px; background: #fff url('images/videoigla-logo.jpg') no-repeat; 
background-position:20px 10px;}
#content {float: left; width: 570px; background: #fff; padding: 1px 20px; min-height:550px; margin-bottom:2px;}
#sidebar{float:right; margin: 0 0 0 36px; padding-bottom:54px; width: 198px;}

#logo-video {float: left; width: 880px; height:80px; background: #fff; padding:10px 20px; background: #fff url('images/videoigla-logo.jpg') no-repeat; 
background-position:20px 10px;}
#content-video {float: left; width: 880px; background: #fff; padding: 1px 20px; min-height:550px; margin-bottom:2px; }
#content-video .post p {margin:0 0 18px 0;}
#content-video .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
#content-video .attachment {text-align: center;margin: 5px 0px;}


/* Universal typography and colors */
body {font-size: 12px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Sans-Serif; color: #111; text-align: center; background:#DFDFDF;}
#page {text-align: left;}
#sidebar, .postdetails, .posttags, #footer, .postmetadata, #commentform, .commentmetadata {color:#aaa;} /*this is the lighter, faux-transparent text color */
a {color:#0000cc;} 
a:hover {color:#cc0000;}
#sidebar a, .commentlist a, .postdetails a, .posttags a, #footer a, .postmetadata a, #commentform a {color:#7f7fe5;} /* this is the lighter, faux-transparent anchor color */
#sidebar a:hover, .commentlist a:hover, .postdetails a:hover, .posttags a:hover, #footer a:hover, .postmetadata a:hover, #commentform a:hover {color:#e17b7b;}
.entry p a {border-bottom: 1px dotted #999;}
small {font-size: 10px; line-height:18px;}


/* Universal header styles */
h1, h2, h3 {font-family: 'Century Gothic', Helvetica, Verdana, Arial, Sans-Serif; font-weight:normal;}
h2, h3 {margin-bottom:18px;}
h1, h1 a {color:#000; font-size: 36px; line-height:42px; text-align: center;}
h1 a:hover {color:#666;}
h2 {font-size: 24px; line-height: 30px; font-weight:bold;}
h3 {font-weight:bold;}
h2, h2 a {color:#333;}
h2 a:hover {color:#666;}


/* Content, entries */
.entry p {color:#000;}
.entry ol, .entry ul {padding: 0 0 0 36px; margin:-9px 0px 9px 0px;}
.post {margin: 0 0 36px;}
.post hr {display: block;}
#content .post p {margin:0 0 18px 0;}
#content .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
#content .attachment {text-align: center;margin: 5px 0px;}
.postdetails {margin-bottom:18px;}


#navbg {position: absolute; width: 100%; top:100px; z-index:-100; background-color:#d0d0d0; height:370px; border-top:1px solid #EFEFEF; border-bottom:1px solid #9F9F9F;}
#nav {position: absolute; width: 230px; top: 100px; list-style: none; margin: 20px 0 20px 610px; height:370px;}
#nav a {display: block; font-size: 1.2em; color: #605346; height: 39px; line-height: 39px; letter-spacing: .1em; text-transform: uppercase;
	text-decoration: none; padding-left: 40px; border-top: none; 
	border-bottom: none;}
#nav a:hover {background-color:#BFBFBF;}
#nav .current_page_item a{background-color:#BFBFBF;}
#nav li {list-style-type:none; border-bottom:1px solid black;}

#nav-video {position: relative; width: 100%; height:25px; padding:5px;  list-style: none; margin: 20px 5px 40px 5px;}
#nav-video a, #nav-video li {display: inline; font-size: 1.2em; color: #605346; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; border:none; 
margin:5px;}
#nav-video a:hover {background-color:#BFBFBF; padding:5px 0px;}
#nav-video .current_page_item a{border-bottom:1px solid black;}

.fotoarchiveinheit {width:400px; float:left; margin-left:20px; margin-bottom:20px; text-align:center;}


.weit{border:none; width:160px; padding:5px; min-height:120px; float:left; margin:20px 8px 25px 8px; text-align:left;}
.weit img{margin-bottom:10px;}

/* Footer 
#footer {margin: 0px auto; clear: both; background:#dfdfdf;}
#footer #h1, #footer .description {font-family: 'Century Gothic', Helvetica, Verdana, Arial, Sans-Serif}
.description {color:#888;font-size: 14px;}
#footer p a, #footer h1 a, #footer ul a {color:#999;}
#footer p a:hover, #footer h1 a:hover, #footer ul a:hover {color:#fff;}
#footercontainer { float: left; width: 570px; background: #fff; padding:0px 20px;}
#footer ul {display:block; padding:0px; margin-top:18px;}
#footer ul li {display:inline; font-weight:bold;}
#footer ul li a {margin-right:18px; border:0px;}
*/

/* Comments */
.commentlist {color:#666; text-align: left;}
.commentlist li {background: #f8f8f8 url('images/headless_respondbg.jpg') repeat-x top; border: 1px solid #eaeaea; margin: 18px 0 0;padding: 17px; list-style: none; font-weight: bold;}
.commentlist li .avatar { float: right; padding:0px 0px 9px 18px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentlist p {font-weight: normal; font-size:12px; text-transform: none;}
.commentmetadata {margin: 0;display: block;font-weight: normal;}
.nocomments {text-align: center;margin: 0;padding: 0;}


/* Comments response form */
div#respond {background: #f8f8f8 url('images/headless_respondbg.jpg') repeat-x top; padding:17px; margin-top:36px; border:1px solid #eaeaea;}
#commentform input.text {width: 170px; line-height:18px; font-size:18px; margin: 9px 5px 0px 0px; background:#eaeaea url('images/headless_inputbg.jpg') repeat-x top; border:1px solid #dbdbdb;}
#commentform textarea {width: 646px;padding: 8px; background:#eaeaea url('images/headless_inputbg.jpg') repeat-x top; border:1px solid #dbdbdb; font-size: 12px; line-height: 18px; font-family: Helvetica, Verdana, Arial, Sans-Serif; color: #111; margin-bottom:9px;}
#commentform #submit {margin: 0;float: right;}
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}
select {width: 130px;}
.submit {position:relative; top:-18px;}


/* Searchbox (designed to be in sidebar but can be included elsewhere)*/
#searchbox { float:right; width: 198px; height: 36px; background: url(images/headless_searchbox.jpg) no-repeat; margin-bottom:18px;}
#searchbox #s { float: left; border: 0; margin:2px 0px 0px 6px; width: 152px; background: none; color:#999999; height:34px; font-size:24px; line-height:34px;}
#searchbox #go { float: right; width:36px; height:36px;  }


/* Images */
p img {max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {margin: 0 0 2px 18px;display: inline;}
img.alignleft {margin: 0 18px 2px 0;display: inline;}



/* Calendar - this is not intended for the theme and thus not styled */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right; }
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }


/* Captions */
.wp-caption {text-align: center;background-color: #f3f3f3;}
/*.wp-caption img {margin: 0;padding: 0;border: 0 none;}*/
.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 18px; margin: 0px !important; color:#999;}


/* Misc. */
.alignright {margin: 0 0 2px 18px; float: right;}
.alignleft {margin: 0 18px 2px 0; float: left}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
code {font-family:'Courier New', Courier, Fixed;}
blockquote {margin: 18px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}

.kontakttype{ background-color:#fff; width:200px; border:2px solid #ddd; }
#me {font-size:8px; color:#EFEFEF; border:none;}
#me a, #me a:link, #me a:hover, #me a:visited {color:#EFEFEF; text-decoration:none;}