@charset "utf-8";

/******** Website standard elements *********/

body { background: #FFF; font-family: "Lucida Grande", Helvetica, Arial, Verdana, Geneva, sans-serif; font-size: 13px; line-height: 19px; color: #322e20; margin: 0px !important; padding: 0px; }

a, a:visited { color: #3baade; text-decoration: underline; }
a:focus, a:active, a:hover { color: #75bee3; }
h2 a:hover, h3 a:hover {}

h1, h2, h3, h4 { color: #145374; }
h1 { font-size: 26px; line-height: 28px; }

strong { font-weight: bold; font-style: normal; }

ul, li {margin:0;padding:0;}

/******** Website div elements *********/

div#wrapper { width: 1020px; background: #FFF; }
div#wrapper div#container { width: 1020px; /* float: right;*/ }
div#wrapper:after, div#container:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px; margin: 0px; padding: 0px; }

div#wrapper div#container > header { width: 100%; height: 200px; position: relative; z-index: 6; }
div#wrapper div#container > header hgroup {  }
div#wrapper div#container > header hgroup h1 { margin: 0px auto; padding: 20px 0px 0px 0px; }
div#wrapper div#container > header hgroup h1 a { /* background: url('../images/header-logotype.jpg') no-repeat top center; */ height: 120px; width: 700px; text-indent: -2000px; display: block; overflow: hidden; }
div#wrapper div#container > header hgroup h4 { display: none; }

div#main { /* background: url('../images/main.jpg') no-repeat top center #FFF; */ width: 100%; position: relative; z-index: 10; }
div#main div#page { /* background: url('../images/page.jpg') no-repeat top center; */ width: 100%; padding: 0px;}

div#main div#page div#content { /* background: url('../images/content.jpg') no-repeat top center; */ width: 700px; float: left; padding: 0 80px 20px 0; }
div#content ol, div#content ul { margin: 0 0 0 2.5em; }
div#main div#page div#sidebar { width: 210px; float: left; padding: 15px; overflow: hidden;}
div#main div#page div#sidebar span.date { color: #949597; }
div#main div#page div#sidebar .divider { width: 86%; height: 1px; margin: 20px auto; background: #c6d3db; }

div#wrapper div#container > footer { color: #369; width: 700px; margin: 30px 80px 0 0; padding: 20px 0px; float: left; background: url('../images/border-4.jpg') repeat-x top right; font-size: 10px; line-height: 1.2em; position: relative; z-index: 5; }
div#wrapper div#container > footer details { /* background: url('../images/footer-top.jpg') no-repeat top center; */ font-size: 1.0em;  }
div#wrapper div#container > footer section { width: 165px; margin-right: 10px; float: left; text-align: left; }
div#wrapper div#container > footer section.contact-info { width: 310px; }
div#wrapper div#container > footer section h2 { margin-top: 3px; }
div#wrapper div#container > footer section p { line-height: 1.6em; font-size: 1.2em; }
div#wrapper div#container > footer section ul li { padding: 2px 0px; }
div#wrapper div#container > footer section a.icon_s { margin: 0 0 7px; }
div#wrapper div#container > footer section a#cta_whatcanido { display: block; position: absolute; top: 20px; right: 0; width: 152px; height: 153px; background: url('../images/whatcanido.png') 50% 50% no-repeat; }

div#wrapper div#container > footer h4 a { text-decoration: none;  color: #145374; }

/******** Website theme menu *********/

#menu { margin: 0px; position: absolute; top: 157px; right: 303px; }
#menu ul { width: auto; height: auto; padding: 10px auto; }
#menu ul li { padding: 2px 5px; margin: 5px 12px; float: left; color: #cccccc; font-size: 17px; }
#menu ul li:first-child { list-style-type: none; }
#menu ul li a { text-decoration: none; font-weight: bold; text-transform: uppercase; } 
#menu ul li#menu-item-61 a { color: #f89a2c; }
#menu ul li#menu-item-1503 a,
#menu ul li#menu-item-62 a { color: #873872; }
#menu ul li#menu-item-66 a { color: #006f7d; }
#menu ul li#menu-item-63 a { color: #a7cee2; }
#menu ul li#menu-item-1523 a { color: #f7931e; }
#menu ul li#menu-item-1524 a { color: #7a0054; }

.post-navigation { display: block; clear: both; float: none; }

/******** SAFARI HACK *******/
@media screen and (-webkit-min-device-pixel-ratio:0){
#menu ul li {margin: 5px 14px;}
}

/******** Website special elements *********/

.icon_l { display: block; min-height: 32px; padding: 0 0 0 40px; }
.icon_l.fb { background: url('../images/icons/fb_l.png') 0 50% no-repeat; }
.icon_l.like { min-height: 19px; background: url('../images/icons/like_l.png') 0 50% no-repeat; padding: 6px 0 7px 40px; }
.icon_l.graph { background: url('../images/icons/graph.png') 0 0 no-repeat; padding: 6px 0 0 40px; }
.icon_l.mega { background: url('../images/icons/mega.png') 0 0 no-repeat; padding: 6px 0 0 40px; }
.icon_s { display: block; min-height: 20px; padding: 0 0 0 26px; }
.icon_s.fb { background: url('../images/icons/fb_s.png') 0 50% no-repeat; }
.icon_s.twitter { background: url('../images/icons/twitter_s.png') 0 50% no-repeat; }
.icon_s.linkedin { background: url('../images/icons/linkedin_s.png') 0 50% no-repeat; }
.icon_s.pinterest { background: url('../images/icons/pinterest_s.png') 0 50% no-repeat; }
.icon_s.googleplus { background: url('../images/icons/googleplus_s.png') 0 50% no-repeat; }
.icon_s.rss { background: url('../images/icons/rss_s.png') 0 50% no-repeat; }

#start-video { display: block; width: 700px; padding: 0px 0px 56% 0px; position: relative; margin: 10px 0px; }
#start-video iframe { width: 100%; height: 100%; position: absolute; }

body div#wrapper,
body.blog div#wrapper,
body.single div#wrapper,
body.page div#wrapper { background: url('../images/wrapper.jpg') repeat-y top right; }
body div#container,
body.blog div#container,
body.single div#container,
body.page div#container { background: url('../images/container.jpg') no-repeat top right; }

div#content .entry { padding: 10px 0px; }

.clicker { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

div#content header { width: 100%; height: 200px; margin: 20px 0px 0px; overflow: hidden; }
div#content header img { border-right: 20px solid #FFF; float: left; }
div#content header h1 { width: 420px; overflow: hidden; font-size: 26px; line-height: 28px;  }
div#content footer div.accordion { width: 250px; height: 37px; overflow: hidden; display: block; margin: 10px 0px; color: #145374; cursor: pointer;  }
div#content footer div.accordion h4 { text-transform: uppercase; }
div#content footer div.accordion div.extra { display: block; }
div#content footer div.accordion { width: auto; height: auto; cursor: default;  }
div#content footer div.accordion h4 { font-size: 25px; padding: 0; }
div#content footer div.accordion div.extra { display: block; }
div#content footer div#page-resources ul li,
div#content footer div#page-downloads ul li { list-style-type: disc; margin: 0px 20px; } 

div#content footer div#page-related ul li.related-box { width: 220px; height: 280px; float: left; margin: 0px 0px 0px 20px; display: block; padding: 0px 0px 30px 0px; }
div#content footer div#page-related ul li.related-box:first-child { margin: 0 !important; }
div#content footer div#page-related ul li.related-box strong { font-size: 16px; color: #145374; }
div#content footer div#page-related ul li.related-box img { width: 100%; height: auto; margin: 0 0 3px 0; }
div#content footer div#page-related ul li p { margin: 0px 0px; padding: 0px;}
div#content footer div#page-related ul li { padding: 0px 0px 10px 0px; }

div#content .alignleft + p,
div#content .alignleft + h1,
div#content .alignleft + h2,
div#content .alignleft + h3,
div#content .alignleft + h4 { clear: both; }

div#main div#page div#sidebar h3 { font-weight: normal; font-size: 26px; }
div#main div#page div#sidebar h3.icon_l { font-size: 20px; margin: 20px 0 0; }
div#main div#page div#sidebar .indent { margin: -8px 0 0 40px; padding: 0; }

/* Page */

body.page div#content header { background: #8f0056; }
body.page div#content header h1 {  padding: 12px 15px 8px 15px; height: 175px; width: 420px; float: right; margin: 0px; color: #FFF; }
body.page div#content header small {}

/* body.page div#content footer { background: url('../images/border-6.jpg') repeat-x top right; padding: 15px 0px; } */
body.page div#content footer div.accordion { background: #8f0056; padding: 10px; }
body.page div#content footer div.accordion h4 { color: #FFF; }

body.page div#content footer div.current { background: url('../images/border-7.jpg') repeat-x top right #f7e7f0; }
body.page div#content footer div.current h4 { color: #8f0056; }

body.page div#content .commentlist li.comment { margin: 10px auto; background: url('../images/border-13.jpg') repeat-x right top; padding: 20px 0px 20px 0px; color: #666;}
body.page div#content #respond { background: url('../images/border-14.jpg') repeat-x top left; padding-top: 20px; }

/* Page-orange */

body.page div#content header.orange { background: #fd9400; }

body.page div#content footer.orange div.accordion { background: #fd9400; padding: 10px; }
body.page div#content footer.orange div.current { background: url('../images/border-8.jpg') repeat-x top right #fd9400; }

body.page div#content footer.orange #respond { background: url('../images/border-19.jpg') repeat-x top left; padding-top: 20px; }

body.page div#content footer.orange a { color: #7A0054 !important; }

/* Page-blue */

body.page div#content header.blue { background: #a4cee4; }

body.page div#content footer.blue div.accordion { background: #a4cee4; padding: 10px; }
body.page div#content footer.blue div.current { background: url('../images/border-11.jpg') repeat-x top right #a4cee4; }

body.page div#content footer.blue #respond { background: url('../images/border-12.jpg') repeat-x top left; padding-top: 20px; }

/* Start */

/*body.page-template-template-start-php div#wrapper { background: #FFF;  }
body.page-template-template-start-php div#container { background: url('../images/container-home.jpg') no-repeat top right;  }
body.page-template-template-start-php div#sidebar { visibility: hidden; }*/
body.page-template-template-start-php #start-slider { background: url('../images/border-1.jpg') repeat-x top right; margin: 35px 0 -8px; padding: 0px; height: 230px; width: 100%; overflow: hidden; }

body.page-template-template-start-php #start-projects { background: url('../images/border-2.jpg') repeat-x top right; padding: 15px 0px; position: relative; z-index: 10;}
body.page-template-template-start-php #start-projects .box { width: 220px; height: 200px; }
body.page-template-template-start-php #start-projects .box header { width: 220px; height: 200px; position: relative; background: none; margin: 0px; }
body.page-template-template-start-php #start-projects .box header img { width: 220px; height: 200px; display: block; }
body.page-template-template-start-php #start-projects .box header h2 { position: absolute; bottom: 0px; right: 0px; padding: 5px; color: #FFF; text-transform: uppercase; font-weight: bold; margin: 0px; }
body.page-template-template-start-php #start-projects .box header h3 { position: absolute; bottom: 0px; right: 0px; padding: 5px; color: #FFF; font-weight: bold; margin: 0px; font-size: 22px; }
body.page-template-template-start-php #start-projects:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body.page-template-template-start-php #start-posts { background: url('../images/border-3.jpg') repeat-x top right; padding: 15px 0px; position: relative; z-index: 5; }
body.page-template-template-start-php #start-posts h2 a { color: #f7931e; font-size: 32px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
body.page-template-template-start-php #start-posts article { float: left; width: 340px; margin: 0px 10px 0px 0px; }
body.page-template-template-start-php #start-posts article h3 a { color: #369; font-weight: normal; text-decoration: none; }
body.page-template-template-start-php #start-posts article a.seeall { float: right; }
body.page-template-template-start-php #start-posts article.latest-gallery a > img { width: 100%; height: auto; }
body.page-template-template-start-php #start-posts span { float: left; margin: 0px 5px 0px 0px; font-weight: bold; padding: 10px 0px 0px 0px; }
body.page-template-template-start-php #start-posts a#videoLink,
body.page-template-template-start-php #start-posts article > iframe { width: 340px; height: 191px; }
body.page-template-template-start-php #start-posts article > img { max-width: 100%; height: auto; }
body.page-template-template-start-php #start-posts a#videoLink span.play { display: block; width: 70px; height: 70px; background: url('../images/inline-play_l.png') 50% 50% no-repeat; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; }

body.page-template-template-start-php blockquote { margin: 0px; padding: 10px; height: 180px; display: block; position: relative; font-size: 15px;}
body.page-template-template-start-php blockquote cite { position: absolute; bottom: 10px; right: 10px; font-size: 11px; }

/* Projects */

body.page-template-template-projects-php #projects { background: url('../images/border-1.jpg') repeat-x top right; padding: 15px 0px; position: relative; }
body.page-template-template-projects-php #projects .box { width: 220px; height: 200px; }
body.page-template-template-projects-php #projects .box header { width: 220px; height: 200px; position: relative; background: none; margin: 0px;  }
body.page-template-template-projects-php #projects .box header h2 { position: absolute; bottom: 0px; padding: 5px; color: #FFF; text-transform: uppercase; font-weight: bold; margin: 0px; }
body.page-template-template-projects-php #projects .box header h3 { position: absolute; bottom: 0px; padding: 5px; color: #FFF; font-weight: bold; margin: 0px; }
body.page-template-template-projects-php #projects:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Videos */

body.page-template-template-videos-php #videos { background: url('../images/border-1.jpg') repeat-x top right; padding: 15px 0px; position: relative; }
body.page-template-template-videos-php #videos .post .video-embed { width: 100%; position: relative; padding: 0 0 56.25%; }
body.page-template-template-videos-php #videos .post .video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* Single */

body.single div#content header { background: #72b6d9; padding: 0px; height: 200px; margin: 0px; color: #FFF; overflow: hidden; }

body.single div#content header h1 { color: #FFF; padding: 0px 15px 0px 15px; }
body.single div#content header small { padding: 20px 15px 0px 0px; height: 20px; width: 430px; float: right; margin: 0px; color: #FFF; font-size: 13px; }
body.single div#content article { padding: 20px 0px; background: none; }
body.single div#content footer { background: url('../images/border-6.jpg') repeat-x top right; padding: 15px 0px; margin-top: 22px; }
body.single div#content footer div.accordion h4 { color: #f7931e; margin-top: 0; text-transform: none; font-size: 25px; }
body.single div#content footer div.current { background: #e1ebed; padding: 10px; }
body.single div#content footer div.current h4 { color: #f7931e; }

body.single div#content .commentlist li.comment { margin: 10px auto; background: url('../images/border-9.jpg') repeat-x right top; padding: 20px 0px 20px 0px; color: #666;}
body.single div#content #respond { background: url('../images/border-11.jpg') repeat-x top left; padding-top: 20px;  }

/* Project single */

body.single-projects div#wrapper { background: url('../images/wrapper-single.jpg') repeat-y right -200px; }
body.single-projects div#container { background: url('../images/container-single.jpg') no-repeat top right; }
body.single-projects div#main div#page div#sidebar { padding: 15px 15px 15px 25px; width: 200px; }
body.single-projects div#content header { background: none; width: 510px; height: auto; }
body.single-projects div#content header h1 { float: left; color: #33a7ba; padding: 0 0 10px; margin-top: 0; }
body.single-projects div#content header small { padding: 10px 0px; height: 20px; width: 420px; float: left; margin: 0px; color: #333; font-size: 13px; }
body.single-projects div#content section { background: url('../images/border-16.jpg') repeat-x top right; padding: 15px 0px; margin: 15px 0px; }
body.single-projects div#content section span { float: left; margin: 0px 5px 0px 0px; font-weight: bold; padding: 10px 0px 0px 0px; }
body.single-projects div#content footer {}
body.single-projects div#content footer div.accordion { padding: 10px 0; }
div#content footer div.accordion h4 { color: #f7931e; margin: 0 0 8px; }
div#content footer #page-related ul { margin: 0; }
body.single-projects div#content footer div.current { background: #e1ebed; padding: 10px; }
body.single-projects div#content footer div.current h4 { color: #145374; }

body.single-projects div#content .commentlist li.comment { margin: 10px auto; background: url('../images/border-11.jpg') repeat-x right top; padding: 20px 0px 20px 0px; color: #666;}
body.single-projects div#content #respond { background: url('../images/border-12.jpg') repeat-x top left; padding-top: 20px;  }

body.single-projects a#link-project-list { position: absolute; top: 44px; right: 80px; display: block; width: 160px; height: 20px; text-align: center; color: #FFF; background: #33a7ba !important; padding: 10px 5px !important; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); text-decoration: none; font-size: 18px; font-weight: bold; }
body.single-projects a#link-project-gallery { position: absolute; top: 94px; right: 80px; display: block; width: 160px; height: 20px; text-align: center; color: #FFF; background: #9fce2a !important; padding: 10px 5px !important; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); text-decoration: none; font-size: 18px; font-weight: bold; }

body.single-projects div#wrapper div#container > footer {  background: url('../images/border-17.jpg') repeat-x top right; }

div#wrapper div#container > footer h2 { font-weight: bold; color: #145374; text-transform: uppercase; }
div#wrapper div#container > footer h2 a { color: #145374; }


body.single div#content .entry a { background: url('../images/link.jpg') no-repeat right 2px; padding-right: 15px; }
body.single div#content .entry a[href^=http://www.theworld], div#content .entry a[href^=http://theworld] { background: none !important; }


/* Gallery */

body.page-template-template-gallery-php { color: #FFF; }
body.page-template-template-gallery-php #sidebar { color: #322E20; }
body.page-template-template-gallery-php div#wrapper { background: url('../images/wrapper-gallery.jpg') repeat-y 50% 185px; width: 100%; }
body.page-template-template-gallery-php div#container { background: url('../images/container-gallery.jpg') no-repeat top right; }
body.page-template-template-gallery-php div#wrapper div#container header,
body.page-template-template-gallery-php div#wrapper div#container footer,
body.page-template-template-gallery-php div#wrapper div#container header a,
body.page-template-template-gallery-php div#wrapper div#container footer a,
body.page-template-template-gallery-php div#wrapper div#container footer h4 { color: #FFF !important; }

body.page-template-template-gallery-php div#wrapper div#container > footer {  background: url('../images/border-15.jpg') no-repeat top right; }

body.page-template-template-gallery-php .ngg-galleryoverview { position: relative; }
body.page-template-template-gallery-php .ngg-galleryoverview > h1 { color: #fff; padding: 0 165px 0 0; margin: 25px 0; }
body.page-template-template-gallery-php a#link-project-back { position: absolute; top: 30px; right: 0; display: block; width: 160px; height: 20px; text-align: center; color: #FFF; background: #33a7ba; padding: 10px 5px; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); text-decoration: none; font-size: 18px; }

body.page-template-template-gallery-php #container > footer h2 { color: #fff !important; }

/* Blog */

body.blog div#content header h1 { /* background: url('../images/border-5.jpg') repeat-x top right #8f0056; */ padding: 0px 0px 5px 0px; width: 420px; margin: 0px; font-size: 24px; }
body.blog div#content header h1 a { text-decoration: none; }
body.blog div#content header small { background: none; padding: 20px 0px; height: 20px; margin: 0px; color: #333; font-size: 13px; display: block; }
div#content .post { background: url('../images/border-6.jpg') repeat-x top right; padding: 32px 0 23px; position: relative; }
div#content .post .post-image { float: left; text-align: center; width: 220px; }
div#content .post .content { float: left; margin: 0 0 0 20px; width: 460px; }
div#content .post .content h2 { margin-top: 4px; color: #3c8291; }
div#content .post .content p { padding: 0 0 5px; }
div#content article:first-child { background: none !important; }
div#content span { float: left; margin: 0px 5px 0px 0px; font-weight: bold; padding: 10px 0px 0px 0px; }
div#content article.intro { margin: 0 0 20px; }


/* search result */

div#content.searchresult span { float: none; font-weight: normal; margin: 0; padding: 0; }
div#content.searchresult .navigation { margin: 4px 0 10px !important; }
div#content.searchresult .post,
div#content.searchresult .hentry { background: url("../images/border-6.jpg") repeat-x scroll right top transparent; padding: 32px 0 23px; position: relative; }


/* Archive & Category */

body.category div#content .post,
body.archive div#content .post { background: url('../images/border-6.jpg') repeat-x top right; padding: 15px 0px; position: relative; }

/* First post hack */

body.blog div#content > :nth-child(2),
body.category div#content > :nth-child(2),
body.archive div#content > :nth-child(2) { background: none; }

/* Elements */

div#content .box-container { width: 720px; position: relative;  z-index: 999 !important; display: block; }
div#content .box { display: block; float: left; color: #FFF; margin: 10px 20px 10px 0px; }


div#content .box header { margin: 0px; }
div#content article.box { cursor: pointer; }
div#content article.box .entry { display: none; background: #33a7ba; color: #FFF !important; width: 660px; left: 0px; position: absolute; z-index: 898; margin-top: 20px; padding: 0px 20px 20px 20px; }
div#content article.box .entry h2 { color: #FFF; font-weight: bold; font-size: 22px; }
div#content article.box .entry a { background: none; text-decoration: none; border-bottom: 1px solid #FFF; padding: 3px 0px; margin: 10px 40px 0px 0px; color: #FFF; display: block; float: left; text-decoration: none; }

.inactive { opacity: 0.3; }
.active { opacity: 1.0 !important; }
div#content article.active .entry { display: block;}


.box-white { background: #FFF; }
.box-purple { background: #c63d8f; position: relative; }
.box-green { background: #96ac33; }
.box-blue { background: #33a7ba; }

#sidebar ul, footer ul { margin: 0px; padding: 0px; }
#sidebar ul li, footer ul li { list-style-type: none;}

.colorbox-container { width: 640px; height: 360px; display: block; position: absolute; left: -9999px; top: 0px; }

.colorbox-inline { color: #FFF !important; }
#colorbox-inline { }

.box-purple:hover a.colorbox-inline:after { background: url('../images/inline-play.png') no-repeat top center; width: 50px; height: 50px; display: block; position: absolute; top: 50%; left: 50%; margin: -25px; content: " "; }

.breadcrumb a { text-decoration: none; color: #000; }

 h3.widget-title {  color: #145374; }

/******** ERROR code elements *********/

body.error404 div#content h2 { background: url('../images/xc1-404.jpg') no-repeat top center; width: 400px; height: 300px; }

/******** 8. Website comments *********/

.commentlist { padding: 10px 0px; margin: 0px; }
.commentlist li { padding: 0px; }
.commentlist div.comment-body { }
.commentlist li.odd div.comment-body {  }
.commentlist li.byuser div.comment-body { }
.commentlist li .avatar { float:left; width: 96px; height: 96px; margin-right: 20px; border: 0px solid #fff; box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); }
.commentlist p { margin: 10px 0 10px 5px; }
.commentlist li ul li { margin-left: -5px; margin-right: 10px; }
.commentlist cite, .commentlist cite a {}
.commentlist p {margin: 10px 0 10px 5px;}
.commentmetadata {}

.comment-author { font-weight: bold; color: #145374; padding: 0px; margin: 0px;}


#commentform p {}
#commentform input { margin: 0px auto; }
#commentform { margin: 0px auto; } 
#commentform textarea { }
#commentform #submit { float:left; }

div#main div#page div#content .nocomments {}

/******** 9. Website inputs *********/

input[type="text"] { width: 180px; margin-right: 5px; }
textarea { width: 600px; }
form { width:660px; }
label { display: block; margin: 5px 0px 0px 0px; }
input, textarea { background: #FFF; border: 1px solid #999 !important; color: #666; display:inline-block; /* font-weight:bold; */ line-height:1; overflow:visible; padding: 10px; position:relative; text-decoration:none; margin: 0px 0px 10px 0px; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); }
select {}
/* input:focus, textarea:focus { background: #999; color: #FFF; }*/
button, .button, input[type='submit'] { background: #F90; border: 1px; border-bottom:1px solid rgba(0, 0, 0, 0.25); cursor:pointer; color: #f1f1f1; display:inline-block; font-weight:bold; line-height:1; overflow:visible; padding:5px 15px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); width: auto;
-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); float: right !important;}
button:hover, .button:hover, input[type='submit']:hover { background: #ccc;  }

button, .button, input[type='submit'] { background-color: #F90; color:#FFF; border: 1px solid #FFF !important; }
button:hover, .button:hover, input[type='submit']:hover { background-color: #C60; color:#FFF; border: 2px solid #FFF; }

/* Searchform */
div#main div#page div#content #searchform {}
div#main div#page div#sidebar form {}
div#main div#page div#sidebar #searchform { width: auto !important; }
div#main div#page div#sidebar #searchform #s { width: 188px; box-shadow: none; color: #767777; border-color: #b1b1b1 !important; padding: 7px 10px; }
body.single-projects div#main div#page div#sidebar #searchform #s { width: 178px; }
div#main div#page div#sidebar #searchsubmit { display: none; }

/******** 11. Nextgen Gallery elements *********/
 
.ngg-galleryoverview, .ngg-albumoverview { clear:both; display:block !important; margin: 0px auto; padding: 10px 15px; }
.ngg-album, .ngg-thumbnail { float: left; margin-right: 12px; }
.ngg-album-compact { float:left; padding-right: 10px !important; width:120px; text-align: center; }
.ngg-gallery-thumbnail { float: left; margin: 16px; text-align: center; transform: rotate(-2deg); }
.ngg-gallery-thumbnail-box { float: left; } 

.ngg-albumcontent, .ngg-thumbnail, .ngg-album-compactbox .Thumb, .ngg-gallery-thumbnail img, .ngg-thumbnail img { background-color: #FFF; padding: 5px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); }
.ngg-gallery-thumbnail img { height: auto; width: 180px; }
.ngg-album { overflow: hidden; position: relative; width: 201px; height: 210px !important; border: none !important; }
.ngg-albumtitle { margin: 10px auto !important; text-align: center !important; width: 100%; position: relative; height: 18px; overflow: hidden; font-size: 100% !important; font-weight: normal !important; }
.ngg-albumtitle a { color: #fff !important; font-weight: 600; }
.ngg-description { display: none; }
.ngg-albumcontent { transform: rotate(3deg); -webkit-transform:  rotate(3deg); -moz-transform: rotate(3deg); margin: 0px; display: block; position: absolute; width: 190px; height: 154px; }
.ngg-thumbnail { transform:  rotate(-5deg); -webkit-transform:  rotate(-5deg); -moz-transform: rotate(-5deg); margin: 0px; display: block; position: absolute; width: 166px; height: 153px; }
.ngg-thumbnail img { transform:  rotate(2deg); -webkit-transform:  rotate(2deg); -moz-transform: rotate(2deg); margin: -5px 0px; display: block; position: absolute; width: 100%; height: auto; }

.ngg-album-compact h4, .ngg-album-compact p { display: none; }
.ngg-galleryoverview .desc { padding:5px; }


.ngg-navigation { font-size:0.9em !important; clear:both !important; display:block !important; padding-top:15px; text-align:center;}
.ngg-navigation a { color: #333 !important; font-weight: 600; text-decoration: none !important; } 
.ngg-navigation span { font-weight:bold; margin:0pt 6px; border-bottom: 2px solid #999; }
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev { margin-right:3px; padding:3px 7px; }

/******** Colorbox Core elements *********/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index: 999; overflow:hidden;}
#cboxOverlay{ position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
/*#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}*/
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; text-indent: -2000px; overflow: hidden; height: 26px; width: 26px; display: block;}

/******** Colorbox Style elements *********/

#cboxOverlay{background: #fff; opacity: 0.4; }
/*#cboxPrevious{ background:url('/wp-content/themes/xc1/static/images/colorbox/prev.jpg') no-repeat #fff; }
#cboxNext{ background:url('/wp-content/themes/xc1/static/images/colorbox/next.jpg') no-repeat #fff; }
#cboxLoadingOverlay{ background:url('/wp-content/themes/xc1/static/images/colorbox/loading.gif') 5px 5px no-repeat #fff; }
*/#cboxClose{ background:url('../images/close.jpg') no-repeat; }/*

#colorBox{}
#cboxTopLeft{width:25px; height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border1.png') -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border2.png') 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url('/wp-content/themes/xc1/static/images/colorbox/border2.png') -25px 0 repeat-y;}*/
#cboxContent{background:#fff; border: 5px solid #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);}
#cboxLoadedContent{margin-bottom: 40px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999; display: none; visibility: hidden; }
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{ }
#cboxClose{position:absolute; top: 30px; right: 0px; display:block; color: #369; z-index: 999; width: 41px; height: 32px; }

/*#cboxLoadedContent iframe { display: block !important; width: 100% !important; height: 100% !important; border: 0 !important; }*/


/*
 * jQuery Nivo Slider v2.3
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top: 0px; left:0px; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
/* The slices in the Slider */
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; }
.nivo-caption p { padding:0px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; z-index:99; cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }

.nivo-controlNav { position: relative; top: -13px; right: 0px; float:right; }
.nivo-controlNav a { display:block; width:22px; height:22px; background:url('../images/bullets.png') 0 0 no-repeat; text-indent:-9999px; z-index:89; border:0; margin-left: -4px; float:left; }
.nivo-controlNav a.active { background-position:-22px 0; }


/******** Handheld specials *********/


@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {

}