@charset "UTF-8";

/* TINYMCE STYLES LIST */
.subtitle, .photo, .jPhotoDetail, .jPhotoScale {}



body {margin: 0; padding: 0;}
body.web {background: url('../images/bg.jpg') #000 no-repeat fixed center;}
body, table, input, textarea, select, button, legend {font-family: tahoma; font-size: 12px;}

.container {margin: 0px auto; width: 950px; text-align: left;}

#head {margin: 0 10px;}
  #head .left {float: left;}
  #head .right {float: right; text-align: right;}
  #head h2 {margin-bottom: 0; font-size: 30px; text-shadow: 1px 1px 1px #000;}
  #head h2, #head h2 a {color: #FFF;}
  #head h3 {margin-top: 0; font-size: 20px; text-shadow: 1px 1px 1px #000;}
  #head h3, #head h3 a {color: #FFBBDA;}
  #head a { text-decoration: none;}
#navigation {border-radius: 3px; background: #130510; background: rgba(0,0,0,.7); text-shadow: 0 -1px 0 #000;}
  #menu {padding: 0 1px;}
  #menu a {color: #FFF; text-decoration: none;}
  #menu ul {list-style-type: none; margin: 0; padding: 0;}
  #menu li.item {position: relative; display: block; float: left; margin: 1px 1px 1px 0; padding: 5px 8px; border-radius: 3px;}
  #menu li.item.active {background: #C50059; box-shadow: 0 0 5px #C50059;}
  #menu li.item:hover {background: #81003A; border-radius: 3px 3px 0 0; z-index: 100; box-shadow: 0 0 5px #81003A;}
  #menu li.item.no-subitems:hover {border-radius: 3px;}
  #menu li.item:hover ul.sub {visibility: visible;}
  #menu li.right {float: right;}
  #menu ul.sub {position: absolute; visibility: hidden; margin-top: 5px; margin-left: -8px; padding-top: 1px; width: 180px; border-radius: 0 0 3px 3px; background: #131313; background: rgba(0,0,0,.92);}
  #menu ul.sub a {display: block; margin: 0; padding: 5px 8px; border-top: 1px solid #222;}
  #menu ul.sub li:first-child a {border-top-width: 3px;}
  #menu ul.sub li:hover {background: #000;}
  #menu ul.sub li:hover a {color: #888;}
  #menu ul.sub li:last-child:hover {border-radius: 0 0 3px 3px;}
#body {min-height: 400px; margin: 3px 0; padding: 10px; border-radius: 3px; background: #FFF; background: rgba(255,255,255,.98); color: #333;}
  #body a {color: #AD0582;}
  #body a:hover {text-decoration: none;}

  #main {float: left; width: 680px;}

  #right {float: left; width: 250px; margin: -10px -10px 10px 10px; border-radius: 0 3px 0 3px; background: #F9E8F6;}
  #right h3 {margin: 0; padding: 5px 10px; border-radius: 0 3px 0 3px; background: #F0CDEA; color: #410D37;}
  #right ul {margin: 0; padding: 10px; list-style-type: none;}
  #right li {margin: 4px 0;}
  #right-menu li.active a {color: #410D37;}
  #right #calendar {margin: 10px 10px 0 10px;}
  #right #calendar .ui-widget-content {border: none; background: none;}
  #right #calendar a {border-radius: 3px; color: #AAA;}
  #right #calendar a.ui-state-default {border: 0; background: none;}
  #right #calendar a.ui-state-active {background: #F0CDEA;}
  #right #calendar a:hover {background: #FFF;}
  #right #calendar .highlight a {color: #AD0582;}
  #right #events li {padding-left: 24px; background: url('../images/icons/pin.png') no-repeat;}
  #right #events img {}
  #right #events div {color: #410D37;}
  #right #events .event {color: #AD0582;}
#foot {padding: 10px; border-radius: 3px; background: #130510; background: rgba(0,0,0,.8); color: #FFF; text-shadow: 0 -1px 0 #000; font-size: 11px;}
  #foot .left {float: left;}
  #foot .right {float: right; text-align: right;}
  #foot .social a img {margin: 1px; border: none;}
  #foot .social a:hover img {margin: 2px 0 0 2px;}
  #foot a {color: #CE79C4; text-decoration: none;}
  #foot .clean a {color: #FFF;}
  #foot .invisible {color: transparent; text-shadow: none;}

/* HEADINGS */
h1, h2, h3, h4, .subtitle {font-family: segoe ui, tahoma; font-weight: normal; text-shadow: 1px 1px 3px #F4BAEA;}
h1, #body h1 a {color: #810027; font-size: 30px;}
h2, #body h2 a {color: #9F2E51; font-size: 22px;}
#body .article h2 a {color: #810027;}
h3 {color: #C5426B; font-size: 16px;}
h4 {font-size: 13px;}
blockquote {margin: 0; padding: 0;}
.subtitle {color: #777; font-size: 16px; text-shadow: 1px 1px 3px #EEE;}

/* COMMON */
form {margin: 0;}
button.plain {margin: 0; padding: 0; border: 0 none; background: transparent; cursor: pointer; cursor: hand;}
label {cursor: pointer; cursor: hand;}
a img {border: 0 none;}
img {vertical-align: middle;}
hr {margin: 5px 0; height: 3px; border: 0; background: #EEE;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}
.t {vertical-align: top;}
.m {vertical-align: middle;}
.b {vertical-align: bottom;}
.s {font-weight: bold;}

/* TABLES */
.table {margin: 10px 0; border-collapse: collapse;}
.table caption {text-align: left;}
.table thead th, .table td {padding: 4px; border: 1px solid #DDD;}
.table tfoot td {border: 0 none;}
.table thead th {color: #888;}
.table tbody tr.light td {background: #FFF;}
.table tbody tr.dark td {background: #EEE;}
.table tbody tr:hover td {background: #CCC;}
.table tbody tr.separator td {background: #DDD; padding: 2px;}

/* FORMS */
input[type=text], textarea {margin: 0; padding: 3px; border: 1px solid #DDA8D4; background: #FFFBFE;}
input[type=text]:focus, textarea:focus {border-color: #CC4DB6;}
.error input[type=text], .error textarea {border-color: #C40023;}
form {margin-left: -10px;}
.tab-form {width: 100%; border-collapse: collapse;}
.tab-form td {padding: 3px 10px; color: #602D57; text-shadow: 1px 1px 1px #FFF;}
.tab-form tbody tr:hover td {color: #AD0582;}
.tab-form tbody tr.separator td {padding: 0; height: 10px; background: transparent;}
.tab-form tbody tr.part td {padding: 5px 10px; border-bottom: 1px solid #EAD4E6; border-radius: 0 3px 0 0; background: #F9E8F6; color: #410D37; font-size: 13px; font-weight: bold;}
.tab-form tbody tr.error td {color: #C40023;}

/* LISTS */
ul.sitemap {margin: 0; padding-left: 30px; }
ul.sitemap li {list-style-type: square;}
ul.sitemap li.sub {list-style-type: none;}

/* IMAGES */
img.photo {margin: 4px; padding: 3px; border: 1px solid #DDA8D4; border-radius: 2px; background: #FFF;}
img.photo:hover {border-color: #CC4DB6;}

/* MAP */
#google-maps {padding: 2px; height: 400px; border: 1px solid #CCC; background: #FFF;}

/* JQUERY */
#body .jTabs.ui-widget {border: 0 none; font-size: 1em;}
#body .jTabs.ui-widget a {padding: 5px 10px 3px 10px; border: 0 none; background: transparent; color: #333;}
#body .jTabs .ui-tabs-panel {padding: 0;}

/* BOXES */
.box {margin-left: -10px; padding: 10px; border-radius: 0 3px 3px 0; background: #F9E8F6;}

/* GALLERY */
.gallery {}
.gallery table {width: 100%;}
.gallery table td {padding: 2px; vertical-align: middle; text-align: center;}
.gallery .hidden {display: none;}

/* MEDIA */
.media object {margin-bottom: 10px;}

/* ARTICLES */
.article {clear: both;}
.article h1 {margin: 10px 0 -8px 0;}
.article h2 {margin: 30px 0 -8px 0;}
.article h1 a, .article h2 a {text-decoration: none;}
#body .article h1 a:hover, #body .article h2 a:hover {text-decoration: underline;}
.article p {text-align: justify;}
.article .photo {float: right; margin-left: 10px;}
.article.main .photo {float: left; margin-left: 0; margin-right: 10px;}
.article .date {margin-top: 8px; color: #666;}
#body .article .date a {padding: 1px 3px; border-radius: 3px; color: #FFF;}
.pagination {margin-top: 40px;}
.pagination strong, #body .pagination a {padding: 2px 5px; border-radius: 3px; color: #FFF;}
.pagination strong {background: #C50059;}
#body .article .date a, .pagination a {background: #190714; text-decoration: none;}
#body .article .date a:hover, .pagination a:hover {background: #81003A;}

/* COMMENTS */
.comments {margin: 15px 0;}
.comments .info {margin-left: -10px; padding: 4px 4px 4px 14px; border-bottom: 1px solid #EAD4E6; border-radius: 0 3px 0 0; background: #F9E8F6;}
.comments .info h4 {margin: 0; text-shadow: 0 1px 1px #FFF;}
.comments .text {padding: 4px;}

/* ANIMATION */
.animation {position: relative;}
.animation h2 {display: none; position: absolute; bottom: 0; width: 660px; color: #FFF; font-size: 30px; text-shadow: 1px 1px 3px #000; text-align: center;}