/*  
Theme Name: Unspeakable Media
Theme URI: http://unspeakablemedia.com/
Description: jQuery enhanced portfolio Theme developed for Unspeakable Media. Future versions will include diverse community features, and separate portfolio posts from blog entries. Original theme built by <a href="http://kriesi.at">Kriesi</a>.
Version: 1.16.23
Author: Ian M Rountree
Author URI: http://ianmrountree.com 
Tags: blue, portfolio, blue, white, two-columns, fixed-width
*/


/*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 12px 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;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
text-decoration:underline;
}
.post_heading_wrap{
float:left;
position:relative;
}
.post_heading_wrap, h2 a:hover{
text-decoration:none;
}

.post_heading{
display:block;
float:left;
width:470px;
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;
}

.entry_content{
padding:10px;
background: #fff;
}

.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{
	width: 80%;
	margin: 0 auto;
	background: #eee url("../images/blockquote.png") bottom right no-repeat;
	border: 1px solid #a9cdf1;
	border-left: 2px solid #3e578e;
	padding: 5px 10px;
	}

/*IMPORTANT DIVS*/


#sleekslide{
z-index:1;
background: transparent url("images/sleekslide.png") top center no-repeat;
position:relative;
top:0;
height:360px;
width:980px;
left:0;
}

#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{
text-indent:-9999px;
padding-left: 35px;
float: right;
outline:none;
}
#head a#rss {
	display: block;
	float: right;
	width:70px;
	height:70px;
	text-indent:-20000px;
	}

#head .description{
left:-9999px;
position:absolute;
}

.breadcrumb{
padding:0;
position:absolute;
left:20px;
top:80px;
}

/* navigation */

#top #nav{
float:left;
position:absolute;
top:20px;
left:20px;
}


#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:32px; 
z-index:3;

}

#top #nav a{
display:block;
padding:0px 15px;
text-decoration:none;
text-align:center;
line-height:33px; 
outline:none;
}

#top #nav a:hover{
text-decoration:underline;
}

#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:#f4f4f4;
width:140px;
height:auto;
float:left;
border:1px solid #181818;
text-align:left;
}



#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{
	background: transparent url("images/transparency.png") top right;
	border: 1px solid #4e68e8;
	border-left: 1px solid #31395e;
	left:600px;
	width:340px;
	top:30px;
	padding: 10px;
	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{
padding:20px;
width:280px;
}

#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;
}

#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:35px;
}


/*widgets allgemein*/



#block1 .widget, #block2 .widget, .widget_block{
width:340px; /*change if sidebarwidth changes*/
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 li h3 {padding-top: 10px; }
.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;
}

.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 20px 0px;
width:48px;
}

.aboutme{
float:left;
height:48px;
margin:5px 20px 0px 0px;
width:48px;
}

.frontpagebar, #top .widget_search{
padding:20px;
margin-bottom:40px;
width:280px;
}

.footer{
	clear:both;
	display:block;
	text-align:center;
	height: 100px;
	}
	.footer a {
		color: #a9cdf1;
	}
.footercontent{
	width:980px;
	margin:0 auto;
	}
	.footercontent #copyright {
		margin-top: 25px;
		height: 60px;
		text-align: right;
		vertical-align: bottom;
		float: right;
		font-size: 12px;
		width: 500px;
	}
	.footercontent #brand {
		margin-top: 25px;
		text-alight: left;
		height: 60px;
		float: left;
		width: 460px;
		}
		.footercontent #brand span {float: left; padding: 0 10px;}
		.footercontent #brand span#UnMedia a {background: transparent url('images/icon-UnMedia.png') bottom left no-repeat; display: block; height: 60px; width: 60px; text-indent: -20000px;}
			.footercontent #brand  span#UnMedia a:hover {background-position: bottom right;}
		.footercontent #brand span#MediaTemple a {background: transparent url('images/icon-mediatemple.png') bottom left no-repeat; display: block; height: 60px; width: 60px; text-indent: -20000px;}
			.footercontent #brand  span#MediaTemple a:hover {background-position: bottom right;}
		.footercontent #brand span#WordPress a {background: transparent url('images/icon-WordPress.png') bottom left no-repeat; display: block; height: 60px; width: 60px; text-indent: -20000px;}
			.footercontent #brand  span#WordPress a:hover {background-position: bottom right;}

/*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
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	line-height: 24px;
	margin: 0 0 15px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
	background: #a9cdf1 url("images/mirror.jpg") bottom left repeat-x;
	border-top: 1px solid #3e578e;
}
.comment-author cite {
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .even {
}
.commentlist .bypostauthor {
	background: #eef;
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

/* Styles for Tweet plugin*/
.tweet, .query {
}
.tweet .tweet_list, .tweet-interior .tweet_list, .query .tweet_list {
	list-style-type: none;
	margin: 0;
}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .tweet-interior .awesome, .tweet-interior .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
	border-radius: 5px;
	text-transform: uppercase;
}
.tweet .tweet_list li, .tweet-interior .tweet_list li, .query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px 5px;
	border-bottom: 1px solid #555;
	margin: -5px;
	margin-bottom: 5px;
	background-color: #fff;
}
.tweet .tweet_list li a, .tweet-interior .tweet_list li a, .query .tweet_list li a {
}
.tweet .tweet_list .tweet_even, .tweet-interior .tweet_list .tweet_even, .query .tweet_list .tweet_even {
	border-top: 1px solid #88a;
}
.tweet .tweet_list .tweet_avatar, .tweet-interior .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}
.tweet .tweet_list .tweet_avatar img, .tweet-interior .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
	vertical-align: middle;
}