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

Theme Name: Elegance
Theme URI: http://www.wpzoom.com/themes/elegance
Version: 2.0.5
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Header & Page Structure ------------  header.php
3.  Comments Styling  ------------------  comments.php
4.  Single: Post/Page Styling ----------  single.php, page.php
5.  Page Structure: Footer -------------  footer.php
6.  Miscellaneous ----------------------   
7.  Elements: Forms, Buttons -----------  
8.  Media Queries  ---------------------  All Theme Files

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


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

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; }
ins { background: #ff9; color: #000; text-decoration: none; }
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: #333;
	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:#333; color:#fff;}
::selection{ background:#333; 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; }
#logo h1 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 40px;
}

#logo h1 a {
	color: #333;
}

#logo h1 a:hover {
	color: #999;
}

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; width: 960px;  }
h1.important {font-size: 60px; line-height: 80px; font-weight: normal; letter-spacing: -1px; margin-left: -4px; margin-bottom: 20px; }

#top-menu {float: right; display: inline; margin-top: 15px; }
#top-menu li.current-menu-item {background: #f1f1f1 url(images/backMenu.png) 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:#fff; 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: #ccc; }  
#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 {margin-bottom: 6px; 
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-webkit-transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s; 
	transition-duration: 0.3s;
}
.posts .post:hover .thumb {filter: alpha(opacity=100); opacity: 1;}
.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: 960px;
}

.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: 960px;
	width:auto;
 	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) {



}

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

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

}