/*
Theme Name: oCarbon Temp
Theme URI: 
Description: oCarbon WP theme - temporary release
Author: oCarbon
Author URI: http://ocarbon.com
Tags: white, simple, fixed width, two columns
Version: 0.1
Notes: Inspired and created for minimalist, content focused blogs or websites. Customize, edit, poke,  prod, and adapt to your own style.
Please leave credit where credit is due so that others may find the source for your site and adapt a suitable version for their own website.
The CSS, XHTML and design is released under the GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

#bottom { text-align: right; padding: 0px 6px;}
#bottomright { float: right}
p#tagline {
	color: #a6a6a6;
	display: inline; /* IE */
	font-weight: bold;
	float: left;
	margin: 0 0 -40px 300px;
	position: relative;
	text-transform: lowercase;
	top: -20px;
}
#contain {
	background-color: #bbb;
	height: auto !important;
	height: 300px; /* IE */
	min-height: 300px;
	width: 100%;
}



/* - - - Footer - - - */
div#footer {
	background-color: #373737;
	border-top: 3px solid #eee;
	color: #eee;
	font-family: verdana,tahoma,sans-serif; 
	font-size: .75em;
	height: 2.6em;
	line-height: 2.6em;
	text-align: left;
	padding-left:6px;
	padding-right:6px;
        width: 728px;
}
#footer ul {
	display: inline;
	margin-left: 2px;
}
#footer ul li {
	border-left: 1px solid #eee;
	display: inline;
	margin-right: -3px;
	padding: 0 6px;
}
/* - - - End Footer - - - */
div#footer-end {
	background-color: #eee;
	font-family: verdana,tahoma,sans-serif; 
	font-size: .60em;
	padding-top: 2px;
	padding-left: 3px;
	text-align: center;
}
#footer-end a {
	color:#373737;
}


a img { border: none; }
a, a:visited { color: #eee; font-weight: bold; text-decoration: none; }
a:hover { color: #d00; text-decoration: underline; }
a#skipnav { display: block; height: 0; width: 0; overflow: hidden; }
h2 {
	color: #a3a3a3;
	font-size: 4.4em;
	margin-top: -15px;
	padding: 10px 0 0 25px;
	text-transform: lowercase;
}
h3 { font-size: 1.4em; }
h4 { font-size: 1.1em; }
p { padding: 0 10px; }

/* - - - Navigation - - - */
ul#nav-main {
	background-color: #373737;
	border-bottom: 3px solid #eee;
	font-size: 1em;
	list-style-type: none;
	padding: .3em 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
        margin: 0px;
}
#nav-main li { display: inline; margin-left: -.4em; position: relative;}
#nav-main li a {
	border-bottom: 3px solid #eee;
	border-right: 2px solid #eee;
	color: #eee;
	font-weight: bold;
	padding: .3em 1em .3em 1em;
	position: relative; /* IE */
}
#nav-main li.mnuact a { }
#nav-main li#mnuend a { border-right: none; }
#nav-main li#mnuselected a { text-decoration: none; color: #d00; }
#nav-main li#mnuselectedend a { text-decoration: none; color: #d00; border-right: none; }
#nav-main li a:hover { border-bottom-color: #d00; text-decoration: none; }



#nav-main li > ul { display: none; border: 2px solid #eee;}
#nav-main li > ul a,
#nav-main li#mnuselected > ul a {
  border: none;
  display: block;
  color: #eee;
  margin: -.3em 0;
}
#nav-main li > ul a:hover,
#nav-main li#mnuselected > ul a:hover {
  color: #d00;
  z-index:52;
}
#nav-main li > ul li:hover,
#nav-main li#mnuselected > ul li:hover {
  background-color: #bbb;
  color: #373737;
  z-index: 51;
}
#nav-main li > ul {
  background-color: #373737;
  color: #bbb;
  width: 100%;
  z-index: 50;
padding-left:0;
}
#nav-main li > ul > li { display: block; margin-left: 0;}
#nav-main > li > ul li {
  border-bottom: 1px dotted #eee;
  margin-left: 0;
  padding: .3em 0;
}
#nav-main > li > ul {
  position: absolute;
  left: -3px;
  margin-top: 4px;
}
#nav-main > li > ul li > ul {
  position: absolute;
  left: 100%;
  top: -2px;
}
#nav-main > li > ul > li > ul > li > ul { width: 200px; }
#nav-main li:hover > ul { display: block; }


/* - - - End #menu - - - */


#outer { height: 300px; margin: 5px auto 0 auto; width: 740px; }
body { background-color: #eee; color: #373737; font-size: 95%; }


/* - Font - */
body, button, input, select, textarea { font-family: 'Trebuchet MS',Helvetica,sans-serif; }



/* - - - Main - - - */
#contain {
	background-color: #bbb;
	height: auto !important;
	height: 300px; /* IE */
	min-height: 300px;
	width: 100%;
}

/* make sure nothing floats out the bottom */
div#content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
body#home #mhead h2 { left: 320px; font-size: 4.6em;}
body#order #mhead h2 { left: 320px; font-size: 4.6em;}
body#gallery #mhead h2 { left: 50px; font-size: 4.6em;}
body#about #mhead h2 { left: 20px; font-size: 4.6em;}
body#blog #mhead h2 { left: 200px; font-size: 4.6em;font-weight:bold;}

/* - - - end main - - - */





/* - - - Product Pages - - - */
div#mhead {
  background: url('/content/images/ochead2.jpg') no-repeat top left;
	border-bottom: 3px solid #eee;
	height: 155px;
	overflow: hidden;
	position: relative; /* IE */
	width: 740px;
}
#mhead h2{
	color: #eee;
	font-size: 5em;
	left: 80px; 
	position: relative;
	/*top: -.83em;*/
	top: 1.35em;
	text-transform: lowercase;
	z-index: 10;
}
#mhead img { height: 155px; position: relative; width: 740px; z-index: 5; }


/* - - - Logo/Name - - - */
#headimage {
	height: 60px;
	line-height: 60px;
	margin-left: 0px;
	overflow: hidden;
	position: relative;
	width: 285px;
}
#headimage span {
	background: url(/content/images/ocarbon-logo.png) no-repeat 0 0;
	display: block;
	height: 60px;
	left:10px;
	position: absolute;
	top:0;
	width: 285px;
	z-index: 1;
}
#headimage a { color: #373737; cursor: pointer; display: block; height: 60px; width: 275px; }
p#tagline {
	color: #a6a6a6;
	display: inline; /* IE */
	font-weight: bold;
	float: left;
	margin: 0 0 -40px 300px;
	position: relative;
	text-transform: lowercase;
	top: -40px;
}
/* - - - End Logo - - - */





html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}
blockquote {
	border-left: 1px solid #326ea1;
  color: #555555;
  font-size: 1.00em;
  padding-left: 10px;
  padding-right: 10px;
	margin: 0 30px;
}
code {  background: #f5f5f5;
        border: 1px solid #cccccc;
	color: #555555;
        font: 11px Verdana, Arial, 'Helvetica', sans-serif;
        padding: 10px;
	text-align: left;
}



/*#####################*/
/*### Headlines ###*/
/*#####################*/
h1 a {
	display: block;
	margin: 0 0 -12px 0;
}
h1 {
  border-bottom: 3px solid #eee;
	clear: both;
	color: #eee;
	display: block;
	font-size: 40px;
	font-weight: bold;
	/*margin: 5px 0 -10px 0;*/
	margin-bottom: -11px;
	padding-right: 5px;
  text-align: right;
	/*text-decoration: none;*/
	text-transform: lowercase;
}
h1.long { font-size: 35px; }
h1.long a { margin-bottom: -10px; }
h2, h2 a {
	color: #d00;
  font-weight: 100;
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
ol, form {
	margin: 0;
	padding: 0;
}
p {
	line-height: 1.3em;
	text-align: justify;
}
.entry {
  margin: 0 50px 0 50px;
  padding-bottom: 0;
	line-height: 1.3em;
	text-align: justify;
	font-size: 17px; /* NSA: Change to em */
  border-bottom: 1px solid #eee;
}
.entry p {
  clear: both;
  padding-left: 0;
  padding-right: 0;
}
.entry p img {
  margin-left: -40px;
}
.entry ul li {
  margin-left: 20px !important;
}
#content .entry ul {
  margin-top: -10px;
  margin-bottom: -10px;
}
small {
	font-size: 10px;
}
#page {
	width: 740px;
}





/*################*/
/*### Content  ###*/
/*################*/
#content {
	margin: 20px 0 30px 0;
	width: 740px;
}
#content a:hover {
  color: #d00;
  background: transparent;
  text-decoration: underline;
}
#content img {
	border: 1px solid #cccccc;
        padding: 5px;
        background-color: transparent;
}
#content a:hover img {
        border: 1px solid #d00;
        background: transparent;
}
#content h1 a:hover {
        color: #d00;
        background: transparent;
        text-decoration: none;
}
#content h2 a:hover {
        color: #d00;
        background: transparent;
        text-decoration: none;
}
#content h3 a {
        text-decoration: none;
}
#content h3 a:hover {
         color: #d00;
         background: transparent;
         text-decoration: none;
}
#content ul {
         list-style-type: circle;
         margin: 0 0 0 25px;
         padding:  0 0 0 0;
}
#content ul li {
         line-height: 1.3em;
         margin: 0;
         padding: 5px;
}









ul#blogmenu {

	background-color: #373737;

	font-size: 1em;

	list-style-type: none;

	padding: .3em 0;

	text-align: center;

	text-transform: uppercase;

	width: 100%;

  margin: 0px;

}

#blogmenu li { display: inline; margin-left: 0px; }

#blogmenu li a {

	border-top: 3px solid #eee;

	border-right: 2px solid #eee;

	color: #eee;

	font-weight: bold;

	padding: .3em 1em .3em 1em;

	position: relative; /* IE */

}

#blogmenu li.mnuact a { }

#blogmenu li#mnuend a { border-right: none; }

#blogmenu li#mnuselected a { text-decoration: none; color: #d00; }

#blogmenu li#mnuselectedend a { text-decoration: none; color: #d00; border-right: none; }

#blogmenu li a:hover { border-top-color: #d00; text-decoration: none; }





/*############################*/
/*#### Comments #### */
/*############################*/

form {
  clear: both;
  margin: 20px auto 0 auto;
  width: 550px;
}
input, textarea {
  background-color: #d7d7d7;
  border: 1px solid #a3a3a3;
  color: #373737;
	font-size: 13px;
	font-weight: bold;
	padding-left: 3px;  
}
input { width: 15em; }
textarea#comment {
	overflow: auto;
	width: 510px;
}
textarea#comment:focus, input:focus { background-color: #eee !important; }
fieldset { border: none; }
legend span {
  color: #a3a3a3;
  font-size: 2.1em;
  font-weight: bold;
  margin-top: 10px;
  margin-left: -75px;
  text-transform: lowercase;
}
label {
  /*float: left;*/
  padding-right: 5px;
  position: relative;
  text-align: right;
  top: 2px;
  width: 8em;
}
button {
  background-color: #eee;
  border: 1px solid #a3a3a3;
  font-size: 95%;
  font-weight: bold;
  height: 1.8em;
  margin-top: 5px;
  padding: 3px 20px;
}
button:hover { background-color: #bff2ca; border-color: #2fb24d; }
#commentform abbr { color: #d00; }

.commentlist li {
	padding: 10px 30px;
	margin: 0 25px 0 25px;
}
.commentlist li:first-child {
  margin-top: 10px;
}
.commentlist li p {
  margin: 0; padding: 0;
  padding: 0 5px;
  margin: 5px 30px;
  line-height: 1.3em;
  font-size: 14px;
  font-weight: normal;
}
.commentlist li a:hover {
	color: #d00;
  text-decoration: none;
}
.commentlist li a.commentlink {
  font-size: 23px;
  font-weight: 600;
  float: right;
  text-align: right;
  line-height: 1.1em;
}
#content .commentlist li p.cominfo a.commentlink:hover,
#content .commentlist li p.cominfo .authname a:hover {
  color: #d00;
  text-decoration: none;
}
#content .commentlist li p.cominfo a { color: #373737; }
.commentlist li p.cominfo {
  background-color: #D7D7D7;
  color: #373737;
  font-size: 30px;
  font-weight: bold;
  margin: 0; line-height: 1.0em;
  padding: 8px 8px 0 8px;
}
.commentlist {
  border-bottom: 3px solid #eee;
  border-top: 3px solid #eee;
	list-style: none;
}

/*.commentheader {
  font-size: 18px;
  text-align: left;
  line-height: 1.5em;
}*/
.commentheader#comments {
  clear: both;
  color: #eee;
  font-size: 48px;
  font-weight: bold;
  line-height: 1em;
  margin: 40px 0 -8px 25px;
  text-transform: lowercase;
}



/*################*/
/*#### Footer ####*/
/*################*/
#footer {
        background: #e6e3d7;
        border-top: 1px solid #cccccc;
        clear: both;
        text-align: center;
        overflow:hidden;
}
#footer a {
        text-decoration: none;
}
#footer a:hover {
        text-decoration: none;
}



/*################*/
/*### Suchfeld ###*/
/*################*/
.s {
	background: transparent;
        border: 0px solid #c7c7c7;
	color: #383d44;
        font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 15px;
	padding-left: 3px;
	vertical-align: middle;
	width: 220px;
}
.alignleft {
	float: left;
	text-align: left;
}
.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}
.date {
	background: transparent;
	color: #363636;
	font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
p.postmeta-pre {
  margin-bottom: -10px;
  padding-left: 10px;
  padding-right: 10px;
}
.postcat {
  float: left;
  padding-top: 6px;
  margin-bottom: -20px;
  margin-left: -50px;
}
.postcat a {
  color: #a3a3a3;
  font-size: 32px;
}
#content .postcat a:hover {
  text-decoration: none;
}
  
.postdate {
 	color: #a3a3a3;
  float: right;
	font-size: 18px;
	font-weight: bold;
	margin-right: -50px;
	text-align: right;
}
.postmetadata {
  clear: both;
  font-size: 17px;
  line-height: 1.2em;
	margin-bottom: 60px;
	padding:3px 3px 3px 3px;
  text-transform: lowercase;
}
.single-post .postmetadata {
  margin-bottom: 5px;
}

.postmetadata a {color: #eee; text-decoration: none;}

.postcom {
  float: right;
  margin-right: 40px;
  text-align: right;
  width: 275px;
}
.postcom a {
  float: right;
}
.comname {
  color: #a3a3a3;
  float: right;
  font-size: 24px;
  font-weight: bold;
  margin-left: -5em;
  margin-right: -10px;
  margin-top: -11px;
}
.posttags {
  float: left;
  text-indent: -25px;
  padding-left: 20px;
  margin-left: 30px;
  width: 320px;
}
.tagsn {
  color: #a3a3a3;
  float: left;
  font-size: 24px;
  font-weight: bold;
  margin-right: 5px;
  margin-top: -11px;
}
.single-post .posttags {
  float: none;
  text-indent: none;
  padding-left: 0;
  margin-left: 0;
  width: 600px;
}
.single-post .tagsn {
  margin-right: -.7em;
  margin-left: 20px;
}
.postnav {
  font-size: 17px;
  margin: 30px auto 10px auto;
  padding: 0;
  text-transform: lowercase;
  width: 720px;
}
.postnav .prevpost {
  display: block;
  float: left;
  padding-left: 30px;
  text-indent: -30px;
  text-align: left;
  width: 325px;
}
.prevpost .prevn {
  color: #a3a3a3;
  float: left;
  font-size: 24px;
  font-weight: bold;
  margin-right: -40px;
  margin-top: -11px;
}
.postnav .nextpost {
  display: block;
  float: right;
  text-align: right;
  width: 345px;
}
.nextpost .nextn {
  color: #a3a3a3;
  float: right;
  font-size: 24px;
  font-weight: bold;
  margin-left: -1.7em;
  margin-top: -11px;
}
.nextpost a { float: right; }
.postmetadata2 {
        background: #eeeeee;
        color: #282828;
        border: 1px solid #cccccc;
        font-size: 11px;
        line-height: 1.3em;
	letter-spacing: 0em;
	margin: 0 0 20px 0;
	padding: 5px;
	text-align: left;
        clear:both;
        -moz-border-radius: 10px;
}


/* different postmetadata style for single post */
.alt {
	line-height: 1.3em;
	padding: 10px;
}
.alt a {
	background: inherit;
	color: #aa0000;
        text-decoration: none;
}
.clear {clear:both;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;

}

div.sidelist form { width: 100%; }