/*
Theme Name: Graficoeur v1.0 (theme development)
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Stéphane Goeuriot 
Author URI: www.graficoeur.com
Tags: empty, clean, development, design

	Based on Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	The Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* --- NICE 2 KNOW --- 
background: #1e2325
contact blue: #bee3f7
menu blue #bee4f7
orange:   #fe5604

*/
/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; 
									  background: url(images/body-bg.png) top center repeat-x white; }
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: #46535A; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #bee3f7; margin-top:10px; }
.button:hover						{ background: #FE5604;; color: white; margin-top:10px;}





/* -- just some ugly styling to make it easier to get started, can safely be removed */






/* - BASIC STUFF - */
body {background:#1e2325;font:9pt/11pt Verdana, Geneva, sans-serif;color:#000;margin:0 auto;padding:0 20px;}
.additional-meta { font: italic normal xx-small Arial, Helvetica, sans-serif; color: #999999; }
blockquote {font-style:oblique}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title { font: normal 10px/12px Arial, Helvetica, sans-serif; color: #fe5604; }
h2.entry-title a { font: normal 10px/12px Arial, Helvetica, sans-serif; color: #fe5604; }
h2#comments{margin:20px auto 10px;font-size:140%;}
.margintop { width: 970px; height:145px;}
#header h1	{ display:inline; width: 505px; height: 110px; background: url(../../../images/logo.jpg) no-repeat left top; text-indent: -9999px; float: left; margin-left: 85px; }
#header h2	{ text-indent: -9999px; font: normal 0em/0em Arial, Helvetica, sans-serif;}
.page-title	{ text-indent: -9999px; font: normal 0em/0em Arial, Helvetica, sans-serif;}

/* TYPOGRAPHY  */
#contact h2 { font:normal 10px/10px Arial, Helvetica, sans-serif; color: #bee3f7;}
h3 { font: normal 12px/12px Geneva, Arial, Helvetica, sans-serif; color: #bab6b6; padding-top: 5px; padding-bottom: 5px; text-align:left; }
p { font: normal 12px/12px Arial, Helvetica, sans-serif; color: #999999; }
a { text-decoration:none; font: bold 10px/10px Arial, Helvetica, sans-serif; color: #bee4f7; }
a:hover {text-decoration:none; font: bold 10px/10px Arial, Helvetica, sans-serif; color: #fe5604;}

/* -- MAIN NAV -- */

.footnote { font: italic normal 10px/10px Arial, Helvetica, sans-serif; color: #46535a; margin-bottom: 5px; }
/* -- MAIN NAV -- */
#contact { width:190px; float: right; font: normal 10px/10px Arial, Helvetica, sans-serif; color: #46535a; text-align: left; padding-top: 50px; text-transform: uppercase; display:inline;}
#contact a, #contact a:hover, #contact a:visited { font: normal 10px/10px Arial, Helvetica, sans-serif; color: #46535a; text-decoration: none; }

/* headings inside posts */
.entry-content h3 { font: normal 10px/12px Arial, Helvetica, sans-serif; color: #fe5604;}
.entry-content h4 {font: normal 10px/10px Arial, Helvetica, sans-serif; color: #bee3f7;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:970px;}
#header {width:970px; height:255px;margin:0 auto;text-align:center;}
#footer { width:970px; height:90px; overflow:hidden; margin:20px auto 0; clear:both; float:none; text-align:center; padding: 20px 0; background: url(../../../images/footer-bkg.jpg) no-repeat; }
.entry-content { margin-top:15px;}
.entry-meta { margin-top:15px; font: italic normal 10px Arial, Helvetica, sans-serif; color: #999999; }


/* -- POSTS -- */
.post-index {margin:15px 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap { float:left; clear:none; margin:0 auto 0 20px; width:550px; }

/* -- SIDEBARS --*/
.sidebar {width:150px;clear:none; display:inline;}
.block-1 {float:right; margin-right: 40px; margin-top:15px;}
.block-2 { float:left; margin-left: 40px; margin-top:-10px; text-transform: uppercase;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
li.depth-1 { font: normal 10px/12px Arial, Helvetica, sans-serif, "Lucida Sans"; color: #CCCCCC; }
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}
#commentform { margin-top:20px;}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:none;padding: 10px 0px;}
.navigation-index {}
.nav-next{ float:right; clear:none; width:48%; text-align:right; color: #46535A; }
.nav-next a,.nav-prev a { font:bold normal 10px/14px Arial, Helvetica, sans-serif, "Lucida Sans"; color: #46535A; }
.nav-next a:hover,.nav-preva:hover { font:bold normal 10px/14px Arial, Helvetica, sans-serif, "Lucida Sans"; color: #46535A; }
.nav-prev {float:left;clear:none;width:48%; text-align:left; color: #46535A;}

/* -- MAIN NAVIGATION --*/
#mainnav-box 						{ float: left;}
#mainNav							{ width: 145px; list-style: none; padding-top: 61px; padding-left: 25px; text-align: right; float: left; display: inline;}
#mainNav li							{ font: bold 10px/12px Arial, Helvetica, sans-serif; }
                                    
body#news ul#mainNav li a.news,
body#works ul#mainNav li a.works,
body#links ul#mainNav li a.links,
body#impressum ul#mainNav li a.impressum { color:#fe5604; font: bold 10px/12px Arial, Helvetica, sans-serif; }

/* -- WIDGET --*/
.widget { text-align: right; }

.widget a:hover, a:active { text-align: right; font: bold 10px/12px Arial, Helvetica, sans-serif;  color: #fe5604; }
.widget a { text-align: right; font: bold 10px/12px Arial, Helvetica, sans-serif; color: #bee3f7; }
.widgettitle { font-size:xx-small; color: #1e2325; }

/* --3 Spalte--*/
.box { width:170px; margin-right:20px; float:left; margin-bottom:50px;}
.box-right { width:170px; float:right; margin-bottom:50px;}

/* --pix--*/
.pix { width:110px; float:left; margin-bottom:10px;  }
.pix3 { width:182px; float:left; margin-bottom:10px;  }
.pix4 { width:136px; float:left; margin-bottom:10px;  }