/* 
          :::::::::::::::::/    ·····CODE AND DESIGN BY·····     /:::::::::::::::::::: 
         +                                                                          :
        :    ::::    :::  :::::::: ::::::::::: :::::::::  :::::::::: ::::::::::    +
       #    :+:+:   :+: :+:    :+:    :+:     :+:    :+: :+:        :+:           :
      +    :+:+:+  +:+ +:+    +:+    +:+     +:+    +:+ +:+        +:+           #
     #    +#+ +:+ +#+ +#+    +:+    +#+     +#+    +:+ +#++:++#   :#::+::#      +
    +    +#+  +#+#+# +#+    +#+    +#+     +#+    +#+ +#+        +#+           #
   #    #+#   #+#+# #+#    #+#    #+#     #+#    #+# #+#        #+#           +
  #    ###    ####  ########     ###     #########  ########## ###           #
 #                                                                          #
#########################  WWW.NOTDEF.ORG   ################################


 */
body { font-family: 'LinuxLibertineORegular', "Times New Roman", serif; background: #666; background-image: url(../back_gradient.png); background-attachment:fixed; text-align: center; margin: 0; padding: 22px 12px;}

p{font-size:13px; line-height:1.2em; margin:7px 0 7px 0;}

h1, h2 {margin:0 0 7px 0; font-family: 'OswaldBold', sans-serif; text-transform:uppercase;}
h1{font-size:36px;}
h2{font-size:26px;}

h3, h4{font-family: 'OswaldBold', sans-serif; text-transform:uppercase;}
.h3SPAN{font-family: 'OswaldBook', sans-serif; text-transform:uppercase;font-size:13px;margin:0;color:#F00;border-bottom:0px;}
h3{font-size:17px;margin:0;}
h4{font-size:12px;margin:0 0 7px 0;}

hr{margin:0px;}

img{border:1px solid #CCC; margin:0px 0 4px 0;}

#imgDetail a img, #imgDetail a { border: 1px solid #CCC; float: left; }
#imgDetail a { margin: 2px; }
#imgDetail a:hover { outline: 2px solid #F00; }

.firstcharacter, .firstcharacterL{float: left; color: #F00; padding-left: 0px; font-family: 'OswaldBold', sans-serif;}
.firstcharacterL{font-size: 40px; line-height: 29px; padding-top: 7px; padding-right: 5px;}
.firstcharacter {font-size: 69px; line-height: 60px; padding-top: 9px; padding-right: 8px;}

.intro{font-family: 'LinuxLibertineORegular', "Times New Roman", serif;font-size:18px;line-height:1em;}
.city{font-family: 'LinuxLibertineOBold', "Times New Roman", serif;text-transform:uppercase;}
.highlight { background-color: #FFDEDE }
.highlight2 { background-color: #FFABAB }
.discover{font-family: 'OswaldLight', sans-serif;color:#F00;}
.pageTitle{font-family: 'LinuxLibertineOBold', serif;}
.note{font-family: 'LinuxLibertineMonoOMono', monospace;font-size:11px;text-transform:uppercase;}
.date{font-family: 'LinuxLibertineMonoOMono', monospace; font-size:10px; margin:3px 4px 1px 2px; text-transform:uppercase; text-align:right; float:right;}

/* LINK STYLES */
a:link{ font-family: 'LinuxLibertineOBold', serif; text-transform:none; border-bottom:1px dotted #DDD; color:#000; text-decoration:none;}
a:visited{ font-family: 'LinuxLibertineOBold', serif; text-transform:none; border-bottom:1px dotted #DDD; color:#000; text-decoration:none;}
a:hover{ color:#F00; border-bottom:1px dotted #F22;}

a.name:link{ font-family: 'OswaldBook', sans-serif; font-size:12px; text-transform:none; border-bottom:1px dotted #DDD; color:#F00; text-decoration:none; line-height:1.3em;}
a.name:visited{ font-family: 'OswaldBook', sans-serif; font-size:12px; text-transform:none; border-bottom:1px dotted #DDD; color:#F00; text-decoration:none; line-height:1.3em;}
a.name:hover{ color:#000; border-bottom:1px dotted #F22;}

a.men:link{ font-family: 'LinuxLibertineORegular', serif; font-size:12px; text-transform:uppercase; border-bottom:1px dotted #DDD; color:#666; text-decoration:none; line-height:1.53em; }
a.men:visited{ font-family: 'LinuxLibertineORegular', serif; font-size:12px; text-transform:uppercase; border-bottom:1px dotted #DDD; color:#666; text-decoration:none; line-height:1.53em; }
a.men:hover{ color:#000; border-bottom:1px dotted #F22; }

a.more:link{ font-family: 'OswaldBook', sans-serif; font-size:9px; text-transform:uppercase; border-bottom:none; color:#900; text-decoration:none; }
a.more:visited{ font-family: 'OswaldBook', sans-serif; font-size:9px; text-transform:uppercase; border-bottom:none; color:#900; text-decoration:none; }
a.more:hover{ color:#000; border-bottom:1px dotted #F00; }

a.h3link:link{ text-decoration:none; color:#000; font-size:17px; font-family: 'OswaldBook', sans-serif; text-transform:uppercase; margin:0px 0 0px 0; }
a.h3link:visited{ text-decoration:none; color:#000; font-size:17px; font-family: 'OswaldBook', sans-serif; text-transform:uppercase; margin:0px 0 0px 0; }
a.h3link:hover{ color:#900; border-bottom:none;}

a.h4link:link{text-decoration:none; color:#000; font-size:12px; font-family: 'OswaldBook', sans-serif; text-transform:uppercase; margin:0px 0 0px 0; }
a.h4link:visited{ text-decoration:none; color:#000; font-size:12px; font-family: 'OswaldBook', sans-serif; text-transform:uppercase; margin:0px 0 0px 0; }
a.h4link:hover{ color:#900; }

a.h2link:link{ text-decoration:none; margin:0px 0 0px 0; font-size:26px; font-family: 'OswaldBold', sans-serif; text-transform:uppercase; color:#000; }
a.h2link:visited{ text-decoration:none; margin:0px 0 0px 0; font-size:26px; font-family: 'OswaldBold', sans-serif; text-transform:uppercase; color:#000; }
a.h2link:hover{ color:#900; }

a.h1link:link{ text-decoration:none; margin:0 0 7px 0; font-size:36px; font-family: 'OswaldBold', sans-serif; text-transform:uppercase; color:#000; }
a.h1link:visited{ text-decoration:none; margin:0 0 7px 0; font-size:36px; font-family: 'OswaldBold', sans-serif; text-transform:uppercase; color:#000; }
a.h1link:hover{ color:#900; border-bottom:none;}

a.menu_01:link{ font-family: 'OswaldLight', sans-serif; font-size:12px; text-transform:uppercase; border-bottom:1px dotted #DDD; color:#FFF; text-decoration:none; background:none; line-height:1.53em; }
a.menu_01:visited{ font-family: 'OswaldLight', sans-serif; font-size:12px; text-transform:uppercase; border-bottom:1px dotted #DDD; color:#FFF; background:none; text-decoration:none; line-height:1.53em; }
a.menu_01:hover{ color:#F00; background:none; border-bottom:1px dotted #F22; }

a.city:link{ font-family: 'LinuxLibertineOBold', serif; text-transform:uppercase; border-bottom:1px dotted #BBB; color:#000; text-decoration:none; }
a.city:visited{ font-family: 'LinuxLibertineOBold', serif; text-transform:uppercase; border-bottom:1px dotted #BBB; color:#000; text-decoration:none; } 
a.city:hover{ color:#666; border-bottom:1px dotted #F22; }


/* selectbox */
.styled-select select { font-family: 'LinuxLibertineOBold'; background: #FFF; color:#000; width: 124px; padding: 0; font-size: 12px; border: 1px solid #F00; height: 22px; margin-top:5px;margin-left:0px;outline-color:#F00;}
.styled-select-box select { font-family: 'LinuxLibertineORegular'; background: #FFF; color:#000; width: 162px; padding: 0; font-size: 12px; border: 1px solid #F00; margin-top:3px; }
.styled-select option{height: 30px;
}


/* LAYOUT DIVS */
#wrapper {width: 1028px; margin: 0 auto; background: #fff; text-align: left; border-left:12px solid #FFF; border-right:12px solid #FFF;}
#header {background: #FFF; margin: 0; padding: 10px;}
#footer {background: #FFF; clear: both; padding:20px 0;}
#contentL {float: left; background: #fff; width: 158px; padding:0px; margin:5px 0;}
#contentR {float: left; background: #fff; width: 870px; padding:0px; margin:5px 0;}

/* CONTENT DIVS */
#c1 {float: left; background: #CCC; width: 128px; padding:10px; margin-left:10px; margin-bottom:18px;}
#c2 {float: left; background: #FFF; width: 190px; margin-left:12px; margin-bottom:18px; padding:0px 12px 0 12px; border-right:1px solid #CCC;}
#c3 {float: left; background: #FFF; width: 190px; margin-left:12px; margin-bottom:18px; padding:0px 12px 0 0px; border-right:1px solid #CCC;}
#c4 {float: left; background: #FFF; width: 190px; margin-left:12px; margin-bottom:18px; padding:0px 12px 0 0px; border-right:1px solid #CCC;}
#c5 {float: left; background: #FFF; width: 190px; margin-left:12px; margin-bottom:8px; padding:0px 0px 0 0px;}

#c2x1 {float: left; background: #FFF; width: 405px; border-right:1px solid #CCC; margin-left:12px; margin-bottom:0px; padding:0px 12px 0 12px;}
#c2x2 {float: left; background: #FFF; width: 405px; margin-left:12px; margin-bottom:0px; padding:0px 0px 0 0px;}
#c3x1 {float: left; background: #FFF; width: 620px; margin-left:12px; margin-bottom:18px; border-right:1px solid #CCC; border-left:1px solid #CCC; padding:0px 12px 0 12px;}
#c4x {float: left; background: #FFF; width: 835px; margin-left:12px; margin-bottom:18px; padding:0 0 0px 12px;}

/* SCROLLBAR SMALL AND RED */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 12px 12px 16px rgba(0,0,0,0.2); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}