/*  
Theme Name: Rae 2014
Version: 1.0.0
*/

/************************************************************************************
RESET
*************************************************************************************/

html,
body {
   height:100%;
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set html5 elements to block */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* set img max-width */

img {
	max-width: 100%;
	height: auto;
}

/* ie 8 img max-width */

@media \0screen {

img {
	width: auto;
}

}

code, pre {
	background: #FFF9F9;
	border: 1px dashed #8406ad;
	display: block;
	overflow: auto;
	padding: 10px;
	margin: 10px;
	white-space: pre;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

body {
	font: .81em/150% Lato, Arial, Helvetica, sans-serif;
	color: #242025;
}

a {
	color: #8406ad;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #242025;
	text-decoration: underline;
}

p {
	margin: 0 0 1.2em;
	padding: 0;
}

small {
	font-size: 87%;
}

blockquote {
	font: italic 110%/130% "Times New Roman", Times, serif;
	padding: 8px 30px 15px;
}

span.hidden {
	display: none;
}

label {
	display: none;
}

a.more-link {
	padding: 0 15px 0 0;
	text-decoration: none !important;
	background: url('images/more.png') no-repeat;
	background-position: 100% 4px;
}

a:hover.more-link {
	text-decoration: none !important;
	color: #242025 !important;
	background-color: #ebebeb;
	background-position: 100% -17px;
	border-bottom: 1px solid #757575;
}

/* LIST
================================================ */

ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}

li {
	margin: 0 0 .5em 0;
	padding: 0;
	list-style-position: inside;
}

dl {
	
}

dt {
	
}

dd {
	
}

/* HEADINGS
================================================ */

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em 10px;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1.1em;
}

/* FORM
================================================ */

/* form input */

input, textarea, select, input[type=search], button {
	font-size: 100%;
	font-family: inherit;
}

input[type=text], input[type=password], textarea, input[type=search] {
	padding: 13px 6px;
	color: #757575;
	background: #cdcdcd;
	border: solid 1px #cdcdcd;
}

input[type=text], input[type=search] {
	width: 184px;
	max-width: 90%;
}

/* text area */

textarea {
	line-height: 150%;
	width: 94%;
}

/* form input:focus */

textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus {
	outline: none;
	color: #1a171b;
	background: #f9f9f9;
}

/* form button */

input[type=reset], input[type=submit], button, .btn {
	width: 44px;
	margin:0;
	padding: 2px 2px;
	cursor: pointer;
	color: #fff;
	font-size:12px;
	background: #cdcdcd;
	border: none;
}

/* form button:hover */

input[type=reset]:hover, input[type=submit]:hover, button:hover {
	background: #1a171b;
	color: #fff;
}


/* Search & sign uu for newsletter
================================================ */

#searchform{
	margin-bottom: 25px;
}

#searchsubmit, #newsletter {
		height: 44px;
		width: 44px;
		border: 0;
		cursor: pointer;
}
	#searchsubmit {
		margin:0 0 0 -3px;
		background: #cdcdcd url("images/search.png") no-repeat 50% 50%;
	}
	#newsletter{
		margin:0;
		background: #cdcdcd url("images/newsletter.png") no-repeat 50% 50%;
	}
		#searchsubmit:hover, #newsletter:hover{
			background-color: #e9a7ff;
	}



#ivaldi_mail_collector_frontend{
	padding-bottom: 14px;
}

.ivaldi_mail_collector-succes, .ivaldi_mail_collector-error{
	color: white;
	font-weight: 700;
}


/************************************************************************************
STRUCTURE
*************************************************************************************/


#pagewrap{
	min-height:100%;
   	position:relative;
	background: url("images/sidebar_bg.png") repeat-y 0% 0%;
}

#body{
   	padding-bottom:24px;   /* Height of the footer */
}

/* main page width */

.pagewidth {
	width: 1078px;
	margin: 0;
}

/* content */

#content {
	width: 740px;
	float: right;
	padding-top: 41px;
	font-size: 1.2em;
}

#content a {
	text-decoration: underline;
}

#content a:hover {
	background-color: #ebebeb;
	text-decoration: none;
	border-bottom: 1px solid #757575;
}


/* albums */
#content .rec_pic{
		position: relative;
		float:right;
		top: -4px;
		left: -4px;
		border:1px solid #422875;
	}
	#content ol{
		margin:0 0 2px 50px;
		list-style-type:decimal-leading-zero;
	}
	#content li{
		margin:10px 0 10px 0;
	}
	
	iframe{
		margin:6px 0 0 20px;
	}





/* masonry & work */

#masonry, #work {
	width: 740px;
}

/*linker Abstand vom Rand: Post Inhalt*/
.the_content{
	margin:0 10px 0 10px;
}


/************************************************************************************
PAGE
*************************************************************************************/

#page {
	margin-bottom: 11px;
	padding: 16px 10px;
	background: white;
}

#page p {
	margin: 0 0 10px 10px;
}

/* page title */

.page-title {
	display: none;
}

/************************************************************************************
POST
*************************************************************************************/

/* top post */

.top-post {
	margin-bottom: 11px;
	padding: 6px 10px;
	background: white;
}

.top-post p {
	margin: 10px 0 10px 0;
}


/* post title */

.top-post-title {
	font-size: 17px;
	margin: 0 0 11px -10px;
	line-height: 30px;
}

.top-post-title a {
	display: block;
	padding: 0 0 0 20px;
	min-height: 30px;
	text-decoration: none !important;
	color: #1a171b;
	background-color: #ebebeb;
}

.top-post-title a:hover {
	text-decoration: none;
	background: #e9a7ff !important;
	border: none !important;
}

/* post */

.post {
	float: left;
	width: 350px;
	margin: 0 0 12px 0;
	padding: 6px 10px;
	background: white;
}

.post p {
	margin: 10px 0 10px 0;
}

/* post content */

.post-content {
	min-width: 120px;
}

.customfield-loop {
	margin: 0 0 6px 0;
}

/* post title */

.post-title {
	font-size: 17px;
	margin: 0 0 15px -10px;
	line-height: 30px;
}

.post-title a {
	display: block;
	padding: 0 0 0 20px;
	min-height: 30px;
	text-decoration: none !important;
	color: #1a171b;
	background-color: #ebebeb;
}

.post-title a:hover {
	text-decoration: none;
	background: #e9a7ff !important;
	border: none !important;
}

/* post image */

.post-image {
	margin: 0 0 5px;
}

.post-image.left {
	float: left;
	margin-right: 15px;
}

.post-image.right {
	float: right;
	margin-left: 15px;
}

/* lightbox zoom image */

.post-image .lightbox {
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	max-width: 100%;
}

.post-image .lightbox .zoom {
	width: 40px;
	height: 40px;
	background: url(images/icon-zoom.png) no-repeat center center;
	margin: -20px 0 0 -20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}

.post-image .lightbox:hover .zoom {
	background-color: #000;
}

/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/

.post-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}

.post-video iframe,  
.post-video object,  
.post-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/************************************************************************************
SINGLE POST
*************************************************************************************/

/* title */

.title {
	display: block;
	margin: -6px 0 11px -10px;
	padding: 0 100px 0 20px;
	min-height: 30px;
	line-height: 30px;
	font-size: 17px;
/*text-transform:uppercase;*/
	text-decoration: none !important;
	color: #1a171b;
	background-color: #ebebeb;
}

.wpfblike {
	text-align: right;
	margin: -36px 10px 0 0;
	padding: 0;
	background: transparent;
}

h3#related-posts  {
	margin:25px 0 0 0;
	padding:0 0 0 20px;
	height: 32px;
	line-height:32px;
	font-size: 1.2em;
	font-weight: normal;
	background:white;
	border-bottom: 1px solid #cfcfd0;
}



/************************************************************************************
view
*************************************************************************************/


.view {
   width: 330px;
   height: auto;
   float: left;
   margin:-5px 20px 10px 0;
   overflow: hidden;
   position: relative;
   cursor: default;
}


.view .mask{
   	width: 330px;
   	height: 100%;
   	position: absolute;
   	overflow: hidden;
  	top: 0;
   	left: 0;
}


.view a{
   	width: 100%;
   	height: 100%;
   	position: absolute;
   	overflow: hidden;
  	top: 0;
   	left: 0;
   	font-size: 2em;
   	text-align: center;
   	line-height: 330px;
   	color: white;
   	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.85);
}

.view a:hover{
	background: transparent !important;
	text-shadow: 1px 1px 0px rgba(224, 224, 224, 0.85);
}


/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/

.pagebar {
	clear: both;
	margin: 10px auto 40px auto;
	width: 80%;
	height: 30px;
	text-align: center;
	background: #fff;
}

.pagebar a {
	vertical-align: middle;
	zoom: 1;
	padding: 0 6px;
	line-height: 31px;
	color: #242025;
	text-decoration: none !important;
}

.pagebar a:hover, .pagebar a:active {
	text-decoration: none;
	text-align: center;
	color: #1a171b;
	background: #e9a7ff;
}

.pagebar .break {
	color: #999;
	margin: 0 2px;
}

.pagebar .this-page {
	padding: 0 12px;
	text-decoration: none;
	text-align: center;
	color: #1a171b;
	background: #e9a7ff;
}

/************************************************************************************
SHARE
*************************************************************************************/

#share {
	clear: both;
	height: 30px;
	max-width: 308px;
	background: #fff;
}

#share span {
	float: left;
	margin: 0 11px 0 20px;
	line-height: 30px;
	font-size: 87%;
}

#share li {
	list-style-type: none;
}

#share li a {
	display: block;
	float: left;
	margin-right: 3px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/share-icons.png) no-repeat;
	border: 0 !important;
}

#share li a.facebook {
	width: 35px;
	background-position: 0 0;
}

#share li a:hover.facebook {
	background-position: 0 -60px;
}

#share li a.twitter {
	width: 35px;
	background-position: -38px 0;
}

#share li a:hover.twitter {
	background-position: -38px -60px;
}

#share li a.google {
	width: 35px;
	background-position: -76px 0;
}

#share li a:hover.google {
	background-position: -76px -60px;
}

#share li a.pinterest {
	width: 35px;
	background-position: -114px 0;
}

#share li a:hover.pinterest {
	background-position: -114px -60px;
}

#share li a.tumblr {
	width: 35px;
	background-position: -153px 0;
}

#share li a:hover.tumblr {
	background-position: -153px -60px;
}

#share li a.mail {
	width: 35px;
	background-position: 100% 0;
}

#share li a:hover.mail {
	background-position: 100% -60px;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/

/* sidebar */

#sidebar {
	width: 318px;
	float: left;
	margin: 0 19px 0 0;
	padding-bottom:60px;
	background-color: #000;
}



/* sidebar left */

.sidebar-left #content {
	float: left;
}

.sidebar-left #sidebar {
	float: right;
}

/* sidebar none */

.sidebar-none #content {
	width: 100%;
	float: none;
}

.sidebar-nav {
	display: none;
	font-weight: 700;
	font-size: 2em !important;
}
	.sidebar-nav:hover{
		background: #efefef;
	}


#divToToggle {
	display: block;
}



/************************************************************************************
HEADER
*************************************************************************************/


#is_home{
	margin: 31px 0 0 23px;
	padding: 2px 0 0 0;
	height: 43px;
	width:267px;
	background: url(images/home_bg.png) no-repeat 7px 0px;
	border-bottom: 1px solid #cdcdcd;
}
#is_home  a{
	margin: 0 0 0 12px;
	font-weight: 700;
	font-size: 16pt;
	letter-spacing: 0.03em;
	text-decoration:none;
	text-transform: uppercase;
	color: white !important;
	
}

#is_home  a:hover{
	text-decoration:none;
	color:  #cdcdcd !important;	
}

/************************************************************************************
MENU
*************************************************************************************/

#nav {
	padding: 12px 0 10px 0;
	background: #000;
	border: 0;
}

/* Accordion menu container */

.dcjq-accordion {
	
}

/* Main menu and sub-menus */

.dcjq-accordion ul {
	margin-right: 31px;
	border-bottom: 1px solid #cdcdcd;
}

/* Menu list items */

.dcjq-accordion ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
}

.dcjq-accordion ul li:last-child{
    margin-bottom: 22px;
}

/* Menu list links */

.dcjq-accordion ul a, .dcjq-accordion .current-page-ancestor ul a{
	display: block;
	margin: 0 10px 5px 6px;
	padding: 0 0 0 6px;
	height: 25px;
	line-height: 25px;
	font-size: 1.4em;
	text-transform: uppercase;
	color: white !important;
}


/* Menu list links on hover */

.dcjq-accordion ul a:hover {
	text-decoration: none !important;
	background: url(images/menu_bg_hover.png) no-repeat bottom left !important;
}

.dcjq-accordion li.current-menu-item a{
	text-decoration: none;
	background: url(images/menu_bg.png) no-repeat bottom left;
}






/************************************************************************************
SIDEBAR SOCIAL ICONS, SEARCH etc.
*************************************************************************************/

#box{
	width:267px;
	margin: 31px 0 0 23px;
	padding-bottom: 10px;
	background-color: #4f4f4f;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

#social {
	clear: both;
	height: 44px;
	background: #4f4f4f;
}

#social ul{
	margin-left:12px;
}
#social li {
	list-style-type: none;
}

#social li a {
	display: block;
	float: left;
	margin:10px 8px 4px 0;
	height: 43px;
	width: 42px;
	text-indent: -9999px;
	background: url(images/social-icons.png) no-repeat;
	border: 0 !important;
}

	#social li a.twitter {
		background-position: 0 0;
	}
	
	#social li a:hover.twitter {
		background-position: 0 -57px;
	}
	
	#social li a.facebook {
		width: 42px;
		background-position: -50px 0;
	}
	
	#social li a:hover.facebook {
		background-position: -50px -57px;
	}
	
	#social li a.youtube {
		width: 42px;
		background-position: -99px 0;
	}
	
	#social li a:hover.youtube {
		background-position: -99px -57px;
	}
	
	#social li a.tumblr {
		width: 42px;
		background-position: -149px 0;
	}
	
	#social li a:hover.tumblr {
		background-position: -149px -57px;
	}
	
	#social li a.feed {
		width: 42px;
		background-position: -198px 0;
	}
	#social li a:hover.feed {
		background-position: -198px -57px;
	}


/* SEARCH & MAIL COLLECTOR*/

.widget_search, #ivaldi_mail_collector_frontend{
	margin: 20px 0 0 12px;
	padding:0;
	width: auto;
}

#ivaldi_mail_collector_frontend{
	margin: -13px 0 0 12px;
	padding:0;
	width: auto;
}


/* GIGS & TWITTER*/

h4.widgettitle{
	margin: 0 0 10px 0;
}

#gigpress-2, #reallysimpletwitterwidget-4{
	width:267px;
	margin: 31px 0 0 23px;
	padding-bottom: 10px;
	color:  #fff;
}

#gigpress-2 {
	margin-left: 38px;
}

#gigpress-2 a, #reallysimpletwitterwidget-4 a{
	color:  #fff;
	text-decoration: underline;
}
#gigpress-2 a:hover, #reallysimpletwitterwidget-4 a:hover{
	color: #e9a7ff;
}
#gigpress-2 ul, #reallysimpletwitterwidget-4 ul{
	margin: 0;
}

/* GIGS */
#gigpress-2{
	margin-top: 0;
	line-height:1.7em;
}

.gigpress-listing li {
	margin-bottom: 15px;
}
/* TWITTER */

.twitter{
	line-height:1em;
}
.twitter li{
	margin:0 0 12px 0;
}
#twitter-link{
	margin: -4px 0 0 0;
	display:block;
	font-size:17px;
	letter-spacing:0.06em;
	line-height:1.7em;
}
.twitter-timestamp{
	color: #999;
}






/************************************************************************************
FOOTER
*************************************************************************************/

#footer {
	clear: both;
	position:absolute;
	padding: 0 10px;
	height: 24px;
}


/* footer text */

.footer-text {
	padding: 2px 0 0 0;
	font-size: 90%;
	color: #525252;
}

/* footer top */

.footer-top {
	margin: 0;
	padding: 0 20px;
	width: auto;
	height: 30px;
}

.footer-top a {
	padding: 0 16px 0 0;
	line-height: 30px;
	background: url(images/arrow-up.png) no-repeat;
	background-position: 100% 2px;
}

.footer-top a:hover {
	background-color: #ebebeb;
	background-position: 100% -19px;
	text-decoration: none;
	border-bottom: 1px solid #757575;
}




.middle {
	float: right;
	margin: -31px 0 0 0;
	padding: 0 20px;
	width: auto;
	height: 30px;
	text-align: center;
	background: #fff;
}

a.top {
	padding: 0 16px 0 0;
	line-height: 30px;
	background: url(images/arrow-up.png) no-repeat;
	background-position: 100% 2px;
}

a:hover.top {
	background-color: #ebebeb;
	background-position: 100% -19px;
	text-decoration: none;
	border-bottom: 1px solid #757575;
}
.next a{
	margin:0 20px;
}
.prev a{
	margin:0 20px;
}


/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/

img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	margin-bottom: 15px;
}

.alignleft {
	float: left;
	margin:8px 16px 4px 0;
}

.alignright {
	float: right;
	margin:8px 0 4px 16px;
}


.aligncenter {
	text-align: center;
	display: block;
	margin: 8px auto 4px auto;
}

.wp-caption {
	text-align: center;
	margin-bottom: 15px;
	max-width: 100%;
}

.wp-caption-text {
	font-style: italic;
	font-size: 95%;
	line-height: 120%;
	margin: 6px 0;
}

/************************************************************************************
GALLERY
*************************************************************************************/

#body .gallery {
	margin: 5px 0 20px 0;
}

#body .gallery img {
	border: none;
}

/* gallery item */

#body .gallery dl {
	margin: 0 8px 8px 0;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: auto;
	float: none;
	text-align: center;
}

/* gallery caption */

#body .gallery dd {
	width: 140px;
	line-height: 120%;
	font-size: 90%;
	text-align: center;
	margin: 5px 0 0;
}

/* get rid of br tag */

.gallery br {
	display: none;
}



/************************************************************************************
GIGS
*************************************************************************************/

table.gigs {
	width: 100%;
	text-align: left;
	font-size: .9em;
	border-collapse: collapse;
	border: 1px dotted #00333d;
}
	table.gigs caption{
		margin:10px 0 10px 0;
	}
	table td{
		padding:5px;
	}

	table.gigs td.icon {
		width: 18px;
		text-align: center;
	}

	table.gigs td.time {
		text-align: right;
	}
	table.gigs td.venue a{
		font-weight:normal;
	}
	table.gigs td.venue a:hover{
		text-decoration:underline;
	}

	table.gigs a {
		font-weight: bold;
	}

	table.gigs a img {
		border: 0px;
	}


	table.gigs tr.gig {
		border-top: 1px dotted #00333d;
	}

	table.gigs td.shortNotes {
		padding-left: 4px;
	}

.bold {
	font-weight: bold;
}

img.buy {
	position: relative;
	top: 3px;
}

table.gigs caption {
	font-weight: bold;
	font-size: 125%;
	text-align: left;
}

table.gigs caption div.notes{
	font-weight: normal;
	font-size: 80%;
	text-align: left;
}

table.gigs, div.no-gigs {
	margin-bottom: 1em;
}




/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

/* clearfix */

.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content {
	display: inline-block;
}

/* clearfix for ie7 */

.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content {
	display: block;
	zoom: 1;
}