/* ------------------------------------------------------------------------ */
/* --------------------->>>   D E F A U L T S      <<<--------------------- */
/* ------------------------------------------------------------------------ */
ol, ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, th, td, hr {
  margin:0;
  padding:0;
}

p {margin-bottom:8px;}

.clearfix:after {
    content:"."; display:block; height:0; clear:both; visibility:hidden;
}

/* ------------------------------------------------------------------------ */
/* -------------------------->>>   M A I N     <<<------------------------- */
/* ------------------------------------------------------------------------ */
body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#333;
  background:#fff url(/img/bg.jpg) repeat-x top left;
  padding:0px; margin:0px;
}

a
{
     color:#000;
     font-weight:bold;
     text-decoration:underline;
}

a:hover
{
    color:#000;
    text-decoration:underline;
}

#logo
{
    overflow:hidden;
    display:block;
    text-indent:-1000px;
    background:url(/img/logo_white.png) no-repeat;
    width:133px;
    height:65px;
    margin:16px;
    position:absolute;
}

.black #logo
{
   background:url(/img/logo_black.png) no-repeat; 
}

/* ------------------------------------------------------------------------ */
/* -------------------------->>>  L A Y O U T  <<<------------------------- */
/* ------------------------------------------------------------------------ */
#header { background:#000;}

#header .content
{
    height:196px;
    background:#000 no-repeat top left;
}

#main
{
    background:#fff url(/img/contentbg.gif) repeat-x top left;
    padding:16px;
}

#footer
{
    background:#000;
}

.content
{
    width:976px;
    margin:0 auto;
    position:relative;
}

.column
{
    float:left;
}

.left
{
    width:640px;
    margin-right:16px;
}

.right
{
    width:320px;
}

.panel {background: url(/img/br.gif) bottom left no-repeat; padding-bottom:32px;}
.right .panel {background: url(/img/bg_small.gif) bottom left no-repeat;}
/* ------------------------------------------------------------------------ */
/* -------------------------->>>  TYPEOGRAPHY  <<<------------------------- */
/* ------------------------------------------------------------------------ */
h1
{
    font-family:ArialRounded, Arial, Helvetica;
    font-size:36px;
    color:#b48c11;
}

h2
{
    font-family:ArialRounded, Arial, Helvetica;
    font-size:24px;    
    color:#b48c11;
}

/* ------------------------------------------------------------------------ */
/* -------------------------->>>  NAVIGATION   <<<------------------------- */
/* ------------------------------------------------------------------------ */
.navigation 
{
    margin:8px; padding:0px;
}

.navigation li
{
    float:left;
    margin-right:8px;
    list-style:none;
}

.navigation li a
{
   color:#fff;
}

#header .navigation
{
    font-size:16px;
    position:absolute; 
    right:16px; 
    bottom:0px;
    margin:0px;
}

#header.big_header .navigation
{
    top:16px;
}

#header .navigation a
{
    text-decoration:none;
}

#header .navigation a:hover
{
  text-decoration:underline;
}

#header .navigation li
{
    padding:8px;
    margin:0px;
}

#header .navigation li.selected
{
    background:#e5e3e3;
}

#header .navigation li.selected a {color:#000;}

#header .navigation, #footer .navigation
{
    float:right;
}

#footer .navigation li a { color:#b7aa6e; font-weight:normal;}
#footer .navigation li a:hover { color:#fff;}

#footer #social_media.navigation
{
    float:left;
}

#footer #social_media.navigation span {color:#fff;}

.icon
{
    display:block;
    width: 20px; height:20px;
    text-indent:-1000px;
}

.facebook { background:url(/img/facebook_icon.jpg) no-repeat; }
.youtube {background:url(/img/youtube_icon.jpg) no-repeat; }

.subnav li
{
  margin-bottom:8px;
  padding:8px 0px;
  border-bottom:1px solid #999;
}
.subnav li a
{
  font-size:14px;
  text-decoration:none;
}
/* ------------------------------------------------------------------------ */
/* -------------------------->>>    H O M E    <<<------------------------- */
/* ------------------------------------------------------------------------ */
#header.big_header .content
{
    height:480px;
}

#header.big_header #logo
{
    background:url(/img/big_logo_white.png) no-repeat;
    width:200px;
    height:96px;
}

.black #header.big_header #logo
{
   background:url(/img/big_logo_black.png) no-repeat;
}

 /* ------------------------------------------------------------------------ */
/* -------------------------->>>   D E T A I L  <<<------------------------- */
/* ------------------------------------------------------------------------ */
fieldset {border:0px;}
label {float:left; display:block; width:100px; }
.field {border:1px solid #666; font-size:16px;}
fieldset p {margin-bottom:8px;}

.diaryimage {width:150px; margin-right:16px; float:left;}
.diarycontent {float:left; width: 450px;}

.folder
{
  background:url(/img/folder.jpg) no-repeat;
  padding-left:75px;
  min-height:50px;
  font-size:16px;
  line-height:50px;
}

.file
{
    font-size:13px;
    line-height:25px;
    background:url(/img/file.jpg) no-repeat;
    padding-left:30px;
}

#sitemap ul
{
    margin-left:16px;
}

 /* ------------------------------------------------------------------------ */
/* -------------------------->>>   B U T T O N  <<<------------------------- */
/* ------------------------------------------------------------------------ */
.button {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
  text-decoration: none;
  color:#fff;
}
.button:active {
  position: relative;
  top: 1px;
}


.white {
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
  color: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top,  #ededed,  #fff);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}






























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */