/*********************************************************************************************

Theme Name: Fontana
Theme URI: http://www.fontana.lu
Version: 2.0.6
Author: Fontana.lu
Author URI: http://www.fontana.lu
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

**********************************************************************************************/


/*********************************************************************************************

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
ul li {list-style-type: none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol,
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }

/* Smart clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

/* Headings */
h1,h2,h3,h4,h5,h6 {color: #333; font-weight: normal; margin:0; padding:0;  }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;   }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;  }

/* Text Selection Color */
::-moz-selection { background: #05C; color: #fff; text-shadow: none; }
::selection      { background: #05C; color: #fff; text-shadow: none; }
img::-moz-selection	{ background: transparent; }
img::selection      { background: transparent; }

/* Misc. */
p { margin: 0 0 15px; padding: 0; }
a { color: #ed1c24; text-decoration:none; }
a:hover { color: #00aeef; text-decoration:none;}
a:focus { outline: none; }
a:hover, a:active { outline: none; }
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }

/*********************************************************************************************

2. Header & Page Structure  -------------------------  header.php

*********************************************************************************************/


body {
    background: #f1f1f1;
 	color: #58595B;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	margin:0;
	padding: 0;
}


#wrap {width:100%; margin: 0 auto; text-align:left;  }
#wrap div.frame {background-color: #fff; }
div.wrap {width: 960px; margin: 0 auto; text-align: left; }
div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
div.sep {font-size:1px; height: 1px; margin:10px 0; line-height: 1px; margin-bottom: 10px; }

::-moz-selection{background:#58595B; color:#fff;}
::selection{ background:#58595B; color:#fff; }

header {padding: 20px 0 40px; }
header div.wrap {width: 940px; }
header div.wrap, div.teaser, div.single p.postmetadata {padding: 0 10px 20px; border-bottom: solid 1px #ccc; }
header p.wpzoom-notice {
	float: right;
	display: inline;
	font-size: 11px;
	line-height: 18px;
}

#logo {float: left; display: inline; text-align: left; }
#tagline {float: right; margin:17px 0 0 10px; }
#logo h1 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 40px;
}

#logo h1 a {
	color: #58595B;
}

#logo h1 a:hover {
	color: #58595B;
}

div.teaser, div.single {margin-bottom: 30px; }
div.teaser p {font-size: 20px; line-height: 32px; margin-bottom: 24px; }
div.single p.postmetadata {margin-left: 0; font-size: 12px; letter-spacing: 1px; padding-right: 0; padding-left: 0; }
h1.important {font-size: 60px; line-height: 80px; font-weight: normal; letter-spacing: -1px; margin-left: -4px; margin-bottom: 20px; }


#top-menu li.current-menu-item, #top-menu li.current-post-parent  {background: #f1f1f1 repeat-x top left; }
#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:100%; }
#menuhead {margin-left: 10px; }
#menuhead a {display:block; padding:2px 10px; text-decoration:none; color: #333; }
#menuhead a:hover {background-color:#f1f1f1; color:#ed1c24;}
#menuhead li {float:left; display: inline; position:relative; line-height: 30px; font-size: 13px; }
#menuhead li li {line-height: 20px; font-size: 12px; }
#menuhead ul {position:absolute; display:none; width:120px; top:32px; left:0; }
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; padding: 5px 10px; background-color: #444; color: #58595B; }
#menuhead li ul {width:130px;}
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #555;}
#menuhead ul ul {top:auto;}
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block;}

/* 3. Content Area */
#content {}
.posts {margin-bottom: 10px; }
.posts .post {float: left; display: inline; margin-right: 15px; }
.posts .post-last {margin-right: 0; }
.posts-3 .post-small {width: 310px; 	}
.posts-4 .post-small {width: 150px; }
.posts-5 .post-small {width: 184px; }
.posts h2 {font-size: 12px; font-weight: bold; line-height: 20px; }
.posts a, div.navigation a {color: #333; }
.posts a:hover, div.navigation a:hover {color: #ed1c24;}
.posts .thumb {
	overflow:hidden;
}	
.posts .thumb img{
	margin-bottom: 6px;
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	filter: alpha(opacity=100); opacity: 1;	
}
.posts .post:hover .thumb  img{
    -webkit-transform: scale(1.07,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.07,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.posts .info {margin: 0 10px; }
.posts .meta {font-size: 12px; }
.posts h3, h3.archive, p.postmetadata {font-size: 16px; font-weight:normal; line-height: 24px; margin-bottom: 20px; margin-left: 10px; }

.navigation {padding-top: 20px; border-top: solid 1px #ccc;}
.navigation p {font-size: 16px; text-align: center; }
.navigation a {margin: 0 5px;}

.post-comments {border-top: solid 5px #333; }


/*********************************************************************************************

3. Comments Styling

*********************************************************************************************/

#comments { display:block; margin:0; }
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; font-size: 12px; line-height: 20px;}
.comment-list li { list-style: none; }
.comment-list p { padding:15px 0 0; }
.comment-list p.heading {padding-top: 0; font-size: 12px; }
.comment-list li .commbody { border-top: 1px solid #e6e6e6; padding:0 0 8px; }
.comment-list ul { margin-bottom: 0; }
.comment-list ul.children .commbody { padding: 0 0 10px; }
.comment-author img { border:3px solid #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); float: left; margin: 0 12px 12px 0; }
.comment-author cite.fn  { font-style:normal;  }
.comment-author cite.fn a { color: #666; font-weight:bold; }
.comment-author cite.fn a:hover { color: #222; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { color:#8d8d8d; float: left; font-style:italic; font-size: 11px; margin-top: 6px; }
.commleft { border-top:3px solid #e6e6e6; float: left; padding-top:15px; width: 215px; }
.commentmetadata a { color: #6D6C6C; font-style:normal; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
#comments ul.children { background:url(images/reply_bg.png) no-repeat;}
.comment-list ul.children, #comments #respond ul { margin: 0 0 10px 15px;  padding: 9px 0 0 35px;}
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li {   margin: 0; }
.comment-body { margin: 0; padding: 8px 12px 0; position: relative; }
.comment-list li div p { color: #808080; margin-bottom: 0; margin-left: 229px; padding-right: 15px;}
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }
.reply {  clear: both; float:right; height:20px; font-size: 11px; }
.reply a { display:none; }
.commbody:hover .reply a { background:url(images/reply.png) no-repeat top left; display:block; margin-right: 15px; padding-left:16px; }
.cancel-comment-reply { margin:0 0 7px; }
.reply a, .cancel-comment-reply a { border: none;  color: #7D7D7D; margin-right: 3px; text-transform:uppercase; }
.reply a:hover, .cancel-comment-reply a:hover { color:#333; text-decoration: none; }

.nocomments {padding: 0 0 20px;}

#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }

#comments #respond .legend { border-bottom: 0; margin-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px;  }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { float: none; width: 100%; }

#respond #formLabels p, #formContent p { margin: 0; padding: 4px 20px 3px 0; }
#respond label { color: #7e7e7e; float: left; font-size: 13px; margin: 8px 14px 0 0; text-align: right; width: 110px; font-weight:normal;}
#respond input, #respond textarea { display:inline-block; margin-right: 10px; padding:4px; font-size:13px; line-height:20px; color:#808080; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom: 10px; -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
#respond input.button {padding: 0; font-size: 11px; color: #fff; border: 0;}
#respond input:focus, #respond textarea:focus, .widget input:focus {outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
#respond #formLabels input { width:55%;}
#respond #formLabels span {margin: 0 0 0 10px; font-size: 12px; color: #7e7e7e; font-style: italic;}
#respond #formContent textarea { width: 70%; resize: vertical; max-height: 500px; }

.comment-list li #respond p { margin-left: 0; }

/*********************************************************************************************

4. Single: Post/Page Styling

*********************************************************************************************/

.post-content {
	font-size: 14px;
	line-height: 26px;
	max-width: 100%;
}

.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	font-weight: bold;
	margin: 12px 0 12px;
	line-height: 1.25em;
}

.post-content h1 {
	font-size: 32px;
	line-height: 36px;
}

.post-content h2 {
	font-size: 26px;
	line-height: 32px;
}

.post-content h3 {
	font-size: 22px;
	line-height: 26px;
}

.post-content h4 {
	font-size: 18px;
	line-height: 24px;
}

.post-content h5 {
	font-size: 16px;
	line-height: 22px;
}

.post-content h6 {
	font-size: 14px;
	line-height: 20px;
}

.post-content p {
	margin-bottom: 1em;
}

.post-content img {
	margin-bottom: 20px;
}

.post-content iframe {
	max-width: 100%;
}

.post-content img.alignnone,
.post-content img.aligncenter,
.post-content img.alignleft,
.post-content img.alignright {
	max-width: 100%;
	width: 100%;
 	height: auto;
}

.post-content ul,
.post-content ol {
	margin: 0 0 1em 1em;
}
.post-content li ul,
.post-content li ol {
	margin-bottom: 0;
}
.post-content li {
	list-style-position: outside;
	margin-left: 20px;
}
.post-content ul li {
	list-style-type: square;
}
.post-content ol li {
	list-style-type: decimal;
}
.post-content blockquote {
    color:#999;
    border-left: solid 3px #ececec;
    padding: 0 15px;
    margin: 10px;
}
.post-content a {
	text-decoration:none;
}
.post-content a:hover {
	text-decoration:underline;
	cursor: pointer;
}

/*********************************************************************************************

5. Page Structure: Footer

*********************************************************************************************/

footer {margin: 0; padding-top: 30px; padding-bottom: 40px; font-size: 12px; line-height: 20px; border-top: solid 1px #ececec; text-shadow: #fff 1px 1px 1px; color: #777; }
footer a {color: #777; text-decoration: none; }
footer a:hover {color: #ed1c24;text-decoration: none; }
footer h3 {font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 14px; color: #777; }
footer p {text-align: left; }
footer ul {display: block; text-align: left; margin-bottom: 5px; }
footer ul li {margin-right: 15px; }
footer div.column {float: left; display: inline; margin-right: 15px; width: 310px; }
footer div.column-last {margin-right: 0; }
footer div.widget {margin-bottom: 20px; }
footer p.copyright {float: left; display: inline; color: #999; }
footer p.wpzoom { display: inline; float: right; color: #999; }
footer p.wpzoom a {color: #777; text-decoration: none;}
footer p.wpzoom a:hover {color: #333;}
footer p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; }

/*********************************************************************************************

6. Miscellaneous

*********************************************************************************************/

/* WPZOOM Twitter Widget */

.twitter-timestamp {
	color: #999;
	font-size: 11px;
	font-style: italic;
	display: block;
}

/* Begin Images */
.post-content .aligncenter {	display: block;	margin-left: auto;	margin-right: auto;	}
.post-content .alignright {	margin: 0 0 5px 20px;	display: inline;	}
.post-content .alignleft {	margin: 0 20px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}

/* Caption for images */
.post-content .wp-caption { background-color: #f9f9f9; border: solid 1px #e9e9e9; padding: 10px 8px; text-align:center; }
.post-content .wp-caption img { background:none; margin:0 0 10px; border:0 none; max-width:100%; width:auto; height:auto;}
.post-content .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; line-height: 1.4em; margin:0; padding:4px 0 0; text-align:center; }
.post-content .wp-caption.aligncenter { margin:0 auto 15px; }

/* [gallery] shortcode styling */
.post-content .gallery { margin: auto; text-align:center; clear:both; }
.post-content .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; width: 30%; }
.post-content .gallery img { border: solid 4px #f6f3ee; padding: 10px; margin-bottom: 5px; }
.post-content .gallery-caption { margin-left: 0; }
.post-content div.gallery img:hover {border: solid 4px #d46670; }

/* Social Widget */
.wpzoomSocial li {
	margin:0 5px 10px 0;
}

aside .wpzoomSocial li {
	float:left;
	display: inline;
	width: 145px;
}

.wpzoomSocial li img {
	margin-right: 5px;
}

.wpzoomSocial a:hover {
	text-decoration: none;
}

/* Recent Comments */
ul.recent-comments-list {margin: 0; padding: 0; font-size: 12px; }
.recent-comments-list img.avatar { margin-right: 12px; float: left;}
.recent-comments-list li {padding: 0 0 10px; margin:0 0 10px; border-bottom: dotted 1px #ccc; }

/* Recent Posts */
ul.posts-side li {
	margin: 0 0 10px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 10px;
}

ul.posts-side div.cover {
	float: left;
	display: inline;
	margin-right: 10px;
}

ul.posts-side h2.title {
	font-size: 13px;
	margin: 0;
}

ul.posts-side p.postmetadata {
	color: #999;
	font-size: 11px;
	margin: 0;
}

span.share_btn {display: inline; float: right; }


/*********************************************************************************************

7. Elements: Forms, Buttons

*********************************************************************************************/

p.title {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

div.widget input#s {
	float: left;
	display: inline;
	border: solid 1px #ccc;
	background-color: #fff;
	color: #777;
	font-size: 11px;
	height: 20px;
	width: 135px;
	padding: 3px 5px;
	border-right: 0;
}

div.widget input#s {
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	width: 115px;
}

input#searchsubmit {
	float: left;
	display: inline-block;
}

a.button {
	display: inline;
}

a.button,
#respond input.button,
input#searchsubmit {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 3px 10px;
	height: 28px;
	border: solid 1px #2b849e;
	cursor: pointer;
	display: block;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}

input#searchsubmit {
	-webkit-border-radius: 0px 3px 3px 0px !important;
	border-radius: 0px 3px 3px 0px !important;
}

a.button {
	display: inline;
	padding: 5px 10px;
}

a.button.blue,
#respond input.button.blue {
	background-color: #0064cd;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	border-color: #0064cd #0064cd #003f81;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #09509a 1px 1px 0;
}

a.button.green,
#respond input.button.green {
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3e783e 1px 1px 0;
}

a.button.orange,
#respond input.button.orange {
	background-color: #ef4832;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#ef4832));
	background-image: -moz-linear-gradient(top, #f2723a, #ef4832);
	background-image: -ms-linear-gradient(top, #f2723a, #ef4832);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2723a), color-stop(100%, #ef4832));
	background-image: -webkit-linear-gradient(top, #f2723a, #ef4832);
	background-image: -o-linear-gradient(top, #f2723a, #ef4832);
	background-image: linear-gradient(top, #f2723a, #ef4832);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2723a', endColorstr='#ef4832', GradientType=0);
	border-color: #ef4832 #ef4832 #bf831c;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #b72816 1px 1px 0;
}

a.button.yellow,
#respond input.button.yellow {
	background-color: #c98610;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#c98610));
	background-image: -moz-linear-gradient(top, #e49d1f, #c98610);
	background-image: -ms-linear-gradient(top, #e49d1f, #c98610);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e49d1f), color-stop(100%, #c98610));
	background-image: -webkit-linear-gradient(top, #e49d1f, #c98610);
	background-image: -o-linear-gradient(top, #e49d1f, #c98610);
	background-image: linear-gradient(top, #e49d1f, #c98610);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e49d1f', endColorstr='#c98610', GradientType=0);
	border-color: #c98610 #c98610 #bf831c;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #bf831c 1px 1px 0;
}

a.button.purple,
#respond input.button.purple {
	background-color: #4f337d;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#664a96), to(#4f337d));
	background-image: -moz-linear-gradient(top, #664a96, #4f337d);
	background-image: -ms-linear-gradient(top, #664a96, #4f337d);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664a96), color-stop(100%, #4f337d));
	background-image: -webkit-linear-gradient(top, #664a96, #4f337d);
	background-image: -o-linear-gradient(top, #664a96, #4f337d);
	background-image: linear-gradient(top, #664a96, #4f337d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664a96', endColorstr='#4f337d', GradientType=0);
	border-color: #4f337d #4f337d #382458;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3a2164 1px 1px 0;
}

a.button.red,
#respond input.button.red,
input#searchsubmit {
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #a8332d 1px 1px 0;
}

a.button.silver,
#respond input.button.silver {
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #fff 1px 1px 0;
	color: #333;
}

a.button.teal,
#respond input.button.teal {
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #2a819a 1px 1px 0;
}

a.button:hover,
#respond input.button:hover,
input#searchsubmit:hover {
	background-position: 0 -15px;
	text-decoration: none;
}

a.button:active,
#respond input.button:active,
input#searchsubmit:active {
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#respond input.button {
	height: 40px;
	padding: 10px 15px;
}

/*********************************************************************************************

8. Media Queries

*********************************************************************************************/

/* Tablet Landscape */
@media screen and (max-width: 1020px) {

	header {
		padding-right: 2%;
		padding-left: 2%;
	}
	div.wrap,
	header div.wrap,
	footer div.wrap {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}

	.posts-3 .post-small {
		width: 30%;
	}

	.posts .post {
		margin-right: 5%;
	}

	.posts .post-last {
		margin-right: 0;
	}

	.posts .thumb img {
		width: 100%;
		height: auto;
	}

}

/* Tablet Landscape */
@media screen and (max-width: 960px) {

}

/* Tabled Portrait */
@media screen and (max-width: 768px) {


}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

	h1.important {
		font-size: 30px;
		line-height: 36px;
	}

	div.teaser p {
		font-size: 14px;
		line-height: 22px;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {
	#tagline {float: left; margin:0px 0 0 12px; }
	nav#top-menu ul#menuhead{margin-left:-10px;}
	.threecol-one{width:100%!important;}
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 320px) {

	.posts .post {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
	}

}