/*  
Theme Name: Motleyscrew
Theme URI: http://grayspacedesign.com
Author: Gray Space Design
Author URI: http://grayspacedesign.com


*/


/*small reset*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, blockquote, dl, dd, dt {
	margin:0;
	padding:0;
}
body {
	font: normal 13px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.5em;
}
/*basic styles, fonts, imgs etc*/


#top .wp-smiley {
	border:none;
	background-color:transparent;
}
.clearboth {
	clear:both;
}
.noborder, .noborder img, .noborder a img {
	border:none;
	margin:0;
	padding:0;
	background-color:transparent;
}
.alignnone, .fullsize {
	float:none;
	margin:10px 0;
	overflow:hidden;
}
.alignleft {
	float:left;
	margin:0px 10px 10px 0pt;
	overflow:hidden;
}
.alignright {
	float:right;
	margin:0px 0pt 10px 10px;
	overflow:hidden;
}
.aligncenter {
	clear:both;
	display:block;
	margin:0pt auto 1.5em;
	overflow:hidden;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
p {
	padding-bottom:18px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin-bottom:10px;
}
h1 {
	font-size:28px;
}
h2 {
	font-size:21px;
	line-height:24px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:13px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	border:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration:underline;
	border:none;
}
.post_heading_wrap {
	float:left;
	position:relative;
}
.post_heading_wrap, h2 a:hover {
	text-decoration:none;
}
.post_heading {
	display:block;
	float:left;
	width:550px;
	padding-right:10px;
	margin-right:10px;
}
.meta {
	font-size:10px;
}
.meta_top {
	display:block;
	float:right;
	padding-top:3px;
}
.comment_meta {
	height:36px;
	left:-37px;
	position:absolute;
	top:-2px;
	width:35px;
}
.comment_meta a {
	text-decoration:none;
	display:block;
	padding:5px 0 0 0px;
	text-align:center;
	border:none;
}
.comment_meta a:hover {
	border:none;
}
.entry_content {
	padding-top:10px;
}
.edit_me {
	position:absolute;
	left:-20px;
	top:10px;
}
#top .more-link {
	background-position:right 3px;
	background-repeat:no-repeat;
	padding-right:16px;
	text-decoration:none;
}
.clearboth {
	clear:both;
}
.content ul, .content ol {
	padding:0 0 15px 30px;
	list-style-position:outside;
}
blockquote {
	padding:0 0 0px 15px;
	margin: 0 0 15px 15px;
}
/*IMPORTANT DIVS*/

#wrapper {
	background-position:top left;
	position:relative;
	background-repeat:repeat-x;
	overflow:hidden;
}
#top {
	position:relative;
	margin:0 auto;
	width:980px;
}
.big_bg #main {
	padding-top:40px;
}
#main {
	position:relative;
	padding-left:20px;
	width:960px;
	float:left;
}
.content {
	position:relative;
	width:560px;
	margin-right:60px;
	float:left;
}
.sidebar {
	position:relative;
	float:left;
	width:320px;
}
/*HEAD*/

#head {
	height:70px;
}
.small_bg #head {
	height:115px;
}
#head h1 {
	margin:0;
}
#head h1 a {
	position:absolute;
	text-indent:-9999px;
	right:20px;
	top:0;
	outline:none;
}
#head .description {
	left:-9999px;
	position:absolute;
}
.breadcrumb {
	padding:0;
	position:absolute;
	left:20px;
	top:80px;
}
/* navigation */

#top #nav {
	float:left;
	position:absolute;
	/*GSD top:20px; */
	left:20px;
}
#nav, #nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:70px;
	z-index:3;
}
#top #nav a {
	/*GSD background:#fff url(images2/bg_nav.jpg);*/
	display:block;
	padding:0px 15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	/*GSD line-height:33px; */
	outline:none;
	border:none;
}
#top #nav a:hover {
	/*GSD background:#fff url(images2/bg_nav_over.jpg);*/
	background:#eaeaea;
	color:#5b00b5;
}
#top #nav li {
	float:left;
	position:relative;
}
#top #nav li li {
	border-left:none;
}
#top #nav ul {
	position:absolute;
	display:none;
	width:170px;
	top:33px;
}
#top #nav li ul a {
	color:#000;
	width:140px;
	height:auto;
	float:left;
	border:1px solid #181818;
	text-align:left;
}
#top #nav li ul a:hover {
	color:#5b00b5;
}
#top #nav ul ul {
	top:auto;
}
#top #nav li ul ul {
	left:172px;
	top:0px;
}
#top #nav li:hover ul ul, #top #nav li:hover ul ul ul, #top #nav li:hover ul ul ul ul {
	display:none;
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul {
	display:block;
}
#top #nav .sub_list, #top #nav .sub_sub_list {
	display:none;
}
/*  SLIDER  */



#sleekslide .slideimage {
	position:absolute;
	padding-bottom:20px;
}
#sleekslide .slideimage_big {
	left:0;
	bottom:20px;
}
#sleekslide .slideimage_medium {
	left:200px;
	bottom:15px;
}
#sleekslide .slideimage_small1 {
	bottom:10px;
	left:50px;
}
#sleekslide .slideimage_small2 {
	bottom:10px;
	left:250px;
}
#sleekslide .intro {
	left:600px;
	width:340px;
	top:50px;
	position:absolute;
	line-height:25px;
}
#sleekslide .intro h2 {
	margin-bottom:15px;
	font-weight:normal;
	font-size:23px;
}
#sleekslide .buttonlinks, .intouch, #top .textwidget .intouch {
	display:block;
}
#top .widget_text {
	/*GSD padding:20px; */
width:320px;
}
#sleekslide .buttonlinks .next {
	margin-right:10px;
	visibility:hidden;
}
#sleekslide .slide1 {
	visibility:visible;
}
.jshide {
	visibility:hidden;
}
#sleekslide .buttonlinks a, .intouch, #top .textwidget .intouch {
	display:block;
	float:left;
	line-height:33px;
	width:165px;
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	text-indent:10px;
	border:none;
}
#sleekslide .buttonlinks a:hover, .intouch:hover, #top .textwidget .intouch:hover {
	background-position:bottom left;
	margin-top:1px;
	border:none;
}
#top .intouch {
	float:none;
	margin:0 auto;
}
.slideme {
	position:relative;
	left:0;
}
.slide1 {
	z-index:1;
}
.slider_container {
	position:absolute;
	top:0;
	left:0;
	height:360px;
	width:980px;
}
.notactive {
	visibility:hidden;
}
/*CONTENT*/

.entry_content {
	clear:both;
	position:relative;
	padding-bottom:12px;
}
/*widgets allgemein*/



#block1 .widget, #block2 .widget, .widget_block {
	width:319px; /*change if sidebarwidth changes*/
	padding-top:10px;
	margin-bottom:10px;
	position:relative;
}
.sidebar ul, .sidebar ol, .footer ul, .footer ol {
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}
.widget {
	clear:both;
	padding-bottom:40px;
}
.widget_block {
	float:left;
}
.widget_block .widget {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
}
.widget a, .widget a:visited {
	padding:7px 5px;
	display:block;
	text-decoration:none;
	width:309px; /*change if sidebarwidth changes*/
}
.widget a:hover, .widget li:hover a {
	text-indent:0;
	background:#f8f8f8;
}
.widget h3 {
	padding:0px 3px 4px;
	margin:0;
}
.widget div {
	padding:5px;
}
/* ####### rss widget ####### */
.rss-date {
	padding:0px 5px;
	color:#9f9f9f;
	font-size:10px;
}
.widget_rss cite {
	padding:0px 5px 10px 5px;
	color:#9f9f9f;
	font-size:10px;
	display:block;
}
.widget_rss a {
	border-top:1px solid #3f3f3f;
}
/* ####### rss widget ####### */


/* ####### recentcomments + widget_archive + textwidget+ categorylink ####### */
#top .widget_archive a, #top .recentcomments a, #top .textwidget a, #top .widget_categories a {
	display:inline;
	margin:0;
	padding:0;
}
.textwidget a {
	border:none;
	text-decoration:underline;
}
.textwidget a:hover {
	text-decoration:none;
}
#top .recentcomments, #top .widget_archive li, #top .widget_categories li {
	padding:7px 5px;
	display:block;
	text-decoration:none;
}
#top .recentcomments a, #top .widget_archive li a, #top .widget_categories li a {
	border-bottom:none;
}
/* ####### recentcomments ####### */



/*--------------------calendar--------------------*/
#wp-calendar a, #wp-calendar a:visited {
	display:block;
	background-image:url(images/bg.jpg);
	background-attachment:fixed;
	text-decoration:none;
	padding:0;
	border:none;
	width:auto;
}
#wp-calendar a:hover {
	display:block;
	background-image:url(images/bg_dark2.jpg);
	color:#fff;
}
#wp-calendar th {
	background-image:url(images/bg_dark2.jpg);
	color:#FFF;
}
#wp-calendar {
	empty-cells: show;
	width:100%;
	text-align:center;
}
#wp-calendar #next a, #wp-calendar #prev a {
	background-image:url(images/bg_dark2.jpg);
	color:#fff;
	text-decoration:none;
	display:block;
	border:none;
}
#wp-calendar #next a:hover, #wp-calendar #prev a:hover {
	background-image:url(images/bg.jpg);
}
#wp-calendar caption {
	margin-bottom:5px;
}
/*-------------------- end calendar--------------------*/

/*-------------------- tag cloud--------------------*/
#top .widget_tag_cloud a {
	display:inline;
	line-height:2em;
	border:none;
}
/*-------------------- end cloud--------------------*/
/* SEARCH */

#s, .text_input, .text_area {
	padding:5px;
	font: normal 12px Verdana, Helvetica, Arial, sans-serif;
}
#searchsubmit, #send, #submit {
	padding:4px 20px;
	font: normal 12px Verdana, Helvetica, Arial, sans-serif;
}
.text_input {
	width:200px;
	margin-right:20px;
}
.text_area {
	width:540px;
	height:150px;
}
fieldset {
	border:none;
	padding:0;
	margin:0;
}
fieldset p, .kontaktformular p {
	padding:0 0 5px 0;
}
legend {
	font-size:16px;
	padding-bottom:10px;
}
.workwork {
	float:left;
	height:48px;
	margin:0 20px 10px 0px;
	width:48px;
}
.aboutme {
	float:left;
	height:48px;
	margin:5px 20px 0px 0px;
	width:48px;
}
.frontpagebar {
	padding:20px;
	margin-bottom:20px;
	width:280px;
}
#top .widget_search {
	padding:0;
	margin:0 0 20px 0;
}
.footer {
	clear:both;
	display:block;
	text-align:center;
	padding:10px;
}
.footercontent {
	width:980px;
	margin:0 auto;
}
/*portfolio */

#top .big_prev img {
	display:block;
	padding:0;
	margin:0 auto;
	width:500px;
	overflow:hidden;
}
#top .big_prev {
	padding:25px;
	margin-bottom:10px;
}
/* ---------------------- Pagination -------------------*/

.pagination {
	bottom:-3px;
	clear:both;
	display:block;
	float:left;
	position:relative;
	z-index:3;
}
.pagination span, .pagination a {
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 2px 2px 0;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
.pagination .current {
	font-size:11px;
	padding:1px 5px 2px 5px;
}
/*--------------------comments--------------------*/


.admincomment {
	width:560px;
}
.authorcomment {
	font-style:italic;
	font-weight:bold;
}
.gravatar {
	float:left;
	width:90px;
	height:85px;
	position:relative;
}
.comment_entry {
	float:left;
	width:470px;
}
.comment_entry p {
	clear:both;
}
#top .commentlist {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}
.commentlist li {
	clear:both;
	float:left;
	line-height:1.5em;
	padding:5px 0 0;
	width:560px;
}
.commentlist li .floatright {
	font-size:0.917em;
}
#respond, #trackbacks {
	clear:both;
	padding-top:20px;
}
.trackback_list {
	margin:0 0 30px 20px;
	padding:0;
	list-style-position:outside;
}
.trackback_list li a {
	text-decoration:underline;
}
#comments, #respond, #trackbacks {
	margin-bottom:10px;
}
#commentform small {
	font-size:0.917em;
	font-weight:bold;
}
#commentform small span {
	font-weight:normal;
}
#commentform label {
	padding-left:5px;
}
.gravatar img {
	padding:3px;
}
#top .wp-smiley {
	border:none;
}
.comment_entry .floatright {
	padding-right:5px;
}
#commentform {
	padding-bottom:40px;
}
/******************************* MOTLEY STYLING *******************************/

#motley {
	z-index:1;
	position:relative;
	top:0;
	padding:28px 0 0 0;
	background:transparent url(images2/bg_logo.jpg) no-repeat top left;
	height:360px;
	width:980px;
	left:0;
}

#slideshow {
    position:relative;
	margin:0 0 0 600px;
    height:320px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.footer a {
	color:#999;
	border-bottom:1px dotted #999;
	text-decoration:none;
}

.footer a:hover {
	color:#333;
	border-bottom:1px dotted #333;
}