/* derindenizdive.com by Dincer Celik // info@dincercelik.com */

* {
  margin: 0;
  padding: 0;
}

body {
  background: #095882 url(../images/background.jpg) left top repeat-x;
  font: 13px "Trebuchet MS", Arial, sans-serif;
  color: #fff;
}

a {
  color: #ffcc01;
  text-decoration: none;
}

a:hover,
a:active { color: #afeaee; }

/***************************************************************/

div#header {
  width: 280px;
  height: 80px;
  background: url(../images/banner.png) no-repeat;
  text-indent: -9999px;
}

div#layout {
  width: 820px;
  margin: 132px auto 0 auto;
}

div#navigator { height: 30px; }

div#slideshow { margin: 10px 0; }

div#content {
  float: left;
  width: 575px;
  height: 775px;
  height: auto !important;
  min-height: 775px;
  background: url(../images/diver.jpg) left bottom no-repeat;
  padding-bottom: 20px;
}

div#sidebar {
  float: right;
  width: 199px;
  font-size: 12px;
  padding-bottom: 20px;
}

*+html div#sidebar { margin-bottom: -10px; }

div#footer {
  background: #000 url(../images/background-footer.png);
  font-size: 12px;
  color: #fff;
  padding: 10px;
  border-top: 5px solid #cad8d0;
}

div#footer-container {
  width: 820px;
  margin: 0 auto 20px;
}

/***************************************************************/

div#search-container,
div#announcements-container,
div#poll-container,
div#weather-container,
div#links-container { margin-bottom: 20px; }

div.sidebar-box {
  background: #f7f7f2 url(../images/background-box.png) top no-repeat;
  color: #444;
  padding: 10px;
  border-bottom: 1px solid #444;
}

*+html div#links-container div.sidebar-box { height: 76px; }

div#poll-container div.sidebar-box { background: #f7f7f2 url(../images/background-box-poll.png) top no-repeat; }

div.footer-box {
  float: left;
  width: 190px;
  margin-right: 15px;
}

div.page-container,
div.blog-container,
div.announcement-container,
div.news-container,
div.poll-container,
div.photo-container,
div.comment-container,
div.contact-container {}

*+html div.page-container,
*+html div.blog-container,
*+html div.announcement-container,
*+html div.news-container,
*+html div.poll-container,
*+html div.photo-container,
*+html div.comment-container,
*+html div.contact-container { margin-bottom: -20px; }

div.blog-entry-date,
div.announcement-entry-date,
div.news-entry-date,
div.photo-entry-date,
div.comment-entry-date {
  /*font-style: italic;
  color: #f7f7cc;
  text-align: right;*/
  float: left;
  margin: 10px 10px 5px 0;
}

div.blog-entry-title,
div.announcement-entry-title,
div.news-entry-title,
div.photo-entry-title,
div.comment-entry-title {}

div.blog-entry-container,
div.announcement-entry-container,
div.news-entry-container,
div.photo-entry-container,
div.comment-entry-container { margin: 10px 0 20px 0; }

*+html div.blog-entry-container,
*+html div.announcement-entry-container,
*+html div.news-entry-container,
*+html div.photo-entry-container,
*+html div.comment-entry-container { margin-bottom: -10px; }

div.photo {
  float: left;
  margin: 0 5px 5px 0;
}

div.avatar {
  float: right;
  width: 64px;
  height: 64px;
  background: url(../images/background-avatar.png) no-repeat;
  margin: 0 0 5px 10px;
  padding: 13px;
}

div.social-networking {
  float: left;
  padding: 20px 0;
}

div.google-translate {
  float: right;
  padding: 20px 0;
}

div.prevpage,
div.nextpage { width: 20%; }

div.prevpage { float: left; }

div.nextpage {
  float: right;
  text-align: right;
}

div.alert {
  background: url(../images/icon-alert.png) left center no-repeat;
  color: #f60;
  margin-bottom: 10px;
  padding: 5px 30px;
}

/***************************************************************/

div#sidebar a span { font-style: italic; }

div#announcements-container a span { color: #09b3db; }

div#announcements-container a:hover span,
div#announcements-container a:active span { color: #f60; }

span.alert { color: #e51a1a; }

/***************************************************************/

table#contact {
  width: 468px;
}

table#contact th {
  width: 16%;
  font-style: italic;
  text-align: left;
  vertical-align: top;
  padding-left: 22px;
}

th.person { background: url(../images/icon-person.png) left top no-repeat; }

th.address { background: url(../images/icon-address.png) left top no-repeat; }

th.phone { background: url(../images/icon-phone.png) left top no-repeat; }

th.mail { background: url(../images/icon-mail.png) left top no-repeat; }

table#contact td {
  vertical-align: top;
}

/***************************************************************/

h1,
h2,
h3 { margin-bottom: 10px; }

h1 {
  font: 25px "Trebuchet MS", Arial, sans-serif;
  color: #fce199;
}

h2 {
  font: 18px "Trebuchet MS", Arial, sans-serif;
  color: #bedb89;
}

h3 {
  font: 15px "Trebuchet MS", Arial, sans-serif;
  color: #fb9c66;
}

div#sidebar h2 {
  width: 199px;
  height: 31px;
  text-indent: -9999px;
  margin: 0;
}

h2#search        { background: url(../images/header-search.png) no-repeat;        }

h2#announcements { background: url(../images/header-announcements.png) no-repeat; }

h2#poll          { background: url(../images/header-poll.png) no-repeat;          }

h2#weather       { background: url(../images/header-weather.png) no-repeat;       }

h2#links         { background: url(../images/header-links.png) no-repeat;         }

div.google-translate h3 { margin-left: 3px; }


/***************************************************************/

div#navigator ul,
div#sidebar ul,
div.social-networking ul,
div.google-translate ul { list-style-type: none; }

div#navigator ul:after,
div#sidebar ul:after,
div#links-container ul:after,
div.social-networking ul:after,
div.google-translate ul:after {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}

div#content ul,
div#content ol { margin-left: 25px; }

div#links-container ul { margin: 6px 13px 0 13px ; }

div.social-networking ul,
div.google-translate ul { margin: 0 !important; }

/***************************************************************/

div#navigator li {
  float: left;
  margin-right: 1px;
}

div#sidebar li { margin-bottom: 5px; }

div#announcements-container li {
  background: url(../images/icon-check.png) left no-repeat;
  padding-left: 18px;
}

div#links-container li { float: left; }

div.footer-box li {
  list-style-type: none;
  background: url(../images/icon-check.png) left no-repeat;
  margin-bottom: 3px;
  padding-left: 20px;
  
}

div.social-networking li {
  float: left;
  margin-right: 3px;
}

div.google-translate li {
  float: left;
  margin-left: 3px;
}

/***************************************************************/

div#navigator a,
div#links-container a,
div.social-networking a,
div.google-translate a {
  float: left;
  display: block;
  text-indent: -9999px;
}

div#navigator a { line-height: 30px; }

div#navigator a#home {
  width: 88px;
  background: url(../images/navigator-home.png) no-repeat;
}

div#navigator a#home:hover,
div#navigator a#home:active,
div#navigator a#home_active {
  width: 88px; /* _active için */
  background: url(../images/navigator-home.png) left -30px no-repeat;
}

div#navigator a#about {
  width: 94px;
  background: url(../images/navigator-about.png) no-repeat;
}

div#navigator a#about:hover,
div#navigator a#about:active,
div#navigator a#about_active {
  width: 94px;
  background: url(../images/navigator-about.png) left -30px no-repeat;
}

div#navigator a#courses {
  width: 98px;
  background: url(../images/navigator-courses.png) no-repeat;
}

div#navigator a#courses:hover,
div#navigator a#courses:active,
div#navigator a#courses_active {
  width: 98px;
  background: url(../images/navigator-courses.png) left -30px no-repeat;
}

div#navigator a#reefs {
  width: 121px;
  background: url(../images/navigator-reefs.png) no-repeat;
}

div#navigator a#reefs:hover,
div#navigator a#reefs:active,
div#navigator a#reefs_active {
  width: 121px;
  background: url(../images/navigator-reefs.png) left -30px no-repeat;
}

div#navigator a#photos {
  width: 135px;
  background: url(../images/navigator-photos.png) no-repeat;
}

div#navigator a#photos:hover,
div#navigator a#photos:active,
div#navigator a#photos_active {
  width: 135px;
  background: url(../images/navigator-photos.png) left -30px no-repeat;
}

div#navigator a#shop {
  width: 116px;
  background: url(../images/navigator-shop.png) no-repeat;
}

div#navigator a#shop:hover,
div#navigator a#shop:active,
div#navigator a#shop_active {
  width: 116px;
  background: url(../images/navigator-shop.png) left -30px no-repeat;
}

div#navigator a#contact {
  width: 67px;
  background: url(../images/navigator-contact.png) no-repeat;
}

div#navigator a#contact:hover,
div#navigator a#contact:active,
div#navigator a#contact_active {
  width: 67px;
  background: url(../images/navigator-contact.png) left -30px no-repeat;
}

div#sidebar a { color: #09b3db; }

div#sidebar a:hover,
div#sidebar a:active { color: #f60; }

div#announcements-container a { color: #444; }

div#links-container a {
  width: 76px;
  height: 76px;
}

div#links-container a#tssf { background: url(../images/tssf.png) no-repeat; }

div#links-container a#cmas { background: url(../images/cmas.png) no-repeat; }

div#footer a { color: #afeaee; }

div#footer a:hover,
div#footer a:active { color: #ffcc01; }

div.social-networking a,
div.google-translate a {
  width: 24px;
  height: 24px;
}

div.social-networking a.bookmark           { background: url(../images/icon-bookmark.png) no-repeat;            }

div.social-networking a.bookmark:hover,
div.social-networking a.bookmark:active    { background: url(../images/icon-bookmark.png) left -24px no-repeat;    }

div.social-networking a.friend         { background: url(../images/icon-friend.png) no-repeat;          }

div.social-networking a.friend:hover,
div.social-networking a.friend:active  { background: url(../images/icon-friend.png) left -24px no-repeat;  }

div.social-networking a.feedburner         { background: url(../images/icon-feedburner.png) no-repeat;          }

div.social-networking a.feedburner:hover,
div.social-networking a.feedburner:active  { background: url(../images/icon-feedburner.png) left -24px no-repeat;  }

div.social-networking a.facebook           { background: url(../images/icon-facebook.png) no-repeat;            }

div.social-networking a.facebook:hover,
div.social-networking a.facebook:active    { background: url(../images/icon-facebook.png) left -24px no-repeat;    }

div.social-networking a.twitter            { background: url(../images/icon-twitter.png) no-repeat;             }

div.social-networking a.twitter:hover,
div.social-networking a.twitter:active     { background: url(../images/icon-twitter.png) left -24px no-repeat;     }

div.social-networking a.delicious          { background: url(../images/icon-delicious.png) no-repeat;           }

div.social-networking a.delicious:hover,
div.social-networking a.delicious:active   { background: url(../images/icon-delicious.png) left -24px no-repeat;   }

div.social-networking a.digg               { background: url(../images/icon-digg.png) no-repeat;                }

div.social-networking a.digg:hover,
div.social-networking a.digg:active        { background: url(../images/icon-digg.png) left -24px no-repeat;        }

div.social-networking a.stumbleupon        { background: url(../images/icon-stumbleupon.png) no-repeat;         }

div.social-networking a.stumbleupon:hover,
div.social-networking a.stumbleupon:active { background: url(../images/icon-stumbleupon.png) left -24px no-repeat; }

div.social-networking a.google             { background: url(../images/icon-google.png) no-repeat;              }

div.social-networking a.google:hover,
div.social-networking a.google:active      { background: url(../images/icon-google.png) left -24px no-repeat;      }

div.google-translate a.english             { background: url(../images/icon-english.png) no-repeat;              }

div.google-translate a.english:hover,
div.google-translate a.english:active      { background: url(../images/icon-english.png) left -24px no-repeat;      }

div.google-translate a.german             { background: url(../images/icon-german.png) no-repeat;              }

div.google-translate a.german:hover,
div.google-translate a.german:active      { background: url(../images/icon-german.png) left -24px no-repeat;      }

div.google-translate a.italian             { background: url(../images/icon-italian.png) no-repeat;              }

div.google-translate a.italian:hover,
div.google-translate a.italian:active      { background: url(../images/icon-italian.png) left -24px no-repeat;      }

div.google-translate a.spanish             { background: url(../images/icon-spanish.png) no-repeat;              }

div.google-translate a.spanish:hover,
div.google-translate a.spanish:active      { background: url(../images/icon-spanish.png) left -24px no-repeat;      }

div.google-translate a.french             { background: url(../images/icon-french.png) no-repeat;              }

div.google-translate a.french:hover,
div.google-translate a.french:active      { background: url(../images/icon-french.png) left -24px no-repeat;      }

div.google-translate a.greek             { background: url(../images/icon-greek.png) no-repeat;              }

div.google-translate a.greek:hover,
div.google-translate a.greek:active      { background: url(../images/icon-greek.png) left -24px no-repeat;      }

div.google-translate a.russian             { background: url(../images/icon-russian.png) no-repeat;              }

div.google-translate a.russian:hover,
div.google-translate a.russian:active      { background: url(../images/icon-russian.png) left -24px no-repeat;      }

div.google-translate a.japanese             { background: url(../images/icon-japanese.png) no-repeat;              }

div.google-translate a.japanese:hover,
div.google-translate a.japanese:active      { background: url(../images/icon-japanese.png) left -24px no-repeat;      }

div.google-translate a.chinese             { background: url(../images/icon-chinese.png) no-repeat;              }

div.google-translate a.chinese:hover,
div.google-translate a.chinese:active      { background: url(../images/icon-chinese.png) left -24px no-repeat;      }

h1 a { color: #fce199; }

h2 a { color: #bedb89; }

h3 a { color: #fb9c66; }

/***************************************************************/

fieldset { border: none; }

label {
  display: block;
  margin: 5px 0;
}

.textbox {
  background: #f8ffca url(../images/background-input.png) top repeat-x;
  font: 11px "Trebuchet MS", Arial, sans-serif;
  color: #246;
  padding: 2px 3px;
  border: 1px solid #a4b6d0;
}

.textbox:focus { border: 1px solid #f90; }

textarea { height: 200px; }

input[type=radio],
input[type=checkbox] { vertical-align: middle; }

.submit {
  background: url(../images/background-button.png) center repeat-x;
  font: 11px "Trebuchet MS", Arial, sans-serif;
  color: #fff;
  text-align: center;
  padding: 2px 3px;
  border: none;
  cursor: pointer;
}

*+html .submit { padding: 0 2px; }

.short    { width: 173px; }

.long     { width: 250px; }

.verylong { width: 100%;   }

/***************************************************************/

p { margin-bottom: 10px; }

img { border: none; }

/***************************************************************/

div#content p { text-align: justify; }

div.photo img { border: 1px solid #a0acc0; }

div.photo a:hover img { border: 1px solid #f60; }

.clear { clear: both;  }

.left  { float: left;  }

.right { float: right; }

/***************************************************************/

code { /* hata ayıklama */
  display: block;
  background: #ffd;
  color: #c00;
  text-align: left;
  margin: 5px;
  padding: 5px;
  border: 1px dashed #ccc;
}

/***************************************************************/

div#recaptcha { margin: -7px !important; }

div#recaptcha * { height: auto !important; }

div#recaptcha td { background: none !important; }

table#recaptcha_table { border: none !important; }

#recaptcha_response_field {
  width: 250px !important;
  background: #ececec url(../images/background-input.png) top repeat-x !important;
  font: 11px "Trebuchet MS", Arial, sans-serif !important;
  color: #246 !important;
  padding: 2px 3px !important;
  border: 1px solid #bfbfbf !important;
}

#recaptcha_response_field:focus { border: 1px solid #f90 !important; }

img#recaptcha_logo,
img#recaptcha_tagline { display: none !important; }

/* EOF */