/*@import url(http://fonts.useso.com/css?family=Dosis:200,300,400,500,600,700,800);*/ /* Original design: In Response (v1.1 - May 15th, 2013) For more information, see http://andreasviklund.com/dt_portfolio/in-response/ */ *{margin:0; padding:0;} /* General styles */ body {background:#000 url(../image/background2.jpg) top center no-repeat; color:#ccc; font:80% "ABeeZee",Tahoma,sans-serif; line-height:1.5em;} a {color:#d06060; text-decoration:none; font-weight:400;} a:hover {text-decoration:underline;} p,ul,ol,dl {margin:0 0 15px 0; line-height:1.6em;} h1 {color:#888; font-size:4.6em; margin-bottom:0;} h1 a {text-transform:none; font-weight:400;} h1 a:hover {text-decoration:none; color:#eee;} h2 {font-size:2.8em; color:#333; margin:0 0 10px;} h3 {font-size:1.8em; margin:0 0 10px 0;} h1,h2,h3 {font-family: 'Enriqueta', sans-serif; color:#d06060; font-weight:400; line-height:1.4em;} /* Main layout container */ body.wider #layout {margin:40px auto 0; width:1200px;} /* Footer */ #footer {background:#0a0a0a url(../image/insidebg.jpg) top center no-repeat;} #footer .col {color:#555; border-top:1px dotted #1a1a1a; padding:20px 0;} #footer p {text-align:center;} #footer a {color:#555; font-weight:400; text-decoration:none; border-bottom:1px dotted #333;} #footer a:hover {color:#aaa; text-decoration:none; border-bottom:1px dotted #888;} /* Grid classes, fixed width, 960px with 12 columns */ .col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;} .col img {max-width:100%;} .row {width:960px; margin:20px auto 0; overflow:hidden;} .row .row {margin:0 -10px; width:auto; display:inline-block;} .c1 {width:60px;} .c2 {width:140px;} .c3 {width:220px;} .c4 {width:300px;} .c5 {width:380px;} .c6 {width:460px;} .c7 {width:540px;} .c8 {width:620px;} .c9 {width:700px;} .c10 {width:780px;} .c11 {width:860px;} .c12 {width:940px;} /* Grid classes, fixed width, 1200px with 12 columns - add class="wider" to the element to use this */ body.wider .row {width:1200px;} body.wider .c1 {width:80px;} body.wider .c2 {width:180px;} body.wider .c3 {width:280px;} body.wider .c4 {width:380px;} body.wider .c5 {width:480px;} body.wider .c6 {width:580px;} body.wider .c7 {width:680px;} body.wider .c8 {width:780px;} body.wider .c9 {width:880px;} body.wider .c10 {width:980px;} body.wider .c11 {width:1080px;} body.wider .c12 {width:1180px;} /* Menu list styles */ ul.menu {list-style:none; margin:0; padding:10px 0; border-top:1px solid #333;} ul.menu li {list-style:none; text-align:center; font-size:1.2em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:1px solid #333;} ul.menu li a {font-size:1.2em; font-weight:400;} ul.menu li a:hover {color:#eee; text-decoration:none;} /* Additional text classes */ .slogan {color:#bbb; font-size:1.2em;} .alignleft {text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustify {text-align:justify;} .nomargin {margin:0; padding:0;} .separator {height:100px; margin:0; padding:0; background: #0a0a0a url(../image/insidebg2.jpg) bottom center no-repeat; border-bottom:1px dotted #1a1a1a;} .larger {font-size:1.2em;} .smaller {font-size:0.9em;} .spacer {margin:0 20px;} .clear {clear:both;} .hide {display:none;} .border {border:1px solid red;} /* Light styles, apply by using class="light" on the body HTML element */ body.light {background:#ffffff url(../image/background.jpg) top center no-repeat; color:#777;} body.light a {color:#d06060;} body.light a:hover {color:#555;} body.light h1 {color:#888; font-size:4.6em; margin-bottom:0;} body.light h1 a:hover {color:#303030;} body.light ul.menu {border-top:1px solid #ddd;} body.light ul.menu li {border-bottom:1px solid #ddd;} body.light ul.menu li a:hover {color:#333;} body.light .separator {background: #f5f5f5 url(../image/insidebg2-light.jpg) bottom center no-repeat; border-bottom:1px dotted #ccc;} body.light .slogan {color:#888;} body.light #footer {background:#f5f5f5 url(../image/insidebg-light.jpg) top center no-repeat;} body.light #footer .col {color:#555; border-top:1px dotted #ccc;} body.light #footer a {color:#555; border-bottom:1px dotted #ddd;} body.light #footer a:hover {color:#444; border-bottom:1px dotted #eee;} /* Alternate colors, apply by adding class="blue" (or any of the other available colors) to the body HTML element */ body.blue a {color:#3288a8;} body.blue h1, body.blue h2, body.blue h3 {color:#3288a8;} body.grey a {color:#666;} body.grey h1, body.grey h2, body.grey h3 {color:#666;} .navmenu a {font-family: 'Vollkorn', serif;font-size:22px; margin: 0 60px;} div.thumbnails img {width:160px; margin:0 10px 10px 0; border-radius:12px;} div.thumbnails img.last {margin-right:0;} .headerimage img {border-radius:12px;} @media only screen and (max-width : 960px){ #layout, body.wider #layout {width:auto; margin:0; padding:20px;} .row {width:100%;} .col {margin:0 0 20px 0;} .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;} h1 {margin:-15px auto 5px; line-height:1.4em;} .navmenu { margin:0px 0 -15px;} .navmenu a { display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 8px 0; background-color:#111; border:1px solid #222; border-radius:10px;} .headerimage img {width:100%; height:auto;} div.thumbnails img {width:24%; margin:0;} div.thumbnails img.last {margin-right:0;} } .about-right { text-align: left; } .about-right p { padding: 10px 0; line-height: 1.8em; font-size: 1.3em; } .about-left { width: 42%; float:left; } .about-left { width: 100%; float: none; margin-bottom: 18px; padding: 0; } .warning { display: block; border-left: none; border-right: none; margin: 35px 0px; font-size: 20px; } input, select, textarea { border: 1px solid #DDD; color: #777; font-size: 1em; padding: 1em; width:60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; *behavior: url(../image/boxsizing.jpg); } ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } .button, input[type="submit"], button, .toggle-title { color: #666; font-size: 1.1em; font-weight: normal; padding: 0.6em 1.2em; text-shadow: 0 1px 0 #fff; border: solid 1px #ddd; text-decoration: none; cursor: pointer; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f6 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f6 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f6 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f6f6 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f6f6 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; } .button:hover, input[type="submit"]:hover, button:hover, .toggle-title:hover { color: #333; text-decoration: none; border-color: #BBB; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background: 0 100%; font-family: ABeeZee, Tahoma, sans-serif; } .button:focus, input[type="submit"]:focus, button:focus, .toggle-title:focus { color: #333; border-color: #BBB; font-family: ABeeZee, Tahoma, sans-serif;} .button:active, input[type="submit"]:active, button:active, .toggle-title:active { color: #000; background: #F5F5F5; border-color: #444; position: relative; top:1px; font-family: ABeeZee, Tahoma, sans-serif;} .fontv{font-family:"Verdana";} .logocolor{color:#e36c08;} .main2{width:1100px; margin-left:auto;margin-right:auto;} .fleft{float:left;} .fright{float:right;} .imgfull{width:100%;height:100%;} .content{ font-size:14px; line-height:16px;font-family:"Verdana";} .titlediv{ font-family: 'Dosis'; font-size: 32px; text-transform: uppercase; text-align: center; color:#e36c08; margin-top:20px; margin-bottom:20px; } .menu33{ margin-top:40px; } .search{ font-family:'Vollkorn', serif; color:#d06060; font-size:18px; }