/*
Theme Name: osijek360
Theme URI: http://www.webonjee.com/
Version: 2.0
Description: 2 Column theme by Webonjee
Author: Webonjee
Author URI: http://www.webonjee.com
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { background-color: #11161c; line-height: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #838383; text-shadow: 0 1px 1px #fff; }

a { text-decoration: none; color: #1a4489; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #111; letter-spacing: -1px; line-height: 1em; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; }
h1 { font-size: 30px; padding-bottom: 8px; }
h2 { font-size: 24px; padding-bottom: 8px; }
h3 { font-size: 22px; padding-bottom: 8px; }
h4 { font-size: 18px; padding-bottom: 8px; }
h5 { font-size: 16px; padding-bottom: 8px; }
h6 { font-size: 14px; padding-bottom: 8px; }
p { padding-bottom: 10px; line-height: 18px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
  blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#content-social {
  height: 30px;
  position: absolute;
  top: 54px;
  right: 0px;
  z-index: 15;
  padding-top: 5px;
/*background: rgba(0, 0, 0, 0.5); 
  border-radius: 0 0 0 5px;
  -moz-border-radius:  0 0 0 5px;
  -webkit-border-radius:  0 0 0 5px;*/            
}

#content-social-page-full {
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 15;
}

#d_clip_button {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E4E4E4');
  background: -ms-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background: -moz-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background: -o-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E4E4E4));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
  background: linear-gradient(to bottom, #FFFFFF 0%, #E4E4E4 100%);
  width: 48px;
  height: 18px;
  font-size: 11px;
  font-family: 'Helvetica Neue',Arial,sans-serif;
  font-weight: bold; 
  text-align: right;
  margin: 0 28px 0 14px;
  padding-left: 2px;
  padding-right: 8px;
  color: #555;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; /* future proofing */
  cursor: auto;
}

#d_clip_button.zeroclipboard-is-hover {
  color: #000;
  border: 1px solid #aaa;
  cursor: pointer;
}
#d_clip_button.zeroclipboard-is-active {
}

#d_clip_button div {
  background: url(images/link_14.png) no-repeat 4px;
}

.sharing {
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
  float: right;
  text-align: center;
  color: white;
}

.sharing-facebook {
}

.sharing-facebook iframe {
  position: absolute;
  right: 15px;
  top: 0;
}

.sharing-google-plus {
  padding-left: 15px;
}

.sharing-twitter {
	padding-left: 15px;
}

.sharing-link {
  padding-left: 15px;
}

div.pluginCountButton {
  margin-right: 5px !important;
}

@media (max-width: 1005px) {
	#content-social {
		height: 110px;           
	}
	#d_clip_button {
		margin-right: 10px;
	}
	.sharing-twitter {
    margin-right: 10px;
		margin-top: 3px;
    }
	.sharing-google-plus {
		margin-right: -16px;
	}
	.sharing-facebook {
		right: 0;
    margin-right: -5px;
  }
  .sharing {
    clear: both;
    margin-bottom: 5px;
  }   
}

.fb-title {
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  text-shadow: none;
  text-align: center;
  float: left;
  width: 470px;
  margin-top: 30px;
  margin-bottom: 5px;
  margin-left: 210px;
  background-color: #1c4078;
  padding: 5px;
}

.fb-comments {
  margin-left: 210px;
  margin-bottom: 20px;
  overflow: visible;
}

.fb-page {
  float: left;
  position: relative;
  margin-top: 60px;
  margin-left: 230px;
}

#error_container {
  z-index:9999999;
  background-color: #f99;
  width: 640px;
  padding: 20px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-shadow: 0 1px 2px rgba(0,0,0,1);
  border: 2px solid rgba(0,0,0,0.5);
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; /* future proofing */
}
#errorpage {
  color: #dbb;
  font-family: 'Courier New', 'Lucida Console', monospace;
  font-size: 14px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
  padding: 5px;
  margin: 10px;
  background-color: #d33;
  border: 1px solid #c00;
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  border-radius: 5px; /* future proofing */
}
#errorpage strong {
  color: #fff;
}

#top { background: url(images/top-bg.png) repeat-x; }
  #top-wrapper { background: url(images/top-wrapper-bg.jpg) no-repeat top center; }
    #top-content { background: url(images/top-content-bg.png) repeat-x bottom left; }
    #top-content-home { height: 699px; background: url(images/top-content-bg.png) repeat-x bottom left; }
      #bottom-light { background: url(images/bottom-light-bg.png) no-repeat bottom center; }
        #menu-bg { background-color: rgba(26,68,137,0.8); height: 49px; position: absolute; top: 0; width: 100%;  z-index: 10; }
        .container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
          #top .container { z-index: 10; height: 49px; }
            #logo { margin: 65px 13px 35px; }
            #menu { height: 49px; }
              #menu-content { height: 49px; width: 960px; }
                #menu-left { padding-left: 10px; }
                #menu-logo {  margin: 0 auto; width: 247px; position: relative; display: block; }
                  #menu-logo-left {  margin: 0; position: absolute; top: 0px; left: 0px; }
                  #menu-logo-center {  margin: 0; position: absolute; top: 0px; left: 85px; }
                  #menu-logo-right {  margin: 0; position: absolute; top: 0px; left: 180px; }
                #menu-logo2 {  margin: 0 auto; width: 247px; position: relative; display: none; }
                  #menu-logo2-center {  margin: 0; position: absolute; top: 0px; left: 85px; }
                #menu-right { padding-right: 15px; height: 49px; float: right; }

            #social-icons { float: right; margin-right:23px; margin-top: 17px; }
              #social-icons a { padding-left:4px; }

      #content-swf { height: 699px; width: 100%; position: absolute; top: 0; z-index: 1; }
      
#content { background: url(images/content-back.png) repeat-y top center rgb(250, 250, 250); border-top: 1px solid #ffffff; }
#content .sadrzaj { padding-top: 25px; padding-bottom: 25px; margin-bottom: 0; }
  #content-shadow { background: url(images/content-shadow-bg.png) repeat-x top left; padding-top: 20px; padding-bottom: 0px; }
    #services {
      position: relative;
      z-index: 1;
      /* prevent shadows falling behind containers with backgrounds */
      overflow: hidden;
      list-style: none;
      padding: 0;
    }
    
      .service {
        margin-right: 45px;
        width: 238px;
        float: left;
        position: relative;
        padding-left: 28px;
      }
      
        .servicebox {
          position: relative;
          float: left;
          padding: 20px;
          width: 100%;
          height: 238px;
          border: 0 solid #efefef;
          margin: 0 30px 30px 0;
          background: #fff;
          -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.01) inset;
          -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.01) inset;
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.01) inset;
        }
        
        .servicebox:before, .servicebox:after {
          content: '';
          z-index: -1;
          position: absolute;
          left: 10px;
          bottom: 10px;
          width: 70%;
          max-width: 300px;
          /* avoid rotation causing ugly appearance at large container widths */
          max-height: 100px;
          height: 55%;
          -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
          -webkit-transform: skew(-15deg) rotate(-6deg);
          -moz-transform: skew(-15deg) rotate(-6deg);
          -ms-transform: skew(-15deg) rotate(-6deg);
          -o-transform: skew(-15deg) rotate(-6deg);
          transform: skew(-15deg) rotate(-6deg);
        }
        
        .servicebox:after {
          left: auto;
          right: 10px;
          -webkit-transform: skew(15deg) rotate(6deg);
          -moz-transform: skew(15deg) rotate(6deg);
          -ms-transform: skew(15deg) rotate(6deg);
          -o-transform: skew(15deg) rotate(6deg);
          transform: skew(15deg) rotate(6deg);
        }
      
      .service p.text { text-align: right; padding-bottom: 15px; }
      #bijelo-plavo_srce { background: url(images/bijelo-plavo_srce.png) no-repeat left top; }
      #webonjica { background: url(images/webonjica.png) no-repeat left top; }
      #roto-arrows { background: url(images/roto-arrows.png) no-repeat left top; }
        
        .last { margin-right: 0px; }
          img.icon { position:absolute; top: 0px; left: 0px; }
          .service h3.title  { font-size: 25px; padding-top: 0; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.4); padding-bottom: 20px; }
          .service a.title { color: #1a4489; }
          .service a.title:hover { color: #838383; text-decoration: none; }
          .service p { line-height: 24px; }

          .service a.readmore {
            background: url(images/readmore.png) no-repeat right bottom;
            color: #1a4489;
            font-size: 13px;
            font-weight: 400;
            line-height: 22px;
            height: 24px;
            padding-right: 10px;
            margin-top: 17px;
            text-shadow: 0 1px 1px #fff;
            display: block;
            float: right;
          }
          
          .service a.readmore span {
            background: url(images/readmore.png) no-repeat;
            display: block;
            height: 24px;
            padding-left: 12px;
            padding-right: 2px;
          }
          
          .service a.readmore:hover {
            color: #838383;
          }

    #quote { background:url(images/quote-bg.png) repeat-x left bottom; padding-bottom: 3px; }     
      #quote-inner { background: #eaeaeb url(images/quote-inner-bg.png) repeat-x; }
        #quote-inner .container { padding-top: 45px; padding-bottom: 40px;  z-index: 11; }
          #quote-icon { display: block; position: absolute; left: 469px; top:-13px; background:url(images/quote-icon.png) no-repeat; width: 28px; height: 28px;  }
          #quote-inner p { text-align: center; font-size: 20px; font-weight: 300; line-height: 24px; color: #343434; }
          a.additional-info { background: url(images/additional-info.png) no-repeat right bottom; color: #ffffff; display: block; font-size: 22px; font-weight: 300; padding-right: 11px; position: absolute; text-decoration:none; height: 50px; left: 395px; bottom: -28px; }
            a.additional-info span { background: url(images/additional-info.png) no-repeat;
display: block; padding-left: 23px; padding-right: 12px; height: 38px; padding-top: 12px; text-shadow: 0 1px 1px rgba(0,0,0,0.4); }

.home-gallery { margin-bottom: -18px; }
  .home-gallery h3.title { text-align: center; font-size: 25px; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.4);  padding-bottom: 15px; color: #1a4489; }
  
        .project { display: block; float: left; position: relative; margin: 10px 0 20px 73px; height: 145px; }
        .last_row { margin-bottom: 70px; }
        .last { margin-right: 0px; }
          .crop { width: 140px; height: 94px; overflow: hidden; margin-top: 6px; margin-left: 6px; }
          .crop img { width: 140px; height: 94px; margin: 0; }
          
            span.project-overlay { background:url(images/project-overlay.png) no-repeat; display:block; height:106px; left:0px; position:absolute; top:0px; width:152px; }
            a.more-icon { background: url(images/more-icon.png) no-repeat; display: block; height: 37px; left: 39px; position: absolute; top: 35px; width: 37px; text-indent: -9999px; }
            a.zoom-icon { background: url(images/zoom-icon.png) no-repeat; display: block; height: 37px; left: 58px; position: absolute; top: 35px; width: 37px; text-indent: -9999px; }
            .et-video { background: url(images/video-icon.png) no-repeat !important; }

            input#search {
              padding-left: 2px;
            }
            ::-webkit-input-placeholder { /* WebKit browsers */
              font-style: italic;
              color: #ccc;
              font-size: 12px;
              /*padding-left: 2px;*/
            }
            :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
              font-style: italic;
              color: #ccc;
              font-size: 12px;
              /*padding-left: 2px;*/
            }
            ::-moz-placeholder { /* Mozilla Firefox 19+ */
              font-style: italic;
              color: #ccc;
              font-size: 12px;
              /*padding-left: 2px;*/
            }
            :-ms-input-placeholder { /* Internet Explorer 10+ */
              font-style: italic;
              color: #ccc;
              font-size: 12px;
              /*padding-left: 2px;*/
            }
            
        #pretrazi_link {
          position: relative;
          display: block;
          margin-right: 372px;
          height: 24px;          
        } 
        
        #pretrazi_link a.readmore {
            background: url(images/readmore.png) no-repeat right bottom;
            color: #1a4489;
            font-size: 13px;
            font-weight: 400;
            line-height: 22px;
            height: 24px;
            padding-right: 10px;
            margin-top: -15px;
            text-shadow: 0 1px 1px #fff;
            display: block;
            float: right;
          }
          
          #pretrazi_link a.readmore span {
            background: url(images/readmore.png) no-repeat;
            display: block;
            height: 24px;
            padding-left: 12px;
            padding-right: 2px;
          }
          
          #pretrazi_link a.readmore:hover {
            color: #838383;
          }

        #zatrazi_ponudu {
          margin-top: 40px;
          margin-bottom: 20px;
          clear: both;
          float:left;          
          height: 24px;
        } 
        
        #zatrazi_ponudu a {
          position: absolute;
          margin-left: -75px;
          left: 50%;
        }
        
        #zatrazi_ponudu a.readmore {
            background: url(images/zatraziponudu.png) no-repeat right bottom;
            color: #fff;
            font-size: 13px;
            font-weight: 400;
            line-height: 22px;
            height: 24px;
            padding-right: 10px;
            margin-top: -15px;
            text-shadow: 0 1px 1px rgba(0,0,0,0.8);
            display: block;
            float: right;
          }
          
          #zatrazi_ponudu a.readmore span {
            background: url(images/zatraziponudu.png) no-repeat;
            display: block;
            height: 24px;
            padding-left: 12px;
            padding-right: 2px;
          }
          
          #zatrazi_ponudu a.readmore span:hover {
            background: url(images/zatraziponudu_over.png) no-repeat;
          }
          
          #zatrazi_ponudu a.readmore:hover {
          background: url(images/zatraziponudu_over.png) no-repeat right bottom;
            text-shadow: 0 0 1px rgba(0,0,0,0.8);
          }

#page-top { }
  #category-name { padding-left: 20px; }
    h1.category-title { font-size: 30px; color: #1a4489; padding-top: 60px; }
  #breadcrumbs { padding-left: 20px; width: 450px; display: block; font-size:12px; color:#7e7d7d; margin-top: -20px; margin-bottom: 30px; text-shadow: 0 1px 1px #fff; }
    #breadcrumbs a { color: #1A4489; }
      #breadcrumbs a:hover { color: #1A4489; text-decoration: underline; }
    #breadcrumbs .raquo { color:#7e7d7d; }
      #left-area { width: 680px; float:left; }
        #sidebar { width: 280px; float:left; }
          .post { padding:0px 60px 0px 0px; }
            .post p { line-height:21px; }
            .post-thumbnail { display:block; float:left; position:relative; margin-right: 30px; height: 225px; width: 225px; }
              .post-thumb { margin-top:6px; margin-left:6px; }
              .post-thumbnail span.post-overlay { background:url(images/post-overlay.png) no-repeat; display:block; height:225px; left:0px; position:absolute; top:0px; width:225px; }
            h2.title { font-size: 30px; padding-bottom: 11px; }
              h2.title a { color: #1f262d; text-decoration: none; }
              .post p.meta-info { background: url(images/title-bg.png) no-repeat; padding: 15px 0 17px; font-size: 18px; color: #505050; }
                .post p.meta-info a { color: #090909; text-decoration: none; }
              .post a.readmore { background:url(images/readmore-black.png) no-repeat right bottom; color:#ffffff; display:block; font-size:12px; height:29px; line-height:28px; padding-right:12px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); display:block; float:right; }
                .post a.readmore span { background:url(images/readmore-black.png) no-repeat;
display:block; height:29px; padding-left: 12px; }

  .post ul, .comment-content ul { list-style-type: square; padding: 10px 0px 10px 20px; }
    .post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; }
      .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
      .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }

  .fullwidth { margin-top: 110px; z-index: 1; }
  .fullwidth #left-area { width: 960px; }
    .fullwidth #left-area .post, .fullwidth #comment-wrap { padding-left: 28px; padding-right: 28px; }

  #comment-wrap ul.children { padding-left: 80px; }

  .depth-2 .comment-top { background: url(images/comment-top-d2.png) no-repeat; }
    .depth-2 .comment-bottom { background: url(images/comment-bottom-d2.png) no-repeat bottom left; }
      .depth-2 .comment-container { background: url(images/comment-bg-d2.png) repeat-y; width: 447px; }

  .depth-3 .comment-top { background: url(images/comment-top-d3.png) no-repeat; }
    .depth-3 .comment-bottom { background: url(images/comment-bottom-d3.png) no-repeat bottom left; }
      .depth-3 .comment-container { background: url(images/comment-bg-d3.png) repeat-y; width: 367px; }

  .depth-4 .comment-top { background: url(images/comment-top-d4.png) no-repeat; }
    .depth-4 .comment-bottom { background: url(images/comment-bottom-d4.png) no-repeat bottom left; }
      .depth-4 .comment-container { background: url(images/comment-bg-d4.png) repeat-y; width: 287px; }

  .depth-5 .comment-top { background: url(images/comment-top-d5.png) no-repeat; }
    .depth-5 .comment-bottom { background: url(images/comment-bottom-d5.png) no-repeat bottom left; }
      .depth-5 .comment-container { background: url(images/comment-bg-d5.png) repeat-y; width: 207px; }

  .fullwidth .comment-top { background: url(images/comment-top-fullwidth-d1.png) no-repeat; }
    .fullwidth .comment-bottom { background: url(images/comment-bottom-fullwidth-d1.png) no-repeat bottom left; }
      .fullwidth .comment-container { background: url(images/comment-bg-fullwidth-d1.png) repeat-y; width: 875px; }

  .fullwidth .depth-2 .comment-top { background: url(images/comment-top-fullwidth-d2.png) no-repeat; }
    .fullwidth .depth-2 .comment-bottom { background: url(images/comment-bottom-fullwidth-d2.png) no-repeat bottom left; }
      .fullwidth .depth-2 .comment-container { background: url(images/comment-bg-fullwidth-d2.png) repeat-y; width: 795px; }

  .fullwidth .depth-3 .comment-top { background: url(images/comment-top-fullwidth-d3.png) no-repeat; }
    .fullwidth .depth-3 .comment-bottom { background: url(images/comment-bottom-fullwidth-d3.png) no-repeat bottom left; }
      .fullwidth .depth-3 .comment-container { background: url(images/comment-bg-fullwidth-d3.png) repeat-y; width: 715px; }

  .fullwidth .depth-4 .comment-top { background: url(images/comment-top-fullwidth-d4.png) no-repeat; }
    .fullwidth .depth-4 .comment-bottom { background: url(images/comment-bottom-fullwidth-d4.png) no-repeat bottom left; }
      .fullwidth .depth-4 .comment-container { background: url(images/comment-bg-fullwidth-d4.png) repeat-y; width: 635px; }

  .fullwidth .depth-5 .comment-top { background: url(images/comment-top-fullwidth-d5.png) no-repeat; }
    .fullwidth .depth-5 .comment-bottom { background: url(images/comment-bottom-fullwidth-d5.png) no-repeat bottom left; }
      .fullwidth .depth-5 .comment-container { background: url(images/comment-bg-fullwidth-d5.png) repeat-y; width: 555px; }

/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/

ul.top-menu { float: left; }
  ul.top-menu li { margin-right: 9px; padding-left: 10px; padding-top: 16px; font-weight: 600; }
    ul.top-menu a { font-size:14px; color: #ffffff; text-decoration: none; text-shadow: 0 1px 2px rgba(0,0,0,0.8); }
    ul.top-menu a:hover { color: #8d96a0; }
    ul.top-menu > li.current_page_item > a { color: #8d96a0 !important; font-style: italic; font-family: 'Open Sans', sans-serif; font-weight: 400italic;}

    #home-icon {
      margin-top: -2px;
      width: 25px;
      height: 22px;
      display: block;
      background: transparent url('images/home.png') center top no-repeat;
    }

    #home-icon-selected, #home-icon:hover {
      margin-top: -2px;
      width: 25px;
      height: 22px;
      display: block;
      background: transparent url('images/home.png') center -22px no-repeat;
    }

  ul.nav li ul { width: 178px !important; padding: 4px 5px 14px 37px; background: #e7e7e7 url(images/dropdown-bg.png) repeat-y; top: 49px !important; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.1); border-color: 1px solid #323b44; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top-left-radius: 0px;-moz-border-radius-topleft: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; z-index: 9999px; display: none; }
    ul.nav ul li { margin: 0 !important; padding: 0 !important; }
      ul.nav ul li a { padding: 12px 0px !important; width: 170px; }

      ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -3px !important; left: 182px !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/

#featured { overflow: hidden; height: 403px; position: relative; }
  #featured .slide { position: absolute; z-index: 1; background: url(images/slide-bg.png) no-repeat; padding: 6px 6px 25px; }
  #featured .active { z-index: 2; background: url(images/active-slide-bg.png) no-repeat; padding: 6px 6px 25px; }
  #slider-left-overlay, #slider-right-overlay { position: absolute; top: 60px; height: 263px; z-index: 3; }
  #slider-left-overlay { background: url(images/slider-left-overlay.png) no-repeat; width: 169px; left: 0; }
  #slider-right-overlay { background: url(images/slider-right-overlay.png) no-repeat; width: 171px; right: 0; }

  #featured .description { display: none; background: url(images/featured-description-bg.png) no-repeat; position: absolute; bottom: 25px; left: 6px; width: 500px; height: 38px; padding: 18px 7px 0 15px; font-size: 24px; }
    #featured .description, #featured .description h2 { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
  #featured .additional { display: none; background: url(images/featured-hover-overlay.png); position: absolute; top: 6px; left: 6px; width: 500px; height: 334px; }
  #featured .active .description { display: block; }

  #featured a.prevslide, #featured a.nextslide { display: block; width: 30px; height: 40px; position: absolute; top: 154px; text-indent: -9999px; }
  #featured a.prevslide { background: url(images/featured-left-arrow.png) no-repeat; left: 29px; }
  #featured a.nextslide { background: url(images/featured-right-arrow.png) no-repeat; right: 30px; }
  #featured a.featured-zoom, #featured a.featured-more { display: block; width: 40px; height: 43px; position: absolute; text-indent: -9999px; top: 150px; }
  #featured a.featured-zoom { background: url(images/featured-zoom.png) no-repeat; left: 211px; }
  #featured a.featured-more { background: url(images/featured-more.png) no-repeat; left: 263px; }

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

#comment-wrap { padding-right: 60px; }
  h3#comments, h3#reply-title span { font-size: 30px; color: #1f262d; background: url(images/title-bg.png) no-repeat bottom left; padding-bottom: 33px; margin-bottom: 5px; display: block; }
  .comment-body { position: relative; padding-left: 82px; margin-bottom: 30px; }
    .avatar-container { position: absolute; top: 0; left: 0; }
      .avatar-box { position: relative; }
        .avatar-box img { margin: 6px 0 0 6px; }
        .avatar-overlay { position: absolute; top: 0; left: 0; display: block; background: url(images/avatar-overlay.png) no-repeat; }
        .avatar-box, .avatar-overlay { width: 68px; height: 68px; }
        span.comment-date { display: block; text-align: center; color: #838383; font-size: 11px; padding-top: 9px; }

    .comment-top { background: url(images/comment-top.png) no-repeat; padding-top: 10px; }
      .comment-bottom { background: url(images/comment-bottom.png) no-repeat bottom left; padding-bottom: 10px; }
        .comment-container { background: url(images/comment-bg.png) repeat-y; padding: 0 2px 0 1px; width: 527px; }
          .comment-wrap { background: url(images/comment-gradient.png) repeat-x bottom left; padding: 18px 18px 8px 29px; }
            .comment-meta { color: #1f262d; font-size: 24px; margin-bottom: 12px; }
            span.fn, span.fn a { color: #1f262d; }
            span.fn a:hover { color: #000; text-decoration: none; }

    .comment-arrow { background: url(images/comment-arrow.png) no-repeat; width: 9px; height: 20px; position: absolute; top: 23px; left: 74px; }

    .reply-container { background: url(images/readmore-black.png) no-repeat right bottom; font-size: 12px; height: 29px; line-height: 28px; padding-right: 12px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); display: block; float: right; }
      .reply-container a { background: url(images/readmore-black.png) no-repeat; display: block; height: 29px; padding-left: 12px; color: #fff; }
      .reply-container a:hover { color: #eee; text-decoration: none; }

#commentform textarea#comment { width: 96%; }
  #commentform input[type=text] { width: 38%; }

  li.comment #respond textarea { width: 94% !important; }
  li.comment #respond input[type=text] { width: 48% !important; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer { background: #11161c url(images/top-bg.png) repeat-x; }
  #footer-top { background: url(images/footer-silhouette.jpg) no-repeat top center; }
    #footer-content { background: url(images/footer-shadow.png) repeat-x; }
      #footer-widgets { padding-top: 50px; height: 360px; }
        #footer-widgets .footer-widget { float: left; margin-top: 50px; padding-left: 30px; padding-right: 30px; }
        #footer-widgets .last { float: right; text-align: right; margin-top: 50px; padding-right: 30px; }
          h4.widgettitle { font-size: 22px; color: #ffffff; padding-bottom: 35px; font-weight: 300; }
          .footer-widget { line-height: 21px; color: #8b949d; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); }
            .footer-widget a { color: #c5cace; text-shadow: 0 1px 1px rgba(0,0,0,0.6); }
            .footer-widget .under { text-decoration: underline; }
            .footer-widget a:hover { color: #ffffff; }
          .footer-widget ul { margin-bottom:8px;  }
            .footer-widget ul ul { margin-bottom:0; }
              .footer-widget ul li { background:url(images/footer-bullet.png) no-repeat 0 8px; padding: 0 0 10px 18px; }
              .footer-widget ul li ul { margin:0 0 -3px; padding:5px 0 0 7px; }
              a#footer-fb img { background: url(swf/_gui/fb.png) }
              a#footer-fb:hover img { background: url(swf/_gui/fbh.png) }
      #footer-bottom { clear: both; padding-bottom: 16px; padding-top: 26px; background: url(images/footer-bottom-bg.png) repeat-x; }
        ul.bottom-nav li { float: left; font-size: 12px; padding-right: 20px; padding-left: 10px; }
          ul.bottom-nav li a { color:#ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); }
            ul.bottom-nav li a:hover {text-decoration: none; color: #8d96a0; }
              ul.bottom-nav li.current_page_item a { color: #8d96a0 !important; font-style: italic; font-family: 'Open Sans', sans-serif; font-weight: 400italic; }
        p#copyright { float:right; font-size:11px; color:#8b949d; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); padding-right: 10px; }
          p#copyright a { color:#ffffff; }

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

#sidebar h4.widgettitle { font-size: 24px; color: #1f262d; padding: 0px 10px 14px; }
.widget { background: url(images/widget-bg.png) no-repeat; padding-top: 10px; margin-bottom: 38px; color:#5e5e5e; text-shadow: none; }
  .widget-bottom { background: url(images/bottom-widget-bg.png) no-repeat left bottom; padding-bottom: 10px; width: 273px; }
    .widget-content { background: url(images/content-widget-bg.png) repeat-y; padding: 0 2px 0 1px; }
      .widget-text { background: #fff url(images/widget-gradient.png) repeat-x bottom left; padding: 10px 25px; }
        .widget ul li { padding:8px 0 8px 12px; display: block; background: url(images/sidebar-bullet.png) no-repeat 0px 15px; }
          .widget ul li a { color:#5e5e5e; text-shadow: none; text-decoration: none; }
            .widget ul li a:hover { color:#161616; }

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:28px; }
img.alignright { display:inline; float:right; margin-left:28px; }


/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
/*------------------------------------------------*/

.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
  .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; }
  .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
    .nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; }
  .nav li:hover ul, .nav li li:hover ul { top: -999em; }
  .nav li li {  display: block; padding: 0px; float: left; height: auto !important; }
  .nav li ul { width: 191px; z-index:10000; }
    .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
    .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;  }
  #wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
    #wp-calendar a:hover { text-decoration: underline; }
  #wp-calendar caption {  text-decoration: none; font: bold 13px Arial, Sans-Serif; }
  #wp-calendar td { padding: 3px 5px; color: #9f9f9f; }
    #wp-calendar td#today { color: #ffffff; }
  #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }
    #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
    #wp-calendar #next a { padding-right: 10px; text-align: right; }
    #wp-calendar #prev a { padding-left: 10px; text-align: left; }

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 15px 12px 0px; }

.wp-pagenavi { position: relative; padding: 27px 60px 20px 0px; text-align:right; background: url(images/pagenavi-topbg.png) no-repeat top 55px; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 7px 19px 13px 14px !important; margin: 2px; text-decoration: none; font-weight: normal !important; font-size: 18px !important; color: #2f373f !important; border: none !important; background: url(images/pagenavi-bg.png) no-repeat; padding:7px 19px 13px 14px !important; text-shadow: 1px 1px 0px #ffffff; }
.wp-pagenavi span.current { font-size: 18px !important; color: #fff !important; text-shadow: 1px 1px 0px #ffffff; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding:7px 19px 13px 14px !important; margin: 2px; border: none !important; background: url(images/pagenavi-bg-active.png) no-repeat; color: #fff !important; }
.wp-pagenavi span.pages { padding: 5px 20px 5px 7px !important; margin: 2px !important ; color: #838383; border: none !important; font-size: 18px; }


a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }

.js #feat-content, .js div#from-blog div.entries {display: none;}

.foursixeight { margin: 0px 0px 15px 84px;}

.post-gallery-thumbnail { border: 1px solid #dadada; background: #fff; padding: 5px; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); margin-bottom: 20px; }
  .gallery-thumbnail { position: relative; }
    .post-gallery-thumbnail img { max-width: 608px; display: block; }
    .post-gallery-thumbnail span.post-overlay { width: 100%; height: 100%; background: url(images/gallery-overlay.png) no-repeat; display: block; position: absolute; top: 0px; left: 0px; }

div.ppt { text-shadow: none !important; }
.post-gallery-thumbnail { float: left; }

#comment-wrap .navigation { padding: 10px 0; }
  .nav-previous { float: left; }
  .nav-next { float: right; }
h3#reply-title small { display: block; }
  h3#reply-title small a { font-size: 12px; letter-spacing: 0px; }

#commentform input[type=text] { width: 40%; display: block; padding: 5px; }
#commentform textarea#comment { width: 91%; }
.commentlist #respond textarea#comment { width: 98% !important; }
.commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; }
.comment_navigation_top, .comment_navigation_bottom { padding: 10px 0; }

table.info {
  margin: 0 2px;
  color: #000;
}

table.info thead td {
  background-color: #1c4078;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center!important;
  padding: 6px;
  text-shadow: none;
}

table.info th, table.info td {
  text-align: center;
  padding: 3px;
  border: solid 1px #fff;
}

table.info th {
  background-color: #ccddff;
}

table.info td {
  background-color: #eff4ff;
}

table.info td:last-child {
  text-align: left;
}