/*

Theme Name: DGS 2013
Theme URI: http://diekirch.lgs.lu/
Description: Theme for Dikricher Guiden a Scouten a.s.b.l.
Author: Dikricher Guiden a Scouten a.s.b.l.
Version: 1.0
____________________

1 TEXT
2 DIMENSIONS, POSITIONING & DIVERSE
  - header
  - navigation
  - footer
  - wrapper
  - article
  - aside
  - form
  - list
  - table
  - image
3 BACKGROUND
4 FINETUNUNG
____________________

green    CMYK(030,000,100,000) > RGB(191,215,048) HEX(bfd730) - darker HEX(8cad00)
yellow   CMYK(000,030,100,000) > RGB(253,185,019) HEX(fdb913) - darker HEX(ff9900) lighter HEX(ffcc00)
blue     CMYK(100,100,000,000) > RGB(046,049,146) HEX(2e3192)

white    #ffffff
grey     #cccccc
black    #333333

*/

/*** 1 - TEXT ***/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,300,600,400);

@import url(icon.css);


* {text-decoration: none; text-align: left; color: #333333; font: 300 13px/23px 'Open Sans', sans-serif; vertical-align: baseline;}

h1, h1 a {font: 600 30px/40px 'Open Sans', sans-serif; color: #333333;}
h2, h2 a {font: 600 24px/34px 'Open Sans', sans-serif; color: #333333; margin-bottom: 10px;}
h3, h3 a {font: 600 20px/30px 'Open Sans', sans-serif; color: #333333; margin-bottom: 10px;}
h4, h4 a, aside h2, aside h2 a {font: 600 16px/26px 'Open Sans', sans-serif; color: #333333; margin-bottom: 10px;}
h5, h5 a, aside h3, aside h4, aside h5, aside h3 a, aside h4 a, aside h5 a {font: 600 13px/23px 'Open Sans', sans-serif; color: #333333; margin-bottom: 10px;}

p {font: 300 13px/23px 'Open Sans', sans-serif; color: #333333; margin-bottom: 10px;}

p a {font: 300 13px/23px 'Open Sans', sans-serif; color: #fdb913;}
p.info {font-weight: inherit; font-style: italic; font-family: 'Open Sans', sans-serif; color: #999999;}

a {font: 300 13px/23px 'Open Sans', sans-serif; font-style: inherit; color: #333333; min-height: 23px;}

a:hover {text-decoration: underline; cursor: hand;}

i, em {font-weight: inherit; font-style: italic; font-family: 'Open Sans', sans-serif; color: inherit;}
b, strong {font-weight: 600; font-style: inherit; font-family: 'Open Sans', sans-serif; color: inherit;}
small {font: 300 10px/20px 'Open Sans', sans-serif; color: #333333; margin-bottom: 10px;}

nav ul li a {font: 600 13px/23px 'Open Sans', sans-serif; color: #333333;}
nav ul li a:hover {color: #ffffff; text-decoration: none;}
nav ul li ul li a {font: 300 13px/23px 'Open Sans', sans-serif; color: #333333;}
nav ul li ul li a:hover {color: #ffffff; text-decoration: none;}

form legend {font: 600 16px/26px 'Open Sans', sans-serif; color: #333333; margin-bottom: 10px;}

/*** 2 - DIMENSIONS, POSITIONING & DIVERSE ***/

* {/*width: auto; height: auto;*/ margin: 0; padding: 0; border: 0; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box;}

br { height:0; display:none; }

html {width: 100%; min-height: 100%; height: auto; position: absolute;}
body {width: 100%; height: auto;}

/* header */

header {height:100px; width: 960px; margin: 50px auto 0 auto; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; border-top: 5px solid #ffffff; border-bottom: 1px solid #ffffff; border-top-left-radius: 30px; border-top-right-radius: 30px; z-index: 1000 !important; position: relative;}

header a {display: block; position: relative; opacity: 1;}
header a:hover {opacity: 0.8;}
header a.lgs {width: 135px; height: 125px; top: -45px; left: 35px;}
header a.wagggs {width: 52px; height: 52px; top: -112px; left: 800px; background-color: white; border: 1px solid white; border-radius: 25px;}
header a.wosm {width: 52px; height: 52px; top: -164px; left: 860px; background-color: white; border: 1px solid white; border-radius: 25px;}

header hgroup {width: 700px; height: 70px; position: relative; top: -115px; left: 175px;}

/* navigation */

nav {height: 30px; width: 960px; margin: 0 auto; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; z-index: 999 !important; position: relative;}
nav ul {height: 30px; margin: 0 10px; z-index: inherit;}
nav ul li {height: 30px; display: block; float: left; padding: 0; z-index: inherit;}
nav ul li:hover {z-index: inherit;}
nav ul li ul {position: absolute; margin: 0; border-top: 1px solid #ffffff; z-index: inherit;}
nav ul li ul li {height: 30px; min-width: 120px; display: block; float: none;  padding: 0; z-index: inherit;}
nav ul li ul li:hover {z-index: inherit;}
nav ul li ul li ul {position: absolute; margin: -30px 0 0 120px; border-top: 0; border-left: 1px solid #ffffff; z-index: inherit;}
nav ul li ul li ul li { padding: 0; z-index: inherit;}

nav ul li>ul {display: none; z-index: inherit;}
nav ul li:hover>ul {display: block; z-index: inherit;}

nav ul li a {height: 30px; width: 100%; padding: 3px 12px; display: block; overflow: hidden; white-space: nowrap;}
nav ul li a:hover {}
nav ul li ul li a {}
nav ul li ul li a:hover {}

/* footer */

footer {width: 100%; height: 225px; margin-top: -225px; border-top: 1px solid #fdb913; position: absolute; bottom: 0;}

footer div.sitemap {height: 180px; width: 960px; margin: 0 auto;}
footer div.sitemap span {height: 160px; width: 240px; padding: 20px 20px 0px 60px; display: block; float: left;}
footer div.sitemap span h5 {}
footer div.sitemap span div ul {width: 240px; height: 127px; display: block; float: left; list-style-position: outside;}
footer div.sitemap span div ul li {list-style-type: circle; margin: 0 0 0 25px; padding: 0;}
footer div.sitemap span div ul li a {}
footer div.sitemap span div ul li a:hover {text-decoration: underline;}

footer div.textwidget {height: 39px; width: 960px; text-align: center; margin: 0 auto; padding: 6px 0 7px 0;}
footer div.textwidget span {color: #F90; margin: 10px;}

/* wrapper */

div.wrapper {width: 960px; height: auto; margin: 0 auto 270px auto; padding: 20px 20px 13px 25px; overflow: hidden;}

/* article */

article {width: 680px; margin: 0px; float: left; display: block;}
article div.entry p img.alignleft{display: inline-block; float: left; margin: 10px 20px;}
article div.entry p img.alignright{display: inline-block; float: right; margin: 10px 20px;}
article h2 { border-bottom:1px solid #c0c0c0; }

/* aside */

aside {width: 220px; margin: 5px 0 5px 5px; padding: 0 0 0 15px; border-left: 1px solid #ccc; float: right;}

aside div a {display: inline-block; opacity: 1; margin-right: 7px;}
aside div a:hover {opacity: 0.8;}
aside div a.lb {width: 40px; height: 40px; }
aside div a.de {width: 40px; height: 40px; }
aside div a.fr {width: 40px; height: 40px; }
aside div a.en {width: 40px; height: 40px; }


/* form */

form {}
form textarea {width: 100%; min-height: 200px; resize: vertical; border: 1px solid #cccccc; padding: 10px 15px; margin-bottom: 10px;}
form button {width: 100%; border: 1px solid #cccccc; padding: 3px 15px; margin-bottom: 10px; text-align: center; cursor: hand;}
form select {width: 100%; border: 1px solid #cccccc; padding: 3px 15px; margin-bottom: 10px;}
form option {width: 100%; border: 1px solid #cccccc; padding: 3px 15px; margin-bottom: 10px;}
form optgroup {width: 100%; border: 1px solid #cccccc; padding: 3px 15px; margin-bottom: 10px;}
form fieldset {width: 100%; border: 1px solid #333333; padding: 10px 15px 0 15px; margin-bottom: 10px;}
form fieldset label, form fieldset input, form fieldset button, form fieldset select, form fieldset option, form fieldset optgroup {width: 100%; display: block;}
form legend {padding: 0 5px;}
form label {width: 100%; margin-bottom: 10px;}
form input {width: 100%; border: 1px solid #cccccc; padding: 3px 15px; margin-bottom: 10px;}
form input[type="button"] {text-align: center;}
form input[type="checkbox"] {width: 15px; display: inline-block; margin-top: 5px;}
form input[type="color"] {}
form input[type="date"] {}
form input[type="datetime"] {}
form input[type="datetime-local"] {}
form input[type="email"] {}
form input[type="file"] {}
form input[type="hidden"] {border: 0; padding: 0; margin: 0;}
form input[type="image"] {}
form input[type="month"] {}
form input[type="number"] {}
form input[type="password"] {}
form input[type="radio"] {width: 15px; padding:0; }
form input[type="range"] {}
form input[type="reset"] {text-align: center; cursor: hand;}
form input[type="search"] {}
form input[type="submit"] {text-align: center; cursor: hand;}
form input[type="tel"] {}
form input[type="text"] {}
form input[type="time"] {}
form input[type="url"] {}
form input[type="week"] {}
form output {}
form input:focus, form textarea:focus {outline: none; border: 1px solid #fdb913;}
.w30 {width: 213px !important; display: inline-block; margin-bottom: 0;}
.w50 {width: 322px !important; display: inline-block; margin-bottom: 0;}
.w70 {width: 431px !important; display: inline-block; margin-bottom: 0;}

/* list */

ul {list-style-type: disc; list-style-position: inside; margin-bottom: 10px}
ul li ul {list-style-type: circle;}
ol {list-style-type: decimal; list-style-position: inside; margin-bottom: 10px;}
ol li ol {list-style-type: lower-latin;}
ul li, ol li {padding: 3px 15px;}

/* table */

table, table.mceItemTable {width: 100%; border-collapse: collapse; margin-bottom: 10px;}
table tr, table.mceItemTable tr {}
table tr th, table tr td, table.mceItemTable tr th, table.mceItemTable tr td {border: 1px solid #cccccc; padding: 5px 15px;}

/* image */
img {}

/*** 3 - BACKGROUND ***/

body {
   background-color: #fdb913;
   background-image: url("images/background.gif");
   background-repeat: repeat;
   }
header {
   background-color: #bfd730;
   background-image: linear-gradient(left, #bfd730 20%, #ffffff 100%);
   background-image: -moz-linear-gradient(left, #bfd730 20%, #ffffff 100%);
   background-image: -webkit-linear-gradient(left, #bfd730 20%, #ffffff 100%);
   background-image: -ms-linear-gradient(left, #bfd730 20%, #ffffff 100%);
   }
header a.lgs {
   background-image: url("images/logo-lgs.png");
   }
header a.wagggs {
   background-image: url("images/logo-wagggs.png");
   }
header a.wosm {
   background-image: url("images/logo-wosm.png");
   } 
aside div a.lb {
   background-image: url("images/lu.png");
   }
aside div a.de {
   background-image: url("images/de.png");
   }
aside div a.fr {
   background-image: url("images/fr.png");
   }
aside div a.en {
   background-image: url("images/uk.png");
   }
nav {
   background-color: #ffcc00;
   background-image: linear-gradient(top, #ffcc00 0%, #ff9900 100%);
   background-image: -moz-linear-gradient(top, #ffcc00 0%, #ff9900 100%);
   background-image: -webkit-linear-gradient(top, #ffcc00 0%, #ff9900 100%);
   background-image: -ms-linear-gradient(top, #ffcc00 0%, #ff9900 100%);
   }
nav ul li:hover {
   background-color: #8cad00;
   }
nav ul li ul li {
   background-color: #ffcc00;
}
footer {
   background-color: #ffcc00;
   }
div.wrapper {
   background-color: #ffffff;
   }
form fieldset {
   background-color: #cccccc;
   }
   
/*** 4 - FINETUNING ***/

/* Filebrowser */
#wpfb-filebrowser-1 {margin-bottom: 10px !important; display: block;}
#wpfb-filebrowser-1 img {margin-right: 5px;}
/* Album */
div.ngg-gallery-thumbnail-box {margin-top: 7px; margin-right: 15px; margin-bottom: 8px;}
div.ngg-album {padding: 5px 10px 0 10px;}
div.ngg-albumtitle {margin-top: 8px !important;}
div.ngg-albumtitle a {padding: 0 5px; font-weight: 600 !important;}
div.ngg-albumcontent div.ngg-thumbnail {}
div.ngg-albumcontent div.ngg-description {padding-left: 170px;}
div.ngg-thumbnail {margin-bottom: 15px !important;}
/* sidebar heading */
aside h2 {width: 155px; height: 24px; margin: 0 0 10px 0; padding: 0; display: inline-block; vertical-align: top;}
/* Search Widget */
#searchform div label {visibility: hidden; width: 0; height: 0; display: inline-block; margin: 0; padding: 0; border: 0; position: absolute;}
#s {width: 140px; margin: 0;}
#searchsubmit {width: 60px; margin: 0; font-size: 10px; padding: 3px; cursor: hand;}
/* Agenda Widget */
aside div.timely ai1ec-agenda-widget-view, aside div.clearfix, aside div.ai1ec-date {background-image: none !important; border: 0 !important;}
aside a.ai1ec-popup-trigger span {font-size: 11px !important; display: block;}
aside a.ai1ec-date-title {margin-left: 0 !important;}
aside div.ai1ec-date-events {margin-right: 0 !important;}
aside a.ai1ec-popup-trigger {margin-right: 0px !important;}
aside div.ai1ec-event {margin-left: 55px !important;}
aside div.ai1ec-month, div.ai1ec-day, div.ai1ec-weekday {text-align: center !important;}
aside span.ai1ec-event-time {width: auto !important; display: inline !important;}
aside time.rpwe-time {font-size: 10px !important;}
aside span.ai1ec-event-location {width: auto !important; display: block !important;}
aside span.ai1ec-event-title {width: auto !important; display: block !important;}
aside .popover-inner {width: 350px !important;}
aside div.ai1ec-day a div.ai1ec-event {margin-left: 0 !important;} */
/* Agenda */
article span.ai1ec-event-time, article span.ai1ec-event-title  {font-size: 8px !important; font-style: inherit !important; color: #333333 !important; min-height: 18px !important; display: inline-block !important;}

/* Agenda Widget */
aside div.timely ol {border: none !important;}
aside div.timely ol li.ai1ec-date {background: none !important; background-color: white !important; border: none !important;}

/* Läscht Posts Widget */
div.rpwe-block, ul.rpwe-ul, li.rpwe-clearfix clearfix cl {border: 0;}
time.rpwe-time published, h3.rpwe-title {display: inline-block; padding-right: 5px;}

/* Plopmail */
.plopmail_contactlist { list-style-type:none; }
.plopmail_contactlist li { padding:0px 15px; }

/*@import url(http://diekirch.lgs.lu/wp-content/themes/dgs_2/fonts.css);
h2 {
    font-family: 'Deviant Strain';
    font-size: 54pt;
}*/

/* EOF */