/* @override http://www.diekreuzen.com/wp-content/themes/Die_Kreuzen_v1/css/layout.css */

html {
text-align: center;
}
body {
text-align: left;
}
.hide {
	display: none;
	overflow: hidden;
}
/*.clear {
	clear: both;
}*/
.obscure {
	position: absolute;
	float: left;
	left:-9999px;
}
.mobileNavWrap select{ /*hide mobile nav*/
	display: none;
}
.mobileOnly{
	position: absolute;
	left: -9999px;
}
div#logo{
	margin-top: 40px;
	margin-bottom: 60px;
	text-align: center;
}
div#logo img{
	max-width:60%;
	height: auto;
  	width: auto\9; /* ie8 */
  	margin-bottom:10px;
}
div#lineup2012{
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
}
div#promoPic img,
div#albumCoverLarge img{
	max-width:100%;
	height: auto;
  	width: auto\9; /* ie8 */
}
div.entry p img{
	max-width:99%;
	height: auto;
  	width: auto\9; /* ie8 */
  	padding:1%;
}
ul#menu-primary-menu,
ul#filterReleases{
  text-align:center;
}
ul#menu-primary-menu li,
ul#filterReleases li{
  display:inline;
}
ul#menu-primary-menu a{
  display:inline-block;
  padding: 10px 10px 5px;
}
li#socialBookmarks li{
	float: left;
	margin-right: 8px;
}
li#socialBookmarks li a{
	display: block;
	width: 32px;
	height: 32px;
}
ul#filterReleases a{
	display: inline-block;
	padding: 3px 6px;
	margin-bottom: 6px;
}
div#mainContent,
div#secondaryContent{
	margin-top: 40px;
}
div#releaseDirectory{
	margin-top: 10px;
	margin-bottom: 40px;
}
div#copyright{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#copyright p{
	margin-bottom: 0;
}
div#tngLogo{
	margin-bottom: 40px;
	text-align: center;
}
div.singleRelease{
	width: 188px;
	height:  188px;
	position: relative;
	text-align: center;
}
div.singleRelease img{
	width: 166px;
	height:  166px;
	margin: 10px;
}
div.releaseTitle{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 168px;
	height: 28px;
	text-align: center;
}
div.singleVideo{
	margin-bottom: 40px;
	text-align: center;
	padding: 10px;
}
div#options h3{
	text-align: center;
}
div.postDate{
	margin-bottom: 20px;
}
div#sidebar .widget,
div#resourceWrapper{
	margin-bottom: 40px;
}
div#resourceWrapper{
	padding-top: 40px;
	text-align: center;
}
div#resourceWrapper a{
	padding: 2px;
}
li.widget ul li{
	margin-bottom: 2px;
	padding-bottom: 2px;
}
li.widget ul li.last,
li#socialBookmarks ul li{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
body.category div.entry{
	margin-bottom: 40px;
	padding-bottom: 40px;
	position: relative;
}
body.category div.entry.last{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div.ironCross{
	position: absolute;
	bottom: -12px;
	text-align: center;
	width: 640px;
}
body.category div.entry.last div.ironCross{
	display: none;
}
div#promoPic{
	position: relative;
	margin-bottom: 40px;
}
div.photoCredit{
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: 2px;
	padding-right: 2px;
}
div#tracklistWrapper,
div.releaseMeta,
div#albumCoverLarge{
	margin-bottom: 20px;
}
li.widget h5{
	margin-bottom: 10px;
}
div.avatarImg{
	width: 48px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.avatarImg img{
	width: 40px;
	height: 40px;
}
div#lestWeForget360wrapper{
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}
div#lestWeForget360wrapper p{
	margin-bottom: 0;
}

/*isotope transitions*/
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/**** Isotope filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
div.singleRelease{
	width: 186px;
	height:  186px;
}
div.releaseTitle{
	bottom: 9px;
}

}/* end of Smaller than standard 960 (devices and browsers) */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
div#logo img{
	max-width:80%;
}
div.ironCross{
	width: 508px;
}


}/* end of Tablet Portrait size to standard 960 (devices and browsers) */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.mobileNavWrap select{ /*display mobile nav*/
	/*display: inline-block;*/
	display: block;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
.mobileNavWrap ul,
.mobileNavWrap ul#menu-primary-menu{ /*hide desktop nav*/
	display: none;
}
.mobileOnly{
	position: static;
}
div#logo{
	margin-bottom: 40px;
}
div#logo img{
	max-width:100%;
}
div.entry h4,
div.entry img,
div.entry div.postDate{
	text-align: center;
}
div#sidebar .widget{
	text-align: center;
}
div#resourceWrapper div#resources,
div#resourceWrapper div#whereToBuy{
	margin-bottom: 20px;
}
li#socialBookmarks ul{
	text-align: center;
	height: 32px;
}
li#socialBookmarks li{
	float: none;
	display: inline;
	margin-right: 0px;
}
li#socialBookmarks li a{
	display: inline-block;
}
div.ironCross{
	width: 300px;
}
div.singleRelease{
	width: 140px;
	height:  140px;
}
div.singleRelease img{
	width: 118px;
	height: 118px;
}
div.releaseTitle{
	bottom: 10px;
	left: 10px;
	width: 120px;
}
div#albumCoverLarge{
	text-align: center;
}

}/* end of All Mobile Sizes (devices and browser) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	div.ironCross{
	width: 420px;
}
}/* end of Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
div#logo{
	margin-bottom: 20px;
}
div.singleRelease{
	width: 150px;
	height:  150px;
}
div.singleRelease img{
	width: 128px;
	height: 128px;
}
div.releaseTitle{
	bottom: 10px;
	left: 10px;
	width: 130px;
}
}/* end of Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */