/*
 Theme Name: MT white
 Theme URI: http://blankcanvas.eu/wordpress/mt-white/
 Description:Two-columns, fixed-width,  seo optimized  theme for WordPress. Compatible with WordPress 3.4 features, valid XHTML & CSS, custom widgets(Twitter, Flickr, About us, User profiles). Recommand installing „Contact Form 7”.
 Author: Tomasz Mazur
 Author URI: http://blankcanvas.eu/
 Version: 3.3.2
 Tags: brown, two-columns, right-sidebar, fixed-width, microformats, sticky-post, holiday, threaded-comments, theme-options,  white,  translation-ready, custom-menu, editor-style, featured-image-header, post-formats, custom-background, featured-images, left-sidebar
 License:GNU General Public License, v2 (or newer)
 License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 -----------------------------------------------------------------------------------
	1.	CSS Reset & Clearfix
	2.	960 Grid System
	3.	HTML Tags
	4.  Header Styles
	5.	Primery Navigation 
	6.	Post Content Styles
	7.	Sidebar
	8.	Comments
	9.	Footer Styles
	10. Gallery Styles
	11. Wordpress Styles
	12. Pagination
	13. Shortcode
	14. Lightbox Styles 
	15. Slideshow
	16.	Mobile
-----------------------------------------------------------------------------------*/
/*----------*/
/*	1.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/ */
/*----------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
/*----------*/
/*	2.	960 Grid System */
/*----------*/
/*
	 Variable Grid System.
	 Learn more ~ http://www.spry-soft.com/grids/
	 Based on 960 Grid System - http://960.gs/

	 Licensed under GPL and MIT.
*/
.container_12 {
    background: #fff;
}	
	.container_12 {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px
	}
	.container_12 .grid_3 {
		width: 220px
	}
	.container_12 .grid_6 {
		width: 460px
	}
	.container_12 .grid_9 {
		width: 700px
	}
	.container_12 .grid_12 {
		width: 940px
	}
	.alpha {
		margin-left: 0
	}
	.omega {
		margin-right: 0
	}
	.container_12 .grid_1 {
		width: 60px
	}
	.container_12 .grid_2 {
		width: 140px
	}
	.container_12 .grid_4 {
		width: 300px
	}
	.container_12 .grid_5 {
		width: 380px
	}
	.container_12 .grid_7 {
		width: 540px
	}
	.container_12 .grid_8 {
		width: 620px
	}
	.container_12 .grid_10 {
		width: 780px
	}
	.container_12 .grid_11 {
		width: 860px
	}
	.container_12 .prefix_3 {
		padding-left: 240px
	}
	.container_12 .prefix_6 {
		padding-left: 480px
	}
	.container_12 .prefix_9 {
		padding-left: 720px
	}
	.container_12 .prefix_1 {
		padding-left: 80px
	}
	.container_12 .prefix_2 {
		padding-left: 160px
	}
	.container_12 .prefix_4 {
		padding-left: 320px
	}
	.container_12 .prefix_5 {
		padding-left: 400px
	}
	.container_12 .prefix_7 {
		padding-left: 560px
	}
	.container_12 .prefix_8 {
		padding-left: 640px
	}
	.container_12 .prefix_10 {
		padding-left: 800px
	}
	.container_12 .prefix_11 {
		padding-left: 880px
	}
	.container_12 .suffix_3 {
		padding-right: 240px
	}
	.container_12 .suffix_6 {
		padding-right: 480px
	}
	.container_12 .suffix_9 {
		padding-right: 720px
	}
	.container_12 .suffix_1 {
		padding-right: 80px
	}
	.container_12 .suffix_2 {
		padding-right: 160px
	}
	.container_12 .suffix_4 {
		padding-right: 320px
	}
	.container_12 .suffix_5 {
		padding-right: 400px
	}
	.container_12 .suffix_7 {
		padding-right: 560px
	}
	.container_12 .suffix_8 {
		padding-right: 640px
	}
	.container_12 .suffix_10 {
		padding-right: 800px
	}
	.container_12 .suffix_11 {
		padding-right: 880px
	}
	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0
	}
	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0
	}
	.clearfix {
		display: inline-block
	}
	* html .clearfix {
		height: 1%
	}
	.clearfix {
		display: block
	}

/*----------*/
/*	3.	HTML tags */
/*----------*/

body {
    font: 14px  Georgia, Cambria, Times, "Times New Roman", serif;
    line-height: 1.5;
    color: #2F2F2F;
}

/* Text elements */
p {
    font-size: 1em;
    margin: 0 0 1.5em 0;
    text-indent: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-variant: small-caps;
    letter-spacing: 0.076em;
    margin: 10px 0;
}

a {
    color: #8F0000;
    text-decoration: none;
}

a:hover {
    color: #CF6226;
}

code {
    font: 14px Consolas, Lucida Console, Monaco, monospace; /* 1em */
    overflow: auto;
}

pre {
    padding: 10px;
    font: 14px Consolas, Lucida Console, Monaco, monospace; /* 1em */
    background: #FFFFCC;
    overflow: auto;
    margin: 0 0 10px 0;
}

blockquote {
    padding: 0.8em 2em;
    color: #888;
    margin: 1.5em;
    font-style: normal;
    background: url(images/q.png) no-repeat 0 0.9em;
}

blockquote p {
    margin: 0 0 3px 0;
}

sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

abbr {
    cursor: help;
}

address {
    margin: 1em 0
}

textarea {
    height: 10em;
    background: #EFE9D1;
    border-top: 2px solid #DFBE8B;
    border-left: 2px solid #DFBE8B;
    border-right: 1px solid #FFFCEF;
    border-bottom: 1px solid #FFFCEF;
}

input, select {
    background: #EFE9D1;
    margin-right: 10px;
    padding: 2px 3px;
    border-bottom: 1px solid #DFBE8B;
    border-right: 1px solid #DFBE8B;
    border-left: 1px solid #FFFCEF;
    border-top: 1px solid #FFFCEF;
}

input[type =
"text"], textarea {
    background: #EFE9D1;
    border-bottom: 1px solid #DFBE8B;
    border-right: 1px solid #DFBE8B;
    border-left: 1px solid #FFFCEF;
    border-top: 1px solid #FFFCEF;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 2px;
}

legend {
    font-style: oblique;
    padding: 0 5px;
}

fieldset {
    border-bottom: 1px solid #DFBE8B;
    border-right: 1px solid #DFBE8B;
    border-left: 1px solid #FFFCEF;
    border-top: 1px solid #FFFCEF;
    padding: 10px;
}

table {
    text-align: left;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 1px;
    empty-cells: show;
    background: #EFEFEF;
}

td, th {
    border: 1px solid #DFBE8B;
    border-spacing: 1px;
    padding: 4px 6px;
    empty-cells: show;
    font-family: Consolas, "Courier New", Courier, monospace;
}

td {
    background: #FFF8EF;
}

th {
    background: #EFE9D1;
    margin: 2px;
}

table caption {
    text-align: left;
    padding: 4px;
    caption-side: bottom;
}:focus {
    outline: 0px;
}

hr {
    background-color: #e7e7e7;
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 18px;
}

strong {
    font-weight: bold;
}

cite, em, i, q {
    font-style: italic;
    display: inline;
}

big {
    font-size: 131.25%;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

/*----------*/
/*	4.	Header Styles */
/*----------*/

#wrapper {
    padding-top: 10px;
}

#header {
    border-bottom: 2px solid #eed18b;
    background: #fff url(images/logo.jpg);
}

#footer .container_12, #nav .container_12, #header .container_12 {
    background: none;
    position: relative;
}
#header h1, #header h2 {
    padding: 3px 5px;
    letter-spacing: 0.076em;
    margin: 0;
}

#header h1 a, #header h2 a {
    font-size: 26px;
}

#header  em {
    font-size: 14px;
    display: block;
    margin: 0 5px 5px 5px;
}

/*----------*/
/*	5.	Primery Navigation */
/*----------*/

#nav {
    padding: 17px 0;
    background: transparent url(images/nav.jpg);
    border-top: 3px solid #E8C992;
    border-bottom: 3px solid #E8C992;
}

#nav li {
    float: left;
    margin-right: 3px;
    position: relative;
    min-height: 1px;
    vertical-align: bottom;
}

#nav li li {
    background: #EFECE0;
    border: none;
    min-width: 200px;
}

#nav .current_page_item a, #nav .current-menu-item a, #nav .sub-menu .current_page_item a, #nav .sub-menu .sub-menu .current-menu-item a, #nav .current-menu-ancestor a {
    color: #000
}

#nav .sub-menu a, #nav .sub-menu .sub-menu a {
    color: #8B441A
}

#nav a {
    display: block;
    padding: 6px;
}

#nav ul ul {
    position: absolute;
    z-index: 999!important;
    top: auto;
    display: none;
    min-width: 200px;
    padding: 0;
    margin: 0;
    border: 1px #DFBA8B solid;
    background: #EFECE0;
    -moz-box-shadow: 0 0 5px #501F0E;
    -webkit-box-shadow: 0 0 5px #501F0E;
    box-shadow: 0 0 5px #501F0E;
}

#nav ul ul ul {
    top: 0;
    left: 100%;
}

#nav li:hover {
    cursor: pointer;
    z-index: 100;
}

#nav li:hover ul ul, #nav li li:hover ul ul, #nav li li li:hover ul ul, #nav li li li li:hover ul ul {
    display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
    display: block;
}

/*----------*/
/*	6.	Post Content Styles */
/*----------*/

.format-gallery p, .format-gallery ul, .format-gallery ol, .format-gallery dl {
    max-width: 600px;
}

.format-aside ul {
    clear: both;
}

.attachment-single_post {
    margin: 0;
}

/*__________________ Template page _____________________*/
.homepage .post {
    background: #EFE9D1;
}

.sitemap h2 {
    margin: 5px 0;
}

.news {
    padding-bottom: 10px;
}

.front h2 {
    margin: 10px 0;
    font-size: 24px;
}

.news h2 {
    margin: 10px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 24px;
}

.news h3 {
    font-size: 14px;
    margin: 5px 0;
}

.news p, .news a {
    margin: 10px;
}

#blogs {
    background: #7F5E37 url('images/nav.jpg');
    color: #000;
    border-top: 3px double #E8C992;
    margin-top: 10px;
}

#blogs a {
    color: #B06604
}

.contact {
    padding: 20px 0;
}

/************** Options thems ***************/
.white_one-column .sidebar {
    display: none;
}

.white_one-column .grid_8 {
    margin: 0 160px;
}

.attachment .grid_8 {
    margin: 0 10px;
}

.white_left-sidebar .sidebar {
    float: left;
}

.white_left-sidebar .grid_8 {
    float: right;
}

#footer .grid_8 {
    float: left;
    margin: 0 10px;
}

/*
 POST, PAGE
 */
/*_ post__*/
.post {
    border-top: 1px solid #EFD9B3;
    border-bottom: 1px solid #EFD9B3;
    margin-bottom: 2px;
    padding: 10px 0;
    background: #FFF;
}

.single .post, .page {
    border: none
}

.sticky .title {
    background: url(images/mail-attachment.png) no-repeat top right;
    z-index: 6995;
    padding-right: 40px;
}

.format-link .title a {
    background: url(images/link.png) no-repeat top right;
    z-index: 6996;
    padding: 5px 40px 5px 0;
    margin: 10px 0;
}

.format-aside .postmeta {
    background: url(images/edit.png) no-repeat top right;
    z-index: 6997;
    padding: 5px 40px 5px 0;
}

.format-image .title {
    background: url(images/kpaint.png) no-repeat top right;
    z-index: 6997;
    margin: 0;
    padding: 5px 40px 5px 0;
}

.format-image .entry {
    position: relative;
    width: 620px
}

.format-image .wp-post-image img {
    margin: 5px auto;
    display: block;
}

.entry img {
    height: auto;
    max-width: 578px;
    border: none;
}

img.size-full {
    max-width: 600px;
    height: auto;
}

.attachment #wrapper img {
    max-width: 940px;
    display: block;
    margin: 0 auto;
}

.entry input {
    margin: 0 5px 5px 0;
}

.entry ul {
    list-style: square;
    margin: 0 0 1em 1em;
}

.entry ul ul {
    list-style: disc;
     margin: 0 0 0 1em;
}

.entry ul ul ul {
    list-style: circle;
}

.entry ol {
    list-style: decimal;
    margin: 0 0 1em 1em;
}

.entry ol ol {
    list-style: lower-latin;
     margin: 0 0 0 1em;
}

.entry ol ol ol {
    list-style:decimal-leading-zero
}

.entry dl {
    margin: 0 0 15px 0;
}

.entry dt {
    font-weight: bold;
}

.entry dd {
    margin-bottom: 12px;
}

.entry h1, .entry h2 {
    margin: 1.7144em 0 0.5715em 0;
    font-size: 1.3125em;
    line-height: 1.1429em;
}

.entry h3 {
    margin: 2em 0 0.6667em 0;
    font-size: 1.125em;
    line-height: 1.3333em;
    font-weight: bolder;
}

.entry h4 {
    margin: 2.25em 0 0.75em 0;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bolder;
}

.entry h5, .entry h6 {
    margin: 2.5715em 0 0.8572em 0;
    font-size: 0.875em;
    line-height: 1.7143em;
    font-weight: bolder;
}

/*
 TITLE
 */
.title {
    font-size: 26px;
    margin: 0;
}

.page h1.title {
    margin: 0 0 15px 0;
}

.archive h1.title {
    margin: 0 10px;
}

.title span {
    color: #BFA95F
}

.postmeta {
    margin: 0 0 15px 0;
}

.postmeta li {
    display: inline;
    font-size: 0.86em;
    color: #888;
}

.post-edit-link {
    background: #EFECE0;
    -moz-box-shadow: 0 0 2px #501F0E;
    -webkit-box-shadow: 0 0 2px #501F0E;
    box-shadow: 0 0 2px #501F0E;
    padding: 2px 3px;
    margin-left: 10px;
}

.page-link {
    margin: 10px 0 0 0;
    clear: both;
}

.page-link a {
    background: #EFE9D1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px 3px 5px;
}

/*----------*/
/*	7. Sidebar */
/*----------*/

.sidebar {
    -moz-box-shadow: 0 0 4px #501F0E;
    -webkit-box-shadow: 0 0 4px #501F0E;
    box-shadow: 0 0 4px #501F0E;
    border-radius: 3px 3px 3px 3px;
    background: #F2E7BA;
    padding: 10px 0;
    margin-bottom: 10px;
}

.sidebar .widget {
    padding: 0 10px;
    margin: 0 0 5px 0;
}

.sidebar .widget li {
}

.sidebar .widget li a, .recentcomments {
    border: 1px solid #DFBE8B;
    padding: 5px 10px;
    margin-bottom: 5px;
    background: #EFE9D1;
    display: block;
}

#footer .recentcomments {
    background: none;
    border: none;
    padding: 0;
}

.recentcomments a {
    border: none !important;
    display: inline !important;
    padding: 0 !important;
}

.sidebar .widget li a:hover {
    background: #fff;
}

.widget-title {
    margin: 10px 0 4px 0 !important;
}

.sidebar .vcard {
    margin: 0 0 10px 0 !important;
}

.sidebar .vcard ul li, .sidebar .vcard ul li:hover {
    border: none;
    background: none;
}

.widget .note, .widget .fn h3 {
    float: left !important;
    margin: 0;
}

.widget h3 {
    font-weight: bolder;
}

#footer .social {
    height: 50px;
}

.sidebar .social li {
    background: none !important;
    border: none !important;
    float: left !important;
    min-width: 0 !important;
}

.social li a, .social li a:hover {
    height: 30px !important;
    width: 30px !important;
    float: left;
    border: none !important;
    padding: 0 !important;
    margin: 0 5px 0 0 !important;
    text-indent: -6969px !important;
    line-height: 0 !important;
}

#fe a {
    background: transparent url(images/social.png) no-repeat 0 0;
}

#tb a {
    background: transparent url(images/social.png) no-repeat -240px 0;
}

#fb a {
    background: transparent url(images/social.png) no-repeat -80px 0;
}

#fm a {
    background: transparent url(images/social.png) no-repeat -200px 0;
}

.photo {
    float: right !important;
    padding: 4px;
    border: 1px solid #DFBE8B;
    background: #EFE9D1;
}

.photo img {
    margin: 0;
    padding: 0;
}

.sidebar #twitter_update_list li {
    border: 1px #DFBE8B solid !important;
    background: #FFF8EF;
    margin: 0 0 3px 0;
    padding: 5px;
    display: block;
}
/************** Search ***************/
#searchform {
    margin: 5px 0 0 0;
    float: right;
}

#searchform p, .grid_5 span p {
    margin: 0;
}

.screen-reader-text {
    float: left;
    margin: 7px 8px 0 0;
    font-size: 11px;
}

#s {
    background: transparent;
    border: 0;
    width: 120px;
    height: 24px;
    margin: 0;
    padding: 3px 0 3px 5px;
    background: transparent url(images/search.jpg) no-repeat 0 0;
    float: left;
}

#searchsubmit {
    background: transparent url(images/search.jpg) no-repeat -160px 0;
    border: none;
    height: 30px !important;
    width: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    text-indent: -6999px;
    line-height: 0;
    float: left;
}

/*----------*/
/*	8. Comments */
/*----------*/

#comments {
    font-size: 1em;
    margin-bottom: 10px;
    background: #fff;
}

#comments #submit {
    border: 1px solid #DFBE8B;
    border-right: 1px solid #DFBE8B;
    border-left: 1px solid #FFFCEF;
    border-top: 1px solid #FFFCEF;
}

#comments input, #respond textarea {
    margin: 0;
    border-top: 2px solid #DFBE8B;
    border-left: 2px solid #DFBE8B;
    border-right: 1px solid #FFFCEF;
    border-bottom: 1px solid #FFFCEF;
}

#comments h3 {
    margin: 15px 0;
    display: block;
}

.comment-body ul {
    list-style: square;
    margin: 0 0 14px 1em;
}

.comment-body ul ul {
    list-style: disc;
    margin: 0 0 0 1em;
}

.comment-body ul ul ul {
    list-style: circle;
}

.comment-body ol {
    list-style: decimal;
    margin: 0 0 14px 1em;
}

.comment-body ol ol {
    list-style: lower-latin;
    margin: 0 0 0 1em;
}

.comment-body ol ol ol {
    list-style: lower-roman;
}

.comment {
    border: 1px solid #DFBE8B;
    margin: 10px 0;
    padding: 10px;
}

#respond {
    border-bottom: 1px solid #DFBE8B;
    border-right: 1px solid #DFBE8B;
    border-left: 1px solid #FFFCEF;
    border-top: 1px solid #FFFCEF;
    margin: 5px 0;
    padding: 10px;
    background: #F2E7BA;
    padding: 10px 30px;
}

#respond code {
    border: none;
    font-size: 11px;
    padding: 0;
}

.depth-2, .depth-3 {
    margin-left: 60px;
}

#respond textarea {
    width: 507px;
}

.depth-2 #respond textarea {
    width: 420px;
}

.depth-2 .comment-form-comment {
    width: 460px;
}

.depth-3 #respond textarea {
    width: 360px;
}

.depth-3 .comment-form-comment {
    width: 400px;
}

.depth-4 #respond textarea {
    width: 300px;
}

.depth-4 .comment-form-comment {
    width: 340px;
}

.reply {
    background: #F2E7BA;
    display: inline;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DFBE8B;
}

.comment-form-author, .comment-form-email, .comment-form-url {
    width: 220px;
}

.comment-form-comment, #comment {
    width: 540px;
    _width: 520px;
}

.odd {
    background: #EFECE0
}

.byuser, .bypostauthor {
    background: #F2E7BA;
}

.nopassword, .nocomments {
    display: none;
}

.pingback, .trackback {
    border: 1px solid #eee !important;
    background: #FFF9DF !important;
    padding: 5px 10px;
}

/*----------*/
/*	9. Fotter */
/*----------*/

#footer {
    margin: 0;
    width: 100%;
    background: #322E25 url(images/footer.jpg) repeat-x bottom left;
    clear: both;
    border-top: 2px #d6c5a9 solid;
    text-align: left;
    color: #EFE5D1;
}

#footerspan {
    padding: 10px 0 50px 0;
    margin: 0;
    background: transparent url(images/footer_r.jpg) no-repeat bottom right;
}

#footer a {
    color: #B4A07F;
}

#footer a:hover {
    color: #A90000;
}

#footer .grid_5, #footer .grid_7 {
    margin: 0 0 40px 0;
    padding: 10px;
}

#footermenu {
    clear: both;
    width: auto;
    text-align: center;
    margin-top: 20px;
}

#footermenu li {
    display: inline;
    padding: 0 10px 0 0;
    line-height: 2em;
}

#footer .twitter_update_list {
    border: 1px #594020 solid;
    background: #000;
}

#footer #twitter_div {
    border: 1px #2E2010 solid;
    background: #150A04;
    padding: 3px 3px 0 3px;
    display: block;
}

#footer #twitter_update_list li {
    border: 1px #594020 solid !important;
    background: #2F261A;
    margin: 0 0 3px 0;
    padding: 10px;
    display: block;
}

#footer #twitter-link {
    font-style: oblique;
    float: left;
    margin: 5px 0 20px 0;
}

/*--------- FLICKR  ----*/
#footer #flickr a {
    background: #2F261A;
    border: 1px solid #5F421D;
}

.flickr_badge_image {
    float: left;
}

#flickr a {
    float: left;
    padding: 7px 7px 2px 7px;
    margin: 0 2px 2px 0;
}

#flickr a:hover {
    background: #DFBE8B;
}

#flickr a img {
    margin: 0;
}

/*----------*/
/*	10. Gallery */
/*----------*/

.wp-caption {
    font: 12px "Times New Roman", Times, serif;
    color: #555;
    margin: 0 0 5px 0;
    max-width: 600px;
}

.wp-caption img {
    margin: 0;
    max-width: 600px;
}

.wp-caption.alignnone {
    display: block;
}

.single-format-gallery .wp-caption img {
    max-width: 900px;
}

.single-format-gallery .wp-caption {
    max-width: 920px;
}

.wp-caption-text {
    margin: 0 5px;
}

.gallery {
    margin: auto;
    overflow: hidden;
    width: 100%;
}

.gallery-item {
    float: left;
    margin: 0 0 5px 0;
    text-align: center;
}

.gallery-item img {
    margin: 0 auto;
    border: 1px solid #DFBE8B;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16%;
}

.gallery-columns-7 .gallery-item {
    width: 14%;
}

.gallery-caption {
    font-size: 11px;
    margin: 0 10px;
    text-align: left;
}

.gallery br {
    clear: both
}

/*----------*/
/*	11. Wordpress Styles */
/*----------*/

.attachment img {
    margin: 10px auto;
}

.entry-caption {
    text-align: center;
}

.alignright {
    float: right;
    margin: 5px 0 5px 10px;
}

.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignnone {
    display: inline;
}

.entry-meta {
    padding: 10px 10px 10px 25px;
    list-style: disc
}

/*----------*/
/*	12. Pagination */
/*----------*/

.wp-pagenavi {
    padding: 10px 0 !important;
    clear: both;
}

.wp-pagenavi .current {
    margin: 0 0 0 10px !important;
}

.wp-pagenavi .pages, .wp-pagenavi .current {
    color: #000;
    font-weight: bold;
}

.wp-pagenavi .page {
    border: none !important;
    padding: 0 !important;
    float: none !important;
}

.wp-pagenavi a, .wp-pagenavi .extend {
    margin: 0 0 0 10px !important;
    background: none !important
}

.page-numbers {
    font-family: Consolas, "Courier New", Courier, monospace;
}

.wp-pagenavi .next {
    margin-left: 30px !important;
}

.wp-pagenavi .prev {
    margin-right: 20px !important
}

/*----------*/
/*	13. Shortcode 
 *ICONS http://www.woothemes.com/2010/08/woocons1/ */
/*----------*/

.mt_alert {
    padding: 10px 10px 10px 30px;
    border: 1px solid #BF6553;
    margin: 5px 0;
    display: block;
    background: #EFA495 url(images/close.png) no-repeat 7px 13px
}

.mt_warning {
    padding: 10px 10px 10px 30px;
    border: 1px solid #BF9753;
    display: block;
    margin: 5px 0;
    background: #DFB66F url(images/warning.png) no-repeat 7px 15px
}

.mt_down {
    padding-right: 20px;
    background: url(images/down.png) no-repeat top right
}

.mt_info {
    padding: 10px 10px 10px 30px;
    border: 1px solid #78A6AF;
    display: block;
    margin: 5px 0;
    background: #A8C9CF url(images/info.png) no-repeat 7px 12px
}
    .s_width_1_3{
    	width: 32%;
    	display: block;
    }
     .s_width_2_3{
    	width: 64%;
    	display: block;
    }
     .s_width_1_2{
    	width: 49%;
    	display: block;
    }
	.s_border, .s_border_dotted, .s_border_top_bottom{
		padding: 10px 15px;
		border: 1px solid #000;
		margin-top: 5px;
		margin-bottom: 2px;
		display: block;
		clear: both;
	}
	.s_border_dotted {
		border: 1px dotted #000;
	}
	.s_border_top_bottom{
		border: none;
		border-top: 5px double #000;
		border-bottom: 5px double #000;
	}
	.s_alert, .s_warning, .s_info {
		padding: 10px 10px 10px 30px;
		border: 1px solid #BF5F5F;
		margin-top: 5px;
		margin-bottom: 2px;
		display: block;
		clear: both;
		background: #FFBFBF url(images/close.png) no-repeat 6px 10px;
	}
	.s_warning {
		border: 1px solid #c9b64c;
		background: #f2eac0 url(images/warning.png) no-repeat 6px 10px;
	}
	.s_down {
		padding-left: 16px;
		background: url(images/down.png) no-repeat top left;
	}
	.s_info {
		border: 1px solid #78A6AF;
		background: #BFE2FF url(images/info.png) no-repeat 6px 10px;
	}
	.s_tick li, .s_arrow li {
		background: url(images/tick.png) no-repeat 0 0;
		padding: 0 0 0 25px;
		list-style: none
	}
	.s_tick ul, .s_arrow ul ,.s_arrow{
		margin: 5px 0 1em 0
	}
	.s_arrow li, .s_arrow {
		background: url(images/arrow.png) no-repeat 0 0;
	}
	.s_b_grey{
		background: #E0E0E0;
	}
	.s_b_black{
		background: #000!important;
		color: #eee;
	}
	.s_button, .s_button_left, .s_button_right, .s_button_full{
		padding: 5px 8px;
		background: #e0e0e0 url(images/gradient.jpg) repeat-x top left;
		border: 1px solid #eee;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		overflow: hidden;
		cursor:pointer;
		margin:0 8px;
		display: inline-block;
		text-align:center;
background-image: linear-gradient(bottom, rgb(214,214,214) 17%, rgb(230,230,230) 72%);
background-image: -o-linear-gradient(bottom, rgb(214,214,214) 17%, rgb(230,230,230) 72%);
background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 17%, rgb(230,230,230) 72%);
background-image: -webkit-linear-gradient(bottom, rgb(214,214,214) 17%, rgb(230,230,230) 72%);
background-image: -ms-linear-gradient(bottom, rgb(214,214,214) 17%, rgb(230,230,230) 72%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.17, rgb(214,214,214)),
	color-stop(0.72, rgb(230,230,230))
);
}
	.s_button:hover, .s_button_left:hover, .s_button_right:hover, .s_button_full:hover{
        background-image:none
	}
	.s_button_full{
		display: block;	
		margin: 5px 0;
	}
	.s_button_left{
		float:left;
		margin:2px 8px 2px 0;
	}
	.s_button_right{
		float: right;
		margin:2px 0 2px 8px;
	}
/*----------*/
/*	14. Lightbox Styles */
/*----------*/
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs,
 * code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('images/fancybox.png')
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('images/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none
}

#fancybox-error {
    color: #444;
    font: normal 12px / 20px Arial;
    padding: 14px;
    margin: 0
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('images/blank.gif');
    z-index: 1102;
    display: none
}

#fancybox-left {
    left: 0px
}

#fancybox-right {
    right: 0px
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
}

#fancybox-left-ico {
    background-image: url('images/fancybox.png');
    background-position: -40px -30px
}

#fancybox-right-ico {
    background-image: url('images/fancybox.png');
    background-position: -40px -60px
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible
}

#fancybox-left:hover span {
    left: 20px
}

#fancybox-right:hover span {
    left: auto;
    right: 20px
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('images/fancybox-x.png')
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('images/fancybox.png');
    background-position: -40px -162px
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('images/fancybox-y.png');
    background-position: -20px 0px
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('images/fancybox.png');
    background-position: -40px -182px
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('images/fancybox-x.png');
    background-position: 0px -20px
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('images/fancybox.png');
    background-position: -40px -142px
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('images/fancybox-y.png')
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('images/fancybox.png');
    background-position: -40px -122px
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('images/fancy_title_over.png');
    display: block
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('images/fancybox.png') -40px -90px no-repeat
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('images/fancybox-x.png') 0px -40px
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('images/fancybox.png') -55px -90px no-repeat
}

.fancybox-ie6 #fancybox-close {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png',sizingMethod='scale')}






    .fancybox-ie6 #fancybox-left-ico {
        background: transparent;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png',sizingMethod='scale')}
    
    .fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png',sizingMethod='scale')}
    .fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1}
    .fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png',sizingMethod='scale')}
    .fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png',sizingMethod='scale')}
    .fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png',sizingMethod='scale')}
    .fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")}
    #fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression( (-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ))+'px')}
    #fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png',sizingMethod='scale')}
    .fancybox-ie .fancybox-bg{background:transparent !important}
    .fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png',sizingMethod='scale')}
    .fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png',sizingMethod='scale')}
    .fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png',sizingMethod='scale')}
    .fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png',sizingMethod='scale')}
    .fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png',sizingMethod='scale')}
    .fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png',sizingMethod='scale')}
    .fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png',sizingMethod='scale')}
    .fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png',sizingMethod='scale')}
  
/*----------*/
/*	15. Slideshow  */
/*----------*/
/*
* Slides, A Slideshow Plugin for jQuery
* Intructions: http://slidesjs.com
* By: Nathan Searles, http://nathansearles.com
* Version: 1.1.7
* Updated: May 2nd, 2011
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
  
     #example {
        width: 940px;
        height: 360px;
        position: relative
    }
    
    /* Slideshow style*/
    #slides {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100
    }
    
    /* Slides container Important:Set the width of your slides container If height not specified height will be set by the slide content Set to display none,prevents content flash*/
    .slides_container {
        width: 940px;
        height: 360px;
        overflow: hidden;
        position: relative;
        display: none
    }
    
    /* Each slide Important:Set the width of your slides Offeset for the 20px of padding If height not specified height will be set by the slide content Set to display block*/
    #slides .slide {
        padding: 20px;
        width: 920px;
        height: 360px;
        display: block;
        position: relative
    }
    
    /* Next/prev buttons*/
    #slides .next, #slides .prev {
        position: absolute;
        top: 150px;
        left: -24px;
        width: 24px;
        height: 43px;
        display: block;
        z-index: 101
    }
    
    #slides img {
        -moz-box-shadow: 0 0 0 #501F0E !important;
        -webkit-box-shadow: 0 0 0 #501F0E !important;
        box-shadow: 0 0 0 #501F0E !important;
        border: none;
        z-index: 200!important;
    }
    
    #slides .wp-post-image {
        position: absolute;
        top: 20px;
        left: 10px
    }
    
    #slides .next {
        left: 940px
    }
    
    .captionslide {
        position: absolute;
        width: 270px;
        right: 40px
    }
  .slide-no-image p{
  	width:600px;
	margin:0 auto
  }
    .slide-no-image h2{
  	width:800px;
	margin:0 auto 20px;
	text-align:center;
	font-size:36px;
  }  
    .captionslide h2 {
        margin: 0 0 10px 0
    }
    
    /* Pagination*/
    .pagination {
        margin: 26px auto 0;
        width: 70px
    }
    
    .pagination li {
        float: left;
        margin: 0 1px;
        list-style: none
    }
    
    .pagination li a {
        display: block;
        width: 12px;
        height: 0;
        padding-top: 12px;
        background-image: url(images/pagination.png);
        background-position: 0 0;
        float: left;
        overflow: hidden
    }
    
    .pagination li.current a {
        background-position: 0 -12px
    }

/*----------*/
/*	16. Mobile  */
/*----------*/

@media (max-width: 800px) {
	.container_12, .grid_12, .grid_8, .grid_4, #nav{
		width:100%!important;
		float:left;
		margin:0;
		background-image:none!important;
	}
	.grid_8 .post, .grid_8 .page{
		padding:10px;
	}
	.sidebar{
		float:left;
		width:300px!important
	}
	.nav ul {
    margin-top: 0;
    }
    .prefix_2, .suffix_2{
    	padding:0!important;
    }
}

