/*
Theme Name: Surftide
Theme URI: http://www.surftide.co.uk/
Description: The surftide WordPress theme
Version: 1.1
Author: Ben Ellis
Author URI: http://www.hunrybrowser.co.uk/
Tags: Surfing, Surf, CSS3, Web standards
*/


/* 
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%

*/

* {
	margin:0;
	padding:0;
	outline: none;
}

/* ------------------------------------------------------------
	@font-face fonts
---------------------------------------------------------------- */

@media screen and (min-width: 768px) {
	@font-face {
		/* Cooper Black Standard */
		font-family: 'Cooper Black';
		src: url('fonts/CooperBlackStd/CooperBlackStd.eot');
		src: local('?'), url('fonts/CooperBlackStd/CooperBlackStd.woff') format('woff'), 
		url('fonts/CooperBlackStd/CooperBlackStd.ttf') format('truetype'), 
		url('fonts/CooperBlackStd/CooperBlackStd.svg') format('svg');
		font-weight: bold;
		font-style: normal;
	}
}

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

body {
	background: url("img/body_bg_03.jpg") 0px 0px repeat scroll;
	background: 
		url("img/body_bg_02.png") -130% 0 repeat-x,
		url("img/body_bg_01.png") -40% 0 repeat fixed,
		url("img/body_bg_03.png") bottom left repeat-x
	;
	background-color: #EEEEEE;
	font-size: 80%; /* 13px */
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 0px 20px;
	line-height: 1.5384615385em; /* 20px/13px = 1.5384615385 */
}

/* ------------------------------------------------------------
	Links
---------------------------------------------------------------- */

a {
	color: #427f98;
	text-decoration: none; 
	outline: none;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

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

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

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

/* ------------------------------------------------------------
	Images
---------------------------------------------------------------- */

img, embed, iframe, video {
	background-color: #F9F9F9;
	border: 1px #bfbfbf solid;
	-moz-box-shadow: rgba(0,0,0, 0.10) 1px 1px 10px;
	-webkit-box-shadow: rgba(0,0,0, 0.10) 1px 1px 10px;
	-o-box-shadow: rgba(0,0,0, 0.10) 1px 1px 10px;
	-ms-box-shadow: rgba(0,0,0, 0.10) 1px 1px 10px;
	box-shadow: rgba(0,0,0, 0.10) 1px 1px 10px;
	margin: 5px 0px 5px 0px;
	max-width: 100%;
}

img {
	height: inherit;
}

a img {
	-moz-opacity: 0.85;
	opacity: 0.85;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	border-color: #999999;
	background-color: #FFFFFF;
}

/* ------------------------------------------------------------
	Bold
---------------------------------------------------------------- */

strong {
	font-weight: bold;
}

/* ------------------------------------------------------------
	Headings
---------------------------------------------------------------- */

h1, h2, h3, h4 {
	font-family: "Cooper Black", Helvetica, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	line-height: 1em;
	text-shadow: #EEEEEE 1px 1px 0px;
}

h1 {
	font-size: 2.7692307692em; /* 36px/13px = 1.8461538462 */
	margin: 0px 0px 15px 0px;
	color: #333333;
}

h2 {
	font-size: 1.8461538462em; /* 24px/13px = 1.8461538462 */
	margin: 0px 0px 10px 0px;
	color: #666666;
}

h3 {
	font-size: 1.3846153846em; /* 18px/13px = 1.8461538462 */
	margin: 0px 0px 10px 0px;
	color: #999999;
}

h4 {
	font-size: 1.2307692308em; /* 16px/13px = 1.8461538462 */
	margin: 0px 0px 10px 0px;
	color: #999999;
}

/* ------------------------------------------------------------
	Blockquotes
---------------------------------------------------------------- */

blockquote {
	font-family: Georgia, Times, "Times New Roman", Serif;
	font-style: italic;
	color: #555555;
	line-height: 22px;
}

/* ------------------------------------------------------------
	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;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

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

#col_2 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;
}

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

label {
	font-weight:bold;
}

#col_2 label {
	display: none;
}

#col_2 .text_input  {
	width: 75%;
	margin: 0px 5px 0px 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 {
	max-width: 73.846153846em; /* 960px/13px = 73.846153846 */
	text-align: left;
	margin: 20px auto;
}

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

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

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

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

#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;
	margin: 0px 0px 25px 0px;
	background-color: #FFFFFF;
	padding: 0px 0px 25px 0px;
	-moz-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-webkit-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-o-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-ms-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
}

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

#logo {
	margin: 25px 0px 25px 25px;
	float: left;
	display: block;
	width: 45%; /* 407px+25px/960px = 0.45 */
}

#logo img {
	border: none;
	margin: 0px;
	padding: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

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

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

.main_nav {
	margin: 25px 25px 0px 0px;
	text-align: right;
	float: right;
}

.main_nav li {
	display: block;
	line-height: 2.3076923077em;
}

.main_nav li a {
	font-size: 2.3076923077em; /* 30px/13px = 1.8461538462 */
	font-family: "Cooper Black", Helvetica, Verdana, Arial, Sans-Serif;
	color: #346578;
	text-shadow: #EEEEEE 1px 1px 0px;
}

.main_nav li a:hover {
	color: #417e96;
	text-decoration: none;
	text-shadow: #CCCCCC 1px 1px 0px;
}

.main_nav.current-item_1 .item_1 a, .main_nav.current-item_2 .item_2 a {
	color: #333333;
}

/* Category drop down */

.main_nav  select {
	display: none;
}

/* ------------------------------------------------------------
	Slider
---------------------------------------------------------------- */

/* Container */

#slide_wrapper {
	clear: both;
	position: relative;
	margin: 0px 20px 0px 20px;
	max-width: 95.3125%; /* 915px/960px = 0.953125 */
}

/* Individual slide image */

ul#slider li img {
	margin: 0px;
	border-bottom: none;
}

/* Individual slide video */

ul#slider li iframe {
	margin: 0px;
}

/* Slide caption container */

ul#slider li p {
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	padding: 20px 0px 20px 0px;
	font-size: 1.5384615385em; /* 20px/13px = 1.5384615385 */
	font-family: "Cooper Black", Helvetica, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	display: block;
}

/* Controls */

#slide_nav {
	position: absolute;
	top: 45%;
	left: 0px;
	width: 100%;
	height: 35px;
	z-index: 500;
}

#slide_nav li a {
	position: absolute;
	width: 35px;
	height: 35px;
	display: block;
	text-indent: -10000px;
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#slide_nav li a:hover {
	-moz-opacity: 1.0;
	opacity: 1.0;
	background-position: 0px -35px;
}

ul#slide_nav li a.disabled, ul#slide_nav li a.disabled:hover {
	display: none;
}

/* Previous button */

#slide_nav li a.prev {
	position: absolute;
	top: 0px;
	left:1.648351648%; /* 15px/910px = 0.01648351648 */
	background: url("img/prev_bg.gif") 0px 0px no-repeat;
}

#slide_nav li a.prev:hover, #slide_nav li a.next:hover  {
	background-position: 0px -35px;
}

#slide_nav li a.next {
	position: absolute;
	top: 0px;
	right:1.648351648%; /* 15px/910px = 0.01648351648 */
	background: url("img/next_bg.gif") 0px 0px no-repeat;
}

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

#col_1 {
	float: left;
	width:  62.5%; /* 600px/960px = 0.6802083333 */;
	-moz-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-webkit-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-o-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-ms-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	background-color: #FFFFFF;
	border-top: 7px #333333 solid;
	margin: 0px 0px 20px 0px;
	padding: 25px;
}

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

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

.date {
	font-style: italic;
	font-weight: normal;
	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 blockquote p {
	margin: 0px 0px 15px 0px;
}

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

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

.tags {
	font-size: 87.5%;
}

#social_media {
	margin-bottom: 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: 29.6875%; /* 285+25px+25px/960px = 0.296875 */
	font-size: 95%;
	line-height: 18px;
}

/* Ads */

#col_2 img {
	border: 1px #CCCCCC solid;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

/* Column 2 headings */

#col_2 h3 {
	margin-top: 10px;
}

/* 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;
	overflow: hidden;
	-webkit-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-moz-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-o-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-ms-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
}

#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;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

#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;
}

/* Flickr images */

#col_2 #flickr ul li {
	padding-right: 0px;
}

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

#col_2 #flickr ul li a img {
	float: left;
	width: 28.07017544%; /* 80px/285px = 0.2807017544 */
	margin: 0px 3.50877193% 3.50877193% 0px;
}

#col_2 #flickr ul li:nth-child(odd) a img {
	-webkit-transform: rotate(2deg); 
	-moz-transform: rotate(2deg); 
	-o-transform: rotate(2deg); 
	-ms-transform: rotate(2deg); 
	transform: rotate(2deg);
}

#col_2 #flickr ul li:nth-child(even) a img {
	-webkit-transform: rotate(-2deg); 
	-moz-transform: rotate(-2deg); 
	-o-transform: rotate(-2deg); 
	-ms-transform: rotate(-2deg); 
	transform: rotate(-2deg);
}

#col_2 #flickr ul 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;
	-webkit-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-moz-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-o-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	-ms-box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
	box-shadow: rgba(0,0,0, 0.30) 1px 1px 10px;
}

.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;
	border-left: 1px #cccccc solid; 
	padding-right: 5px;
	padding-left: 5px;
}

#meta ul li:first-child {
	border-left: none; 
	padding-left: 0px;
}

/* ------------------------------------------------------------
	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;
}

/* ------------------------------------------------------------
	Responsive layout
---------------------------------------------------------------- */

/* Small screen size: smartphones */

@media all and (max-width: 480px) {

	/* Default elements */
	
	body {
		background-color: #FFFFFF;
		-webkit-animation: none;
		background-image: none;
		padding: 0px;
		-webkit-text-size-adjust: none;
		font-size: 95%; /* 15px */
		line-height: 1.4666666667em; /* 22px/15px */
	}
	
	h1 {
		font-size: 1.4666666667em; /* 22px/15px */
	}
	
	h2 {
		font-size: 1.2em; /* 18px/15px*/
	}
	
	h3 {
		font-size: 1.0666666667em; /* 16px/15px */
	}
	
	h4 {
		font-size: 1em;
	}
	
	/* Page layout - remove paddings/margins and floats etc. */
	
	#page, #header, #content, #col_1, #footer {
		margin: 0px;
		padding: 0px;
		border: none;
		width: auto;
		float: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
	
	/* Hide some stuff */
	
	.main_nav a, #col_2, #footer h2, .more, .right {
		display: none;
	}
	
	/* Category drop down */
	
	.main_nav {
		margin: 0px 0px 10px 10px;
		text-align: left;
		float: none;
	}
	
	.main_nav  select {
		display: block;
		font-size: 0.9333333333em; /* 14px */
	}
	
	/* Header */
	
	#header {
		margin: 0px;
		padding: 0px;
		border-top: 7px #333333 solid;
	}
	
	/* Logo */
	
	#logo {
		float: none;
		width: 100%;
		margin: 0px;
	}
		
	#logo img {
		width: 75%;
		margin: 10px 0px 15px 15px;
	}
	
	/* Content column */
	
	#col_1 {
		margin-top: 15px;
		padding: 15px;
		border-top: 1px #ccc solid;
		background-color: #F9F9F9;
	}
	
	/* Post date */
	
	.date {
		background-image: none;
		padding: 0px;
		font-size: 0.9333333333em; /* 14px/15px */
		font-weight: bold;
	}
	
	/* Slide wrapper */
	
	#slide_wrapper {
		display: none;
	}
	
	/* Slide caption container */

	ul#slider li p {
		padding: 10px;
		font-size: 0.9333333333em;  /* 14px/15px */
		line-height: 1.2em; /* 18px/15px */
	}
	
	/* Footer */
	
	#meta {
		padding: 10px 15px 10px 15px;
		line-height: 1.25em;
	}

}

/* Medium screen size: anything bigger than 480px and less than 768 */

@media all and (min-width : 480px) and (max-width : 768px){

	/* Default elements */
	
	body {
		background-color: #FFFFFF;
		-webkit-animation: none;	
		background-image: none;
		padding: 0px;
	}
	
	/* Page layout - remove paddings/margins and floats etc. */
	
	#page, #header, #content, #col_1, #col_2, #col_2 ul, #footer {
		margin: 0px;
		padding: 0px;
		border: none;
		width: auto;
		float: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
	
	/* Header */
	
	#header {
		margin: 0px;
		padding: 0px 10px 0px 0px;
		border-top: 7px #333333 solid;
	}
	
	/* Main nav */
	
	.main_nav li a {
		font-size: 2em; /* 26px/13px = 1.8461538462 */
	}
	
	/* Hide some stuff */
	
	#col_2, #footer h2, .more, .right {
		display: none;
	}
	
	/* Content column */
	
	#col_1 {
		padding: 25px;
	}
	
	/* Slide caption container */

	ul#slider li p {
		padding: 15px;
		font-size: 1.2307692308em; /* 16px/13px = 1.2307692308 */
	}
	
	/* Footer */
	
	#meta {
		padding: 10px 15px 10px 15px;
		line-height: 1.25em;
	}

}


/* 640x800 */

@media all and (min-width : 640px) and (max-width : 768px){

	/* Column 1 */
	
	#col_1 {
		width:  62.5%; /* 600px/960px = 0.6802083333 */;
		float: left;
	}
	
	/* Column 2 */
	
	#col_2 {
		margin-top: 25px;
		display: block;
		width: 28.64583333%; /* 285+25px+25px/960px = 0.296875 */
		float: left;
	}
	
	#col_2 ul li {
		padding: 0px;
	}
	
	/* Flickr images */
	
	#col_2 #flickr ul li a img {
		width: 100%;
		float:  none;
		margin: 0px 10px 10px 0px;
	}

}

/* 480x640 */

@media all and (min-width : 480px) and (max-width : 640px){

	/* Main nav */
	
	.main_nav li a {
		font-size: 1.5384615385em; /* 20px/13px = 1.5384615385 */
		line-height: 1em; /* 20px/13px = 1.5384615385 */
	}

}