/*
Theme Name: WTY Magazine
Theme URI: http://www.quba.co.uk/
Version: 1.0
Author: Quba New Media
*/

/* ---------- GLOBAL STYLES ---------- */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
}
body
{
	font-size: 62.5%;
}

/* ---------- GENERIC STYLES ---------- */

.invisible
{
	position: absolute;
	left: -5000px;
}
.textindent
{
	text-indent: -5000px;
	line-height: 0px;
}
.clear
{
	clear: both;
}
.bold
{
	font-weight: bolder;
}
.italic
{
	font-style: italic;
}
.normal
{
	font-weight: normal;
	font-style: normal;
}
.displaynone, a.displaynone
{
	display: none;
}
ul
{
	list-style-type: none;
}
a, a:link, a:visited
{
	color: #00B4E0;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
a:hover
{
	color: #00B4E0;
	text-decoration: underline;
}
p
{
	margin: 0 0 18px 0;
	line-height: 1.6em;
}
p img
{
	float: left;
	padding: 0 18px 18px 0;
}
p img.alignleft
{
	float: left;
	padding: 0 18px 18px 0;
}
p img.alignright
{
	float: right;
	padding: 0 0 18px 18px;
}
h2.yh2
{
	font-size: 3em;
	font-weight: normal;
	margin: 0 0 5px 0;
}
h2.yh2 a,
h2.yh2 a:hover,
h2.yh2 a:link,
h2.yh2 a:visited
{
	color: #525F6A;
	font-weight: normal;
}
h3,
h3.yh3
{
	font-size: 2em;
	margin: 0 0 5px 0;
}
hr
{
	background: #FBBA00;
	color: #FBBA00;
	height: 2px;
	border: none;
	margin: 0 0 18px 0;
}
input
{
	outline: none;
}

/* ---------- BASIC LAYOUT ---------- */

#ymagazinewrapper
{
	/*margin: 0 auto;
	width: 932px;
	font-size: 1.2em;
	background: #FFFFFF;*/
	color: #525F6A;
	font-size: 1.2em;
}
#maincontent
{
	float: left;
	width: 929px;
	padding: 0 1px;
	margin-bottom: 20px;
}
#maincontent .leftcolumn
{
	float: left;
	width: 600px;
	overflow: hidden;
	margin: 0 29px 0 0;
}
#maincontent .rightcolumn
{
	float: left;
	width: 300px;
	overflow: hidden;
}

/* ---------- HEADER ---------- */

#globaloptions
{
	float: left;
	width: 927px;
	height: 17px;
	border: solid 1px #CEDDE5;
	background: url(images/background_globaloptions.jpg) repeat-x;
	overflow: hidden;
	margin: 10px 0 9px 0;
}
#globaloptions ul
{
	margin: 0 0 0 805px;
}
#globaloptions ul li
{
	float: left;
	margin: 0 1px 0 0;
}
#subheader
{
	float: left;
	width: 929px;
	border-bottom: solid 2px #FBBA00;
	margin: 0 0 10px 0;
}
#subheader .row,
#subheader .rownomargin
{
	float: left;
	width: 929px;
	margin: 0 0 6px 0;
}
#subheader #searchwrapper
{
	float: right;
}
#subheader #searchwrapper span
{
	float: left;
	color: 525F6A;
	text-align: left;
	margin: 0 6px 0 0;
}

/* ---------- NAVIGATION ---------- */

ul#subnavigation
{
	float: left;
	margin: 10px 0 0 0;
}
ul#subnavigation li
{
	float: left;
	margin: 0;
	padding: 0 4px 0 4px;
	border-right: solid 1px #525F6A;
	border-left: solid 1px #C5CACD;
}
ul#subnavigation li.first
{
	padding: 0 4px 0 0;
	border-left: none;
}
ul#subnavigation li.last
{
	padding: 0 0 0 4px;
	border-right: none;
}
ul#subnavigation li a
{
	color: #525F6A;
}
ul#subnavigation li a:hover,
ul#subnavigation li a.selected
{
	color: #00B4E0;
	text-decoration: none;
}

/* ---------- BOXES ---------- */

.smallbox
{
	float: left;
	width: 300px;
	border-top: solid 5px #FBBA00;
	border-bottom: solid 5px #FBBA00;
	padding: 8px 0;
}
.smallbox h5
{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 
}
.smallbox h5 a
{
	color: #525F6A;
}
.smallbox ul,
.smallbox ol
{
	margin: 0;
}
.smallbox ul li
{
	float: left;
	background: url(images/background_boxlistitem.jpg) no-repeat bottom;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
.smallbox ul li.last
{
	background: none;
	margin: 0;
}
.smallbox ul li span.title,
.smallbox ul li a.title,
.smallbox ul li a.title:hover
{
	float: left;
	color: #525F6A;
	width: 300px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.smallbox ul li a,
.smallbox ul li a:hover
{	
	float: left;
	color: #00B4E0;
	font-weight: normal;
}
#sharethis
{
	border: none;
}
#tagcloud
{
	border: none;
}
#tagcloud a
{
	color: #525F6A;
}
#todaysfavourites ol
{
	float: left;
	width: 300px;
	color: #00B4E0;
	list-style-type: decimal;
	list-style-position: inside;
}
#todaysfavourites ol li
{
	float: left;
	width: 300px;
	background: url(images/background_todaysfavourites.jpg) no-repeat bottom;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
#todaysfavourites ol li a,
#todaysfavourites ol li a:hover
{
	color: #00B4E0;
	font-weight: normal;
}
#flickrgallery
{
	padding-bottom: 0;
}
#flickrgallery ul
{
	float: left;
	width: 300px;
	color: #00B4E0;
	margin: 0;
}
#flickrgallery ul li
{
	float: left;
	width: 75px;
	height: 75px;
	background: none;
	margin: 0 34px 34px 0;
	padding: 0;
}
#flickrgallery ul li.rowend
{
	margin-right: 0;
}
#flickrgallery ul li a
{
	float: left;
	width: 75px;
	height: 75px;
	padding: 0;
	border: solid 3px #525F6A;
}
#flickrgallery ul li a:hover
{
	border: solid 3px #FBBA00;
}
#recentcomments,
#todaysfavourites,
#flickrgallery
{
	border-bottom: none;
}
#recentcomments li
{
	width: 300px;
	/*padding: 3px 0 3px 0;*/
}
#recentcomments li .author
{
	font-style: italic;
	font-weight: bold;
}
#youtubeplaylist
{
	border: none;
}
#youtubeplaylist .youtubepanel
{
	background: #1A171B;
	margin: 0;
	border: solid 1px green;
}
#youtubeplaylist ul
{
	float: left;
	width: 300px;
	background: #1A171B url(images/background_youtube.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
}
#youtubeplaylist ul li
{
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 !important;
	padding-top: 0;
	background: 0;
	border-bottom: solid 1px #A1A8B0;
}
#youtubeplaylist ul li a
{
	float: left;
	width: 300px;
}
#youtubeplaylist ul li a:hover
{
	text-decoration: none;
	color: #fbba00;
}
#youtubeplaylist ul li img
{
	float: left;
	width: 75px;
}
#youtubeplaylist ul li .details
{
	float: left;
	width: 210px;
	padding: 5px 5px 0 10px;
	color: #FFFFFF;
	overflow: hidden;
	vertical-align: middle;
}
#youtubeplaylist ul li .title
{
	float: left;
	width: 170px;
	margin: 0 10px 0 0;
	color: #FFFFFF;
}
#youtubeplaylist ul li .length
{
	float: left;
	width: 30px;
	margin: 0;
}
#youtubeplaylist ul li .views
{
	float: left;
	width: 210px;
	padding: 5px 5px 5px 10px;
	color: #525F6A;
	font-size: 0.9em;
}
#youtubeplaylist ul li a.selected .details,
#youtubeplaylist ul li a:hover .details,
#youtubeplaylist ul li a.selected .title,
#youtubeplaylist ul li a:hover .title,
#youtubeplaylist ul li a.selected .length,
#youtubeplaylist ul li a:hover .length,
#youtubeplaylist ul li a.selected .views,
#youtubeplaylist ul li a:hover .views
{
	color: #fbba00;
}

/* ---------- LISTS ---------- */

#leftlist
{
	margin-right: 10px;
}
ul.genericlist
{
	float: left;
	width: 290px;
	margin: 0;
}
ul.genericlist li
{
	float: left;
	width: 290px;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	border-bottom: solid 2px #FBBA00;
}
ul.genericlist li h4 a
{
	color: #525F6A;
	font-size: 2em;
	font-weight: normal;
}
ul.genericlist li .date
{
	font-size: 0.8em;
	color: #9FA8B0;
}
ul.genericlist li h4,
ul.genericlist li .summary,
ul.genericlist li .date
{
	margin: 0 0 15px 0;
}
ul.genericlist li .summary
{
	line-height: 1.6em;
}
img.thumbnail,
ul.genericlist li  img.thumbnail
{
	float: right;
	margin: 0 0 18px 18px;
}

/* ---------- MISC ---------- */

#homepagefeatured
{
	float: left;
	width: 600px;
	border-bottom: solid 2px #FBBA00; 
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
}
#homepagefeatured .author
{
	color: #9F9BA7;
}
#homepagefeatured .summary
{
	line-height: 1.6em;
}
#shareyourthoughts
{
	float: right;
	width: 228px;
	margin: 0 0 10px 10px;
}
#shareyourthoughts h5
{
	float: left;
	width: 214px;
	background: #FBBA00;
	color: #000000;
	padding: 10px 0 10px 14px;
	font-size: 1.2em;
}
#shareyourthoughts .content
{
	float: left;
	width: 200px;
	background: #FFE3AA;
	padding: 7px 14px;
}
#shareyourthoughts .content .title
{
	float: left;
	width: 200px;
	color: #000000;
	margin: 0 0 2px 0;
	font-weight: bold;
	font-size: 1.2em;
}
#shareyourthoughts .content .text
{
	float: left;
	width: 200px;
}
#todaysdate
{
	color: #9F9BA7;
}
.postcontent
{
	float: left;
	border-bottom: solid 2px #FBBA00;
	margin: 0 0 18px 0;
	padding: 0 0 3px 0;
}
ul#postcontentfooter
{
	float: right;
	width: 600px;
	background: url(images/background_content.jpg) top no-repeat;
	padding: 18px 0 0 0;
	text-align: right;
	margin: 0;
}
ul#postcontentfooter li
{
	display: inline;
	border-right: solid 1px #525F6A;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
}
ul#postcontentfooter li.last
{
	border: none;
	margin: 0;
	padding: 0;
}

/* ---------- COMMENTS ---------- */

#blogcomments
{
	float: left;
	width: 600px;
}
#leaveacomment
{
	float: left;
	width: 600px;
}
ol.commentlist
{
	float: left;
	border-bottom: solid 1px #FBBA00;
	margin: 0 0 18px 0;
}
ol.commentlist li
{
	float: left;
	width: 600px;
	margin: 0 0 10px 0;
	list-style-type: none;
	border-top: solid 1px #FBBA00;
	padding: 18px 0 0 0;
}
ol.commentlist li .titlebar
{
	float: left;
	width: 600px;
	margin: 0 0 18px 0;	
}
ol.commentlist li .titlebar span.username
{
	float: left;
	font-weight: bold;
}
ol.commentlist li .titlebar span.date
{
	float: right;
	font-weight: bold;
}
ol.commentlist li .text
{
	float: left;
}
.form
{
	float: left;
	margin: 0 0 17px 0;
}
.form .row
{
	float: left;
	margin: 0 0 10px 0;
	width: 600px;
}
.form .row span.requiredfield
{
	color: #B80620;
}
.form .row .header
{
	float: left;
	padding: 2px 0 0 0;
	font-weight: bold;
}
.form .row label.error
{
	font-weight: bold;
	color: red;
	display: none;
}
.form .row .item
{
	float: left;
}
.form .row .item input
{
	float: left;
	width: 240px;
	border: solid 1px #555557;
	background: none;
	color: #525F6A;
	font-size: 1em;
	margin-right: 5px;
}
.form .row .item textarea
{
	float: left;
	width: 482px;
	border: solid 1px #555557;
	background: none;
	overflow: auto;
	color: #525F6A;
	font-size: 1.1em;
	font-family: Arial;
	margin-right: 5px;
	padding: 9px;
}
.form .row .item input.error
{
	border: solid 2px red;
}

/* ---------- CUSTOM LOGOS/BUTTONS/HEADERS ---------- */

a.thisisymagazine
{
	float: left;
	background: url(images/header_thisisymagazine.png) no-repeat;
	width: 929px;
	height: 140px;
	margin: 0 0 10px 0;
}
a.printpage
{
	float: left;
	background: url(images/icon_printpage.jpg) no-repeat;
	width: 30px;
	height: 17px;
}
a.emailpage
{
	float: left;
	background: url(images/icon_emailpage.jpg) no-repeat;
	width: 30px;
	height: 17px;
}
a.bookmarkpage
{
	float: left;
	background: url(images/icon_bookmarkpage.jpg) no-repeat;
	width: 30px;
	height: 17px;
}
a.rss
{
	float: right;
	background: url(images/icon_rss.jpg) no-repeat;
	width: 26px;
	height: 27px;
	margin: 0 0 0 7px;
}
a.addthis_button
{
	float: right;
	padding: 10px 0 0 0;
}
a.bookyourstay
{
	float: right;
	background: url(images/button_bookyourstay.png) no-repeat;
	width: 147px;
	height: 32px;
}
a.greatbritain
{
	float: left;
	background: url(images/flag_greatbritain.jpg) no-repeat;
	width: 18px;
	height: 15px;
}
a.france
{
	float: left;
	background: url(images/flag_france.jpg) no-repeat;
	width: 18px;
	height: 15px;
}
a.belgium
{
	float: left;
	background: url(images/flag_belgium.jpg) no-repeat;
	width: 18px;
	height: 15px;
}
a.germany
{
	float: left;
	background: url(images/flag_germany.jpg) no-repeat;
	width: 18px;
	height: 15px;
}
a.italy
{
	float: left;
	background: url(images/flag_italy.jpg) no-repeat;
	width: 18px;
	height: 15px;
}
a.netherlands
{
	float: left;
	background: url(images/flag_netherlands.jpg) no-repeat;
	width: 18px;
	height: 15px;
}
a.southkorea
{
	float: left;
	background: url(images/flag_southkorea.jpg) no-repeat;
	width: 18px;
	height: 15px;
}
a.spain
{
	float: left;
	background: url(images/flag_spain.jpg) no-repeat;
	width: 18px;
	height: 15px;
}
a.yorkshireforward
{
	float: left;
	background: url(images/icon_yorkshireforward.jpg) no-repeat;
	width: 67px;
	height: 100px;
}
a.followontwitter
{
	float: left;
	background: url(images/icon_twitter.jpg) no-repeat;
	width: 134px;
	height: 65px;
}
a.followonfacebook
{
	float: left;
	background: url(images/icon_facebook.gif) no-repeat;
	width: 161px;
	height: 57px;
}
a.tripadvisor
{
	float: left;
	background: url(images/logo_tripadvisor.gif) no-repeat;
	width: 159px;
	height: 30px;
}
input.go
{
	float: right;
	background: url(images/button_go.jpg) no-repeat;
	width: 32px;
	height: 18px;
	border: none;
}
input.sitesearch
{
	float: left;
	width: 101px;
	height: 18px;
	overflow: hidden;
	background: url(images/background_search.jpg) no-repeat;
	border: none;
	padding: 0 6px 0 6px;
	color: #A1A8B0;
	font-size: 1em;
}
input.postcomment
{
	float: left;
	background: url(images/button_postcomment.jpg) no-repeat;
	width: 110px;
	height: 25px;
	border: none;
	padding: 0;
	font-weight: bold;
	color: #00B4E0;
	outline: none;
}