Theme Name: Vimes
Theme URI: http://www.wpzoom.com/themes/vimes
Version: 2.1.4
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  ----------------------------  header.php
3.  Navigation  ------------------------  header.php
4.  Featured Slider  -------------------  wpzoom-slider.php
5.  Welcome Message --------------------  index.php
6.  Portfolio Gallery ------------------  template-portfolio.php
7.  Portfolio Item ---------------------  single-portfolio.php
8.  Archive posts ----------------------  loop.php
9.  Single posts -----------------------  single.php
10.  Comments  -------------------------  comments.php
11.  Sidebar & Widgets -----------------  sidebar.php
12.  Footer  ---------------------------  footer.php


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


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

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

*********************************************************************************************/   
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {margin: 0; padding: 0; font-size: 100%; display:block;}  
ul {list-style: none;}  
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:12px; padding:0px;  }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;   }
h1 { font-size: 26px; }
h2 { font-size: 24px; color:#1E328C; font-family:"SF Scribbled Sans" }
h3 { font-size: 22px; color:#E24C93;}
h4 { font-size: 16px; color:#1E328C; }
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;  }

a {text-decoration:none; color: #01AEFF; outline:none; border:none;}
a:hover {text-decoration:underline; color: #0099cc;}

p {margin: 0 0 16px; }
input { padding:5px; }

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

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

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

h3.title {
    color: #454343;
    padding-bottom: 9px;
    border-bottom: 1px solid #e8e8e8;
    margin:0 0 12px;
  }

h3.title span {
    border-bottom: 3px solid #454343;
    padding: 0 0 9px;
	font-family: 'Open Sans', arial, serif;
    text-transform: uppercase;
    font-weight:bold;
    font-size:20px;
    letter-spacing:2px;
    word-spacing:5px;
    line-height:1.5;
}

.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
::-moz-selection { color: #fff; background: #08ceff; }
::selection { color: #fff; background: #08ceff; }
 
/* Tooltip effect */	
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 100%; padding: 5px 8px 4px 8px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; }
.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; }
.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; }
.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; }
.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; }
.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; }
.tipsy-e .tipsy-arrow { right: 0; border-right: none; }
.tipsy-w .tipsy-arrow { left: 0; border-left: none; }

/* Navigation  */
div.navigation { text-align:center;}
div.navigation p,  div.wp-pagenavi { margin: 0; font-size: 14px; font-weight: bold; text-align: center; }
div.navigation a { font-size: 14px; font-weight: bold; padding: 7px; line-height: 50px; margin-right: 10px;  border: none; }
div.navigation span.current { font-weight:bold; border:none; padding: 7px;  color: #333;  border-radius: 4px;  box-shadow: 0 0 3px rgba(0,0,0,0.2);  margin-right: 10px; }
div.navigation a:hover {  color: #333;  border-radius: 4px;  box-shadow: 0 0 3px rgba(0,0,0,0.2); text-decoration: none; }
div.navigation span.pages { margin-right: 10px; display: none; }

div.navigation .extend { border: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }

.floatleft { float: left; }
.floatright { float: right; }


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

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

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

body {
	background: #f7f7f7 url("../images/bg.png");
	color: #E24C93;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 1.6;
}
 
#wrapper {
    background: #fff;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    margin: 0 auto;
    text-align: center;
    width: 600px;
}

#inner-wrap {
	text-align: left;
    width: 100%;
    margin-left:25px;
}

#inner-wrap-home {
	text-align: justify;
    max-width: 100%;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

#main-content {
	text-align: justify;
    max-width: 100%;
    width: 96%;
    height:100%;
    padding: 8px 8px 8px 8px;
    margin-right:0px;
}

#header {
    border-bottom: 1px solid #e8e8e8;
    padding-top: 12px;
    padding-bottom:  12px;
    width:100%;
    margin-bottom:10px;
}

#header-home {
    padding-top: 0px;
    padding-bottom:  12px;
    max-width: 100%;
    width: 100%;
    margin-bottom:0px;
}

#header-home img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

#homepage-taula {
    max-width: 100%;
    width: 100%;
    margin: 4px 4px 4px 4px;
    text-align:center;
}

#homepage-titles {
    height: 40px;
    max-width: 100%;
    width: 100%;
	margin: 4px 4px 4px 4px;
}

#banner-home {
    float:left;
    margin-left:0px;
}

#banner-home img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

#logo {
    float:left;
    margin-left:10px;
}

#logo-home {
    float:left;
    margin-left:360px;
}
#logo h1 a {
    color: #454343;
    margin: 10px 0;
    font-size: 26px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#homepage-but-1 {
    color: #454343;
    text-align: right;
}

#content, .home_widgets { width:100%; }

#tagH1 { 
	color: #08ceff; 
	height: 100%; 
	font-family: 'Droid Sans', Arial, sans-serif; 
	text-align:center;
}

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

3. Navigation  -------------------------  header.php
   
*********************************************************************************************/  

#menu {
	margin-top: 15px;
    float: left;
    position:relative;
    z-index:50;
    margin-left:30px;
}

.dropdown, .dropdown * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.dropdown {
	line-height:	1.0;
}
.dropdown ul {
	position:		absolute;
	top:			-999em;
	width:			170px; /* left offset of submenus need to match (see below) */
	background: #454343; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  
	text-align: left;
	margin: 0;  
	padding: 10px 5px; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=90); 
	-moz-opacity:0.9; 
	-khtml-opacity: 0.9; 
	opacity: 0.9;
}
.dropdown ul li {
	width:			100%;
}
.dropdown li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.dropdown li {
	float:			left;
	position:		relative;
}
.dropdown ul li a {
	color: #fff;
	line-height: 1.5; 
	text-transform: none;
	font-size:		12px;
	padding:5px 10px; 
}
.dropdown ul li a:hover {
	color: #b2b2b2;
}
.dropdown a {
	display:		block;
	position:		relative;
	font-family:	'Droid Sans', Arial, sans-serif; 
 	color: 			#757474; 
	text-decoration: none; 
	text-transform:	uppercase; 
	font-size: 13px;
	font-weight: normal;
	padding:10px 10px;
}
.dropdown a:hover { 
	text-shadow: none; 
	color: #01aeff; 
}
.dropdown li:hover ul,
.dropdown li.sfHover ul {
	left:			0;
	top:			33px; /* match top ul list item height */
	z-index:		99;
}
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul {
	top:			-999em;
}
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul {
	top:			-999em;
}
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
 
.dropdown li:hover, .dropdown li.sfHover,
.dropdown a:focus, .dropdown a:hover, .dropdown a:active {
 	outline:		0;
}

.sf-sub-indicator { display:none; }
.dropdown li ul .sf-sub-indicator { display:inline; }

li.current-menu-item a,  
li.current_page_item a,  
li.current-menu-ancestor a,  
li.current-menu-parent a,  
li.current_page_parent  a {   
	color: #01aeff; 
}


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

4. Featured Slider -------------------------  wpzoom-slider.php

*********************************************************************************************/   
 
#slider { margin:0 0 25px; position:relative; width:910px; height:350px; overflow:hidden; }
 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 0 15px;   position: relative;   zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */
#slider .flex-direction-nav a {position: absolute; top: 40%; width: 72px; height: 72px; display: block; cursor: pointer; font-size: 1px;  text-indent: -2000px; background: url("images/arrows.png") no-repeat 0 0; opacity: 0.6; -webkit-transition: all .3s ease;}
#slider .flex-direction-nav .flex-next {background-position: -81px -77px; right: 30px; }
#slider .flex-direction-nav .flex-prev {left: 30px;}
#slider .flexslider:hover .flex-next {opacity: 0.8;   background-position: -81px 0;}
#slider .flexslider:hover .flex-prev {opacity: 0.8;   background-position: 0 0;}
#slider .flex-next:hover,  #slider .flex-prev:hover {opacity: 1;}
#slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

#slider .flex-viewport li .postcontent { height:100%; overflow:hidden;}

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

5. Welcome Message 

*********************************************************************************************/   
 
#heading {
    background: #1d1c1c url("images/welcome.png");
    margin-bottom: 28px;
    padding: 20px;
    font-family: Georgia;
	width:870px;
}
 
#heading .action {
	float:right;
	margin:50px;
	background: url("images/button.png") no-repeat 0 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #525c69;
    position: relative;
    overflow: visible;
    padding: 13px 0;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height:1.1;
}

#heading .action:hover {
	text-decoration:none;
	color:#747F8F;
}

#heading .action:active {
	top:1px;
}
	
#heading .action span {
    position: relative;
    white-space: nowrap;
    left: 24px;
    padding: 13px 24px 13px 0;
    top: 1px;
    background: url("images/button.png") no-repeat 100% 0;
}

#heading h2, #heading h1 {
    color: #fff;
    padding: 5px 0;
	text-transform: uppercase;
	font-family: 'Oswald', Arial, serif;
	font-weight:bold;
	font-size:28px;
	letter-spacing:1px;
}

#heading p {
    color: #ffffff;
    font-size: 20px;
    line-height: 27px;
    padding: 5px 0;
}

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

6. Portfolio Gallery ----------------------------- template-portfolio.php

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

#portfolio h3.title {
	width:910px;
}
	
#portfolio h3.title a {
	float:right;
  	font-size:12px;
	font-family:Georgia, serif;
	font-style:italic;
	font-weight:normal;
	padding:10px 0 0;
 	width:116px;
}
 	
#portfolio h3 a:hover {
	text-decoration:underline;
}
	
#portfolio ul {
    margin: 25px 0;
}

#portfolio li {
	display: block;
	float: left;
	margin: 0 27px 21px 0;
	position: relative;
	width: 285px;
}
 

#portfolio .ext {
    padding-top: 80px;
    background: url("images/overlay.png") no-repeat 0 0;
    display: none;
    position: absolute;
    top: 0;
    left:0;
    height: 110px;
    width: 285px;
    text-align: center;
	cursor:pointer;
}

#portfolio li a:hover {
	text-decoration: none !important;
}

#portfolio a:hover .ext {
    display: block;
	text-decoration: none;
}

#portfolio .ext span {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #454343;
    text-transform: uppercase;
}

#portfolio .ext .p {
    color: #01AEFF;
	font-family: 'Open Sans', arial, serif;
    text-transform: uppercase;
    font-weight:bold;
    font-size:14px;
    letter-spacing:2px;
    word-spacing:5px;
}
 
#portfolio .meta {
    font-family: Georgia;
  	color: #a1a1a1;
    font-size: 11px;
    font-style: italic;
    text-align: center;
}

#portfolio .meta h3 a {
    color: #2d2d2d;
    margin: 1px 0;
    font-size: 14px;
    font-weight: normal;
    font-family:Georgia, serif;
    font-style: normal;
}
 
#portfolio  .meta a:hover {
    color: #01AEFF;
}


#portfolio-tags, #portfolio-fixed {
	margin:20px 0 0;
}
	
#portfolio-tags li, #portfolio-fixed li {
	float:left;
	margin:0 10px 0 0;
	display:inline;
}
	
#portfolio-tags ul.children, #portfolio-fixed ul.children {
	float:left;
}
	
#portfolio-tags a, #portfolio-fixed a { display: inline-block; padding: 3px 12px; font-size: 12px; font-weight: bold; line-height: 1.4; font-family: Arial, sans-serif; background: #E4E4E3; background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F6F6 3%, #E4E4E3 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#f5f6f6), color-stop(100%,#e4e4e3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* IE10+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e3',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* W3C */ border: 1px solid #ccc; color: #555; cursor: pointer; text-shadow: 1px 1px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px 0 #eee; -webkit-box-shadow: 0 1px 2px 0 #eee; box-shadow: 0 1px 2px 0 #eee; }

#portfolio-tags li.active a, #portfolio-fixed li.active a, #portfolio-fixed li.current-cat a { display: inline-block; padding: 3px 12px; font-size: 12px; font-weight: bold; line-height: 1.4; background: #81bff0; background: -moz-linear-gradient(center top , #FFFFFF 0%, #b0d7f6 3%, #81bff0 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#b0d7f6), color-stop(100%,#81bff0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#b0d7f6 3%,#81bff0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#b0d7f6 3%,#81bff0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#b0d7f6 3%,#81bff0 100%); /* IE10+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#81bff0',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#b0d7f6 3%,#81bff0 100%); /* W3C */ border: 1px solid #85b3d8; color: #fff; cursor: pointer; text-shadow: 1px 1px #576e7d; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px 0 #eee; -webkit-box-shadow: 0 1px 2px 0 #eee; box-shadow: 0 1px 2px 0 #eee; }

#portfolio-tags a:hover, #portfolio-fixed a:hover { text-decoration: none; background: #dcdcdb; background: -moz-linear-gradient(center top , #FFFFFF 0%, #eeeeee 3%, #dcdcdb 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#eeeeee), color-stop(100%,#dcdcdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* IE10+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdb',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* W3C */ }
 

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

7. Portfolio Item  -------------------------   single-portfolio.php

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

#portfolio-slider {
 	margin:0 0 20px;
 	width: 630px; 
    position:relative;
    overflow:hidden;
}

#portfolio-slider .flex-direction-nav { position:absolute; bottom:0; right:0; width:100px; height:30px;}
#portfolio-slider .flex-direction-nav a { position: absolute; bottom:6px; right:0; width: 30px; height: 30px; display: block; cursor: pointer; font-size: 1px;  text-indent: -2000px; background: url("images/arrows-port.png") no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease;}
#portfolio-slider .flex-direction-nav .flex-next {background-position: -41px 0; right: 0; }
#portfolio-slider .flex-direction-nav .flex-prev {right: 36px;}
#portfolio-slider .flexslider:hover .flex-next {opacity: 0.8;   background-position: 31px -33px;}
#portfolio-slider .flexslider:hover .flex-prev {opacity: 0.8;   background-position: 0 -33px;}
#portfolio-slider .flex-next:hover,  #portfolio-slider .flex-prev:hover {opacity: 1;}
 
#portfolio-slider .flex-viewport li .postcontent { height:100%; overflow:hidden;}

.single-nav { float: right; }
.single-nav a { background: url("images/arrows-small.png"); display: block; float: left; height: 30px; width: 31px; position: relative; }
.single-nav a:active { top: 1px; }
.single-nav .next_project { background-position: 31px 0; margin-left: 5px; }
.single-nav .prev_project:hover { background-position: 0 -32px; }
.single-nav .next_project:hover { background-position: 31px -32px; }

.slides_container .caption { position:absolute; background:url(images/bg_caption.png) repeat; bottom:0; color:#fff; left:10px; padding:0 10px;}

.aside {
	color: #666666;
	font-size: 12px;
	float: right;
	line-height: 21px;
	width: 260px;
	margin:0;
}

.aside h4 {
	color: #01AEFF;
	border-bottom: 1px solid #e8e8e8;
	padding: 6px 0 4px;
	text-transform: uppercase;
	font-size:13px;
	margin:8px 0;
	font-family:'Droid Sans', Arial, sans-serif;
}
	
.aside ul li {
	list-style-type:square;
	margin:0 0 0 20px;
}
		

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

8. Archives/Blog posts  -------------------------  index.php, archive.php, search.php

*********************************************************************************************/   
 
.posts {
	border-bottom:1px dotted #eee;
	padding:0 0 20px;
	margin:0 0 25px;
	font-size:13px;
}

.posts .meta, .post_content .meta {
	margin-bottom:7px;
}

.posts .post-thumb {
    float: left;
    margin: 0 15px 5px 0;
}


.posts .postcontent { overflow: hidden; }
 
.posts .postmetadata { margin: 0 0 10px; }
 
.post_content h1 a { margin-bottom:10px; }
	
.posts h2 a {
	line-height: 1.2;
	margin: 0 0 4px; 
	font-size:26px;
	color:#333;
	font-weight:normal;
	font-family:'Droid Sans', Arial, sans-serif;
}
	
.posts h2 a:hover {
	text-decoration:underline;
}
 
/********************************************************************************************* 

9. Single Posts Styling  ---------------------------------	 single.php, page.php

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

.post_content {
	float: left;
	display: inline;
	margin:0 20px 20px 0;
	width: 630px;
	font-size: 12px;
 	position:relative;
}

.post_content h1 a {
	color:#333;
	font-size: 30px;
	font-weight: normal;
	text-decoration:none;
	line-height: 28px;
	margin-bottom: 8px;
	font-family:'Droid Sans', Arial, sans-serif;
}
	
.post_content h1 a:hover { text-decoration:underline; }
	
.meta {
	margin:5px 0 0;
	font-weight:normal;
	font-size:11px;
	font-family:'Droid Sans', sans-serif;
}
		
.meta a { 
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}

.meta span {	
	color:#DDDBDB;
	padding:0 5px;
}
	
p.postmetadata {
	font-size: 11px;
	margin: 0;
	color: #999; 
}
	 
.entry {
	clear: left;
	font-size: 13px;
 	overflow: hidden;
 	line-height: 1.7;
	margin: 0 0 20px;
	width: 630px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight: bold;
	margin-bottom: 12px; 
	line-height:1.3;
	color:#01AEFF;
	}

.entry p { margin-bottom: 14px; }

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

.entry img { margin-bottom:10px; }

.entry img.alignnone, 
.entry img.aligncenter, 
.entry img.alignleft, 
.entry img.alignright {
	margin-bottom: 10px;
	max-width:630px;
	width:auto;
 	height:auto;
}

.entry .galleria-container img { border:0; padding:0; }

.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
 
.entry blockquote {
	font-style: italic;
	font-family:Georgia, serif;
	font-size: 16px;
  	border: solid 1px #ddd;
	border-left: solid 5px #ddd;
  	padding: 15px;
	margin: 10px; 
}
 
.side-left .post_content {
	float: right;
	display: inline;
 	margin: 0 0 20px 20px; 
}
	
.side-left #sidebar {
	float:left;
}
 	
.full-width .post_content {
	margin-right: 0;
	width: 910px; 
}
 
.full-width .entry  {
	float: none;
	display: block;
 	padding-right: 0;
	width:910px; 
}

.full-width .entry img {
	max-width:893px;
}

/* [gallery] shortcode */
.entry .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { margin: auto; text-align: center; clear: both; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }

/* Caption for Images */
.entry .wp-caption { text-align:center; max-width: 100% !important;  background:rgba(255,255,255,0.7);   }
.entry .wp-caption img { margin:0; background:none;  max-width:100%;  width:auto; height:auto; }
.entry .wp-caption-text { margin:0; padding:4px 0 0; color:#A7A3A3; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

img.wp-smiley { padding: 0; border: none; }
.entry .tags { font-weight: bold; text-transform: uppercase; font-size: 12px; margin-top: 25px; display: block; line-height: 2.5; clear: both; float: left; }
.tags a { color: #fff; background: #5EA0EF; text-transform: uppercase; padding: 3px 7px; margin: 0 0 7px 5px; font-size: 10px; font-weight: bold; -moz-border-radius: 4px; border-radius: 4px; }
.tags a:hover { background: #007CFF; text-decoration: none; }
.thumbnails { background: #FFFDEA; border: 1px solid #EEE7AB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear: both; float: left; padding: 10px 10px 5px; margin: 10px 0 20px; font-size: 11px; line-height: 1.6em; }
.thumbnails img { margin: 5px 15px 10px; width: 144px; height: 144px; }
 
/********************************************************************************************* 

10. Comments  -------------------------  comments.php

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

#comments { margin: 20px 0 0; padding-top: 10px; }
#comments h3 { font-size: 18px; padding: 10px 0 7px; margin: 0 0 20px; border-bottom: 1px solid #EFEFEF; }
#comments #respond h3 { border-bottom:0; padding:10px 0 0; margin:5px 0 0;}
#main ol.normalComments { clear: left; margin: 0; }
#main ol.normalComments div.comment-body { position: relative; margin:15px 0 0; padding:0 0 15px; display:inline-block; width:100%; border-bottom:1px solid #EFEFEF;}
#main ol.normalComments div.reply { position: absolute; top: 0; right: 0; }
#main ol.normalComments li { clear: left; list-style-type: none; font-size: 11px; line-height: 1.7;  }
#main ol.normalComments li.comment li.comment {  margin: 0 0 0 40px; clear: left;}
#main ol.normalComments li.comment li.comment:last-child {  border-bottom:none; }
#main ol.normalComments li ul.children { padding: 1px 0 0; clear:both; }
#main ol.normalComments li p { margin: 5px 0 0; }
#main ol.normalComments img.avatar { float: left; display: inline; margin: 0 10px 10px 0; border: 2px solid #fff;  border-radius: 4px;  box-shadow: 0 0 3px rgba(0,0,0,0.2);  background:#fff; }
#main ol.normalComments cite { font-size: 14px; line-height: 18px; font-weight: bold; font-style: bold;  float: left; display: inline; margin-right: 10px; }
#main ol.normalComments .commentmetadata a { line-height: 18px; font-size: 11px; margin-bottom: 5px; color:#777777; }
#main ol.normalComments .commentmetadata a:hover { color:#333; }
#main ol.normalComments blockquote { font-size: 12px; line-height: 18px; }
#main ol.normalComments span.says { display: none; }

.reply a, .cancel-comment-reply a { padding: 2px 0; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; display:block;}
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }
 
#formLabels { float: left; }
#main #formLabels p { float: left; display: inline; margin: 0 0 10px; width: 100%; color: #8B8B8B; }
#formLabels p label { width: 80px; float: left; color: #333; font-weight: bold; }
#formLabels p.last { margin-right: 0; }
#respond textarea { font-family: Arial; padding:5px; }
#respond input, #respond textarea { margin-right: 5px; width: 69%; border-top: 2px solid #F0F2F4; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; background: #F9F9F9; border-bottom: none; -moz-border-radius: 3px; border-radius: 3px; }
#respond #formContent { margin: 7px 0; float: right; }

#respond .button { background: #377ad0; background: -moz-linear-gradient(top, #52a8e8 0%, #377ad0 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8e8), to(#377ad0)); border-top: 1px solid #4081af; border-right: 1px solid #2e69a3; border-bottom: 1px solid #20559a; border-left: 1px solid #2e69a3; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; -moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3; color: #fff; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 1; padding: 7px 10px; margin: 10px 0 15px 80px; text-align: center; float: left; display: inline; width: auto; text-shadow: 0 -1px 1px #3275bc; -webkit-background-clip: padding-box; }
#respond .button:hover { background: #206bcb; background: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e9ee5), to(#206bcb)); border-top: 1px solid #2a73a6; border-right: 1px solid #165899; border-bottom: 1px solid #07428f; border-left: 1px solid #165899; -moz-box-shadow: inset 0 1px 0 0 #62b1e9; -webkit-box-shadow: inset 0 1px 0 0 #62b1e9; cursor: pointer; text-shadow: 0 -1px 1px #1d62ab; -webkit-background-clip: padding-box; }
#respond .button:active { background: #3282d3; border: 1px solid #154c8c; border-bottom: 1px solid #0e408e; -moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff; -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff; text-shadow: 0 -1px 1px #2361a4; -webkit-background-clip: padding-box; }
#respond .button::-moz-focus-inner { border: 0; padding: 0; }

.comment-list li #respond p { margin-left: 0; }
#trackbacks { float: left; width: 100%; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }


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

11. Sidebar & Footer Widgets -------------------------  sidebar.php, footer.php

*********************************************************************************************/   
  
#sidebar {
	float: right;
	display: inline;
	width: 260px; 
	position:relative; 
	margin:0;
}
 
#sidebar .widget {
	margin-bottom: 20px;
	font-size: 12px;
	position:relative; 
}

#sidebar .widget h3 {
	font-size: 16px;
	font-weight: bold;
	margin:0 0 10px;
}

.widget a {	font-weight:bold; }

#sidebar .widget a:hover { text-decoration: none; }

#sidebar h3.title { padding-bottom: 6px; }
	
#sidebar h3.title span {
	font-size:16px;
	padding:0 0 5px;
}
	
.widget ul { clear: both;  line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }

.widget #cat, .widget select { width: 100%;   border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left;  }

.widget_tag_cloud a {
	font-family:Georgia, serif;
	line-height:1.3em;
	font-weight:normal;
}

/* Recent Comments */
.recent-comments-list .avatar {	margin-right: 12px;	float: left; border: 2px solid #fff;  border-radius: 4px;  box-shadow: 0 0 3px rgba(0,0,0,0.2);  background:#fff; }
.recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #eee; line-height:1.4;  }
.recent-comments-list li a { font-size:12px; }

/* Flickr widget */
.widget .flickr_badge_image {margin-right: 9px; margin-bottom: 9px; float: left; }
.widget .flickr_badge_image img { width: 64px; height: 64px; border-radius: 4px; border:3px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,0.2); }
.widget .flickr_badge_image img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
#footer .widget .flickr_badge_image img { width: 55px; height:55px; }

 
 /* Twitter widget */
.widget .twitter-list li { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;  padding: 0 0 7px; margin: 0 0 7px; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #727272; font-family: Arial, sans-serif; font-size: 10px; font-style: normal; text-align: right; }
.widget .follow-user { margin: 0; padding: 5px 0; }


/* Social Widget */
.social li { display: inline; float:left; }
.social a { background: url("images/social.png") no-repeat 0 0; display: block; float: left; height: 42px; width: 42px; margin: 0 10px 10px 0; text-indent: -9000px; }
.social a:hover { background-position: 0 -48px; }
.social .email { background-position: -52px 0; }
.social .email:hover { background-position: -52px -48px; }
.social .facebook { background-position: -156px 0; }
.social .facebook:hover { background-position: -156px -48px; }
.social .flickr { background-position: -252px 0; }
.social .flickr:hover { background-position: -252px -47px; }
.social .dribbble { background-position: -104px 0; }
.social .dribbble:hover { background-position: -105px -48px; }
.social .youtube { background-position: -298px 0; }
.social .youtube:hover { background-position: -298px -48px; }
.social .vimeo { background-position: -204px 0; }
.social .vimeo:hover { background-position: -204px -48px; }
.social .linkedin { background-position: -344px 0; }
.social .linkedin:hover { background-position: -344px -48px; }
.social .behance { background-position: -390px 0; }
.social .behance:hover { background-position: -390px -47px; }
.social .google { background-position: -434px 0; }
.social .google:hover { background-position: -434px -47px; }
.social .pinterest { background-position: -480px 0; }
.social .pinterest:hover { background-position: -480px -47px; }


/* Recent News Widget */
.home_widgets .news_widget { margin-left: 215px; }
.home_widgets .news_widget h3 span { width: 215px; padding-right: 130px; }
.news_widget li { border-bottom: 1px solid #e8e8e8; padding: 6px 6px 10px; float: left; width: 98%; }
.news_widget li:first-child { padding-top: 0; }
.home_widgets .news_widget .date { float: left; font-family: Georgia; font-size: 12px; text-align: center; text-transform: uppercase; width: 40px; margin: 0 10px 0 0; line-height:1;}
.home_widgets .news_widget .date .day { font-size: 20px; }
.home_widgets .news_widget .date .month { display: block; }
.home_widgets .news_widget li a { line-height: 40px; font-size: 13px; font-weight: normal; font-family: 'Droid Sans', sans-serif; }
.home_widgets .news_widget .meta { display:none; }
#sidebar .news_widget .date { display:none; }
#sidebar .news_widget { margin-left:0; }
#sidebar .news_widget li a { margin-left:0; float:none; line-height:1.5;}
#sidebar .meta { display:block; margin:0; }
#sidebar .news_widget li { padding: 10px 0; margin:0; }

#footer .news_widget .date { display:none; }
#footer .news_widget { margin-left:0; }
#footer .news_widget li a { margin-left:0; float:none; line-height:1.5;}
#footer .meta { display:block; margin:0; }
#footer .news_widget li { padding: 10px 0; margin:0; }
.news_widget br {display: none;}
.news_widget img { margin: 4px 12px 5px 0; float: left; }
.news_widget span.meta { font-size: 9px; color: #A9A9A9; margin: 2px 0 4px; display: block; }
.news_widget .post-excerpt { display: block; }

 
 
/* Category Widget */
.widget_categories ul li { color: #8B8A8A; text-align: right; font-weight: normal; padding: 2px 4px; clear: both; float:left; width:100%; display:block; border-bottom:1px solid #F5F5F5; }
#footer .widget_categories ul li { border-bottom:none; }
.widget_categories ul li a { text-align: left; float: left; font-weight: bold; }
.widget_categories ul li a:hover { color: #fff; text-decoration: none; font-weight: bold; }
.widget_categories ul li:hover { background: #3798FF; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#footer .widget_categories ul li:hover { background: #393B3D; }
.widget_categories ul li:hover a { color: #fff; }
 
#footWidgets {margin: 40px 0 20px; font-size: 12px; line-height: 18px; }
#footWidgets div.column {float: left; display: inline; margin-right: 20px; width: 225px; }
#footWidgets div.last {margin-right: 0;}
#footWidgets a:hover {color: #55cc55;}
 

/* Facebook Like Box */
div.fb-like.fb_iframe_widget {  width: 100% !important; }

.fb_iframe_widget { width: 100%!important }
.fb_iframe_widget span { width: 100%!important; }
.fb_iframe_widget span iframe { width: 100%!important; }


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

12. Footer  -------------------------  footer.php

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

#footer {
    background: #f1efed;
    margin-top: 30px;
    text-align: left;
	
}

#footer .widgets {
	padding:15px 0 25px 25px;
}

#footer .widget {
	float: left;
	width: 300px;
	font-size: 12px;
}

#footer .widget h3 {
    color: #454343;
    margin: 10px 0;
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}
 
#footer div.column {float: left; display: block; margin-right: 25px; width: 205px; }
#footer div.last {margin-right: 0;}
#footer a {color: #333; text-decoration:none;}
#footer a:hover {color:#01AEFF;}
 
#footer .copyright { background: #EAE5E5; color: #333; height: 82px; padding: 25px 25px 0; font-family: 'Droid Sans', Arial, sans-serif; }
#footer .copyright .left { float: left; }
#footer .copyright .right { float: right; }

#footer .tagH1 { background: #EAE5E5; color: #333; height: 42px; padding: 0px 25px 10px 25px; font-family: 'Droid Sans', Arial, sans-serif; text-align:center; }


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

9. Media Queries

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

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

    #wrapper { width:96%; }

    #inner-wrap { width:98%; margin-left:2%;}

    #header {width:97%; }

    #slider { width:97%; height:auto; margin-bottom:1%;}
   
    #slider img { width:100%; max-width:100%; height:auto; }
 
    #heading { width:93%; padding:2%; }

    #portfolio h3.title { width:97%; }

    #portfolio li { width:31%; margin-right:2%; }

    #portfolio li img { width:100%; max-width:100%; height:auto; }

    #portfolio .ext { width:100%; height:100%; padding-top:30%;}

    #content, .home_widgets { width:97%; }

    .post_content { width:65%; margin-right:2%; }

    .full-width .post_content {width:100%; }
    .full-width .entry {width:100%; }
 
    .side-left .post_content { margin-left:2%; }

    #portfolio-slider { width:100%; }

    #portfolio-slider img { max-width:100%; width:100%; height:auto; }

    .entry { width:100%; }
 
    .aside {width:33%; }

    #sidebar {width:33%; }

    .home_widgets .news_widget { margin-left:0; }

    #footer div.column { width:23%; margin-right:2%; }
    #footer .widget {width:100%; }

    .entry img.alignnone,
    .entry img.aligncenter,
    .entry img.alignleft,
    .entry img.alignright,
    .entry img.attachment-fullsize {
        margin-bottom: 10px;
        max-width: 100%;
        width:auto;
        height:auto;
    }

    .full-width .entry img.alignnone,
    .full-width .entry img.aligncenter,
    .full-width .entry img.alignleft,
    .full-width .entry img.alignright,
    .full-width .entry img.attachment-fullsize {
        margin-bottom: 10px;
        max-width: 100%;
        width:auto;
        height:auto;
    }

}

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

    #logo img { max-width:100%; width:100%; height:auto; }

    #footer div.column { width:47%; margin-right:2%; display:inline-block; float:none; vertical-align: top;}

 }

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

    #slider .flex-direction-nav { position:absolute; bottom:0; right:0; width:100px; height:59px;}
    #slider .flex-direction-nav a { position: absolute; bottom:0; right:0; width: 30px; height: 30px; display: block; cursor: pointer; font-size: 1px;  text-indent: -2000px; background: url("images/arrows-port.png") no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease;}
    #slider .flex-direction-nav .flex-next {background-position: -41px 0; right: 0; }
    #slider .flex-direction-nav .flex-prev {right: 36px;}
    #slider .flexslider:hover .flex-next {opacity: 0.8;   background-position: 31px -33px;}
    #slider .flexslider:hover .flex-prev {opacity: 0.8;   background-position: 0 -33px;}
    #slider .flex-next:hover,  #portfolio-slider .flex-prev:hover {opacity: 1;}
     
    #portfolio-tags a, #portfolio-fixed a { margin-bottom:10px; }

    #content, .home_widgets { width:97%; }

    .post_content { width:100%; margin-right:0; }

    #sidebar {width:100%; float:left; }

    #heading .action { display:none; }

    h3.title span {font-size:14px; }

    #heading h2, #heading h1 {font-size:16px; }
    #heading p { font-size:12px; line-height:1.3;}
 
    #portfolio-slider { width:100%; }

    #portfolio li { width:46%; display:inline-block; vertical-align: top; float:none; }

    #portfolio-slider img { max-width:100%; width:100%; height:auto; }

    .entry { width:100%; }

    .aside { width:100%; }

    #footer div.column { width:100%; margin-right:0; float:left; display:block;}

    #footer .copyright .right {width:100%; float:left; margin:20px 0; display:none;}
 
 
}
/* ======================================================= */
/*                     Buttons Styles from wpex-bizz/js/  wp theme                      */
/* ======================================================= */

.button, .button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
}
button::-moz-focus-inner {
    border: none; /* overrides extra padding in Firefox */
}
button.button {
	padding:0px;
	margin:0;
}
a.button, a.button:hover {
	text-decoration: none;
}
.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:active, .button.active {
	top:1px;
	background: -moz-linear-gradient(
		center top,
		rgba(0, 0, 0, .1) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(0, 0, 0, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button span {
	position: relative;
	color:#FFF;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:2em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.button span {
		margin-top: -1px;
		margin-left:-2px;
		margin-right:-2px;
	}
}
.button.small span {
	font-size:12px;
}
.button.medium span {
	font-size:14px;
}
.button.large span {
	font-size:18px;
}
/* Button Color Scheme
---------------------------------------------------------- */
.button.black {
	background-color: #333333;
}
.button.gray {
	background-color: #666666;
}
.button.white {
	background-color: #FFFFFF;
}
.button.white span{
	color: #666666;
}
.button.red {
	background-color: #e62727;
}
.button.orange {
	background-color: #ff5c00;
}
.button.magenta {
	background-color: #A9014B;
}
.button.yellow {
	background-color: #ffb515;
}
.button.blue {
	background-color: #00ADEE;
}
.button.pink {
	background-color: #e22092;
}
.button.green {
	background-color: #91bd09;
}
.button.rosy {
	background-color: #F16C7C;
}
.button.y1 {
	background-color: #2239A3;
}
		.button.y2 {
	background-color: #98002e;
}