/* LAYOUT SETTINGS */
@import url(https://fonts.googleapis.com/css?family=Dosis:200,400);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,700);

.diyw * {
 padding: 0;
 margin: 0;
}

html {
 height: 100%;
}

body {
 background-color: #f5f4f2;
 background-image: url('../img/image01.png');
 background-repeat: repeat-x;
 width: 100%;
 height: 100%;
}

body .diyw .diyweb {

 font-family: 'Titillium Web', sans-serif;
 color: #716b5f;
}

.diyw h1, .diyw h2, .diyw h3, .diyw h4 {
 color: #768dac;
 padding-bottom: 15px;
 font-family: 'Dosis', sans-serif;
 font-weight: 200;
}

.diyw h1 {
 font-size: 1.5em;
}
.diyw h2 {
 font-size: 1.3em;
}
.diyw h3 {
 font-size: 1.1em;
}

.diyw a {
 color: #768dac;
}

.diyw #diywebWrapper, .diyw #diywebNavigation, .diyw #diywebAllContent, .diyw #diywebAll, .diyw #diywebFooter, .diyw .diywebFooterCenter, .diyw #mainNav1, .diyw #emotion-header-img {
 margin: 0 auto;
}

/* Background */

.diyw #diywebAll {
 width: 950px;
}

.diyw #diytopBox {
 width: 940px;
 float: right;
}

/* Top- Navigation */
.diyw #mainNav1 {
 margin-top: 20px;
 width: 940px;
 list-style: none;
 font-family: 'Dosis', sans-serif;
 font-size: 18px;
 font-weight: 400;
}

.diyw #mainNav1 li {
 float: left;
 margin-right: 2px;
}

.diyw #mainNav1 a {
 display: block;
 color: #353636;
 text-decoration: none;
 padding: 0 15px 0 15px;
 line-height: 30px;
}

.diyw #mainNav1 a:hover {
 color: #f5f4f2;
 background-color: #486790;
}

.diyw #mainNav1 a.current {
 color: #f5f4f2;
 background-color: #486790;
}

/* Header */
.diyw .diywebSpace {
 margin-top: 30px;
}

.diyw .diywebShadow {
 background-image: url('../img/image06.png');
 background-repeat: no-repeat;
 height: 10px;
 margin-bottom: 15px;
}

/* Content */
.diyw .diyeckeLinks {
 padding-left: 10px;
 background-image: url('../img/image02.png');
 background-position: 0 0;
 background-repeat: no-repeat;
}

.diyw #diywebAllContent {
 margin-top: 25px;
 width: 950px;
}

.diyw #diywebSidebar {
 font-size: 0.95em;
 float: left;
 width: 250px;
 margin-right: 15px;
}

.diyw #diywebMainContent {
 float: left;
 width: 685px;
}

.diyw #content_area {
 font-size: 0.9em;
 padding: 10px 20px;
 background-color: #FFF;
}

.diyw #content_area p {
 margin-bottom: 25px;
}

/* Sidebar */
.diyw #mainNav2 a, .diyw #mainNav3 a {
 display: block;
 color: #353636;
 text-decoration: none;
 white-space: normal;
 word-wrap: break-word;
}

.diyw #mainNav2 a.current {
 color: #768dac;
}

.diyw #mainNav2 {
 margin-bottom: 20px;
 background-color: #FFF;
 padding: 0 20px 20px 20px;
 margin-top: 0;
}

.diyw #mainNav2 > li {
 font-family: 'Dosis', sans-serif;
 font-size: 1em;
 list-style: none;
 padding: 10px 5px;
 border-bottom-color: #e4e5e5;
 border-bottom-style: solid;
 border-bottom-width: 1px;
}

.diyw #mainNav2 > li:last-child {
 border-bottom: none;
}

.diyw #mainNav3 li {
 font-family: 'Dosis', sans-serif;
 font-size: 0.9em;
 list-style: disc;
 padding: 3px 0;
 margin-left: 20px;
}

.diyw #mainNav2 a:hover {
 color: #768dac;
}

.diyw #diywebSidebarSubcontent {
 background-color: #FFF;
 padding: 10px 20px;
}

.diyw #diywebSidebarSubcontent a {
 text-decoration: none;
}

/* Footer */
.diyw #diywebFooter {
 padding-top: 10px;
 width: 950px;
 height: 125px;
}

/* CLEARFIX */
.diyw #diywebAllContent:before, .diyw #diywebAllContent:after, .diyw #mainNav1:before, .diyw #mainNav1:after, .diyw #mainNav2:before, .diyw #mainNav2:after, .diyw #mainNav3:before, .diyw #mainNav4:after, .diyw .thumbElement {
 content: "\0020";
 display: block;
 height: 0;
 overflow: hidden;
}

.diyw #mainNav1:after, .diyw #mainNav2:after, .diyw #mainNav3:after, .diyw #diywebAllContent:after, .diyw .thumbElement   {
 clear: both;
}

.diyw #mainNav1, .diyw #mainNav2, .diyw #mainNav3, .diyw #diywebAllContent, .diyw .thumbElement {
 zoom: 1;
}