/*
Theme Name: ConceptCom Template
Theme URI: http://www.padcreative.co.uk/
Description: ConceptCom theme for WordPress.
Author: Pad Creative Ltd
Version: 1.2
*/

/*
                                   .MMM
                                   .MMM
                                   .MMM
                                   .MMM
  ,MMMMMMMM .  MMMMMMMMM    MMMMMMMMMMM
 MMMMMMMMMMMM.MMMMMMMMMMM.MMMMMMMMMMMMM
MMMM    .8MMMMMMM    .MMMMMMM?    .MMMM
MMM      .MMMMMM      .MMMMMM.     ~MMM
MMM.      MMMMMM.      MMMMMM.    .7MMM.
MMMM.   .MMMMMMMM    .MMMMMMMM.  .+MMMM.
MMMMMMMMMMMMO.MMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMM.. .+MMMMMM MMM. MMMMMMMM.
MMM
MMM
MMM               Pad Creative - design
MMM               www.padcreative.co.uk

*/


/* 
	Reset CSS Styles 
*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

fieldset { border-style: hidden; border-width: 0; }

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

* { margin:0; padding:0; } 

body { 
	font-size: 62.5%; 
	line-height: 150%;
	margin: 0;
	padding: 0; 
}

html,body { height: 100%; }

/* 
	Body & Container
*/

body { color: #fff; background-color: #000; font-family: "nexalight", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-weight: 400; font-style: normal; text-align: center; background: url(images/bg-stars.jpg); } 

/* Opera Fix for Sticky Footer */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

div#container { text-align: left; margin: 0 auto; width: 100%; min-height: 100%;}

div#holder { overflow: auto; padding-bottom: 391px;}  /* must be same height as the footer */

div#container.full-width { margin: 0; }





/* 
	Typography 
*/

/* Base Text Settings */
p, li, td , label { font-size: 1.5em; line-height: 1.5em; font-weight: normal; } 
strong { font-family: "nexaheavy", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: 700; font-style: normal; }
em { font-family: "nexalightitalic", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: 400; font-style: italic; }
strong em, em strong { font-family: "nexaheavy", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: 700; font-style: italic; }
p { margin-bottom: 15px; }
ol, ul { margin: 0 0 15px 17px; }
ol li { list-style-type: decimal; }
ul li { list-style-type: disc; }
h1,h2,h3,h4,h5,h6 { line-height: 1.2em; }

.light { font-family: "nexalight", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-weight: 300; font-style: normal; }
.heavy { font-family: "nexaheavy", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-weight: 700; font-style: normal; }

/* Links */
a:link, a:visited, a:active { color: #41B7E4; text-decoration: none; } 
a:hover { color: #4B8CCA; } 

/* Headings */
h1 { color: #fff; font-size: 3.1em; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 30px; text-shadow: 0px 0px 4px #000000, 0px 0px 10px #000000, 0px 0px 15px #000000, 0px 0px 20px #000000, 0px 0px 25px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); }
h2 { color: #41B7E4; font-size: 2.2em; letter-spacing: 3px; margin-bottom: 10px; }
h3 { color: #fff; font-size: 2em; margin-bottom: 10px; }
h4 { color: #fff; font-size: 1.8em; margin-bottom: 10px; }
h5 { color: #999; font-size: 1.5em; margin-bottom: 5px; }
h6 { color: #999; font-size: 1.5em; margin-bottom: 5px; }

h1, h2, h5 { font-family: "nexalight", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-weight: 300; font-style: normal;}
h3, h4, h6 { font-family: "nexaheavy", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-weight: 700; font-style: normal; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: underline; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }

h1 strong { color: #41B7E4; }

/* Text Styles */
p.intro { color: #b4eaff; font-size: 2em; line-height: 1.3em; font-weight: normal; } 

/* Lists */
ol li,
ul li { margin: 0 0 10px; }
ol li ol,
ul li ul { margin: 5px 0 0 0; }
ol li ol li,
ul li ul li { font-size: 0.9em; margin-left: 15px; }
ol li ol li ol,
ul li ul li ul { margin: 0; }
ol li ol li ol li,
ul li ul li ul li { font-size: 1em; margin-bottom: 5px; margin-left: 30px; }

/* Tables */
table { border: 1px solid #ddd; border-right: 0; border-bottom: 0; margin-bottom: 20px; }
table td { border: 1px solid #ddd; border-top: 0; border-left: 0; font-size: 1.3em; padding: 8px; }


/* 
	 Basic Layout 
 	 --------------------------------------------------------------------
*/

/* Rows and Columns */
div.row { width: 960px; clear: both; }
div.row div.column { float: left; margin-right: 30px; }
div.row div.column-end { margin-right: 0; }
div.row div.column-full { width: 960px; }
div.row div.column-main { width: 708px; }
div.row div.column-sidebar { width: 222px; }

/* Rows and Columns: 4-column set-up */
div.row div.column-one { width: 225px; }
div.row div.column-two { width: 470px; }
div.row div.column-three { width: 715px; }

div.row div.column-trans { background-image: url(images/trans80.png); }
div.row div.main-content-holder { padding: 20px; }
div.row div.column-left-menu { position: relative; }

/* Images */
img.alignnone { margin-bottom: 15px; }
img.aligncenter { display: block; margin: 0 auto 15px; }
img.alignright { float: right; clear: both; margin: 3px 0 15px 15px; }
img.alignleft { float: left; clear: both; margin: 3px 15px 15px 0; }

/* Buttons */
div.btn { margin-bottom: 20px; }
div.btn a { background-color: #41B7E4; color: #fff; display: block; }
div.btn a:hover { background-color: #4B8CCA; }

/* Buttons: Textual */
div.btn-textual { padding-top: 18px; }
div.btn-textual a { display: inline; font-size: 1.8em; line-height: 1em; letter-spacing: 4px; text-transform: uppercase; font-weight: normal; padding: 18px 25px 15px; }

/* Buttons: Graphical */
div.btn-graphical a { float: none; clear: none; width: 225px; height: 50px; background-position: 0 0; background-repeat: no-repeat; }
div.btn-graphical a:hover { background-position: -225px 0; }

/* Panels */
div.panel { background-image: url(images/panel-trans30.png); padding: 20px 20px 10px 20px; margin-bottom: 20px; }
div.panel-odd { background-image: url(images/panel-odd-trans30.png); }
div.panel img.panel-image { float: right; margin: 0 0 10px 20px; } 
div.panel h1,
div.panel h2,
div.panel h3,
div.panel h4,
div.panel h5,
div.panel h6 { color: #fff; margin-bottom: 10px; }
div.panel h2.panel-title { color: #41B7E4; margin-bottom: 15px; }
div.panel p { color: #fff; margin-bottom: 10px; }
div.panel a { color: #fff; text-decoration: underline; }
div.panel a:hover { color: #222; text-decoration: none; }

/* Testimonials */
div#main div.testimonials { margin: 0 0 20px; }
div#main div.testimonials p.quote { background-image: url(images/quote-l.png); background-repeat: no-repeat; background-position: left top; font-size: 1.6em; line-height: 1.5em; font-weight: normal; padding: 20px 0 0 20px; }
div#main div.testimonials p.quote span { background-image: url(images/quote-r.png); background-position: right bottom; background-repeat: no-repeat; padding: 0 20px 20px 0; display: block; }
div#main div.testimonials p.citation { font-weight: bold; font-size: 1.3em; padding-left: 20px; margin-bottom: 0; }

/* Gallery - YET TO BE DONE!!! */
div.gallery-holder { padding-top: 15px; }
div.gallery-holder h3 { margin-bottom: 20px; }
div.gallery { margin-bottom: 24px; }
div.gallery div.main-image { width: 668px; height: 470px; margin-bottom: 20px; }
div.gallery div.main-image img { display: block; }
div.gallery ul { margin: 0; }
div.gallery ul li { float: left; width: 152px; height: 152px; margin: 0 29px 29px 0; list-style-type: none; }
div.gallery ul li.last { margin-right: 0px; }
div.gallery ul li a:hover { opacity: 0.8; }
div.gallery ul li a.large-image-url-ref { display: none; }
div.gallery ul li.end-of-row { margin-right: 0px; }



.products div.gallery div.main-image { margin-bottom: 20px; }
.products div.gallery ul li { float: left; width: 150px; height: 150px; margin: 0 20px 20px 0; }

/*  Forms */
div.form { background-color: #222; padding: 10px; margin-bottom: 20px; }
div.form h2,
div.form h3 { color: #fff; }
div.form p { color: #fff; }
div.form input, div.form textarea { font-family: Arial, SunSans-Regular, sans-serif; }
div.form div.field input, div.form div.field textarea { background-color: #fff; color: #777; font-size: 1.5em; line-height: 1.3em; font-weight: normal; width: 221px; padding: 4px 2px; border: 0; }
div.form div.field { margin-bottom: 10px; }
div.form div.field label { color: #fff; font-weight: bold; margin-bottom: 2px; display: block; }
div.form div.field label span.detail { font-size: 0.9em; font-weight: normal; }
div.form div.field input { height: 14px; }
div.form div.field input:focus { background-color: #ccc; }

/* Forms: Submit Button */
div.form div.button input { background-color: #777; color: #fff; font-size: 1.5em; line-height: 1em; font-weight: bold; text-align: center; width: auto; padding: 6px 5px; border: 0; display: block; }
div.form div.button input:hover { background-color: #fff; color: #777; }

/* Forms: Contact Form 7 responses etc */
div.wpcf7 { position: relative; }
div.wpcf7-response-output { position: absolute; bottom: auto; left: 0px; width: 219px; font-size: 1.4em; font-weight: bold; margin: 0px 0 10px; padding: 4px 2px; background-color: #fff; }
span.wpcf7-not-valid-tip { position: absolute; top: 0; left: 0; width: 218px; height: 16px; background: none repeat scroll 0 0 #fff; color: #222; font-size: 1.5em; font-weight: normal; padding: 4px 2px; border: 1px solid #FF0000; }


/* 
	 Nav Menus 
 	 --------------------------------------------------------------------
*/

/* Generic Styles */
div.nav-menu ul { list-style-type: none; margin: 0; }
div.nav-menu ul li { list-style-type: none; margin: 0; }
div.nav-menu ul li a { color: #41B7E4; display: block; }
div.nav-menu ul li a:hover { color: #4B8CCA; }
div.nav-menu ul li.current-menu-item a,
div.nav-menu ul li.current_page_parent a,
div.nav-menu ul li.current-page-ancestor a {  }

div.nav-menu-horiz ul li { float: left; font-size: 1.5em; background-image: url(images/nav-divider.png); background-position: right center; background-repeat: no-repeat; margin-right: 10px; padding-right: 11px; }
div.nav-menu-horiz ul li.menu-item-last { margin-right: 0px; padding-right: 0; background-image: none; }
div.nav-menu-horiz-right ul { float: right; }

div#top-menu { position: absolute; bottom: 0; right: 0; }

div#left-menu { position: absolute; left: -30px; top: 0;  z-index: 200; }
div#left-menu ul li { background-image: url(images/bg-menu.png); background-repeat: no-repeat; background-position: center center; width: 160px; min-height: 38px; margin-bottom: 16px; font-size: 1.2em; line-height: 1.2em; font-family: "nexaheavy", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: 3px; }
div#left-menu ul li a { color: #fff; text-align: right; padding: 5px 30px 0 0;  }
div#left-menu ul li a span { display: block; }
div#left-menu ul li a:hover { color: #4B8CCA; }
div#left-menu ul li a:hover span { color: #41B7E4; }
div#left-menu ul li.current-menu-item a,
div#left-menu ul li.current_page_parent a,
div#left-menu ul li.current-page-ancestor a,
div#left-menu #products-menu ul li.menu-item-57 a { font-size: 1.3em; line-height: 1em; font-family: "nexalight", Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-weight: 300; font-style: normal; padding-top: 3px; }
div#left-menu ul li.current-menu-item a span,
div#left-menu ul li.current_page_parent a span,
div#left-menu ul li.current-page-ancestor a span,
div#left-menu #products-menu ul li.menu-item-57 a span { color: #41B7E4; }
div.filler { visibility: hidden; }

/* 
	 Main Page Area 
 	 --------------------------------------------------------------------
*/

div#page-container { width: 960px; margin: 0 auto; background-color: transparent; padding: 20px 0; } 


/* 
	 Header 
 	 --------------------------------------------------------------------
*/

div#header { width: 960px; height: 120px; margin: 0 auto; background-color: transparent; position: relative; }

/* Logo */
div#logo { position: absolute; top: 30px; left: 10px; }
div#logo a { width: 222px; height: 62px; background-image: url(images/logo-conceptcom.png); display: block; }

/* Language Selector */
div#lang-selector { position: absolute; top: 10px; right: 0px; display: none; }
div#lang-selector ul { margin: 0; }
div#lang-selector ul li { float: left; margin: 0 2px 0 0; list-style-type: none; }
div#lang-selector ul li a { width: 58px; height: 34px; background-repeat: no-repeat; background-position: 6px 0; display: block; }
div#lang-selector ul li.lang-en a { background-image: url(images/icon-flag-en.png); }
div#lang-selector ul li.lang-fr a { background-image: url(images/icon-flag-fr.png); }
div#lang-selector ul li a:hover { background-position: -54px 0; }
div#lang-selector ul li a.active { background-position: -114px 0; }


/* 
	 Site-specific Elements 
 	 --------------------------------------------------------------------
*/

div.contact-region { float: left; width: 292px; padding: 15px 15px 5px; margin: 0 20px 20px 0; border: 1px solid #444; -webkit-box-shadow: 0px 0px 10px 0px #555555; -moz-box-shadow: 0px 0px 10px 0px #555555; box-shadow: 0px 0px 10px 0px #555555; }
div.contact-region.end-of-row { margin-right: 0; }

div.contact-region h3 { font-size: 1.4em; text-transform: uppercase; letter-spacing: 3px; color: #41B7E4; padding-bottom: 3px; border-bottom: 1px solid #444; margin-bottom: 15px; }
div.contact-region h4 { font-size: 1.5em; line-height: 1.4em; margin-bottom: 0; }
div.contact-region p,div.contact-region ul li,div.contact-region dl { font-size: 1.5em; line-height: 1.4em; }

div.contact-methods { margin-bottom: 15px; }
div.contact-methods ul { margin: 0; }
div.contact-methods ul li { margin: 0; list-style-type: none; }
div.contact-methods ul li span.contact-type { color: #fbd48f; }

div.team dl { margin-bottom: 10px; }
div.team dl dd { margin-bottom: 5px; }

div.team dl dd span.contact-type,
div.team dl dd span.contact-type { color: #fbd48f; }




/* Products */
.products h1 { background-repeat: no-repeat; background-position: left center; padding-top: 4px; }
.products h1.product { padding-left: 36px; background-image: url(images/icon-products30.png); }
.products h1.service { padding-left: 36px; background-image: url(images/icon-services30.png); }
.products h2 { letter-spacing: 1px; font-size: 3em; margin-bottom: 10px; }
.products .column-service h2 { color: #fbd48f; }
.products h2.service a { color: #fbd48f; }
.products h2.service a:hover { color: #4B8CCA; }
.products h3.type-heading { letter-spacing: 1px; text-transform: uppercase; font-size: 1.2em; padding-top: 1px; margin-bottom: 8px; background-repeat: no-repeat; }
.products h3.type-heading.product { padding-left: 18px; background-image: url(images/icon-products.png); }
.products h3.type-heading.service { padding-left: 18px; background-image: url(images/icon-services.png); }

.products .post-listing .placeholder { float: right; clear: both; margin: 3px 0 15px 15px; width: 150px; height: 150px; }
.products .post-listing .placeholder a { display: block; width: 148px; height: 148px; background: #222; background-image: url(images/placeholder-logo-150.png); background-repeat: no-repeat; background-position: -1px 0; border: 1px solid #444; }
.products .post-listing .placeholder a:hover { background-position: -151px 0; opacity: 0.8; }
.products .post-listing a.featured-image-link { display: block; }
.products .post-listing a.featured-image-link:hover { opacity: 0.8; }

.products.index div.posts-group, 
.products.archive div.posts-group { padding-bottom: 20px; border-bottom: 1px solid #112e39; margin-bottom: 20px; }

.products.index div.post-listing, 
.products.archive div.post-listing { float: left; width: 152px; margin-right: 20px; margin-bottom: 0; border: 0; padding: 10px 0; }

.products.index div.post-listing h2, 
.products.archive div.post-listing h2 { font-size: 1.4em; margin-bottom: 10px; min-height: 60px; text-transform: uppercase; }

.products.index div.post-listing p, 
.products.archive div.post-listing p { font-size: 1.4em; line-height: 1.3em; }

.products.index div.post-listing.end-of-row, 
.products.archive div.post-listing.end-of-row { margin-right: 0px; }

div.btn-products { margin-bottom: 40px; }
div.btn-products a { font-size: 1.2em; padding: 4px 8px; }

.product-navigation { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #112e39; }
.product-navigation-top { border-top: 1px solid #112e39; padding-top: 20px; }
.product-navigation .nav-previous,
.product-navigation .nav-next { width: 40px; height: 40px; }
.product-navigation .nav-previous { float: right; background-image: url(images/arrow-right-50pc.png); }
.product-navigation .nav-next { float: left; background-image: url(images/arrow-left-50pc.png); }
.product-navigation .nav-previous a { width: 40px; height: 40px; background-image: url(images/arrow-right.png); display: block; }
.product-navigation .nav-next a { width: 40px; height: 40px; background-image: url(images/arrow-left.png); display: block; }
.product-navigation .nav-previous a:hover,
.product-navigation .nav-next a:hover { opacity: 0.8; }
.product-navigation .nav-show-all { float: right; width: 588px; font-size: 1.8em; font-weight: normal; }
.product-navigation .nav-show-all a { padding-top: 14px; margin: 0 auto; text-align: center; display: block; }













/* Posts */

h1.posts-section-title { font-size: 4em; font-weight: normal; margin-bottom: 30px; }

/* Posts: Sidebar */
div.panel-post-list { }
div.panel-post-list h2 { font-size: 2.6em; }
div.post-snippet { padding-bottom: 15px; border-bottom: 1px solid #fff; margin-bottom: 15px; }
div.post-snippet.last { border-bottom: 0; margin-bottom: 0; }
div.post-snippet h3 { font-size: 1.8em; margin-bottom: 3px; }
div.post-snippet p { margin-bottom: 0; }
div.post-snippet p a.read-more { white-space: nowrap; }

/* Posts: Index & Archive Listings */
div.post-listing { margin-bottom: 20px; }
div.post-listing.last { border-bottom: 0; margin-bottom: 0; }
div.post-listing p { margin-bottom: 0; }
div.post-listing p a.read-more { white-space: nowrap; }

/* Posts: Single */
div.post-full div.featured-image { border: 1px solid; padding: 10px; margin-bottom: 20px; }
div.post-full div.featured-image img,
div.post-full div.featured-image-left img,
div.post-full div.featured-image-right img { margin: 0; }
div.post-full div.featured-image-left { float: left; margin: 0 15px 15px 0; }
div.post-full div.featured-image-right { float: right; margin: 0 0 15px 15px; } 


/* Posts: Navigation */
div.navigation { margin-bottom: 20px; }
div.navigation .nav-btn { font-size: 1.3em; font-weight: bold; text-transform: uppercase; }
div.navigation .nav-btn-next { width: 400px; float: right; text-align: right; }
div.navigation .nav-btn-prev { width: 400px; float: left; }






div#main div.articles { background-color: #dfdfdf; background-image: url(images/right_col_mask.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 37px; margin-bottom: 30px; } 
div#main div.articles h2.articles-heading { font-size: 2.6em; line-height: 1em; font-weight: bold; font-weight: 700; padding: 40px 10px 10px; margin: 0; background-color: #8f999d; color: #f4f3f1; border: 0; }
div#main div.articles h2.articles-heading a { color: #f4f3f1; }
div#main div.articles h2.articles-heading a:hover { color: #fff; }
div#main div.articles div.articles-content { padding: 10px 10px 0; }
div#main div.articles h3 { font-size: 1.6em; font-weight: bold; line-height: 1.1em; color: #8f999d; margin-bottom: 3px;  }
div#main div.articles h3 a { color: #8f999d; }
div#main div.articles h3 a:hover { color: #777777; }
div#main div.articles p { font-size: 1.3em; line-height: 1.4em; font-style: italic; text-transform: none;}
div#main div.articles p a { color: #8f999d; }
div#main div.articles p a:hover { color: #777777; }
div#main div.articles p a.read-more { font-style: normal; }




/* Teasers */
div#main div.teasers { padding: 10px 0; }
div#main div.teaser { width: 650px; margin-bottom: 30px; border-top: 4px solid; border-bottom: 1px solid #cdcdcd; background-color: #f4f3f1; }
div#main div.teaser div.image { float: right; width: 140px; }
div#main div.teaser div.image img { display: block; }
div#main div.teaser div.content { float: left; width: 460px; padding-top: 10px; }
div#main div.teaser h2 { font-size: 2.2em; line-height: 1.1em; color: #920438; margin-bottom: 6px; }
div#main div.teaser p { line-height: 1.4em; margin-bottom: 15px; }
div#main div.teaser div.btn-teaser { }
div#main div.teaser div.btn-teaser a { float: left; clear: both; display: block; font-size: 1.8em; line-height: 1em; font-weight: bold; font-weight: 700; background-color: #920438; color: #fff; padding: 5px 10px 6px; }
div#main div.teaser div.btn-teaser a:hover { background-color: #cdcdcd; }
div#main div.teaser h2 a:hover { color: #777777; }



/*  Contact Page - Form */
div#main div.forms { margin-bottom: 30px; margin-top: 30px; background-color: #8f999d; padding: 10px; }
div#main div.forms h3 { font-size: 2em; line-height: 1em; color: #F4F3F1; }
div#main div.forms p { font-size: 1.3em; line-height: 1.3em; color: #F4F3F1; }
div#main div.forms input { font-family: "myriad-pro", Helvetica, Arial, SunSans-Regular, sans-serif; }
div#main div.forms div.field {  }
div#main div.forms div.field label { display: block; font-size: 1.3em; text-transform: uppercase; font-weight: bold; font-weight: 700; margin-bottom: 2px; color: #F4F3F1; }
div#main div.forms div.field label span.detail { text-transform: lowercase; font-size: 0.9em; font-weight: normal; font-weight: 400; }
div#main div.forms div.field input { width: 216px; height: 14px; padding: 4px 2px; margin-bottom: 8px; font-size: 13px; font-weight: normal; border: 0px solid #ddd; color: #777777; }
div#main div.forms div.field input:focus { background-color: #444; }
div#main div.forms div.field textarea { width: 216px; padding: 4px 2px; font-size: 13px; font-weight: normal; border: 1px solid #ddd; color: #777777; margin-bottom: 8px; }

div#main div.forms div.buttons input { padding: 6px 5px; border: 0; background-color: #58595B; text-align: center; font-size: 1.4em; line-height: 1em; font-weight: bold; font-weight: 700; color: #fff; text-transform: uppercase; display: block; width: auto; }
div#main div.forms div.buttons input:hover { background-color: #ddd; color: #777777; }

/* Sign up form: responses etc */
div#main div.wpcf7 { position: relative; }
div#main div.wpcf7-response-output { position: absolute; bottom: auto; left: 0px; width: 400px; font-size: 1.4em; font-weight: bold; margin: 0px 0 10px; padding: 5px 8px; background-color: #fff; }
div#main div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }
div#main div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; }
div#main div.wpcf7-spam-blocked { border: 2px solid #ffa500; }
div#main div.wpcf7-validation-errors { border: 2px solid #f7e700; }
div#main span.wpcf7-form-control-wrap { position: relative; }
div#main span.wpcf7-not-valid-tip { background: none repeat scroll 0 0 #FFFFFF; color: #222; border: 1px solid #FF0000; font-size: 1.4em; font-weight: normal; text-transform: none; letter-spacing: 1px; left: 0; padding: 4px 2px; position: absolute; top: 0; width: 218px; height: 16px; z-index: 100; }
div#main span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
div#main span.wpcf7-list-item { margin-left: 0.5em; }
div#main .wpcf7-display-none { display: none; }
div#main div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; }
div#main div.wpcf7 .watermark { color: #888; }



/* 
	 Blog 
 	 --------------------------------------------------------------------
*/

/* Blog: Index/Archive */
div#main div.post { padding-bottom: 20px; border-bottom: 1px solid; margin-bottom: 20px; }
div#main div.post.last { padding-bottom: 0px; border-bottom: 0; margin-bottom: 0; }
div#main div.post h2 { color: #fff; }
div#main div.post p { margin-bottom: 0; }
div#main div.post div.post-thumbnail { float: right; margin: 0 0 0 16px; }
div#main div.post div.post-thumbnail img { display: block; }

/* Blog: Single */
div#main div.post-full {  }
div#main div.post-full div.post-thumbnail { margin: 0 0 24px 0; padding: 0; text-align: center; border: 17px solid #fff; background-color: #dedacd; clear: both; }
div#main div.post-full div.post-thumbnail img { margin: 0 auto; display: block; }


/* Blog Index/Archive Navigation */
div#main div.navigation { margin-bottom: 20px; }
div#main div.navigation .nav-btn { font-size: 1.3em; font-weight: bold; font-weight: 700; text-transform: uppercase; }
div#main div.navigation .nav-btn-next { width: 400px; float: right; text-align: right; }
div#main div.navigation .nav-btn-prev { width: 400px; float: left; }

/* Blog Comments */
div#comments { background-color: #fff; padding: 16px; margin-top: 30px; }
div#comments h3#respond { font-size: 1.8em; margin-bottom: 15px; }
div#comments h4#comments { display: none; }
div#comments ul.commentlist { margin: 0; padding: 0; }
div#comments ul.commentlist li { margin: 0 0 30px; padding: 0; list-style-type: none; font-size: 1em; }
div#comments ul.commentlist li.alt { background-color: transparent; }  
div#comments div.commentmetadata { font-size: 1.3em; font-weight: bold; margin-bottom: 10px; }
div#comments div.commentmetadata span { color: #fff; background-color: #949455; padding: 2px 4px; }
div#comments div.commentmetadata span a { color: #E2E4D4; text-decoration: none; }
div#comments div.commentmetadata span a:hover { color: #fff; }
div#comments div.commenttext { /* padding: 10px; border: 1px solid #4fa0bc;  */ border-bottom: 1px dotted #d5be68; padding-bottom: 10px;}
div#comments div.commenttext p { font-size: 1.5em; /* padding-left: 15px;  */margin-bottom: 10px; }
/*
div#comments div.commentdate { margin-bottom: 10px; background-color: #4fa0bc; padding: 5px 10px; }
div#comments div.commentdate p { font-size: 1em; margin: 0; color: #fff; text-decoration: none; }
div#comments div.commentdate p a { color: #fff; text-decoration: none; }
div#comments div.commentdate p a:hover { color: #eef6e7; }
*/

div#comments div.commentdate { float: right }
div#comments div.commentdate p { font-size: 1.3em; font-weight: bold; margin-bottom: 10px; padding-left: 0; }
div#comments div.commentdate p a {  }
div#comments div.commentdate p a:hover {  }

div#comments form#commentform div.field { margin-bottom: 10px; }
div#comments form#commentform label { display: block; }
div#comments form#commentform div.field input { width: 96%; background-color: #eee9df; padding: 10px 2%; }
div#comments form#commentform textarea { width: 96%; background-color: #eee9df; padding: 10px 2%; }


/* 
	 Footer 
 	 --------------------------------------------------------------------
*/

div#footer { display: none; clear: both; margin-top: -391px; /* negative value of footer height */ height: 391px; background: url(images/bg-planet-med3.png); background-position: center bottom; background-repeat: no-repeat; position: relative; z-index: 100; } 

div#footer div.copyright { position: absolute; bottom: 0px; left: 0; z-index: 101; padding: 5px 10px; background: #000; background: rgba(0,0,0,0.7); }
div#footer div.copyright p { margin-bottom: 0; }

div#footer p,
div#footer li { color: #fff; font-size: 1.3em; }

div#footer p a { color: #fff; }
div#footer p a span { color: #fff; }
div#footer p a:hover { color: #41B7E4; }


/* 
	 Miscellaneous 
 	 --------------------------------------------------------------------
*/
div#container.full-width,
div#header.full-width,
div#footer.full-width,
div.full-width { width: 100%; margin: 0; }
.inner-container { width: 960px; height: inherit; margin: 0 auto; position: relative; }

/* Error Messages */
div.error-message { background-color: #fff; border: 4px solid #41B7E4; padding: 10px; margin-bottom: 20px; }
div.error-message h1 { color: #41B7E4; }
div.error-message a { color: #41B7E4; }
div.error-message a:hover { color: black; }

/* Clearfix */
.group:before,
.group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }


/* 
	 Addons & Third-party
 	 --------------------------------------------------------------------
*/

/* Cookie Legal Message */
#cookieMessageWrapper {
	background: #aaa;
	font-weight: normal; 
	padding: 0;
	margin: 0;
	display: none;
	border-bottom: solid 1px #666;
	background: #aaaaaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #aaaaaa 0%, #888888 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#888888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aaaaaa 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aaaaaa 0%,#888888 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aaaaaa 0%,#888888 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aaaaaa 0%,#888888 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#888888',GradientType=0 ); /* IE6-8 */
	/* height: 50px; */

}
#cookieMessage {
	width: 960px; /* this needs to be set to the width of the centre container */
	padding: 10px 0 11px 0;
	margin: 0 auto;
	position: relative;
}
#cookieMessage:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#cookieMessage p {	
	text-align: left;
	color: #fff;
	margin: 0;
	font-size: 1.5em;
	line-height: 1em;
}
#cookieMessage p a { color: #375D92; }
#cookieMessage p a:hover { color: #666; }
a#cookieClose {
	float: right;
	display: block;
	background-image: url(images/close.png);

	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	z-index: 100;
	
	text-decoration: none;
	background-color: transparent;
	border: solid 0px #555;
	border-radius: 3px;
	color: #fff;
	font-size: 1.1em;
	text-transform: lowercase;
	font-weight: bold;

}
a#cookieClose:hover { opacity: 0.8; }

  
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 4008
 * @category jQuery plugin
 * @copyright (c) 4008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}