/*

Theme Name: sprachkonstrukt2

Theme URI: http://sprachkonstrukt2.deyhle-webdesign.com

Description: a dark, html5-based wordpress theme

Author: Ruben Deyhle

Author URI: http://sprachkonstrukt.de

Version: 2.3.6

Tags: black, green, white, two-columns, fixed-width, custom-header, threaded-comments, sticky-post, translation-ready, editor-style, custom-menu

License: GNU General Public License

License URI: license.txt



General comments (optional).

*/



@import url('reset.css');





/* basic tag styles and classes

-------------------------------------------------------------- */



a {

	color: #ba9d79;

	text-decoration: none;

}



a:hover { 

	color: #9B6944;

	/*text-decoration: underline;*/

}



code { 

	font: .8em "Monaco", monospace; 

}



article,

footer {

	display: block;

}



address,

article,

dd,

p,

pre {

	margin-bottom: 1.2em;

}



h1,

h2,

h3,

h4,

h5,

h6,

dt {

	color: #000;

	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 300;

	line-height: 1.3em;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a,

dt a {

	color: #000;

}



h1 {

	font-size: 2em;

	

}



h2 {

	font-size: 1.8em;

}



h3 {

	font-size: 1.5em;

}



h4,

h5,

h6,

dt {

	font-size: 1.3em;

}



em {

	font-style:italic;

}



small, .small {

	font-size: .8em;

}



big, .big {

	font-size: 1.2em;

}



acronym, abbr, span.caps {

	cursor: help;

}



blockquote {

	border-left: 3px solid #666;

	color: #666;

	margin: 0 0 1em 2em;

	padding-left: 1em;

}



del,

s,

strike {

	text-decoration: line-through;

}



hr {

	border: 1px solid #999;

}



textarea {

	width: 97%;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

	width: 100%;

}



tbody {

	display: table-row-group;

}





td,

th {

	padding: .5em 1em;

	text-align: left;

}



tr.alternate {

	background-color: #ebf1e3;

}



strong {

	font-weight:bold;

}



sub, 

sup { font: .7em/0 Verdana, Arial, sans-serif;}



sub { vertical-align: sub; }

sup { vertical-align:super; }





ins {

	background-color: #ebf1e3;

	text-decoration: none;

}



pre {

	background-color: #ebf1e3;

	padding: 1em;

	overflow-x: scroll;

}



q::before {

	content: '“';

}



q::after {

	content: '”';

}

 

html[lang|="de"] q::before {

	content: '»';

}



html[lang|="de"] q::after {

	content: '«';

}



html[lang|="fr"] q::before {

	content: '«';

}



html[lang|="fr"] q::after {

	content: '»';

}



var {

	font-family: Times, "Times New Roman", serif;

	font-style: italic;

}



.wp-caption	{ 

	margin: 10px;

	max-width: 525px !important;

	overflow: hidden;

	text-align: center; 

	font-size: .8em;

}



.aligncenter { 

	display: block; 

	margin: 10px auto; 



}



.alignleft { 

	float: left; 

	margin: 0 20px 5px 0; 

}



.alignright	{ 

	float: right; 

	margin: 0 0 5px 20px; 

}





img {

	max-width: 100%;

	height: auto;

	padding: 0;

}



img.centered, img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignright {

	display: inline;

	margin: 0 0 2px 7px;

	padding: 4px;

}



img.alignleft {

	display: inline;

	margin: 0 7px 2px 0;

	padding: 4px;

}



.screen-reader-text { display: 

	none; 



}





/* basic layout

-------------------------------------------------------------- */



html { 

	/*background: #000 url('images/bg_binary2.png') repeat; */

	background-color: #000;

}



body {

	/*background: url('images/bg2.png') repeat-x;*/

	background-color: #000;

	font-family: Verdana, Arial, sans-serif;

	font-size: 100.01%;

	margin: 0;

}	



/* Header

-------------------------------------------------------------- */

header {

	display: block;

	margin: 0 auto;

	position: relative;

	text-align: right;

	width: 960px;

	min-height: 300px;

	background-repeat: no-repeat;

	background-position: bottom;

}

	

header h1, 

header h2 {

	font-size: 64px;

	margin: 0 15px 0 0;

}	



header h1 a, 

header h1 a:hover, 

header h1 a:active {

	color: #96D321 !important;

	display: block;

	padding-top: .6em;

	text-decoration: none !important;

	text-transform: lowercase;

}



header h2 {

	color: #ddc6aa;

	font-size: 15px;

	text-transform: lowercase;

}



/* Horizontal Main Navigation

-------------------------------------------------------------- */

nav {

	background: url('images/topmenu.png') repeat;

}



nav ul {

//	white-space: nowrap;

	margin: 0 auto;

	padding-left: 100px;

	padding-right: 200px;

	width: 660px;

	min-height: 30px;

	//overflow: hidden;

	z-index: 100;

}



nav ul li {

	

	position: relative;

	display: inline-block;

	height: 30px;

}





nav ul li a {

	display: inline-block;

	color: #000;

	font: 400 22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

	height: 28px;

	margin-left: 12px;

	padding: 1px 5px;

	text-decoration: none;

	text-shadow: 0 1px 0px #000;

	text-transform: lowercase;

	/*filter: DropShadow(Color=#c71616, OffX=1, OffY=1)*/

}



nav ul li a:hover,

nav ul li a:active {

	/*background:  url('images/topmenu-hover.png');*/

	

	text-decoration: none !important;

}



nav ul li a:hover {

	color: #fff !important;

	text-shadow: 0 1px 0px #000;

	/*filter: DropShadow(Color=#c71616, OffX=1, OffY=1)*/

}



nav ul li a:active {

	color: #000!important;

	text-shadow: 0 1px 0px #000;

}



nav ul ul {

	position: absolute;

	top: 100%;

	left: 12px;

	padding: 5px 0;

 	display: none;	

 	background: #666;

 	background: rgba(0, 0, 0, 0.5);

 	

 	-moz-border-radius-topleft: 0px;

	-moz-border-radius-topright: 0px;

	-moz-border-radius-bottomright: 8px;

	-moz-border-radius-bottomleft: 8px;

	-webkit-border-radius: 0px 0px 8px 8px;

	border-radius: 0px 0px 8px 8px;

}



nav ul.sub-menu {

	width: auto;	

}



nav ul.sub-menu ul {

	position: absolute;

	top: 0px;

	left: 100%;

	padding: 5px 0;

 	display: none;	

 	background: #666;

 	background: rgba(0, 0, 0, 0.5);

 	

 	-moz-border-radius-topleft: 0px;

	-moz-border-radius-topright: 8px;

	-moz-border-radius-bottomright: 8px;

	-moz-border-radius-bottomleft: 8px;

	-webkit-border-radius: 0px 8px 8px 8px;

	border-radius: 0px 8px 8px 8px;

}



nav ul li:hover > ul,

nav ul.sub-menu li:hover > ul {

	display: block;

	z-index: 1000;

}





nav ul.sub-menu li {

	display: block;

	height: auto;	

	width: 100%;

}

nav ul.sub-menu li a {

	

	height: auto;

	font-size: 18px;

	text-transform: none;	

	margin: 0;

	color: #fff;

	text-shadow: 0 1px 0px #000;

}



nav ul.sub-menu li a:hover,

nav ul.sub-menu li a:active {

	background: none;	

}



nav ul.sub-menu li:hover {

	background: #333;

 	background: rgba(0, 0, 0, 0.2);

}





header #searchform {

	position: absolute;

	right: 15px;

	bottom: -27px;

}



header #searchform p {

	margin: 0;

}





/* Content Area

-------------------------------------------------------------- */

#page {

	background: url('images/container.png') repeat-y;

	margin: 0px auto;

	width: 1240px;

}



#content {

	background: #fff url('images/maintop.png') repeat-x;

	color: #333;

	float: left;

	font-size: 14px;

	line-height: 1.8em;

	margin-left: 100px;

	padding: 25px;

	padding-top: 30px;

	width: 830px;

}



#content ol,

#content ul,

.kommentar-inhalt ol,

.kommentar-inhalt ul {

	margin: .5em 0 .5em 3em;

}



#content ol,

.kommentar-inhalt ol { 

	list-style-type: decimal; 

}	

#content ul,

.kommentar-inhalt ul { 

	list-style-type: square; 

}	     

     

#content ol li, 

#content ul li,

.kommentar-inhalt ol li,

.kommentar-inhalt ul li {

	margin-bottom: .5em;

}



li > ol,

li > ul {

	margin-bottom: 0 !important;

	margin-top: 0 !important;

}



#content p.video {

	text-align: center;

	margin: 0 auto;	

}





/* Sidebar

-------------------------------------------------------------- */

#sidebar {

	color: #fff;

	float: right;

	font: 300 .9em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

	list-style-type: none;

	width: 260px;

}



#sidebar a { color: #fff; }



#sidebar a:hover { color: #9B6944; }



#sidebar li.widget {

	/*background: url('images/sidebar-foot.png') bottom left no-repeat;*/

	background: url('images/sidebar-main.png') repeat-y;

	

	-moz-border-radius: 0 30px 30px 0;

	-webkit-border-radius: 0 30px 30px 0;

	border-radius: 0 30px 30px 0;

	

	padding: 0 25px 25px 25px;

	margin: 10px 0;

}



#sidebar h2 {

	/*background: url('images/sidebar-head.png') no-repeat;*/

	color: #9B6944;

	font-size: 24px;

	line-height: 1.5em;

	margin: 30px 0 0 0;

	padding: 0 30px 0 20px;

	text-align: center;

	text-transform: lowercase;

}



#sidebar h2 a {

	color: #96d321;

}



#sidebar ul {

	list-style-type: none;

}



#sidebar li ul li {

	line-height: 1.2em;

}



#sidebar li ul li ul {

	background: none;

}



#sidebar li ul li ul li {

	padding-top: .5em;

}



/* Bottom Sidebar

-------------------------------------------------------------- */

#sidebar-bottom {

	border-top: 1px solid #ddd;

	margin: 0 !important;

	list-style-type: none !important;

	width: 550px;

}



#sidebar-bottom li.widget {

	float: left;	

	padding-right: 1em;

}



/* Calendar Widget

-------------------------------------------------------------- */



.widget_calendar #wp-calendar {

	

	width: 210px;

	text-align: center;

	font-size: 12px;

}

.widget_calendar #wp-calendar caption,

.widget_calendar #wp-calendar td,

.widget_calendar #wp-calendar th {

	text-align: center;

	padding: 2px 0;

}

.widget_calendar #wp-calendar caption {

	font-size: 14px;

	font-weight: 500;

	padding: 5px 0 3px 0;

	text-transform: uppercase;

}

.widget_calendar #wp-calendar th {

	

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

}

.widget_calendar #wp-calendar tfoot td {

	

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}



.widget_calendar #wp-calendar td a {

	color: #96d321;

}



.widget_calendar td#today {

	background: #405020;

}



.widget_calendar td#today a { 

	color: #fff;

}







/* Social Buttons

-------------------------------------------------------------- */

.socialbuttons {

	float: left;

	margin-left:-982px;

	padding-top: 35px;

	width: 100px;

}



.socialbuttons li {

	float: right;

	padding-bottom: 15px;

}



.socialbuttons li a {

	background: url('images/socialbuttons.png');

	display: none;

	text-indent: -9999px;

	width: 60px;

	height: 27px;

}



.socialbuttons li a[title="RSS"]  {

	display: block;

	background-position: 0 0;

}

.socialbuttons li a[title="RSS"]:hover {

	background-position: -60px 0;

}



.socialbuttons li a[title="Twitter"] {

	display: block;

	background-position: 0 -27px;

}

.socialbuttons li a[title="Twitter"]:hover {

	background-position: -60px -27px;

}



.socialbuttons li a[title="Facebook"] {

	display: block;

	background-position: 0 -54px;

}

.socialbuttons li a[title="Facebook"]:hover {

	background-position: -60px -54px;

}



.socialbuttons li a[title="Xing"] {

	display: block;

	background-position: 0 -81px;

}

.socialbuttons li a[title="Xing"]:hover {

	background-position: -60px -81px;

}



.socialbuttons li a[title="Flickr"] {

	display: block;

	background-position: 0 -108px;

}

.socialbuttons li a[title="Flickr"]:hover {

	background-position: -60px -108px;

}



.socialbuttons li a[title="Google"] {

	display: block;

	background-position: 0 -135px;

}

.socialbuttons li a[title="Google"]:hover {

	background-position: -60px -135px;

}



.socialbuttons li a[title="YouTube"] {

	display: block;

	background-position: 0 -162px;

}

.socialbuttons li a[title="YouTube"]:hover {

	background-position: -60px -162px;

}



.socialbuttons li a[title="LinkedIn"] {

	display: block;

	background-position: 0 -189px;

}

.socialbuttons li a[title="LinkedIn"]:hover {

	background-position: -60px -189px;

}



.socialbuttons li a[title="500px"] {

	display: block;

	background-position: 0 -216px;

}

.socialbuttons li a[title="500px"]:hover {

	background-position: -60px -216px;

}



/* Footer

-------------------------------------------------------------- */

#finished,

.clear { clear:both; }



#footer {

	background: url('images/footer.png') bottom no-repeat;

	color: #666;

	font-size: 9px;

	font-stretch:expanded;

	margin: 0 auto;

	padding-left: 100px;

	padding-right: 260px;

	text-align: center;

	text-transform: uppercase;

	width: 1240px;

	height: 84px;

}



#footer p.abstand {

	height: 50px;

}



/* Special Classes

-------------------------------------------------------------- */



article.entry {

	padding-bottom: 2em;

}



.wp-caption-text {



}



.gallery-caption {



}



.sticky {



}



footer.entry_meta {

	clear: both;

	color: #666;

	font-size: .8em;

	line-height: 1.5em;

	border-bottom: 1px solid #9B6944;

}

 

p.entry_pages {

	clear: both;

	color: #666;

	font-size: .8em;

	line-height: 1.5em;

}



.prevnextlinks {

	font-size: .8em;

	line-height: 1.2em;	

}



.prevnextlinks p.left { 

	float:left;

	text-align: left;

	width: 50%;

}



.prevnextlinks p.right { 

	float:right;

	text-align: right;

	width: 50%;

}



.commentlist, 

.pinglist {

	margin: 1em 0 0 0;

	font-size: .9em;

}



.commentlist li.comment, 

.pinglist li.trackback,

.pinglist li.pingback {

	list-style-type: none;

}



.commentlist li.comment {

	padding: .5em 0 .5em .5em;

	margin: 1em 0;

}



.kommentar-avatar {

	float: left;

}



.kommentar-inhalt {

	margin-left: 40px;

}



.comment-meta {

	font-size: .9em;

}



.kommentar-inhalt > .comment-meta,

.kommentar-inhalt:hover > .comment-meta {

	-moz-transition:linear 0.1s;

	-webkit-transition:linear 0.1s;

	transition:linear 0.1s;

}



.kommentar-inhalt > .comment-meta{

	-moz-opacity: 0.2;

	filter: Alpha(opacity=0.2);

	opacity: 0.2;

}





.kommentar-inhalt:hover > .comment-meta{

	-moz-opacity: 1.0;

	filter: Alpha(opacity=1);

	opacity: 1.0;

}





.reply {

	float: right;

	padding-right: 1em;

}





li.bypostauthor > div {

	background-color: #ebf1e3;

	border: 5px solid #ebf1e3;

}







.better-archives .year-link {

font-size: 1.2em;

}



#respond {

	margin: 1em 0;

}



#respond label {

	margin-left: 1em;

}



#respond input,

textarea {

	font: 13px/2em Verdana, Arial, sans-serif;

}



span.required {

	display: none;

}



.legal_notice {

	font-size: 0.8em;

	line-height: 1.2em;

}





p.footnote {

	border-top: 2px solid #888;

	color: #666;

	font-size: 0.8em;

	line-height: 1.2em;

	padding-top: 0.5em;

}