/* @override http://fusedmagazine.devspace.net/wp-content/themes/fused_mag/style.css */
/* @override http://www.fusedmagazine.com/wp-content/themes/fused_mag/style.css */

/*
Theme Name: Fused Magazine Theme
Theme URI: http://www.fusedmagazine.com
Description: Fused Magazines very own Wordpress template.
Version: 1
Author: Stef Grindley & Steve Heyes
Tags: three columns, widgets
*/

/* @group Resets */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.4;
	background: #fff;
	margin: 0;
}

/* Tables still need 'cellspacing="0"' in the markup. */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: 400;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a img {
	border: none;
}

ul, li {
	list-style: none
}

em {
	font-style: italic;
}

a {
	color: #C5C5C5;
	text-decoration: none;
}

a:hover {
	color: #404040;
}

/* @end */

/* @group Clear Fix and align styles */

.clearfix:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, .container {
	display: inline-block;
}

* html .clearfix, * html .container {
	height: 1%;
}

.clearfix, .container {
	display: block;
}

.clear {
	clear: both;
}

.left, .alignleft {
	float: left;
}

.right, .alignright {
	float: right;
}

/* @end */

/* @group Defaults */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */

#page-container {
	font-size: 0.75em;
	line-height: 1.5em;
}

/* @end */

/* @group Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */

body {
	color: #666666;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

h1,h2,h4,h5,h6 {
	color: #7d7d7d;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

a:focus {
	outline: none;
}

body {
	background: url(images/homepage-comp_bg.png) repeat-x center top;
	margin: 0;
	padding: 0;
}

#page-container, #footer-contnet {
	margin: 20px auto 0 auto;
	width: 950px;
}

#footer-contnet {
	margin-top: 0;
}

#header {
	height: 115px;
}

/* @end */

/* @group Primary Navigation =PN */

h1 {
	margin: 0;
	padding: 0;
	height: 57px;
}

#primary-navigation {
	color: #c5c5c5;
	font-weight: bold;
	font-size: 14px;
	padding-top: 27px;
}

#primary-navigation ul li {
	border-right: 1px dotted #8d8d8d;
	float: left;
	padding: 2px 10px;
	margin-top: 3px;
}

#primary-navigation ul li:first-child {
	border-left: 1px dotted #8d8d8d;
}

ul#channel-navigation {
	border: 4px solid #333;
	color: #FFF;
	float: left;
	display: none;
	position: absolute;
}

ul#channel-navigation li,
#primary-navigation ul li.arts-and-culture:first-child  {
	background: #666;
	color: #FFF;
	float: none;
	display: list-item;
	border-top: none;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 140px;
	margin: 0 0 0 0;
}

#primary-navigation ul li.arts-and-culture:first-child {
	border-top: 1px solid #000;
}

ul#channel-navigation li a {
	color: #FFF;
	display: block;
	margin: 0;
}


ul#channel-navigation li.music:hover {
	background: url(images/channel-music.jpg) top left no-repeat;
}

ul#channel-navigation li.arts-and-culture:hover {
	background: url(images/channel-art.jpg) top left no-repeat;
}

ul#channel-navigation li.fashion:hover {
	background: url(images/channel-fashion.jpg) top left no-repeat;
}

ul#channel-navigation li.news:hover {
	background: url(images/channel-news.jpg) top left no-repeat;
}

ul#channel-navigation li.digital:hover {
	background: url(images/channel-digital.jpg) top left no-repeat;
}

ul#channel-navigation li.travel:hover {
	background: url(images/channel-travel.jpg) top left no-repeat;
}


/* @end */

/* @group Content =C */

#content {
	float: left;
	width: 470px;
	margin-top: 2em;
	margin-right: 10px;
	padding: 0;
}

#content h2 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1em;
	padding: 5px 5px 25px 5px;
	margin-bottom: 0.6667em;
}

#content h3 {
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1em;
	padding-bottom: 5px;
	border-bottom: solid 1px #666;
	margin-bottom: 15px;
}

#content p {
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 1.5em;
}

#content h2 a {
	color: #FFFFFF;
	text-decoration: none;
}

#content a {
	color: #333;
	text-decoration: underline;
}

.music {
	background: url(images/channel-music.jpg) top left no-repeat;
}

.arts-and-culture {
	background: url(images/channel-art.jpg) top left no-repeat;
}

.fashion {
	background: url(images/channel-fashion.jpg) top left no-repeat;
}

.news {
	background: url(images/channel-news.jpg) top left no-repeat;
}

.digital {
	background: url(images/channel-digital.jpg) top left no-repeat;
}

.travel {
	background: url(images/channel-travel.jpg) top left no-repeat;
}

#content div.post img {
	display: block;
}

#content div.post img.alignleft {
	padding: 0 10px 5px 0;
}

#content div.post img.alignright {
	padding: 0 0 5px 10px;
}

#content div.post img.aligncenter {
	padding: 0 0 1em 0;
}

#content div.post p.wp-caption-text {
	font-size: 11px;
	margin-right: 10px;
	margin-top: 2px;
	text-align: right;
}

#content div.post a.more-link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 218px;
	padding-top: 1.5em;
}

#content div.post a.more-link span {
	padding: 2px 4px;
}

#content div.post span.music {
	background: #0aa407;
}

#content div.post span.fashion {
	background: #077ea5;
}

#content div.post a.more-link span img.read-more-img {
	background: url(images/read-more-arrow.png);
	width: 11px;
	height: 16px;
}

#content div.post div.post-meta {
	background: #f4f4f4;
	color: #666666;
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	padding: 5px 10px;
	margin-bottom: 1.5em;
	font-size: 11px;
}

#content div.post div.post-meta p {
	padding: 0;
}

#content div.post div.post-meta p.comments {
	background: url(images/comment-speech-bubble.gif) no-repeat right;
	float: right;
	padding-right: 21px;
}

#content div.post div.post-meta p.share {
	clear: right;
	float: right;
}

#content div.post div.post-meta p a {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

#content div.post div.post-meta p.post-tags a {
	font-weight: normal;
	text-decoration: underline;
}

#content div.post div.post-meta span.comments {
	text-align: right;
}

#content blockquote {
	background: url(images/block-quote.gif) no-repeat 0 8px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 1em;
}


#content blockquote p{
	color: #a0a0a0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-align: justify;
	letter-spacing: -1px;
	font-size: 1.5em;
	line-height: 1.125em;
	margin-right: 40px;
	margin-left: 40px;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

/* @end */

/* @group Seconday Navigation =SN */

#secondary-navigation {
	float: left;
	margin: 2em 10px 2em 0;
	width: 150px;
}

#secondary-navigation-widgets li {
	background: url(images/secondary-nav-widget-bg.gif) bottom left;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#secondary-navigation-widgets li ul li {
	background: none;
	margin: 0;
	padding: 0 8px;
}

#secondary-navigation-widgets li ul li a {
	padding: 0 0 4px 15px;
}

#secondary-navigation ul li h2 {
	background-color: #bfbfbf;
	color: #FFF;
	font-size: 14px;
	padding: 6px 0px 6px 8px;
	margin-bottom: 5px;
}

#secondary-navigation-widgets a {
	color: #21759b;
	font-size: 11px;
	text-decoration: none;
}

#secondary-navigation-widgets a:hover {
	text-decoration: underline;
}

#archives {
	zoom: 1;
}

#archives a {
	display: block;
	background: url(images/icon-archive.gif) no-repeat 0 4px;
	background-position-y: 4px;
	zoom: 1;
}

.wp-tag-cloud {
	zoom: 1;
}

.wp-tag-cloud a {
	display: block;
	background: url(images/icon-tag.gif) no-repeat 0 1px;
	background-position-y: 3px;
	padding: 0 0 0 15px;
	line-height: 1.5em;
	zoom: 1;
}

#popular-posts,
#admin-meta {
	zoom: 1;
}

#popular-posts a,
#admin-meta a {
	display: block;
	background: url(images/icon-popular.gif) no-repeat 0 3px;
	background-position-y: 3px;
	zoom: 1;
}

#linkcat-3 {
	zoom: 1;
}

#linkcat-3 a {
	display: block;
	background: url(images/icon-link.gif) no-repeat 0 3px;
	background-position-y: 3px;
	zoom: 1;
}

/* @end */

/* @group Skyscraper Ad */

#secondary-navigation .widget_text {
	text-align: center;
}

#secondary-navigation .widget_text .textwidget {
	background: url(images/secondary-nav-widget-top.gif) no-repeat top left;
	padding-top: 15px;
}

/* @end */

/* @group Seconday Content =SC */

#secondary-content {
	margin: 2em 0;
	float: right;
	width: 310px;
	zoom: 1;
}

#secondary-content a {
	color: #21759b;
	font-size: 11px;
	text-decoration: underline;
}

#secondary-content-widgets li {
	background: url(images/secondary-content-widget-bg.gif) left bottom;
	margin-bottom: 10px;
}

#secondary-content-widgets li ul li {
	background: none;
}

#secondary-content-widgets li h2 {
	color: #717171;
	font-size: 14px;
	line-height: 18px;
	height: 35px;
	padding: 10px 0 0 12px;
}

/* @end */

/* @group Issuu Feature Style */

#text-236366111 h2 {
	background: url(images/header-issuu.gif) no-repeat left top;
}

#text-236366111 div.textwidget {
	padding-left: 2px;
	padding-bottom: 10px;
}

#text-236366111 div.textwidget div div {
	text-indent: 20px;
}

#text-236366111 div.textwidget div div a img {
	text-align: right;
	padding-right: 20px;
}

/* @end */

/* @group Mailing List Feature */

#text-271907191 h2.widgettitle {
	background: url(images/header-generic.gif) no-repeat left top;
	height: 25px;
}

#text-271907191 div.textwidget {
	padding: 10px;
	
}

#text-271907191 label {
	display: block;
	float: left;
	width: 45px;
	margin-top: 2px;
}


#text-271907191 form div.name {
	margin-bottom: 4px;
}

#text-271907191 form div.name input#mb-name:focus,
#text-271907191 form div.e-mail input#mb-pihhh-pihhh:focus {
	outline: none;
}

#text-271907191 form div.name input#mb-name,
#text-271907191 form div.e-mail input#mb-pihhh-pihhh {
	border: 1px solid #ccc;
	padding: 2px;
}

#text-271907191 form div.e-mail input#mb-pihhh-pihhh{
	margin-right: 4px;
}

/* @end */



/* @group Twitter Feature Style */

#twitter-1 {
	zoom: 1;
}

#twitter-1 a.twitter-link {
	font-size: 10px;
}

#twitter-1 p {
	text-align: right;
	padding: 0 10px 10px 0;
}

#twitter-1 ul.twitter {
	padding: 0 10px;
}

#twitter-1 h2 {
	background: url(images/header-twitter.gif) no-repeat top left;
}

.twitter-timestamp {
	font-size: 10px;
}

/* @end */

/* @group Flickr Feature Style */

#flickrrss {
	padding: 0 0 10px 3px;
}

#flickrrss h2 {
	background: url(images/header-flickr.gif) no-repeat top left;
	margin-left: -3px;
}

#flickrrss img {
	height: 72px;
	widows: 72px;
	padding: 0 2px;
	margin: 0;
}

#flickrrss p {
	text-align: right;
	padding-right: 10px;
}

/* @end */

/* @group Last.fm Feature Style */

#ilast-fm {
	zoom: 1;
}

#ilast-fm h2 {
	background: url(images/header-lastfm.gif) no-repeat top left;
}

ul#ilastfm li, ul#ilastfm_display li {
	display: inline;
}

ul#ilastfm, ul#ilastfm_display {
	margin: 0 0 0 7px;
	padding: 0;
}

#ilast-fm a img, #ilastfm_display a img {
	width: 97px;
	height: 97px;
}

#ilast-fm p {
	text-align: right;
	padding: 0 10px 10px 0;
	position: relative;
}

/* @end */

/* @group Advert  */

#text-253556401 {
	text-align: center;
	min-height: 30px;
	height: 262px;
}

#text-253556401 .textwidget {
	background: url(images/secondary-content-widget-ad-top.gif) no-repeat top left;
	padding-top: 6px;
}

/* @end */

/* @group Podcast Style */


#text-271907192 a {
	font-size: 10px;
}

#text-271907192 p {
	text-align: right;
	padding: 0 10px 10px 0;
}

#text-271907192 ul{
	padding: 0 10px;
}

#text-271907192 h2 {
	background: url(images/header-generic.gif) no-repeat top left;
}


#text-271907192 img {border-top: 1px solid #ccc}

/* @end */


/* @group Footer =F */

#footer {
	background: #222222;
	clear: both;
	padding: 20px 0 40px;
}

#footer a {
	color: #cccccc;
	text-decoration: underline;
}

#footer div#bottom-advert {
	background: #2d2d2d;
	border: 1px solid #434343;
	margin: 0;
	padding: 10px 10px 10px;
	text-align: center;
}

#footer div#footer-content-row {
	background: #2d2d2d;
	color: #888888;
	font-size: 0.6875em;
	line-height: 1.4545em;
	zoom: 1;
	margin-top: 20px;
}

#footer-content-row p {
	padding-bottom: 0.6875em;
}

#footer div#footer-content-row h3 {
	color: #FFFFFF;
	font-size: 1.4545em;
	line-height: 1.25em;
}

#footer div#footer-content-row div {
	float: left;
	padding: 20px 10px 20px 20px;
	width: 200px;
}



a.made-link {
	background: url(images/logo-made.gif) top left no-repeat;
	display: block;
	width: 40px;
	height: 9px;
	text-indent: -8000px;
	float: right;
	margin-top: 8px;
}

a.made-link:hover {
	background-position: 0 -20px ;
}

/* @end */

/* @group Forms =FO  */

#searchform input {
	font-size: 1em;
	width: 156px;
	float: none;
}

#searchform input:focus {
	outline: none;
}


#searchform {
	width: 240px;
}

#searchform #searchsubmit {
	font-size: 1em;
	line-height: 1em;
	width: 60px;
}

.search-field-enhanced span {
	background: url(images/search-box.gif) top left no-repeat;
	width: 164px;
	height: 25px;
	display: block;
	line-height: 25px;
	margin: 0;
	padding: 0;
	float: left;
}

.search-field-enhanced span input {
	color: #cccccc;
	width: 150px;
	height: 25px;
	border: none;
	background: transparent;
	text-indent: 8px;
	padding-top: 0;
	float: left;
}

.submit {
	background: url(images/search-button.gif);
	cursor: pointer;
	display: block;
	float: left;
	height: 21px;
	width: 54px;
	margin-left: 5px;
	margin-top: 2px;
}

/* @end */

/* @group Share This Button =STB */

.stico_default {
	background: url(images/share-this.gif) no-repeat right !important;
}

.stbuttontext {
	padding-right: 16px
}

/* @end */

/* @group Popular Tags colours =PT  */

#popular-tags {
	line-height: 2.5em;
}

#content #popular-tags a:hover {
	text-decoration: underline;
}

#content .colour0, #content .colour0 a, .colour0 a:visited {
	color: #000000;
	text-decoration: none;
}

#content .colour1,#content .colour1 a {
	color: #262626;
	text-decoration: none;
}

#content .colour2,#content .colour2 a {
	color: #4c4c4c;
	text-decoration: none;
}

#content .colour3,#content .colour3 a {
	color: #727272;
	text-decoration: none;
}

#content .colour4,#content .colour4 a {
	color: #999999;
	text-decoration: none;
}

#content .colour5,#content .colour5 a {
	color: #bfbfbf;
	text-decoration: none;
}

#content .colour6,#content .colour6 a {
	color: #e5e5e5;
	text-decoration: none;
}

/* @end */

/* @group Comment List */

#content h3#comments {
	margin-top: 30px;
}

#commentlist dl dd {
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 62px;
	margin: 0 0 24px 0;
	line-height: 2em;
	background: url(images/comment-dd.gif) no-repeat 20px 0;
}

#commentlist dl dd cite {
	font-style: normal;
}

#commentlist dl dt {
	padding: 20px 20px 8px 20px;
	margin: 0;
	background: #f4f4f4;
}

#commentlist dl dt p {
	margin: 0;
	padding: 0 0 12px 0;
}

/* @end */

/* @group Comment Form */

#commentform input:focus,
#commentform textarea:focus {
	outline: none;
}

#commentform textarea {
	width: 100%;
}

#commentform input.submit-button {
	float: right;
	margin-right: 15px;
}

#commentform textarea#comment {
	color: #666;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	width: 445px;
	border: 1px solid #666;
	padding: 8px 4px;
	margin-bottom: 8px;
}

#commentform input.author,
#commentform input.email,
#commentform input.url {

	border: 1px solid #666;
	margin-right: 0;
	padding: 4px;
}

#commentform div {
	margin: 0;
	padding: 0 0 4px 0;
}

#commentform div.s1 {
	float: left;
	width: 230px;
	margin-right: 10px;
} 

#commentform div.s2 {
	float: left;
	width: 500px;
	margin-right: 10px;
	margin-bottom: 12px;
} 

#commentform div.s2 small {
	margin-left: 6px;
}

#commentform div.s1 label {
	width: 55px;
}
	
#commentform div.s1 input {
	width: 150px;
}

#commentform div.s2 label {
	width: 55px;
}
	
#commentform div.s2 input {
	width: 150px;
}

#commentform div.end {
	margin-right: 0;
}

#commentform label{
	margin: 3px 0 0 0;
	padding: 0;
	display: block;
	float: left;
}

#commentform p.logged-in {
	background: #65c715;
	padding: 6px;
	border: 1px solid #33620a;
	margin-bottom: 12px;
	color: #fff;
}

#commentform p.logged-in a {
	color: #fff;
}

#commentform p.logged-in span.log-out {
	float: right;
}

/* @end */

/* @group Gallery Styles */

div.gallery {
	margin-bottom: 1.5em;
	background: url(images/bg-gallery.gif) repeat-y 0 0;
}

dt.gallery-icon a img {
	border: solid 2px #fff;
	
}

dl.gallery-item {
	margin-top: 0;


}

/* @end */

/* @group Edit buttons and Admin Styles */

span.edit-post {
	float: right;
}

span.edit-post a {
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/edit-pencil.png) no-repeat;
	text-indent: -10000px;
}

/* @end */

/* @group Store Styles */

/* @group Cart Page */

#shopping-cart-holder {
	margin-top: 2em;
}

#shopping-cart-holder h2 {
	color: #666;
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 0.6667em;
}

/* @end */


/* @group Shopping Cart */

table#shopping-cart {
	width: 100%;
	padding: 0px;
	border: 1px solid #BFBFBF;
	margin-bottom: 10px;
	
}

table#shopping-cart td {
	padding: 10px;
	vertical-align: middle;
}

table#shopping-cart .prod-row {
	background: #ccc;
}

table#shopping-cart .prod-row td{
	border-bottom: 1px solid #fff;
}

table#shopping-cart .total-row {
	background: #F4F4F4;
}

table#shopping-cart .total-row td {
	border-top: 1px solid #BFBFBF;
}

td.remove-cell {
	width: 40px;
}

td.desc-cell {
	width: 65%;
}

/* @end */

/* @group Items List */

#content div.item {
	background: #f3f3f3;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #bababa;
}

#content div.item h2 {
	color: #666;
	margin: 0;
	padding: 0;
	text-transform: none;
}


#content div.item img{
	float: left;
	margin-right: 10px;
}

/* @end */

/* @group Secondary info */

#shopping-cart h2 {
	background: url(images/header-generic.gif) no-repeat top left;
}

#shopping-cart ul li {
	padding: 0 10px 15px 10px;
}


/* @end */

/* @group Product Details */

div#product-info {
	background: #f3f3f3;
}

div#product-info h2 {
	background: #666;
	border-bottom: 5px solid #fff;
	margin-bottom: 10px;
}

div#product-info p {
	margin: 0 10px;
}

div#product-info img {
	margin: 0 10px 15px;
	border: solid 5px #BFBFBF;
}

li#prod-description {
	font-size: 11px;
	line-height: 16px;
}

/* @end */

#action-buttons {
	margin-bottom: 2em;
}
ul#card-list, ul#card-list li {
	display: inline;
}


div#payment-info p {
	display: inline;
	margin-right: 5px;
	vertical-align: top;
}

div#payment-info {
	margin-bottom: 1em;
}

ul#extra-info {
	margin-bottom: 2em;
}

ul#extra-info li {
	font-size: 11px;
}

/* @end */

/* @group Page Navigation */

#content .page-navigation {
	background: #333;
	margin-bottom: 40px;
	padding: 3px;
}

#content .page-navigation a{
	padding: 0 6px;
	color: #d3d3d3;
	background: #333;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

#content .page-navigation a:hover {
	color: #fff;
}

/* @end */


