/* 
	Title: Surtide.co.uk - iPhone sheet
	Description: Some specific styles for the desktop version of surftide.co.uk when viewed on the iphone
	Version: 1.0
	Author: Ben Ellis
	Author URI: http://www.hungrybrowser.co.uk
	Created: 30/10/2009
	Updated: 30/10/2009
*/

body {
	margin: 0px;
	font-size: 200%;
	line-height: 40px;
}

#col_1 {
	float: none;
	width: 100%;
}

#twitter, #last_fm, #col_2 {
	display: none;
}

#notification {
	display: block;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px #C8C69E solid;
	background-color: #FFFDCA;
	color: #000000;
	text-align: center;
	font-size: 70%;
	line-height: 25px;
}

/* Caption */

#caption {
	font-size: 62.5%;
	line-height: 20px;
}


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

#header {
	margin-bottom:  20px;
}

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

.main_nav {
	position: relative;
	top: auto;
	right: auto;
	width: 913px;
	background-image: none;
	margin: 20px 0px 10px 24px;
	text-align: left;
}

.main_nav li {
	display: block;
	float: left;
	width: auto;
	height: 50px;
	margin: 0px 35px 0px 0px;
	padding: 0px;
}

.main_nav li a:link, .main_nav li a:visited {
	position: relative;
	right: auto;
	left: auto;
	text-indent: 0px;
	padding: 0px;
	height: 50px;
}

.main_nav li a {
	background-image: none;
	display: block;
	width: auto;
	font-size: 150%;
	line-height: 50px;
	height: 50px;
}

/* Item 1 */

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

.main_nav .item_1 a:hover, .main_nav .item_1 a:focus {
	background-image: none;
}

.main_nav .item_1 a:active {
	background-image: none;
}

.current-item_1 .item_1 a:link, .current-item_1 .item_1 a:visited {
	background-image: none;
	cursor: default;
	color: #000000;
	text-decoration: none;
}

.main_nav-item_1, .main_nav-item_1-click {
	background-image: none;
	width: auto;
}

.main_nav-item_1-click {
	background-image: none;
}

/* Item 2 */

.main_nav .item_2 a:link, .main_nav .item_2 a:visited {
	width: auto;
	top: 0px;
}

.main_nav .item_2 a:hover, .main_nav .item_2 a:focus {
	background-image: none;
}

.main_nav .item_2 a:active {
	background-image: none;
}

.current-item_2 .item_2 a:link, .current-item_2 .item_2 a:visited {
	background-image: none;
	cursor: default;
	color: #000000;
	text-decoration: none;
}

.main_nav-item_2, .main_nav-item_2-click {
	background-image: none;
	width: auto;
}

.main_nav-item_2-click {
	background-image: none;
}

/* Item 3 */

.main_nav .item_3 a:link, .main_nav .item_3 a:visited {
	width: auto;
	top: 0px;
}

.main_nav .item_3 a:hover, .main_nav .item_3 a:focus {
	background-image: none;
}

.main_nav .item_3 a:active {
	background-image: none;
}

.current-item_3 .item_2 a:link, .current-item_3 .item_3 a:visited {
	background-image: none;
	cursor: default;
	color: #000000;
	text-decoration: none;
}

.main_nav-item_3, .main_nav-item_3-click {
	background-image: none;
	width: auto;
}

.main_nav-item_3-click {
	background-image: none;
}

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

/* Container */

#slideshow_container {  
	padding-top: 20px;
}

/* Expandable control for slidehow */

ul#slideshow_control {
	display: none;
}

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

#post_container {
	padding-top: 50px;
}

#post_container h1, #post_container h2, #post_container h3, #post_container h4, #post_container .date, #post_container .tags, #footer h2, #footer h3  {
	margin: 0px 0px 20px 0px;
}

#post_container h1 {
	font-size: 250%;
	margin-bottom: 35px;
}

#post_container h2, #footer h2 {
	font-size: 200%;
	line-height: 60px;
}

#post_container h3, #footer h3  {
	font-size: 150%;
}

#post_container h4 {
	font-size: 150%;
}

#post_container p {
	line-height: 45px;
	margin-bottom: 40px;
}

.post li, #footer li {
	list-style: disc;
	background-image: none;
	margin-left: 25px;
}

.more ul li a {
	background-image: none;
	padding: 0px;
}

.date {
	background-image: none;
	padding: 0px;
}

.tags {
	font-size: 62.5%;
	line-height: 25px;
}

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

#meta {
	font-size: 62.5%;
	line-height: 25px;
}