@charset "utf-8";

/*-----------------------------------------------------------------------------------

	

	Main CSS Document for Invictus Fullsize Background Photographer Wordpress Theme



	Theme Name: Invictus

	Theme URI: 

	Description: A Fullsize Background Photographer Theme

	Tags: black, white, two-columns, fixed-width, translation-ready, custom-menu

	Author: Dennis Osterkamp

	Author URI: http://www.do-media.de

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Version: 2.0

	

	All files, unless otherwise stated, are released under the GNU General Public License

	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)



-----------------------------------------------------------------------------------

	= Table of Contents



	1. =Reset and Clearfix

	2. =Body, Typography and some main Elements

	3. =Structure

	4. =Header styling

	5. =Superfish Navigation Menu

	6. =Content

	7. =Images	

	8. =Forms

	9. =Navigation

	10. =Comments

	11. =Widgets

	12. =Footer	

	13. =Lists

	14. =Shortcodes

	15. =SuperBgImage & Thumbnails



/*-----------------------------------------------------------------------------------*/

/* 1. =Reset and Clearfix

/*-----------------------------------------------------------------------------------*/

/* Credits: http://meyerweb.com/eric/tools/css/reset/ 

*/



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, table, caption, tbody, tfoot, thead, tr, th, td { 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; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */





header, footer, nav, article { display: block; }



/*-----------------------------------------------------------------------------------*/

/*	2. =Body, Typography and some main Elements

/*-----------------------------------------------------------------------------------*/



html { overflow-x: hidden; }



body { 

	line-height: 20px;

	overflow: hidden;

	padding: 0 20px; margin: 0;

}



body.fullsize-gallery { width: 100%; height: 100%; }



.hidden { display: none; }



.float-left { float: left; }

.float-right { float: right; }



/* Alignment */

.alignleft {

	display: inline;

	float: left;

}

.alignright {

	display: inline;

	float: right;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.clear {

	clear: both;

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	width:100%;

}



.hidden { display: none; }



a { text-decoration: none; }



a img { border: none; }



p,

pre,

ul,

ol,

dl,

dd,

blockquote,

address,

table,

fieldset,

form { margin-bottom: 18px; }



hr { border: 0; clear: both; height: 1px; margin-bottom: 18px; }



/** Main Headlines **/

h1,h2,h3,h4,h5 { 

	font-weight: normal;

}



h1 { font-size: 42px; line-height: 60px; text-transform: uppercase; }

h2 { font-size: 36px; line-height: 50px; margin-bottom: 10px; }

h3 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }

h4 { font-size: 24px; line-height: 30px; margin-bottom: 8px; }

h5 { font-size: 18px; line-height: 20px; margin-bottom: 5px; }

h6 { font-size: 16px; line-height: 15px; margin-bottom: 5px; }





h1.page-title, h1.entry-title  { margin-bottom: 13px; }

h2.page-description, h2.entry-description { 

	font: 13px/20px "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

	padding-bottom: 20px;

	border-bottom: 1px dotted transparent;

	margin-bottom: 30px;

	text-transform: uppercase;

}



a:link, a:visited { text-decoration: none; }

a:hover, a:active { text-decoration: underline; }



.gallery .entry-content h2:first-child, .blog .entry-content h2:first-child { margin-bottom: 15px; line-height: 30px; }



/* we want Tagesschrift to apply to all h2's */

.wf-loading h2 { 

  visibility: hidden; 

}

.wf-active h2, .wf-inactive h2 {

  visibility: visible; 

  font-family: 'Tagesschrift', 'Georgia', serif;

}



/*-----------------------------------------------------------------------------------*/

/*	3. =Structure

/*-----------------------------------------------------------------------------------*/



html,body,#page,#main { min-height: 100%; }



#page {	display: block; width: 100%; height: 100%; }



#main { margin: 0 0 0 255px; padding: 70px 0 0; width: 660px; position: relative; z-index: 6; } 



#primary { padding: 30px; position: relative; z-index: 6; }

#content { }

#main .widget-area { }

#colophon { }



/** Hide Content and Sidebar on page load by default to fade in content **/

#primary, #sidebar { display: none; }



.page-template-template-grid-fullsize-php #primary, 

.page-template-template-grid-fullsize-php #sidebar,

.page-template-template-scroller-php #primary { display: block; }





/*** Sidebars ***/

#sidebar { width: 235px; padding: 0; }



.left-sidebar #sidebar { float: left; margin-left: -255px;  margin-top: 110px; z-index: 10; }

.left-sidebar #primary { float: right; margin-top: 0; width: 600px; }



/** Special Template Formats **/

/** template-grid-fullsize.php **/

.page-template-template-grid-fullsize-php #main,

.fullsize-gallery #main { width: auto; margin-left: 0;  }

#primary.portfolio-fullsize-grid { background: none; padding: 0; border: 0 none; }

.page-template-template-grid-fullsize-php #main .entry-header,

.fullsize-gallery #main .entry-header { margin-left: 255px; padding: 0 30px; min-width: 600px; min-height: 100px; }



/** template-scroller.php **/

.page-template-template-scroller-php, .fullsize-gallery { padding: 0; }

.page-template-template-scroller-php #main { width: auto; margin-left: 0;  }

#primary.portfolio-fullsize-scroller, #primary.template-fullsize-gallery { background: none; padding: 0; border: 0 none; }

#primary.template-fullsize-gallery { width:600px; }

.page-template-template-scroller-php #main .entry-header { margin-left: 255px; padding: 0 30px; min-width: 600px; min-height: 100px; }



/** contact_us.php **/

.page-template-contact_us-php #main,

.page-template-template-fullsize-php #main,

.page-template-template-blog-fullsize-php #main { width: 925px; margin: 110px 0 0 0; }



/** template-sidebar-fullwidth.php **/

.page-template-template-sidebar-fullwidth-php #main { width: auto; }

.page-template-template-sidebar-fullwidth-php #primary { width: auto; }



/*-----------------------------------------------------------------------------------*/

/* 4. =Header styling

/*-----------------------------------------------------------------------------------*/



#branding { position: fixed; top: 0; left: 20px;  z-index: 11 }



#site-title {

	margin: 0; 

	line-height: 18px; 

	width: 235px;

	margin-right: 20px;

	border-bottom: 10px solid transparent;	

}



#site-title a {

	text-align: center;

	margin: 0; 

	padding-top: 50px;

	width: 235px;

	height: 100px;

	line-height: 1px;

	font-size: 50px;

	letter-spacing: -3px;

	display: block;

	font-weight: normal;

	text-indent: -999em;

}



#welcomeTeaser {

	font-weight: 200;	

	width: 235px;

	font-size: 26px;

	line-height: 28px;

	margin: 20px 0;

	text-transform: uppercase;

	text-align: justify;

}

#welcomeTeaser .inner { display: block; padding: 20px }

#welcomeTeaser .inner strong { font-size: 34px; font-weight: normal; }



/*-----------------------------------------------------------------------------------*/

/* 5. =Superfish Navigation Menu

/*-----------------------------------------------------------------------------------*/



#expander {

	display: block;

	position: fixed;

	top: 0;

	right: 20px;

	height: 50px;

	width: 32px; 

	background: transparent url(css/black/bg-expander-arrow.png) 50% 100% no-repeat;

	text-indent: -999em;

	z-index: 50;

}



#expander.slide-up { background-position: 0 100% }

#expander.slide-down { background-position: 100% 100%  }



nav#navigation {

	position: fixed;

	top: 0;

	z-index: 100;

	left: 275px;

}



nav#navigation ul {

	margin: 0;

	padding: 0 10px;

	list-style: none;

}



nav#navigation ul a {

	padding: 22px 0 5px;

    font-weight: normal;

    float: left;

    font-size: 13px;

	text-transform: uppercase;

	border-bottom: 3px solid transparent

}



nav#navigation ul li {

	position: relative;

	z-index: 20;

	float: left;

    margin: 0 10px;

}



nav#navigation ul li:hover { visibility: inherit; }



nav#navigation ul ul li { width: 100%; }



nav#navigation ul a:hover,

nav#navigation ul li.sfHover a,

nav#navigation ul li.current-cat a,

nav#navigation ul li.current_page_item a,

nav#navigation ul li.current-menu-item a {

	text-decoration: none;

}



nav#navigation ul li.sfHover li a,

nav#navigation ul li.sfHover li a span{

	 background: none; 

}



nav#navigation li li a:hover,

nav#navigation li.sfHover li a { background: none }



nav#navigation li a span {

    display: block;

    padding: 0;

    float: left;

    cursor: pointer;

}



nav#navigation li li a span { padding: 0; }



.sf-sub-indicator { text-indent: -9999px; }



nav#navigation li a span.sf-sub-indicator {

    width: 29px;

    height: 30px;

    float: left;

    margin: 0;

    padding: 0;

}



nav#navigation li li a span.sf-sub-indicator,

nav#navigation li.sfHover li a span.sf-sub-indicator {

    height: 12px;

    margin: 5px 0 0 0;

    width: 10px;

    float: right;

}



/*  Make sub menus appear */

nav#navigation ul li:hover ul,

nav#navigation ul li.sfHover ul {

	left: 0;

	top: 100%; /* match top ul list item height */

	z-index: 99;

}



/* Hide all subs subs (4 levels deep) */

nav#navigation ul li:hover li ul,

nav#navigation ul li.sfHover li ul,

nav#navigation ul li li:hover li ul,

nav#navigation ul li li.sfHover li ul,

nav#navigation ul li li li:hover li ul,

nav#navigation ul li li li.sfHover li ul { top: -9999em; }



/* Displays all subs subs (4 levels deep) */

nav#navigation ul li li:hover ul,

nav#navigation ul li li.sfHover ul,

nav#navigation ul li li li:hover ul,

nav#navigation ul li li li.sfHover ul,

nav#navigation ul li li li li:hover ul,

nav#navigation ul li li li li.sfHover ul {

	left: 180px; /* match .nav ul width */

	top: -1px;

}



/* 2nd level skin */

nav#navigation ul ul {

	position: absolute;

	top: -9999em;

	width: 180px; /* left offset of submenus need to match (see below) */

    padding: 10px 15px;

    margin: 10px 0 0;

}



nav#navigation ul ul li {

	float: left;

	width: 170px;

	background: none;

	padding: 0;

	margin: 0;

	line-height: 1;

	border-bottom: 1px dotted transparent;

}



nav#navigation ul ul li:first-child  { border-top: none }



nav#navigation ul ul li:last-child { border-bottom: none }



nav#navigation ul ul li a {

	font-size: 12px;

	font-weight: normal;

	padding: 8px 0 5px;

	margin-bottom: 0;

	line-height: 16px;

	border-bottom: 0 none;

}



nav#navigation ul ul li a:link, nav#navigation ul ul li a:visited { 

	

}



nav#navigation ul li a,

nav#navigation ul li a span { background: none }



/*-----------------------------------------------------------------------------------*/

/* 6. =Content

/*-----------------------------------------------------------------------------------*/



/* Portfolio List */

.portfolio-list li, .portfolio-list .flickr_badge_image { 

	float: left;

	list-style: none;

	cursor: pointer;

	position: relative;

}



/* Special Flickr Stream styles */

.portfolio-list .flickr_badge_image { margin-right: 4px; }



#portfolioList li ul  { margin: 0; padding: 5px 10px; }

#portfolioList li ul li {

	float: none;

	padding: 0;

	margin: 0;

	font-size: 11px;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

}



	.portfolio-list li .shadow a { display: block; }

	.portfolio-list li .shadow { display: block; position: relative;  }

	.portfolio-list li img { display: block; }

	

	.portfolio-list li .item-caption { bottom: 0; left: 0; right: 0; }

	

	/** 1 Column Portfolio **/

	.portfolio-one-column .portfolio-list li {	margin: 0 0 30px 0; }

		.portfolio-one-column .portfolio-list li .shadow {	padding-bottom: 0; }	

	

	/** 2 Column Portfolio **/

	.portfolio-two-columns .portfolio-list li {	margin: 0 28px 28px 0; }

	.portfolio-two-columns .portfolio-list li:nth-child(2n) { margin-right: 0; }

		.portfolio-two-columns .portfolio-list li .shadow {	padding-bottom: 0; }



	/** 3 Column Portfolio **/

	.portfolio-three-columns .portfolio-list li {	margin: 0 14px 14px 0; }

	.portfolio-three-columns .portfolio-list li:nth-child(3n) { margin-right: 0; }

		.portfolio-three-columns li .shadow {	padding-bottom: 0; }	

		

	/** 4 Column Portfolio **/

	.portfolio-four-columns .portfolio-list li { margin: 0 7px 7px 0; }

	.portfolio-four-columns .portfolio-list li:nth-child(4n) { margin-right: 0; }



	/** Sortable Portfolio **/

	.portfolio-sortable-grid .portfolio-list li { margin: 0 2px 2px 0; }

	.portfolio-sortable-grid .portfolio-list li:nth-child(5n) { margin-right: 0; }



	/** Fullsize Grid Portfolio **/

	.portfolio-fullsize-grid li { margin: 0 5px 5px 0; display: none; }



	/** Scrollable Fullsize Portfolio **/

	.portfolio-fullsize-scroller .portfolio-list li { margin: 0 10px 0 0; display: block; }

	.portfolio-fullsize-scroller .portfolio-list li.photo:last-child { margin-right: 0; }

	.portfolio-fullsize-scroller .scroll-pane { overflow: hidden; width: 100%; float:left; position: relative; }

	.portfolio-fullsize-scroller .scroll-content { float: left; }



	.portfolio-fullsize-scroller a.scroller-arrow {

		position: absolute;

		display: block;

		text-indent: -999em;

		z-index: 20;

		top: 50%;

		margin-top: -32px;

		width: 52px;

		height: 64px;

		display: none;

	}



	.portfolio-fullsize-scroller a#scroll_left { left: 0; background-position: 0 50%; }

	.portfolio-fullsize-scroller a#scroll_right { right: 0; background-position: 100% 50%; }



	.portfolio-fullsize-scroller a.disabled { display: none; }



/** Gallery related images **/

#relatedGalleryImages li { width: 144px; overflow: hidden; }

#relatedGalleryImages li a.title { display: block; line-height: 16px; height: 32px; }



/** Portfolio Sorting **/

.content-sort { border-bottom: 1px dotted transparent; padding-bottom: 5px; margin-top: -20px; }

.content-sort li { float: left; text-transform: uppercase; }

.content-sort li a { display: block; padding: 5px 16px; }



/** Contact Form **/

.contact-col { float: left; width: 25%; padding-right: 8%; }

.contact-col-last { padding-right: 0; width: 33%; }



/* Increase the size of the content area for templates without sidebars */

.full-width #content,

.image-attachment #content,

.error404 #content {

	margin: 0;

}



/* Text meant only for screen readers */

.screen-reader-text,

.section-heading {

  position: absolute !important;

  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

}

.alignright {

	display: inline;

	float: right;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.entry-header .page-header { padding-bottom: 10px; margin: 0 0 10px; }

.entry-image { padding: 0 0 10px; }

.entry-image img { display: block; }



.entry-meta, .entry-share { font-size: 12px; border: 1px solid transparent; border-width: 1px 0; padding-bottom: 4px; }

.entry-meta li {

	font-size: 12px;

	display: block;

	padding: 8px 0 0;

	float: right; 

	margin-left: 17px;

	margin-right: 3px; 

	line-height: 20px; 

}



.entry-meta ul { margin: 0; padding: 0; }



/* Social Sharing */

.entry-share { 

	border-width: 0 0 1px;

	font-size: 12px;

	padding: 8px 3px;

	line-height: 21px;	

}

.entry-share iframe { display: inline-block; margin: 0; padding: 0; }

.share-button { float: right; height: 21px; position: relative }

.share-text { float: left; padding: 0; width: 40%; line-height: 16px; }

.share-google-plus { z-index: 1; }

.share-twitter { z-index: 2; }

.share-facebook { z-index: 3; }



.respond-title, .author-title, .related-title, .recent-title {

	margin: 0 0 20px;

	padding-bottom: 5px;

	font-size: 22px;



	border-bottom: 1px dotted transparent;

}



/** Tag list **/

.entry-tags { margin: 20px 0; }

.entry-tags li { float: left; width: auto; margin: 0 3px; }

.entry-tags li a { display: block; padding: 5px 4px 0 4px; float: left; }

.entry-tags li.title { padding: 5px 0 0; }

 

/** Tag Cloud **/

.tag-cloud ul li { float: left; width: auto; margin: 0 4px 0 0; }

.tag-cloud ul li a { display: block; padding: 2px 5px; }



#author-info, #related-posts { margin: 40px 0 0; }



/** Author Infos **/ 

#author-info .author-holder { padding-left: 100px; }

#author-info .author-image { margin-left: -100px; float: left }



/** Related Posts **/

#related-posts li { float: left; margin-right: 30px; width: 125px; line-height: 16px; }

#related-posts li:last-child { margin-right: 0; }

#related-posts .entry-image img { display: block; }

#related-posts .entry-image {

	margin: 0 0 8px;

	padding: 0;

}



/** Recent Posts **/

#recent-posts li { float: left; margin: 0 10px 0 0; list-style: none; width: 135px; line-height: 18px; }

#recent-posts li:last-child { margin-right: 0; }

#recent-posts .entry-image img { display: block; }

#recent-posts .entry-image {

	margin: 0 0 5px;

	padding: 4px;

}



#recent-posts .entry-meta { border: 0 none; }



#recent-posts.recent-no-float li { float: none; width: auto; height: auto; margin-right: 0; }



/** single page **/

.gallery .entry-header h1 { font-size: 30px; line-height: 40px; }

.gallery .entry-content h2 { line-height: 30px; margin-top: 50px; margin-bottom: 10px }

.gallery h2:first-child { margin-top: 0 }



/** single blog **/

.blog .entry-content h2 { line-height: 30px; margin-top: 50px; margin-bottom: 10px }

.blog h2:first-child { margin-top: 0 }



.entry-content li { list-style: square; margin-left: 15px; }



/** Blog page **/

.blog h2.entry-title {  line-height: 30px; padding-left: 80px; font-size: 28px; }

.blog .read-more, .blog a.more-link { font-size: 14px; text-align: right; display: block; padding: 0 0 18px }

.blog article { position: relative; }



.blog .date-badge { 

	position: absolute; 

	left: 0; 

	top: 0;

	font-size: 30px; 

	line-height: 32px; 

	text-align: center;

	width: 58px;

	padding-top: 10px;

	height: 58px;

	border: 2px solid transparent;

	border-width: 0 5px 5px 0

}

.blog .date-badge span { font-size: 16px; display: block; line-height: 15px; }



#primary nav {

	display: block;

	overflow: hidden;

	margin: 0 0 15px;

}

#primary nav .nav-previous {

	float: left;

	width: 50%;

}

#primary nav .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#content #nav-above {

	display: none;

}

.paged #content #nav-above,

.single #content #nav-above {

	display: block;

}

#nav-below {

	margin: 1em 0 0;

}

.page-link {

	margin: 0 0 1em;

}



/* 404 page */

.error404 .widget {

	float: left;

	width: 33%;

}

.error404 .widget .widgettitle,

.error404 .widget ul {

	margin-right: 1em;

}

.error404 .widget_tag_cloud {

	clear: both;

	float: none;

	width: 100%;

}



/* Notices */

.post .notice,

.error404 #searchform {

	background: #eee;

	display: block;

	padding: 1em;

}



/* Image Attachments */

.image-attachment div.entry-meta {



}

.image-attachment nav {



	margin: 0 0 1em 0;

}

.image-attachment .entry-content {

	clear: both;

}

.image-attachment .entry-content .entry-attachment {

	margin: 0 0 1em;

	text-align: center;

}

.image-attachment .entry-content .attachment {

	display: block;

	margin: 0 auto;

	text-align: center;

}

.image-attachment .entry-content .attachment img { display: block; }



/* Aside Posts */

.format-aside .entry-header {

	display: none;

}

.single .format-aside .entry-header {

	display: block;

}

.format-aside .entry-content,

.format-aside .entry-summary {

	padding-top: 1em;

}

.single .format-aside .entry-content,

.single .format-aside .entry-summary {

	padding-top: 0;

}



/* Aside Posts */

.format-gallery .gallery-thumb {

	float: left;

	margin-right: 1em;

}



/*-----------------------------------------------------------------------------------*/

/* 7. =Images

/*-----------------------------------------------------------------------------------*/



/** Item Caption for Images */

.item-caption { 

	position: absolute;

	bottom: 16px;

	left: 0; 

	right: 0;

	padding: 10px; 

	font-size: 11px;

	line-height: 16px;

	opacity: 0;

}	

.item-caption strong { font-size: 12px; }



p img {

	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */

}

/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img,

.widget-area img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

img.alignleft {

	margin-right: 1em;

}

img.alignright {

	margin-left: 1em;

}

.wp-caption {

	padding: .5em;

	text-align: center;

}

.wp-caption img {

	margin: .25em;

}

.wp-caption .wp-caption-text {

	margin: .5em;

}

.gallery-caption {

	

}

.wp-smiley {

	margin: 0;

}





/*-----------------------------------------------------------------------------------*/

/* 8. =Forms

/*-----------------------------------------------------------------------------------*/



input,

textarea {

	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

	padding: 3px;

	width: 99%

}



label { 

	display: block; 

	margin-bottom: 10px; 

}



input[type="submit"] { cursor: pointer; }





input[type=submit], input[type=button], a.button, button {

	display: inline-block;

	outline: none;

	cursor: pointer;

	text-align: center;

	text-decoration: none;

	line-height: 1;

	font-size: 13px;

	padding: 8px 2em;

	border: solid 1px transparent;

	font-weight: bold;

}





/** Error Classes **/

label.error { font-size: 100%; color: red; display: none; margin-top: -15px;  }

input.error, textarea.error { border: 1px dotted red; }



/**  Contact Form  **/

#contactForm li input { margin-bottom: 20px; }

#contactForm li textarea {

	width: 100%;

	height: 160px;

	margin-bottom: 20px;

}



/** Alert boxes **/

.alert {

	font-size: 11px;

	text-align: center;

	margin: 0 0 25px 0;

}



.alert .success {

	padding: 15px 20px;	

	background: #e6ecd2;

	border: 5px solid #576d29;

	color: #5F8B33;

}



.alert .error {

	border: 5px solid #6d2929;

	color: #D54C4C;	

}



#searchform label {

	display: none;

}

#searchform input#s {

	width: 95%;

}

#searchform input[type="submit"] { width: 100px; margin: 10px auto 0; }



input[type=text],

input#s {

	margin: 0 1em 0 0;

	width: 100%;

}



/* Class for labelling required form items */

span.required {

	color: #cc0033;

}



/** @v 2.0 **/

.post-password-required input.password-protect, .protected-post-form input.password-protect { width: 225px; }

.post-password-required input.password-login, .protected-post-form input.password-login { width: 125px; margin-left: 5px }

.post-password-required label, .protected-post-form label { font-weight: bold; font-size: 13px; display: inline;  }

/** @end 2.0 **/





/*-----------------------------------------------------------------------------------*/

/* 9. =Navigation

/*-----------------------------------------------------------------------------------*/



.pagination {

	clear:both;

	padding: 0 0 15px;

	position: relative;

	font-size: 12px;

}

 

.pagination span, .pagination a {

	display:block;

	float:left;

	margin: 2px 2px 2px 0;

	padding: 4px 6px 0;

	text-decoration:none;

	width:auto;

}



/*-----------------------------------------------------------------------------------*/

/* 10. =Comments

/*-----------------------------------------------------------------------------------*/



article.comment {

	display: block;

}



#comments-holder { margin: 40px 0 0 ; }

#comments { clear: both; }

#comments .navigation { padding: 0 0 18px 0; }

h3#comments-title, h3#reply-title {		

	margin: 0 0 20px;

	font-size: 22px;



}

.commentlist {

	list-style: none;

	margin: 0;

}

.commentlist li.comment {

	margin: 0 ;

	padding: 10px 0;

	position: relative;

}

.commentlist li:last-child {

	border-bottom: none;

	margin-bottom: 0;

}

#comments .comment-body ul,

#comments .comment-body ol {

	margin-bottom: 18px;

}

#comments .comment-body p:last-child {

	margin-bottom: 6px;

}

#comments .comment-body blockquote p:last-child {

	margin-bottom: 24px;

}

.commentlist ol {

	list-style: decimal;

}

.commentlist .avatar {

	position: absolute;

	top: 20px;

	left: 10px;

}

#comments .commentlist li.comment div.comment-author {

	border: 0 none; padding: 0;

}

.comment-author cite {

	font-style: normal;

	font-weight: bold;

}

.comment-author .says {

	font-style: italic;

}

.comment-meta {

	font-size: 11px;

	margin: 0 0 18px 0;

}

.comment-meta a:link,

.comment-meta a:visited {

	text-decoration: none;

}

.reply {

	font-size: 11px;

	padding: 0;

	text-align: right;

}

.commentlist .children {

	list-style: none;

	margin: 0;

	padding-left: 50px;

}

.commentlist .children li div:first-child, .commentlist li.comment div:first-child {

	border: none;

	margin: 0;

	padding: 10px 10px 10px 64px;



}



.nopassword,

.nocomments {

	display: none;

}

#comments .pingback {

	border-bottom: 1px solid;

	margin-bottom: 18px;

	padding-bottom: 18px;

}

.commentlist li.comment+li.pingback {

	margin-top: -6px;

}

#comments .pingback p {

	display: block;

	font-size: 12px;

	line-height: 18px;

	margin: 0;

}

#comments .pingback .url {

	font-size: 13px;

	font-style: italic;

}



/* Comments form */

#respond {

	margin: 13px 0;

	border: 1px dotted;

	padding: 20px;

	overflow: hidden;

	position: relative;

}

#respond p {

	margin: 0;

}

#respond .comment-notes {

	margin-bottom: 1em;

}

.form-allowed-tags {

	line-height: 1em;

}

.children #respond {

	border-top: 0 none;

	margin: 0 48px 0 0;

}

#comments-list #respond {

	margin: 0 0 18px 0;

}

#comments-list ul #respond {

	margin: 0;

}

#cancel-comment-reply-link {

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

}

#respond .required {

	font-weight: bold;

}

#respond label {

	float: left;

	font-size: 12px;

	margin-right: 5px;

}

#respond input {

	margin: 0 0 9px;

	width: 98%;

}

#respond textarea {

	width: 98%;

}

#respond .form-allowed-tags {

	font-size: 12px;

	line-height: 18px;

}

#respond .form-allowed-tags code {

	font-size: 11px;

}

#respond .form-submit {

	margin: 12px 0;

}

#respond .form-submit input {

	font-size: 14px;

	width: auto;

}





/*-----------------------------------------------------------------------------------*/

/* 11. =Widgets

/*-----------------------------------------------------------------------------------*/



.widget {

	display: block;

	font-size: 11px;

	line-height: 19px;

	margin: 0 0 20px;

	padding: 10px 20px 20px;

}



.widget-area .widget_search {

	overflow: hidden;

}

.widget-area .widget_search input {

	float: left;

}



/* Headlines of sidebar widgets */

#sidebar h1.widget-title,

#sidebar h2.widget-title {

	font-size: 24px;

    line-height: 24px;

	margin-bottom: 8px;

	padding: 10px 0 5px;

}

#sidebar .widget_taxonomy_terms a,

#sidebar .widget_links a,

#sidebar .widget_categories a,

#sidebar .widget_recent_comments li,

#sidebar .widget_recent_tweets li,

#sidebar .widget_flickr_stream div.flickr_badge_image { 

	font-size: 12px; 

	line-height: 20px;

}



/** Latest Comments Widget **/

#sidebar .widget_recent_comments li { font-size: 11px !important; line-height: 18px; padding: 0 0 10px 30px; margin-bottom: 10px; }

#sidebar .widget_recent_comments li a { display: block !important; font-size: 13px; }



/** Footer Widgets **/

#colophon .widget h1.widget-title { font-size: 20px; line-height: 40px } 



/* Custom Recent entries */

#sidebar .widget_custom_recent_entries li { float: left; margin: 0 9px 9px 0 }

#sidebar .widget_custom_recent_entries li:nth-child(3n) { margin-right: 0; }

#sidebar .widget_custom_recent_entries li img { display: block; padding: 3px; }



/* Twitter Widget in Sidebar */

#sidebar .widget_recent_tweets li { font-size: 12px; line-height: 18px; padding: 0 0 10px 30px; margin-bottom: 10px; }

#sidebar .widget_recent_tweets li span { display: block; padding-bottom: 4px; }

#sidebar .widget_recent_tweets li a { display: block !important; font-size: 11px; }



/** Twitter Widget on Homepage **/

#twitterWidget { 

	margin: 30px 0; 

}



#twitterWidget h1.widget-title { display: none; }

#twitterWidget #recent-tweets { 

	width: 924px; 

	margin: 0 auto; 

	font-size: 22px;

	font-style: italic;

	font-family: Georgia, "Times New Roman", Times, serif;

}



#twitterWidget .widget, #twitterWidget .widget ul { margin: 0; padding: 0; line-height: 1.25; }

#twitterWidget .widget ul { margin: 32px 0; }



#twitterWidget li {

	display: none;

	padding: 0 0 0 50px;

	min-height: 50px

}



#twitterWidget .widget a { font-size: 80%; }



/** Flickr Photostream **/

#sidebar .widget_flickr_stream div.flickr_badge_image { float: left;  margin: 0 6px 9px 0 }

#sidebar .widget_flickr_stream div.flickr_badge_image img { display: block; padding: 3px; width: 50px; height: 50px; }





/** Video Widget **/

.widget .max_video_desc { padding-top: 10px; }





/** Teaser Widget **/

.max_widget_teaser  {

	font-weight: 200;	

	font-size: 26px;

	line-height: 28px;

	margin: 20px 0;

	text-transform: uppercase;

	text-align: justify;

}

.max_widget_teaser  .teaser { }

.max_widget_teaser  .teaser strong { font-size: 34px; font-weight: normal; }



/** Categorie widget **/

.widget_categories ul { margin: 0; padding: 0;  }

.widget_categories ul li { margin-left: 14px; padding-left: 0; list-style: disc }

.widget_categories ul.children li { list-style: circle; }



/*-----------------------------------------------------------------------------------*/

/* 12. =Footer

/*-----------------------------------------------------------------------------------*/



#colophon { 

	border-left: 20px solid transparent;

	font-size: 11px;

	text-transform: uppercase;

	position: fixed; 

	bottom: 0; 

	left: 0; 

	right: 0; 

	z-index: 21;

}



#colophon {

	padding: 10px 20px;

	line-height: 1

}



#sociallinks { float: right; }

#sociallinks li { float: left; margin: 0 3px 0 0 }

#sociallinks li a,

#sociallinks li img { display: block; }



/*-----------------------------------------------------------------------------------*/

/* 13. =Lists

/*-----------------------------------------------------------------------------------*/



/** used for all lists **/

ul.disc li, ul.square li, ul.decimal li, ul.circle li { margin-left: 20px; }



/* Squared list */

ul.square { list-style: square; }

/* Disc list */

ul.disc { list-style: disc; }

ul.decimal { list-style: decimal; }

ul.circle { list-style: circle; }



.entry-content li { list-style: square; margin-left: 15px; }



/*-----------------------------------------------------------------------------------*/

/* 14. =Shortcodes

/*-----------------------------------------------------------------------------------*/

.col_2,.col_3,.col_4, .col_two_third, .col_two_third_last { 

    float: left;

	margin: 0 8% 20px 0;

    position: relative;

    width: 46%;

}



.col_3 { width: 30%; margin-right: 5%; }

.col_4 { width: 21%; margin-right: 5%; }

.col_last, .col_two_third_last, .col_one_third_last, .col_two_third_last { 

	margin-right: 0;

}



.col_one_third, .col_two_third { margin-right: 5%; }

.col_two_third, .col_two_third_last { float: left; width: 60%; }

.col_one_third, .col_one_third_last { float: left; width: 30%; }



.img-caption { float: left; display: block; padding: 10px; margin: 0 auto 10px; }

.img-caption img { display: block; }

.img-caption .caption { display: block; padding: 10px; margin: 2px 0; text-align: center;text-shadow: none; }



.pretty-gallery a { float: left; margin: 0 5px 5px 0 }



blockquote { text-align: left; font-size: 15px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; padding: 20px 25px 20px 60px; margin: 0 0 20px; }



/* Dropcap */

.dropcap {

    display: block;

    float: left;

    font-size: 38px;

	font-weight: bold;

	line-height: 30px;

    margin: 0 10px 0 0;	

}

.dropcap-dark, .dropcap-light { padding: 5px; font-size: 36px; line-height: 36px; }



/* Image Alignment */

.image-left, .image-right {

    float: right;

    margin: 0 20px 10px 0;

    padding: 4px;

    text-align: center;

}



.image-left {

    float: left;

}



.image-right { margin-right: 0; margin-left: 20px; }



.image-left .caption, .image-right .caption {

    display: block;

    margin: 7px 0 2px;	

}



/* Box Shortcode */

.info-box .box-title { font-size: 15px; line-height: 38px; padding: 0 15px; }

.info-box .box-content { padding: 15px; font-size: 11px; line-height: 18px; }

.info-box p { margin: 0; padding: 0; }

.info-light .box-title { display: none; }



/* Toggle Box Shortcode */

.toggle-box { margin-bottom: 5px; }

.toggle-box .box-title { }

.toggle-box .box-title a { 

	display: block; 

	line-height: 38px; 

	font-size: 15px; 

	padding: 0 15px;  

}

.toggle-box .box-title a:hover { text-decoration: none; }



.toggle-box .box-title a.open { background-position: 100% -230px; }

.toggle-box .box-content { display: none; }

.toggle-box .box-inner { padding: 15px; font-size: 11px; line-height: 18px; }

.toggle-box p { margin: 0; padding: 0; }



/* Tab Shortcode */

.tabs 	 { float: none; margin: 0 0 20px 0; }

.tabs ul { margin: 0 }

.tabs li { list-style: none; }

.tab-wrapper {

	float: none;

}

.tabs ul.nav {

    height: 36px;

    font-size: 13px;

	margin: 0;

}

.tabs ul.nav li a {

    display: block;

    padding: 8px 20px;

    text-align: center;

    border: none;

	font-weight: bold;

}



.tabs ul.nav li a:hover { text-decoration: none; }



.tabs ul.nav li { float: left; position: relative; padding: 0; margin: 0; }

.tabs .inner { padding: 13px 20px }

.tabs .tab p:last-child { margin: 0 }

.tabs .tab { float: none; padding: 0; margin: 0; }



.ui-tabs .ui-tabs-hide { display: none }



.wp_syntax { 

	background: none !important; 

	border-width: 1px 0 !important; 

	padding: 0 !important; 

	margin: 10px 0 30px !important;

	overflow: visible !important

}

.wp_syntax pre {

	line-height: 20px !important;

	padding: 10px !important;

	font-size: 11px !important;

}



hr.shortcode { clear: left; background: none; padding: 0; margin: 10px 0 25px; }





/*-----------------------------------------------------------------------------------*/

/* 15.  =SuperBgImage & Thumbnails

/*-----------------------------------------------------------------------------------*/



#thumbnails { 

	position: fixed; 

	bottom: 0; 

	left: 0;

	right: 0;

	padding: 0 60px;

	z-index: 20;

}



#thumbnails.mouse-scrub { padding: 0; }



#toggleThumbs {

	display: block;

	position: absolute;

	bottom: 100%;

	right: 20px;

	height: 34px;

	width: 32px; 

	z-index: 50;

	text-indent: -999em;

	background: transparent url(css/black/bg-expander-arrow.png) 50% 100% no-repeat;

}



#thumbnails .rel { position: relative; }



#toggleThumbs.slide-up { background-position: 0 3px }

#toggleThumbs.slide-down { background-position: 100% 3px }



#thumbnailContainer { overflow: hidden; padding: 10px 0; margin: 0; line-height: 1 }



#thumbnails a, #thumbnails img { display: block; }



#thumbnails .pulldown-items a.item { 

	float: left; 

	margin: 0 5px 0 0; 

	position: relative;

	border: 1px solid transparent;

}



#thumbnails .controls {

	position: absolute;

	bottom: 100%; 

	left: 50%;

	margin-left: -50px;

	padding: 5px;

	background: transparent url(css/black/bg-scanlines-thumbs.png) 0 0 repeat; 

}



#thumbnails .controls a { 

	display: block; 

	float: left; 

	background: transparent url(css/black/bg-thumb-controls.png) 0 0 no-repeat; 

	text-indent: -999em;

	margin: 0 5px;

}



#thumbnails .controls .fullsize-control {	

	width: 24px;

	height: 24px;

}



#thumbnails .controls .fullsize-link {	

	width: 16px;

	height: 16px;

	margin: 4px 5px;

}

#thumbnails .controls .fullsize-start { background-position: 0 -56px; }

#thumbnails .controls .fullsize-stop  { background-position: 0 -32px; }

#thumbnails .controls .fullsize-prev  { background-position: 0 0; }

#thumbnails .controls .fullsize-next  { background-position: 0 -16px; }



/*  scroll links */

#thumbnails .scroll-link { 

	position: absolute;

	top: 50%;

	margin-top: -15px;

	width: 40px;

	height: 30px;	

	background: transparent url(css/black/bg-fullsize-arrow.png) 0 0 no-repeat;

	text-indent: -999em;

	display: block;

	z-index: 20;

	display: none;

}



#thumbnails .scroll-left { left: 0; background-position: 100% 50%; }

#thumbnails .scroll-right { right: 0; background-position: 0 50% }



/** Timer Animation element */

#fullsizeTimer {

	position: absolute;

	top: 0;

	height: 1px;

	left: 0; 

	width: 0;

}



.pulldown-items { position: relative;  }



/** SuperBGImage Settings **/

#superbgimage {

	display: none;

}

#superbgimage img {

	image-rendering: optimizeQuality;

	-ms-interpolation-mode: bicubic;

}



#scanlines {

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	z-index: 4;

}





/* you can delete this, after going live */

#skinChanger {

	position: fixed;

	top: 5px; 

	right: 65px;

	width: 136px;

	color: #fff;

	font-size: 11px;

	text-align: left;

	z-index: 100;

}



#skinChanger .pulldown, #skinChanger .hide-changer{

	padding: 5px;

	display: block;

	background: #000;

	background: rgba(0,0,0,0.5);

	-moz-border-radius: 5px; 

	-webkit-border-radius: 5px;

	border-radius: 5px;

	margin: 0 0 5px;

}



#skinChanger .hide-changer { font-size: 13px; color: #fff; font-weight: bold }



#skinChanger .title {

	font-weight: bold; 

	padding: 5px;

}



#skinChanger li { 

	padding: 5px;

	border-bottom: 1px dotted #999;

}

#skinChanger li.last { border-bottom: 0 none; }



#skinChanger a { 

	display: block; 

	color: #fff;

	text-decoration: none; 

	line-height: 16px;

}



#skinChanger ul a { color: #eee; }

#skinChanger .pulldown small { padding: 0 5px; display: block; line-height: 14px; }

#skinChanger .pulldown ul { margin: 0 0 5px; }

#skinChanger a.skin { padding: 3px 5px; }

#skinChanger a.black { background: #000; color: #fff; }

#skinChanger a.white { background: #fff; color: #000; }



#skinChanger li.current a { color: #FF9; }

#skinChanger .title a img { margin: 0 3px 0 0; width: 9px; height: 9px; background: transparent url(images/ico-plus-minus.png) scroll 0 0 no-repeat; }

#skinChanger .title a.open img { background-position: 0 -9px }



#skinChanger ul.color li span { display: block; float: left; width: 12px; height: 12px; margin: 1px 5px 0 0; }

#skinChanger li.blue span 	{ background-color: #09F; }

#skinChanger li.mint span 	{ background-color: #0C9; }

#skinChanger li.green span 	{ background-color: #693; }

#skinChanger li.orange span { background-color: #FC3; }

#skinChanger li.red span 	{ background-color: #C00; }

#skinChanger li.purple span { background-color: #F09; }