/*
Theme Name: Surftide
Theme URI: http://www.surftide.co.uk/
Description: The surftide WordPress theme
Version: 1.0
Author: Ben Ellis
Author URI: http://www.hunrybrowser.co.uk/
Tags:
*/

/* ------------------------------------------------------------
	Default HTML elements
---------------------------------------------------------------- */

/* 
Font size reference 

10px = 62.5%
11px = 70%
12px = 75%
13px = 80%
14px = 87.5%
15px = 95%
16px = 100%
17px = 105%
18px = 112.5%
19px = 120%
20px = 125%
21px = 130%
22px = 140%
23px = 145%
24px = 150%

*/

body {
	font-size: 80%;
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	background: #EEEEEE url("img/body_bg.jpg") 0px 0px repeat;
	color: #333333;
	text-align: center;
	margin: 10px 0px 0px 0px;
	line-height: 20px;
}

a {
	color: #427f98;
	text-decoration: none; 
	outline: none;
}

a:active { 
	color: #996666; 
	text-decoration: underline; 
}

a:visited { 
	color: #999999; 
	text-decoration: underline; 
}

a:hover { 
	color: #256782; 
	text-decoration: underline; 
}

img {
	background-color: #F9F9F9;
	border: 1px #EEEEEE solid;
}

a:hover img {
	border-color: #CCCCCC;
	background-color: #FFFFFF;
}

strong {
	font-weight: bold;
}

/* ------------------------------------------------------------
	Form fields
---------------------------------------------------------------- */

legend {
	display: none;
}

form {
	margin: 10px 0px 10px 0px;
}

form p {
	margin: 10px 0px 10px 0px;
}

.text_input, select, textarea  {
	border: 1px #CCCCCC solid;
	padding: 4px 5px 4px 5px;
	background-color: #F9F9F9;
	color: #666666;
	margin: 0px;
	font-size: 120%;
	font-family: inherit;
}

.text_input:hover, .text_input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
	border-color: #999999;
	background-color: #FFFFDA;
	color: #333333;
}

button {
	background: url("img/search_bg.gif") 0px 0px no-repeat;
	color: #333333;
	text-indent: -10000px;
	border: none;
	padding: 0px;
	text-align: center;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

button:hover, button:focus, button:active {
	background-position: 0px -35px;
}

label {
	font-weight:bold;
}

#col_2 label {
	display: none;
}

#col_2 .text_input  {
	width: 197px;
	margin: 0px 5px 0px 0px;
}

iframe {
	border: 1px #CCCCCC solid;
	margin: 10px 0px 10px 0px;
}

/* ------------------------------------------------------------
	Error messages
---------------------------------------------------------------- */

.error, .required {
	color: #CC0000;
}

.success {
	color: #339900;
}

p.error, div.error, p.success, div.success {
	margin: 10px 30px 0px 0px;
	border-style: solid;
	border-width: 1px;
}

p.error, div.error {
	border-color:#CC0000;
	background: #FFEAEA url("img/error_bullet.gif") 5px 3px no-repeat;
	padding: 3px 7px 3px 30px;
}

p.success, div.success {
	border-color: #339900;
	background: #DFFFDF url("img/loading_bullet.gif") 5px 3px no-repeat;
	padding: 3px 7px 3px 30px;
}

/* ------------------------------------------------------------
	iPhone notification
---------------------------------------------------------------- */

#notification {
	display: none;
}

/* ------------------------------------------------------------
	Page container
---------------------------------------------------------------- */

#page {
	width: 960px;
	text-align: left;
	margin: 0px auto;
}

/* ------------------------------------------------------------
	Skip nav
---------------------------------------------------------------- */

#skip_nav {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

/* ------------------------------------------------------------
	Top nav
---------------------------------------------------------------- */

#top_nav {
	position: relative;
	width: 960px;
	height: 24px;
}

#top_nav li a {
	position: absolute;
	top: 0px;
	height: 24px;
	display: block;
	text-indent: -10000px;
}

#top_nav li#iphone a {
	width: 151px;
	right: 135px;
	background: url(img/iphone_bg.gif) 0px 0px no-repeat;
}

#top_nav li#iphone a:hover, #top_nav li#iphone a:focus {
	background-position:0px -35px;
}

#top_nav li#widget a {
	width: 124px;
	right: 0px;
	background: url(img/widget_bg.gif) 0px 0px no-repeat;
}

#top_nav li#widget a:hover,#top_nav li#widget a:focus  {
	background-position:0px -34px;
}

/* ------------------------------------------------------------
	Header
---------------------------------------------------------------- */

#header {
	border-top: 7px #333333 solid;
	position: relative;
	background-color: #FFFFFF;
}

/* ------------------------------------------------------------
	Logo
---------------------------------------------------------------- */

#logo h1 a {
	display: block;
	text-indent: -10000px;
	background: url("img/logo_bg.gif") 0px 0px no-repeat;
	width: 407px;
	height: 82px;
	margin: 20px 0px 0px 24px;
}

#logo h1 a:hover {
	background-position: 0px -82px;
}

#logo h2 {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

/* ------------------------------------------------------------
	Main nav
---------------------------------------------------------------- */

.main_nav {
	position: absolute;
	top: 20px;
	right: 24px;
	width: 162px;
	height: 80px;
	background: url("img/main_nav_bg.gif") no-repeat 0px 0px;
}

.main_nav li {
	display: inline;
}

.main_nav li a:link, .main_nav li a:visited {
	position: absolute;
	top: 0;
	height: 25px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

/* Item 1 */

.main_nav .item_1 a:link, .main_nav .item_1 a:visited {
	top: 0px;
	left: 0px;
	width: 162px;
}

.main_nav .item_1 a:hover, .main_nav .item_1 a:focus {
	background: url("img/main_nav_bg.gif") no-repeat -567px 0px;
}

.main_nav .item_1 a:active {
	background: url("img/main_nav_bg.gif") no-repeat -189px 0px;
}

.current-item_1 .item_1 a:link, .current-item_1 .item_1 a:visited {
	background: url("img/main_nav_bg.gif") no-repeat -378px 0px;
	cursor: default;
}

.main_nav-item_1, .main_nav-item_1-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 162px;
	height: 25px;
	background: url("img/main_nav_bg.gif") no-repeat -567px 0px;
}

.main_nav-item_1-click {
	background: url("img/main_nav_bg.gif") no-repeat -189px 0px;
}

/* Item 2 */

.main_nav .item_2 a:link, .main_nav .item_2 a:visited {
	top: 22px;
	left: 0px;
	width: 162px;
}

.main_nav .item_2 a:hover, .main_nav .item_2 a:focus {
	background: url("img/main_nav_bg.gif") no-repeat -567px -22px;
}

.main_nav .item_2 a:active {
	background: url("img/main_nav_bg.gif") no-repeat -189px -22px;
}

.current-item_2 .item_2 a:link, .current-item_2 .item_2 a:visited {
	background: url("img/main_nav_bg.gif") no-repeat -378px -22px;
	cursor: default;
}

.main_nav-item_2, .main_nav-item_2-click {
	position: absolute;
	top: 22px;
	left: 0px;
	width: 162px;
	height: 25px;
	background: url("img/main_nav_bg.gif") no-repeat -567px -22px;
}

.main_nav-item_2-click {
	background: url("img/main_nav_bg.gif") no-repeat -189px -22px;
}

/* Item 3 */

.main_nav .item_3 a:link, .main_nav .item_3 a:visited {
	top: 44px;
	left: 0px;
	width: 162px;
}

.main_nav .item_3 a:hover, .main_nav .item_3 a:focus {
	background: url("img/main_nav_bg.gif") no-repeat -567px -44px;
}

.main_nav .item_3 a:active {
	background: url("img/main_nav_bg.gif") no-repeat -189px -44px;
}

.current-item_3 .item_2 a:link, .current-item_3 .item_3 a:visited {
	background: url("img/main_nav_bg.gif") no-repeat -378px -44px;
	cursor: default;
}

.main_nav-item_3, .main_nav-item_3-click {
	position: absolute;
	top: 44px;
	left: 0px;
	width: 162px;
	height: 25px;
	background: url("img/main_nav_bg.gif") no-repeat -567px -44px;
}

.main_nav-item_3-click {
	background: url("img/main_nav_bg.gif") no-repeat -189px -44px;
}

/* ------------------------------------------------------------
	Slideshow
---------------------------------------------------------------- */

/* Container */

#slideshow_container {  
	background-color: #FFFFFF;
	text-align: center;
	padding: 0px 0px 20px 24px;
	position: relative;
}

#slideshow {  
	width: 913px;
	height: 478px;  
	overflow: hidden;
} 
 
#slideshow img { 
	position: absolute;
	top: 0px; 
	left: 0px;
	width: 913px;
	height: 478px; 
	z-index: 0; 
} 

/* Controls */

#controls {
	position: absolute;
	top: 204px;
	left: 24px;
	width: 913px;
	height: 35px;
	z-index: 500;
}

#controls li a {
	position: absolute;
	width: 35px;
	height: 35px;
	display: block;
	text-indent: -10000px;
}

/* Previous button */

#prev a {
	position: absolute;
	top: 0px;
	left: 20px;
	background: url("img/prev_bg.gif") 0px 0px no-repeat;
}

#prev a:hover {
	background-position: 0px -35px;
}

#next a {
	position: absolute;
	top: 0px;
 	right: 20px;
	background: url("img/next_bg.gif") 0px 0px no-repeat;
}

#next a:hover {
	background-position: 0px -35px;
}

/* Caption */

#caption {
	position: absolute;
	left: 25px;
	bottom: 20px;
	z-index: 1000;
	background-color: #000000;
	color: #FFFFFF;
	padding: 20px 0px 20px 0px;
	width: 912px;
	font-size: 130%;
	font-weight: normal;
}

#caption small {
	color: #CCCCCC;
	font-size: 80%;
	font-weight: normal;
}

#caption small a, #caption small a:hover, #caption small a:visited {
	color: #CCCCCC;
}

/* Expandable control for slidehow */

ul#slideshow_control {
	width: 27px;
	height: 37px;
	width: 960px;
	background-color: #FFFFFF;
	position: relative;
}

ul#slideshow_control a {
	position: absolute;
	top: 0px;
	right: 23px;
	width: 27px;
	height: 27px;
	display: block;
	text-indent: -10000px;
	background: url("img/expandable_bg.gif") 0px 0px no-repeat;
}

ul#slideshow_control a:hover, ul#slideshow_control a:focus {
	background-position: 0px -35px;
}

ul#slideshow_control.active a {
	background-position: 0px -70px;
}

ul#slideshow_control.active a:hover, ul#slideshow_control.active a:focus {
	background-position: 0px -105px;
}

/* ------------------------------------------------------------
	Content
---------------------------------------------------------------- */

#content {
	margin: 20px 0px 20px 0px;
}

/* ------------------------------------------------------------
	Column 1
---------------------------------------------------------------- */

#col_1 {
	float: left;
	width: 653px;
}

/* ------------------------------------------------------------
	Twitter
---------------------------------------------------------------- */

#twitter {
	float: left;
	font-size: 95%;
}

#twitter h2 a {
	background: url("img/twitter_title_bg.gif") 0px 0px no-repeat;
	width: 149px;
}

/* ------------------------------------------------------------
	Last.fm
---------------------------------------------------------------- */

#last_fm {
	float: right;
	font-size: 87.5%;
}

#last_fm h2 a {
	background: url("img/last_fm_heading_bg.gif") 0px 0px no-repeat;
	width: 200px;
}

#last_fm li a {
	margin: 0px;
	list-style: none;
	background: url("img/bullet_bg.gif") 0px 0px no-repeat;
	padding: 1px 0px 0px 20px;
}

#last_fm li a:hover, #last_fm li a:focus {
	background-position: 0px -48px;
}

/* ------------------------------------------------------------
	Twitter & Last.fm
---------------------------------------------------------------- */

#twitter, #last_fm {
	width: 267px;
	background-color: #FFFFFF;
	border-top: 7px #333333 solid;
	border-bottom: 1px #EEEEEE solid;
	margin: 0px 0px 20px 0px;
	padding: 15px 24px 20px 24px;
}

#twitter h2 a, #last_fm h2 a {
	height: 26px;
	display: block;
	text-indent: -10000px;
	margin: 0px 0px 10px 0px;
}

/* ------------------------------------------------------------
	Posts
---------------------------------------------------------------- */

#post_container {
	clear: both;
	background-color: #FFFFFF;
	border-top: 7px #333333 solid;
	border-bottom: 1px #EEEEEE solid;
	margin: 0px 0px 20px 0px;
	padding: 20px 24px 20px 24px;
}

#post_container h1 {
	font-size: 36px;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	color: #000000;
}

#post_container h2 {
	font-size: 24px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #333333;
}

#post_container h3 {
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #000000;
}

#post_container h4 {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #333333;
}

.date {
	font-weight: bold;
	background: url("img/date_icon_bg.gif") 0px 2px no-repeat;
	padding: 0px 0px 0px 60px;
	margin: 0px 0px 10px 0px;
	display: block;
}

.post p {
	margin: 0px 0px 10px 0px;
}

.post ul {
	margin: 10px 0px 10px 0px;
}

.post li {
	margin: 0px;
	list-style: none;
	background: url("img/bullet_bg.gif") 0px 3px no-repeat;
	padding: 0px 0px 0px 20px;
}

.post img {
	margin: 5px 5px 5px 0px;
	padding: 10px 10px 10px 10px;
	max-width: 96%;
}

.post {
	border-bottom: 5px #799FAF solid;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
}

.tags {
	font-size: 87.5%;
}

.post .adsense {
	margin-bottom: 20px;
}

ol.commentlist {
	border-top: 1px #CCCCCC solid;
}

.post ol.commentlist li {
	border-bottom: 1px #EEEEEE solid;
	background-color: #FFFFFF;
	background-image: none;
	padding: 10px;
	clear: both;
	overflow: auto;
	line-height: 16px;
	font-size: 87.5%;
}

ol.commentlist li.alt {
	background-color: #F9F9F9;
}

ol.commentlist li div.left {
	float: left;
	width: 30%;
}

ol.commentlist li div.right {
	float: left;
	width: 70%;
	text-align: left;
}

ol.commentlist li img {
	float: left;
	margin: 0px 5px 5px 0px;
}

ol.commentlist li p {
	margin-left: 10px;
}

/* ------------------------------------------------------------
	Search results
---------------------------------------------------------------- */

.post ul#search_results {
	margin: 10px 0px 10px 0px
}

.post ul#search_results li {
	padding: 10px 0px 10px 0px;
	border-top: 1px #CCCCCC solid;
	background-image: none;
}

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

ul.pagination {
	display: block;
	height: 20px;
	font-size: 87.5%;
}

ul.pagination.top {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 1px 0px;
	border-bottom: 1px #EEEEEE solid;
}

ul.pagination.bottom {
	margin: 15px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	border-top: 1px #EEEEEE solid;
}

ul.pagination li {
	display: block;
}

ul.pagination li.left {
	float: left;
}

ul.pagination li.right {
	float: right;
}

/* Social bookmark links*/

.post .sociable li {
	margin: 0px;
	list-style: none;
	background-image: none;
	padding: 0px;
}

.sociable_tagline {
	font-weight: bold;
}

/* ------------------------------------------------------------
	Sidebar
---------------------------------------------------------------- */

#col_2 {
	float: right;
	width: 285px;
	font-size: 95%;
	line-height: 18px;
}

#col_2 h4 {
	font-size: 112.5%;
	color: #333333;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

/* Go Pro Ad */

#col_2 .gopro img {
	width: 285px;
	height: 238px;
	margin-bottom: 20px;
}

#col_2 .gopro a img, #col_2 .gopro a:hover img, #col_2 .gopro img {
	border: none;
}

/* Wavetracks GPS Ad */

#col_2 .wavetracksgps img {
	border: 1px #CCCCCC solid;
	margin-bottom: 20px;
}

/* Top level lists */

#col_2 ul {
	background-color: #FFFFFF;
	border-top: 7px #666666 solid;
	border-bottom: 1px #EEEEEE solid;
	margin: 0px 0px 20px 0px;
	clear: both;
}

#col_2 ul li {
	padding: 5px 20px 15px 20px;
}

/* 2nd level lists */

#col_2 ul ul {
	background-color: #FFFFFF;
	border: none;
	margin: 0px;
	padding: 0px;
}

#col_2 ul li li {
	padding: 0px;
	margin: 0px;
}

#col_2 ul li li a {
	margin: 0px;
	list-style: none;
	background: url("img/bullet_bg.gif") 0px 7px no-repeat;
	padding: 5px 0px 5px 20px;
	border-top: 1px #EEEEEE solid;
	display: block;
}

#col_2 ul li li a:hover {
	background-position: 0px -41px;
	background-color: #F9F9F9;
}

#col_2 ul li li.current-cat a, #col_2 ul li li.current-cat a:hover {
	background-position: 0px -41px;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#col_2 ul li li.current-cat li a {
	background: url("img/bullet_bg.gif") 0px 7px no-repeat;
	background-color: #FFFFFF;
	color: #427f98;
	font-weight: normal;
	text-decoration: underline;
}

#col_2 ul li li.current-cat li a:hover {
	font-weight: normal;
	background-color: #F9F9F9;
	color: #256782; 
	text-decoration: underline;
}

/* 3rd level lists */

#col_2 ul ul ul {
	padding-left: 20px;
}

/* Categories */

#col_2 #module_1 li {
	font-size: 120%;
}

#col_2 #module_1 li li {
	font-size: 87.5%;
}

/* RSS Feed icon */

#col_2 ul#rss {
	height: 28px;
	margin: 10px 0px 0px 0px;
}

#col_2 ul#rss li a {
	display: block;
	float: none;
	width: auto;
	height: 28px;
	margin: 0px;
	padding: 5px 0px 0px 35px;
	border: none;
	background: url(img/rss_icon_bg.gif) 0px 0px no-repeat;
}

#col_2 ul#rss li a:hover {
	background-position: 0px -35px;
}

/* Get connected (social media) icons */

#col_2 ul #module_4 ul {
	height: 28px;
}

#col_2 ul #module_4 ul li a {
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	text-indent: -10000px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	border: none;
}

#col_2 ul #module_4 ul li#icon_1 a {
	background: url(img/twitter_icon_bg.gif) 0px 0px no-repeat;
}

#col_2 ul #module_4 ul li#icon_2 a {
	background: url(img/last_fm_icon_bg.gif) 0px 0px no-repeat;
}

#col_2 ul #module_4 ul li#icon_3 a {
	background: url(img/facebook_icon_bg.gif) 0px 0px no-repeat;
}

#col_2 ul #module_4 ul li#icon_4 a {
	background: url(img/flickr_icon_bg.gif) 0px 0px no-repeat;
}

#col_2 ul #module_4 ul li#icon_5 a {
	background: url(img/vimeo_icon_bg.gif) 0px 0px no-repeat;
}

#col_2 ul #module_4 ul li#icon_6 a {
	background: url(img/youtube_icon_bg.gif) 0px 0px no-repeat;
}

#col_2 ul #module_4 ul li#icon_1 a:hover, #col_2 ul #module_4 ul li#icon_1 a:focus,
#col_2 ul #module_4 ul li#icon_2 a:hover, #col_2 ul #module_4 ul li#icon_2 a:focus,
#col_2 ul #module_4 ul li#icon_3 a:hover, #col_2 ul #module_4 ul li#icon_3 a:focus,
#col_2 ul #module_4 ul li#icon_4 a:hover, #col_2 ul #module_4 ul li#icon_4 a:focus,
#col_2 ul #module_4 ul li#icon_5 a:hover, #col_2 ul #module_4 ul li#icon_5 a:focus,
#col_2 ul #module_4 ul li#icon_6 a:hover, #col_2 ul #module_4 ul li#icon_6 a:focus
{
	background-position: 0px -35px;
}

/* Sidebar headings */

#col_2 h3 {
	display: block;
	height: 27px;
	margin: 10px 0px 10px 0px;
	text-indent: -10000px;
}

#col_2 h3 a {
	background: url("img/expandable_bg.gif") 216px 0px no-repeat;
	display: block;
	height: 27px;
}

#col_2 h3 a:hover, #col_2 h3 a:focus {
	background-position: 216px -35px;
}

#col_2 h3.active a {
	background-position: 216px -70px;
}

#col_2 h3.active a:hover, #col_2 h3.active a:focus {
	background-position: 216px -105px;
}

/* Indivudal sidebar headings */

#module_1_heading {
	background: url("img/module_1_heading_bg.gif") 0px 5px no-repeat;
}

#module_2_heading {
	background: url("img/module_2_heading_bg.gif") 0px 5px no-repeat;
}

#module_3_heading {
	background: url("img/module_3_heading_bg.gif") 0px 5px no-repeat;
}

#module_4_heading {
	background: url("img/module_4_heading_bg.gif") 0px 5px no-repeat;
}

#module_5_heading {
	background: url("img/module_5_heading_bg.gif") 0px 5px no-repeat;
}

#module_6_heading {
	background: url("img/module_6_heading_bg.gif") 0px 5px no-repeat;
}

#module_7_heading {
	background: url("img/module_7_heading_bg.gif") 0px 5px no-repeat;
}

#youtube h4 {
	margin-top: 15px;
}

/* Flickr images */

#col_2 ul#flickr {
	overflow: auto;
}

#col_2 ul#flickr li a {
	background: none;
	padding: 0px;
	border: none;
	float: left;
	display: block;
}

#col_2 ul#flickr li a img {
	margin: 0px 7px 7px 0px;
	padding: 5px;
	width: 62px;
	height: 62px;
}

#col_2 ul#flickr li a:hover img {
	border-color: #CCCCCC;
	background-color: #FFFFFF;
}

/* ------------------------------------------------------------
	Footer
---------------------------------------------------------------- */

#footer {
	clear: both;
	background-color: #FFFFFF;
	border-top: 7px #333333 solid;
	border-right: 1px #EEEEEE solid;
	border-bottom: 1px #EEEEEE solid;
	border-left: 1px #EEEEEE solid;
	margin: 0px 0px 20px 0px;
	padding: 15px 20px 10px 20px;
}

#footer h2 {
	font-size: 24px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #000000;
}

#footer h3 {
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #333333;
}

.more .left {
	float: left;
	width: 445px;
}

.more .right {
	float: right;
	width: 445px;
}

.more {
	margin: 10px 0px 30px 0px;
	overflow: auto;
}

.more ul li a {
	margin: 0px;
	list-style: none;
	background: url("img/bullet_bg.gif") 0px 4px no-repeat;
	padding: 0px 0px 0px 20px;
	display: block;
	width: 425px;
}

.more ul li a:hover {
	background-position: 0px -44px;
}

#meta {
	clear: both;
	font-size: 87.5%;
	border-top: 1px #CCCCCC solid;
	padding: 5px 0px 0px 0px;
}

#meta ul li {
	display: inline;
}

/* ------------------------------------------------------------
	New styles - 17/06/2010
---------------------------------------------------------------- */

a.button {
	width: 150px;
	padding: 8px 15px 8px 15px;
	border: 0;
	font-size: 112.5%;
	color: #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #7293A1;
	cursor: pointer;
	text-shadow: #57717C 1px 1px 0px;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 20px 0px 20px 0px;
}

a:hover.button {
	background-color: #4E656E; 
}

a:active.button {
	background-color: #394A51;
}