/*
font base of 16px
28px = 1.75em
24px = 1.5em
20px = 1.25em
19px = 1.188em
18px = 1.125em
17px = 1.063em
16px = 1em
15px = 0.938em
14px = 0.875em
13px = 0.813em
12px = 0.75em
11px = 0.688em
10px = 0.625em
 9px = 0.563em
*/
html {
	-webkit-text-size-adjust: none;
}
body { 
	font: 100%/1em Georgia, Times, 'Times New Roman', serif; 
}
body {
	font-size:0.813em;
	line-height:1.75em;
	background:#ffcfdc url(../images/paper-tile.png) center 0px;
}
p {
	padding-bottom:10px;
}
a {
	color: #ff008a;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
ul,
ol,
.block ul,
.block ol {
	padding: 0px 0px 10px 30px;
}
ul li {
	list-style-type: disc;
	padding-bottom:8px;
}
ol li {
	list-style-type: decimal;
	padding-bottom:8px;
}
ol li ol {
	padding-bottom:0px;
}
ol li ol li {
	list-style-type:lower-alpha;
	padding-bottom:0px;
	padding-top:8px;
}

h1 {
	padding-bottom:10px;
	font-size: 2em; /* 24px */
	line-height: 1.167em;
}
h2 {
	padding-bottom:10px;
	font-size: 1.66em; /* 20px */
	line-height: 1em;
}
h1.title,
h2.title {
  font-family:'Adamina', Georgia, Times, serif;
  font-weight:normal;
  text-transform:uppercase;
}
.page-archive h1.title {
  background: #000000;
  color: #FFFFFF;
  font-size: 1.4em;
  margin-bottom: 20px;
  padding: 10px 20px;
}
h2.title {
  font-size:1.85em;
  line-height:110%;
}
h1.title,
.views-row-first h2.title {
  font-size:3.2em;
  line-height:100%;
  padding-bottom:20px;
}
h3 {
	font-size:1.3em; /* 16px */
	padding-bottom:8px;
}
h4 {
	font-size:1em; /* 12px */
	padding-bottom:8px;
}
sup {
	font-size:0.75em; /* 9px */
}
p.brand {
  font-weight:bold;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}
p.more-link {
  overflow:hidden;
  padding:6px 0px;
}
p.more-link a {
  background:#ff008a;
  padding:0px 10px;
  color:#fff;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  display:block;
  float:left;
  font-size:0.9em;
  line-height:180%;
} 
/* inline list
-------------------------------------------*/
ul.menu {
	padding: 0px;
}
ul.menu li {
	display: block;
	list-style-type: none;
	/*float: left;*/
	margin:0px;
	padding:0px;
}
li.leaf {
	list-style-image:none;
}


/* page containers
-------------------------------------------*/
#page-wrapper {
  padding-top:25px;
  background:url(../images/top-ribbon.png) repeat-x center 0px;
}
#page {
  padding-top:31px;
  background:url(../images/perf-tile.png) repeat-x center 0px;
}
#page-inner {
  width:72%;
  padding:0px 14%;

}


/* header
-------------------------------------------*/
#header {

}
#header-inner {

}
#masthead {
  width:1100px;
  margin:0px auto;
}
#site-id {
  padding:0px 20px 30px;
  float:left;
}
div#site-name,
h1#site-name {
  margin:0px;
  padding:0px;
}
div#site-name a,
h1#site-name a {
  display:block;
  text-indent:-8765px;
  width:846px;
  height:90px;
  background:url(../images/das-logos.jpg) no-repeat 0px 0px;
}
#logo {
  display:none;
}
#header-first {
  padding-bottom:10px;
}
#header-second,
#header-third {
  width:107px;
  float:left;
  height:75px;
}
#site-slogan {
  clear:both;
  font-weight:bold;
  font-style:italic;
  font-size:1.62em;
  padding-bottom:40px;
  overflow:hidden;
  background:url(../images/bk_rule_tile.png) repeat-x 0px 8px
}
#site-slogan span {
  background:url(../images/paper-tile.png);
  display: block;
  float:left;
  padding-right:20px;
}
/* main container
-------------------------------------------*/
#main {

}
#main-inner {
  padding-bottom:20px;
}
#main-left-wrapper {
  width:100%;
}
.two-sidebars #main-left-wrapper {
  width:74%;
  float:left;
}

/* content container
-------------------------------------------*/
#content {
  width:66%;
  float:right;
  padding-right:8%;
}
/*#content .node .content {
  column-count:3;
  -webkit-column-count:3;
  -moz-column-count:3;
  column-gap:20px;
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
}*/
.two-sidebars #content {
  width:64%;
  padding-right:0%;
}
/*.two-sidebars #content .node .content {
  column-count:2;
  -webkit-column-count:2;
  -moz-column-count:2;
  column-gap:20px;
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
}*/
#content-inner {

}

/* focus zones top
-------------------------------------------*/
#fz-top {

}
#fz-top-inner {

}
#fz-top-first {

}
#fz-top-middle {

}
#fz-top-last {

}

/* content
-------------------------------------------*/
#content-top {

}
#content-header {

}
#content-main {

}
#content-bottom {

}
#content-main .node {
  padding-bottom:20px;
}
.submitted {
  font-weight:bold;
  font-size:0.86em;
  padding:4px 0px;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  display:block;
  margin-bottom:10px;
}

/* focus zones bottom
-------------------------------------------*/
#fz-bottom {

}
#fz-bottom-inner {

}
#fz-bottom-first {

}
#fz-bottom-middle {

}
#fz-bottom-last {

}

/* left sidebar
-------------------------------------------*/
#sidebar-left {
  width:23%;
  float:left;
}
.two-sidebars #sidebar-left {
  width:32%;
}
#sidebar-left-inner,
#sidebar-right-inner {
  font-size:0.93em;
  line-height:180%;
}
#sidebar-left .block,
#sidebar-right .block {
  border-bottom:12px solid #000;
  padding:30px 20px 30px 0px;
}
#sidebar-left .block h2,
#sidebar-right .block h2 {
  text-transform:uppercase;
  font-size:1.33em;
  padding-bottom:10px;
  border-bottom:1px solid #000;
  margin-bottom:10px;
  line-height:120%;
}

/* right sidebar
-------------------------------------------*/
#sidebar-right {
  width:23%;
  float:right;
}

/* footer
-------------------------------------------*/
#footer {
  border-top:12px solid #000;
  padding:20px 0px;
  font-size:0.93em;

}
#footer-inner {

}
#footer-copyright {

}
#footer-contact {

}
#footer-menu {

}
#footer-message {

}


/* closure
-------------------------------------------*/
#closure-blocks {

}
body.admin-menu {
	background-position:0px 20px;
}
/* Hide the inline admin links to configure
div.admin-inline {
	visibility:hidden;
}
*/


/* Breadcrumb
-------------------------------------------*/
#breadcrumb {
  padding-bottom:10px;
}
#breadcrumb-inner {

}


/* Searchbox
-------------------------------------------*/
#search-box {
}
#search-box label {
  display:none;
}
#search-block-form .container-inline {
 border:1px solid #d59eac;
 overflow:hidden;
}
#edit-search-block-form-1 {
  float:left;
  display:block;
  width:150px;
  padding:6px 12px;
  font-size:1.2em;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  background:transparent;
  border:0px;
  color:#555;
}
#search-block-form input.form-submit {
  float:right;
  display:block;
  width:30px;
  height:30px;
  border:0px;
  padding:0px;
  cursor:pointer;
  background: transparent url(../images/search-icon.png) no-repeat 0px 6px;
  line-height: 999px; /* Set it higher than your image height */
  overflow: hidden; /* Hide the text */
  font-size: 0; /* FF2 doesnŐt like the above */
}

/* Accessibility
-------------------------------------------*/
a#skip-to-content-link-home {
	position: absolute;
	z-index: 500;
	background: #ffffff;
	font-size: 1.11em;
	display: block;
	padding: 6px 10px;
	top: -9999px;
	left: 50%;
	width: 180px;
	margin-left: -457px;
} 
a#skip-to-content-link-home:focus {
	top: 0px;
}
.more-link {
	text-align:right;
}

/* misc
-------------------------------------------*/
.clear-after:after,
ul.menu:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0px;
	line-height:0px;
	visibility:hidden;
	width:0px;
	height:0px;
}
.clear-after,
ul.menu {
	zoom:1;
}
span.clear {
  display: block;
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0px;
  margin-bottom: -1px;
}
.alpha {
	opacity:0.8;  
    filter:alpha(opacity=80);  
    -moz-opacity:0.8; 

}
.offscreen {
	height:1px;
	left:-10000px;
	overflow:hidden;
	position:absolute;
	top:auto;
	width:1px;
}
/* blocks
-------------------------------------------*/
#views-moe_article-block_1 a {
  font-weight:bold;
  line-height:140%;
  padding-bottom:10px;
  display:block;
}
#menu_block-1 ul.menu li {
  float:left;
  padding:20px 40px 20px 0px;
  font-weight:bold;
  font-size:1.09em;
}
#content .views-row {
  padding:20px 0px 30px 0px;
  border-bottom:12px solid #000;
}
#content .views-row-first {
  padding-top:0px;
}
#content .views-row-last {
  border-bottom:0px;
}
#block-3,
#block-4 {
  font-weight:bold;
  line-height:140%;
}
#block-3 {
  text-align:right;
}
div.field-field-moe-image,
div.vidthumb {
  margin-bottom:10px;
}
div.field-field-moe-image img {
  width:100%;
  height:auto;
}
div.field-field-moe-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:20px;
}
div.field-field-moe-video .emvideo,
div.field-field-moe-video iframe,  
div.field-field-moe-video object,  
div.field-field-moe-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.vidthumb img {
  width:100%;
  height:auto;
}
div.messages {
  background-color:white; 
  padding:10px 20px;
  margin-bottom:10px;
}
/* COMMENTS
-------------------------------------------*/
#comments {
  border-top:12px solid #000;
}

#comments .comment .links {
  padding-bottom:10px;
  text-align:right;
}
#comments .comment .links ul,
#comments .comment .links ul li {
  display:inline;
  padding:0px;
  margin:0px;
  padding-right:4px;
  list-style-type:none;
  font-weight:bold;
  font-size:0.92em;
  text-align:right;
}
#comments .comment .content {
  font-style:italic;
}
.box,
#comments .box {
  border-top:12px solid #000000;
  padding-top:20px;
}
.box h2,
#comments .box h2 {
  border-bottom:1px solid #000000;
  padding-bottom:10px;
  margin-bottom:10px;
}
form#comment-form {
  background:transparent;
  padding:0px 0px 20px;
  border-width:0px;
}
form#comment-form input,
form#comment-form textarea,
form#search-form input {
  background-color:#ffffff;
  border:1px solid #aaa;
  padding:6px 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
}

.terms {
  display:none;
}
#views-moe_article-block_2 div.field-field-moe-image img {
  width:50%;
  float:left;
  padding:0px 20px 10px 0px;
}
#views-moe_article-block_2 h2.title {
  border-bottom:0px;
  padding-bottom:0px;
}
#views-moe_article-block_2 .node {
  padding-bottom:20px;
}
.front div.view-display-id-page_1-moe-article .node .content img,
div.view-display-id-page-archive .node .content img {
  display:none;
}
.front div.view-display-id-page_1-moe-article .node .content .field-field-moe-image img,
div.view-display-id-page-archive .node .content .field-field-moe-image img {
  display:block;
}
.view-display-id-block_2-moe-article p.brand {
  line-height:18px;
}
/* MEDIA QUERIES
-------------------------------------------*/
@media screen and (max-width: 1500px) {
  #page-inner {
    width:80%;
    padding:0px 10%;
  }
  /*#content .node .content {
    column-count:2;
    -webkit-column-count:2;
    -moz-column-count:2;
  }
  .two-sidebars #content .node .content {
    column-count:1;
    -webkit-column-count:1;
    -moz-column-count:1;
  }*/
  #masthead {
    width:960px; 
  }
  div#site-name a,
  h1#site-name a {
    width:705px;
    height:75px;
    background:url(../images/das-logos.jpg) no-repeat 0px -90px;
  }
	

}

@media screen and (max-width: 1200px) {
 /*#content .node .content {
    column-count:1;
    -webkit-column-count:1;
    -moz-column-count:1;
  }*/
  .two-sidebars #main-left-wrapper {
    width:100%;
  }
  #sidebar-left,
  .two-sidebars #sidebar-left {
    width:29%;
  }
  #content,
  .two-sidebars #content {
    width:60%;
    padding-right:8%;
  }
  .two-sidebars #sidebar-right {
    display:none;
  }
  #masthead {
    width:756px; 
  }
  div#site-name a,
  h1#site-name a {
    width:502px;
    height:54px;
    background:url(../images/das-logos.jpg) no-repeat 0px -165px;
  }

}
@media screen and (max-width: 940px) {
  #header-second,
  #header-third {
    display:none;
  }
  #masthead {
    width:502px; 
  }
  #site-id {
    padding-left:0px;
    padding-right:0px;
  }
  

}
@media screen and (max-width: 780px) {
  #sidebar-left,
  #content,
  .two-sidebars #sidebar-left,
  .two-sidebars #content {
    float:none;
    width:100%;
  }
  #content {
    padding-bottom:30px;
    border-bottom:12px solid #000;
    margin-bottom:20px;
  }
  #masthead {
    width:auto; 
  }
  #menu_block-1 ul.menu {
    padding:20px 0px;
  }
  #menu_block-1 ul.menu li {
    padding:5px 20px 5px 0px;
  }

}
@media screen and (max-width: 600px) {
  #breadcrumb {
    display:none;
  }
  h1.title,
  #content .views-row-first h2.title {
    font-size:2.0em;
  }
  h2.title {
    font-size:1.5em;
  }
  div#site-name a,
  h1#site-name a {
    /*width:360px;
    height:40px;
    background:url(../images/das-logos.jpg) no-repeat 0px -219px;*/
    display:none;
  }
  #site-slogan {
    display:none;
  }
  #logo {
    display:block;
  }
  #logo img {
    width:100%;
    height:auto;
  }
  .node .content p img {
    float:none !important;
  }

}