@import url(http://fonts.googleapis.com/css?family=Open%20Sans:100,200,300,400,500,600,700);
body{font-family: 'Open Sans', sans-serif !important}
@font-face {
    font-family: 'scriptin';
    src: url('../fonts/scriptin-webfont.eot');
    src: url('../fonts/scriptin-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/scriptin-webfont.woff') format('woff'),
         url('../fonts/scriptin-webfont.ttf') format('truetype');
    font-weight: 100;
}

/* Disable Parents */
.nav .t-menu{
	z-index: 201;
}

/* Site Background */
#t-header-hidden.nav nav.t>ul,#t-header-hidden .w-i,#t-header-hidden:before{background: #FFFFEF;}

@media (min-width:601px) {
	
	#t-band{height: 180px} 
	#t-header .w-i:before{background: url(../resources/CreamLarge1.jpg) left top no-repeat; background-size: cover}
	#t-header.nav nav.t>ul{display: none}
	#t-header span#site-slogan{font-size: 14px; margin: 0}
	h1.site-title{padding: 0 20px}
	.t-menu{cursor: default;}
	i.menu-icon.indent{visibility: hidden}
	#apple{font-size: 15px; padding: 40px}
	#extraContainer1{margin: 0 0 -25px 268px; z-index: 300}
	.mobile1{margin-bottom: -7px}
	.mobile{margin-bottom: -21px}
	.indent{ text-indent: 10px}
}
@media (max-width:600px){
	
	#t-band{height: 120px;}
	#t-header.nav nav.t>ul{width: 100%; background: rgba(252,243,225,1)}
	.nav.showNav .t-menu{background: url(../resources/menue_BG.png) no-repeat #990000;}
	h1.site-title{text-align: center; line-height: 28px; margin: -30px 0 30px;padding: 5px}
	#site-slogan{font-size: 13px; text-align: center; color: #002939}
	#apple{margin: 0; padding: 30px}
	.t-social{text-align: center; margin-top: -30px}
	.t-menu{padding: 10px; width: 60px; height: 60px;}
	.t-menu .menu-icon{top: 10px}
	h1.site-title.hide.two{margin-right: 0}
	footer.t{height: 40px; font-size: 12px; padding-top: 14px}
	li.mobile1{margin: 0}
	li.mobile{margin: 0}
	.indent{text-indent: 14px}
	.slogan {display: none}
	span#copy{font-size: 10px; bottom: 2px; left: 2px}
}
@media screen and (min-width: 601px) and (max-width: 750px) {
	#t-band{height: 120px} 
	#t-header span#site-slogan{font-size: 12px}
	h1.site-title{font-size: 20px; padding: 6px 10px;}
	.slogan {position: relative; text-align: center; font-size: 25px; font-family: 'scriptin'; color: white; text-shadow: 0 10px 10px black, 1px 1px 5px rgba(255,255,255,.5), -1px -1px 5px rgba(255,255,255,.5),
  2px 2px 5px rgba(255,255,255,.8), -2px -2px 5px rgba(255,255,255,.8); padding-bottom: 20px}
	.t-bread{padding-left: 130px}
	footer.t{font-size: 12px; padding-left: 36%}
}
@media screen and (min-width: 751px) and (max-width: 950px) {
	#t-band{height: 180px} 
	#t-header span#site-slogan{font-size: 14px}
	h1.site-title{font-size: 22px; padding: 5px 17px}
	.slogan {position: relative; text-align: center; font-size: 30px; font-family: 'scriptin'; color: white; text-shadow: 0 10px 10px black, 1px 1px 5px rgba(255,255,255,.5), -1px -1px 5px rgba(255,255,255,.5),
  2px 2px 5px rgba(255,255,255,.8), -2px -2px 5px rgba(255,255,255,.8); padding-bottom: 40px}
	.t-bread{padding-left: 200px}
	footer.t{font-size: 14px; padding-left: 26%}
}
@media screen and (min-width: 951px) and (max-width: 1150px) {
	#t-band{height: 250px}
	#t-header span#site-slogan{font-size: 16px}
	h1.site-title{font-size: 25px; padding: 3px 30px}
	.slogan {position: relative; text-align: center; font-size: 40px; font-family: 'scriptin'; color: white; text-shadow: 0 10px 10px black, 1px 1px 5px rgba(255,255,255,.5), -1px -1px 5px rgba(255,255,255,.5),
  	2px 2px 5px rgba(255,255,255,.8), -2px -2px 5px rgba(255,255,255,.8); padding-bottom: 80px}
	.t-bread{padding-left: 250px}
	footer.t{font-size: 16px; padding-left: 19%}
}
@media (min-width:1151px) and (max-width: 1920px) {
	#t-band{height: 320px}
	#t-header span#site-slogan{font-size: 17px}
	h1.site-title{font-size: 30px; padding: 0 40px}
	.slogan {position: relative; text-align: center; font-size: 50px; font-family: 'scriptin'; color: white; text-shadow: 0 10px 10px black, 1px 1px 5px rgba(255,255,255,.5), -1px -1px 5px rgba(255,255,255,.5),
  	2px 2px 5px rgba(255,255,255,.8), -2px -2px 5px rgba(255,255,255,.8); padding-bottom: 100px}
	.t-bread{padding-left: 220px}
	footer.t{font-size: 17px; padding-left: 13%}
}
@media (min-width:1921px) and (max-width: 2570px) {
	#t-band{height: 350px}
	#t-header span#site-slogan{font-size: 18px;}
	h1.site-title{font-size: 30px; padding: 0 50px}
	.slogan {position: relative; text-align: center; font-size: 60px; font-family: 'scriptin'; color: white; text-shadow: 0 10px 10px black, 1px 1px 5px rgba(255,255,255,.5), -1px -1px 5px rgba(255,255,255,.5),
	  2px 2px 5px rgba(255,255,255,.8), -2px -2px 5px rgba(255,255,255,.8); padding-bottom: 100px}
	.t-bread{padding-left: 100px}
	footer.t{font-size: 18px; padding-left: 13%}
}
@media (min-height: 1000px) {
	#t-header.nav nav.t>ul{
	background-color: transparent;
	background-image: -ms-linear-gradient(top, rgba(252,243,225,.8) 0%, rgba(252,243,225,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(252,243,225,.8) 0%, rgba(252,243,225,1) 100%);
	background-image: -o-linear-gradient(top, rgba(252,243,225,.8) 0%, rgba(252,243,225,1) 100%);
	background-image: -webkit-linear-gradient(top, rgba(252,243,225,.8) 0%, rgba(252,243,225,1) 100%)
}
}


/* Site Borders */
hr.t,#aside-title,
#blog-categories:after,
#blog-archives:after,
.blog-tag-cloud:after,
#blog-rss-feeds:after{background: #CCCCCC;}

aside.t, nav.t>ul::after,code,
form > div > .form-input-field{border-color: #CCCCCC !important;}
.nav>nav ul li a,#t-push{border-top-color: #CCCCCC;}
.ie9 #t-header-hidden #shadow{border-top: 1px solid #CCCCCC;}
.blog-entry{border-bottom-color: #CCCCCC;}

/* Site Title */
h1.site-title{
	font-family: 'scriptin';
	text-rendering: optimizeLegibility;
	text-transform: none;
	font-size: 30px;
	letter-spacing: 2px;
	color: #333;
	line-height: 58px;
	text-shadow: 1px 1px 3px rgba(0,0,0,.5), -1px -1px 3px rgba(0,0,0,.5);
}
.red{color: #990000; text-align: center;}
.frank{color: #306000; text-align: center;}
h3{text-align: center; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 3px rgba(0,0,0,.5);}
h{font-size: 30px; text-align: center; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 3px rgba(0,0,0,.5);}

/* Menu Button */
.t-menu{background: url(../resources/menue_BG.jpg) top left no-repeat}

.menu-icon:before,.menu-icon:after,.menu-icon-mid {background: #FFFFFF;}

/* Menu Button Active */	    
/* Hide Active */
.nav.showNav .menu-icon:before,.nav.showNav .menu-icon:after,.nav.showNav .menu-icon-mid {background: #000;}
.nav > nav:before{background-color: rgba(253,246,222,.5);}

.mobile{margin-bottom: -28px;}

/* Navigation Font */

aside.t nav.t ul li{ 
	padding-left: 10px; 
}
aside.t nav.t ul li a{
	font-weight: 400; 	
}

/* Navigation */
nav.t{margin-left: 5px;
	font-size: 16px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	letter-spacing: 1px;}
#t-header.nav nav.t ul li a.color {color: #333; text-transform: uppercase; cursor: default; font-weight: 400; text-indent: -16px}
aside.t nav.t ul li a.color {color: #333; text-transform: uppercase; cursor: default; font-weight: 400; text-indent: -19px}
nav.t a{color: #333333;}
nav.t a:hover,
nav.t a.current,
nav.t a.currentAncestor{color: #990000;}
/* Navigation Sub Page Arrow */
nav.t > ul > li.parent > a:after{border-color: #000000 transparent transparent transparent;}
nav.t > ul > li.open.parent > a:after{border-color: #990000 transparent transparent transparent;}

#t-band{background: url(../resources/banner2.jpg) top left no-repeat; background-size: cover}
#t-band, #t-band-fx {
    background-color: #FFF !important
}

#aside-title {
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
color:rgba(252,243,225,.5);
text-align: center;
text-shadow: 0 0 5px rgba(255,255,255,.5), 0 0 5px rgba(255,255,255,.5), 0 0 5px rgba(255,255,255,.5);
background-image: -ms-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(252,243,225,.1) 100%);
	background-image: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(252,243,225,.1) 100%);
	background-image: -o-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(252,243,225,.1) 100%);
	background-image: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(252,243,225,.1) 100%)
}

/* Content Text */
#t-push,
#t-push footer.t .t-bread a,
form > div > input,
form > div > textarea,
form > div > input.form-input-button[type="reset"],
form > div > input.form-input-button[type="submit"]{color: #666666;}

/* Content Headings */
#t-push h1,
#t-push h2,
#t-push h3,
#t-push h4,
#t-push h5,
#t-push h6,
#t-push h1.blog-entry-title a,
#t-push .album-title{color:#222222;}
blockquote p{border-left-color:#666666;}

/* Content Links */
#t-push a,
aside.t > div a,
#extraContainer2 a,
.blog-tag-cloud a{color: #990000;}

/* Content Links Hover */
#t-push a:hover,
aside.t > div a:hover,
#extraContainer2 a:hover,
.blog-tag-cloud a:hover{color: #666666;}

/* Sidebar Title */
#aside-title{
	background-image: url(../resources/aside_BG.jpg);
	border-right: 1px solid #BBB;

}

/* Defaults */
/* toggle-top-menu-button */
#t-header{z-index: 302;}
/* toggle-remove-menu-text */
.nav .t-menu:after{
	content: '';
	padding-left: 0;
	width: 20px;
	display:inline-block;
}
.nav .t-menu .menu-icon{
	left:10px;
}
/* toggle-hide-mobile-sidebar */
aside.t.hide.mobile{display: none;}
/* toggle-hide--sidebar-nav */

/* site-width-1000 */
.w-i,.nav>nav{max-width: 1000px;}
/* sidebar-left */
aside.t{
	float: left;
	padding-right: 30px;
	border-right-width: 1px;
	border-right-style: solid;
}
aside.t #aside-title{margin-right: -31px;}
aside.t nav > ul::after{margin: 0 -30px 0 -10px;}
section.t #t-push{padding-left: 0 !important;}
section.t #t-content{float: right;margin-left: 0;}
/* sidebar-text-align-center */

/* sidebar-width-210 */
aside.t nav.t > ul > li.parent > a{
	padding: 0 10px 0 0;
}
aside.t nav.t > ul > li.parent > a:after{
	display: inline-block;
	vertical-align: 3px;
	margin-left: 8px;
	float: right;
}
aside.t{width: 210px;}
#t-push{padding-left: 270px;padding-right: 270px;}
#t-content{margin-left: -270px;margin-right: -270px;}
/* content-font */
#t-push{font-size: 0.9em;}
/* Defaults */



/* Sidebar Headings */
aside.t > div h1,
aside.t > div h2,
aside.t > div h3,
aside.t > div h4,
aside.t > div h5,
aside.t > div h6,
#blog-categories:before,
#blog-archives:before,
.blog-tag-cloud:before,
#blog-rss-feeds:before{color:#800000;}

/* Footer Text */
#t-push footer.t{color: #AAAAAA;}

/* Footer Links */
#t-push footer.t a{color: #990000;}

/* Footer Links Hover */
#t-push footer.t a:hover{color: #FFF;}


#t-band .t-social a{color: #990000;}

#t-band .t-social a:hover{color: #BBB;}
/* Apple */

#Apple{
	position: relative; 
	width: 100%;
	height: 494px;
	margin: 21px 0; 
	padding: 0 21px;
	color: #333;
	text-align: justify; 
	background: rgba(255,255,255,.3);
	border: 1px solid #FFF; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
    box-shadow: 1px 1px 1px rgba(220,206,187,.8);
	-moz-box-shadow: 1px 1px 1px rgba(220,206,187,.8);
	-webkit-box-shadow: 1px 1px 1px rgba(220,206,187,.8)
}

#Apple label {
	color: #000;
font-weight: 100;
}

.Responce{
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	color: #990000;
	letter-spacing: 1px;
	text-transform: uppercase;
}

footer.t > div{
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom: 40px;
}

footer.t > div a{
	padding-right: 20px;
	color: #333;
}

footer.t > div a.nopad{
	padding-right: 0;
}


footer.t > div a:hover, footer.t > div a.current{
	color: #990000;
}

@-moz-document url-prefix() {
    div#player {
         list-style: inside;
}
}