/*
Theme Name: LoungeMedia5
Theme URI: http://loungemedia.co.uk
Description: LM5 is the fith version of Loungemedia, first using wordpress
Version: 2 (WP2.7.1)
Author: Clifford Brown
Author URI: http://clifico.com
Tags: Loungemedia, web development
*/

/* @import "style/css/reset.css"; */
/* @import "style/css/typography.css"; */
/* @import "style/css/layout.css"; */

/* 

	 Loungemedia.co.uk
	 http://loungemedia.co.uk
	 
	 Page Background: 		#000	
	 Forground:			#ddd
	 Main type:			#000 tahoma,verdana,arial,sans-serif;
	 Main links:			#C24F00 (#e97e00 - on black)
	 Dark links:			#B35A00
	 Blue highlight:		#0A00EA
	 News Feed text color:		#373737;

*/

/*		PRESET		*/

*			{ margin: 0; padding 0; }
html			{ overflow: scroll; }
html, body		{ font-size: 1em; font-family: tahoma,verdana,arial,sans-serif; }	
body			{ background: #000; }
ul			{ list-style: none; margin:0; padding:0; }
a			{ color: #e97e00; }
a img			{ border: none; }
img			{ vertical-align: middle; }
table			{ border-collapse: collapse; }
.floatleft		{ float: left; }
.floatright		{ float: right; }
.clear			{ clear: both; }
.button			{ border: 1px solid #e97e00; background: #fff; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #000; }
.button:hover		{ background: #333; color: #2d9; }
p			{ line-height: 1.2em; margin: 0 0 10px 0; }
a			{ color: #e97e00; color: #C24F00; }
h1			{ font-size: 210%; font-family: Areal, Helvetica, sans-serif, verdana, sans-serif; font-weight: normal; padding: 8px 20px; } 
h2			{ font-size: 170%; font-family: Helvetica; padding: 0.5em 15px 0; font-weight: normal; }
h3			{ font-size: 100%; font-family: font-weight: normal; padding: 8px 20px; }


/*		HEADER		*/
	
#header	{ 
	width: 960px; 
	margin: 1em auto 0; 
	background: #000; 
	height: 95px;
}

h1#logo	{ 
	background: #3e9; 
	float: left; 
	margin: 0 .2em 0; 
	width: 312px; 
	height: 85px; 
	background: url(images/logo.png) no-repeat; 
	text-indent:-9999px; 
}

#header p { 
	color: #fff; 
	text-indent:-9999px;
}

form#searchform	{ 
	float: right; 
	margin: 15px; 
}


/*		PRIMARY NAVIGATION		*/

#primary-nav {
	float: right;
	margin: 2.1em 15px 0 0;
	padding: 0;
	font-size: 120%;
}

#primary-nav li {
	display: inline;
	padding-right: 8px;
}

#primary-nav a {
	color: #959595;
	text-decoration: none;
}

#primary-nav a:hover {
	color: #e97e00;
	text-decoration: underline;
}

#primary-nav .active {
	color: #e97e00;
	text-decoration: underline;
}


/*		PAGE STRUCTURE		*/

#container { 
	width: 960px; 
	background: #A5A5A5;  
	margin: 0px auto 150px; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px solid #777; padding-bottom: 25px; 
}

#main-content {
	float: left;
	width: 538px;	
}

#homesidebar {
	float: right;
	width: 320px;
	padding: 0 20px 2em 20px;	
	margin-right: 20px;
	background: #3bb;
	background: #fff; 
	border: 1px solid #777;
	-moz-border-radius: 12px; -webkit-border-radius: 12px solid #777;
}

#sidebar { 
	float: right;
	width: 360px;
	background: #4f8;
	height: 100%;
	border: 1px solid #777;
	background: #fff; 
}

#footer, #push {
	height: 150px;
	color: #eee;
}


/*		POSTED CONTENT		*/

.post {
	border: 1px dashed #888;
	-moz-border-radius: 12px; -webkit-border-radius: 12px solid #0A00EA;
	margin: 0 20px 20px 20px;
	width: 532px;
	padding: 2px;
	background: #ededed;
}

.post:hover {
	border: 1px solid #999;
	background: #fff;
}

.post p {
	color: #000;
	margin: 20px 15px;
}

.singlepost {
	border: 1px solid #888;
	-moz-border-radius: 12px; -webkit-border-radius: 12px solid #0A00EA;
	margin: 0 20px 20px 20px;
	width: 640px;
	padding: 2px;
	background: #ededed;
	background: #fff;
}

.post ul {
	margin: 20px;
}	

.post li {
	list-style: url(images/bullet-up.gif);
	margin: 5px 0 0;	
	padding: 5px;
}


.singlepost p {
	color: #000;
	margin: 20px 15px;
}

h2 {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

#featured-main {
	background: #006CEA;
	border: 2px solid #0A00EA;
	-moz-border-radius: 12px; -webkit-border-radius: 12px solid #0A00EA;
}

#featured-main p {
	margin: 20px 15px;
	color: #fff;
}

#featured-main h2 {
	color: #fff;
	text-decoration: underline;
}

.featured-more {
	font-weight: bold;
	margin: 100px 0;
	padding: 8px 30px 8px 0px;
	background: transparent url(http://loungemedia.co.uk/images/featured-more.png) no-repeat right center;
}

a.featured-more {
	color: #010101;
	font-size: 120%;
	font-weight: normal;
	text-decoration: none;
	
}

a:hover.featured-more  {
	text-decoration: underline;
	color: #000;
}

.main-more {
	font-weight: bold;
	margin: 100px 0;
	padding: 8px 30px 8px 0px;
	background: transparent url(http://loungemedia.co.uk/images/featured-more.png) no-repeat right center;
}

a.main-more #post-41 {
	color: #000;	
}

a.main-more {
	color: #e97e00;
	font-size: 120%;
	font-weight: normal;
	text-decoration: none;
}

#post-41 a {
	color: #000;	
}

a:hover.main-more  {
	text-decoration: underline;
}

.main-tags {
	font-size: 60%;
}

.main-tags a {
	padding: 1px 3px;
}

.main-tags a:hover {
	background:	#e97e00;
	color: #000;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; color: #000;
}


/*		HOMESIDEBAR              */

#homesidebar {
	
}

#homesidebar h6 {
	font-size: 90%;
	margin: 0 0 1em;
	padding: 0 0 0em;
	text-decoration: underline;
}

.intro {
	font-size: 120%;
	margin: 0;
}

.intro strong {
	font-size: 110%;
}

.intro p {
	margin-top: 5px;
	padding: 15px 0 0;
	line-height: 130%;
	font-style: italic;
	font-size: 90%;
	font-family: Arial;
}

.intro h5 {
	font-size: 130%;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	color: #0A00EA;
	font-weight:normal;
	margin: 0;
}

.intro ul {
	list-style: none;
	margin: 0 0 1em;
	padding: 10px 5px 10px;
	font-size: 80%;
}

.intro li {
	border-bottom: 1px solid #ccc;
	border-bottom: 1px groove #ccc;
	padding: 4px 0;
	display: list-item;
}

#homesidebar hr {
	border: none;
	border-bottom: 2px dotted #bbb;
	margin: 1em;
}

.home-ads {
	float: left;
	width: 160px;
	padding: 10px 0;
}

.home-ads img {
	margin-bottom: 1em;
	
}

.recommended {
	float: right;
	width: 140px;
	padding: 10px 0 0 10px;	
}

.recommended a {
	color: #e97e00;
	5color: #ffa800;
	text-decoration: none;
	font-size: 65%;
	font-weight: bold;
}

.recommended a:hover {
	color: #d27200;
	text-decoration: underline;	
}

.recommended dd {
	margin: 2px 2px 10px 2px;
	font-size: 80%;
}


/*		SERVICES - MAIN		*/

#services {
	background: #fff;
	width: 620px;
	margin: 0 20px 2em 20px;
	padding: 15px;
	color: #000;
}

.content-expcol {
	font-size: 80%;
	padding-bottom: 5px;
}

#services-qa {
	margin: .5em 0 0;
}

#services a {
	text-decoration: none;
}


#services dt {
	border: 2px solid #000;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; color: #44d;
	background: #2A2A2A;	
	color: #e97e00;
	font-weight: bold;
	margin: 6px 0;
	padding: 2px 4px;
	text-decoration: none;
}

#services dt:hover {
	border: 2px solid #e97e00;
	background: #000;
}

#services dt a {
	font-size: 110%;
	font-weight: normal;
	color: #e97e00;
}

#services dd {
	padding: 4px;
}

#services ul {
	margin: 20px;
}	

#services li {
	list-style: url(images/bullet-up.gif);
	margin: 5px 0 0;	
	padding: 5px;
}

#services p {
	line-height: 130%;
}

/* 		SERVICES SIDE BAR		*/

#servicessidebar {
	float: right;
	border: 1px solid #888;
	-moz-border-radius: 12px; -webkit-border-radius: 12px solid #0A00EA;
	width: 220px;
	margin:0 20px 20px 0;
	padding: 15px;	
	background: #fff;
	font-size: 80%;
}


#servicessidebar h2 {
	margin: 0;
	padding: 0;
	color: #C24F00;
	text-decoration: none;
	font-size: 130%;
}

#servicessidebar h3 {
	color: #0A00EA;
	margin: 0;
	padding: 0;
	font-size: 160%;
	font-weight: normal;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style: italic;
}


/*		FAQ - MAIN		*/

#post-24 {
	background: #fff;
	width: 620px;
	margin: 0 20px 0 20px;
	padding: 15px;
	-moz-border-radius: 12px; -webkit-border-radius: 12px; color: #44d;
}

#faq-main {
	background: #fff;
	color: #000;
}

#faq-main dt {
	border: 2px solid #000;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; color: #000;
	background: #2A2A2A;
	color: #e97e00;
	font-weight: bold;
	margin: 4px 0;
	padding: 2px 4px;
}

#faq-main dt:hover {
	border: 2px solid #e97e00;
	background: #000;
}

#faq-main dt {
	font-size: 110%;
	font-weight: normal;
	color: #e97e00;
}

#faq-main dd {
	padding: 4px;
}

#faq-main ol {
	margin: 25px;	
	padding-bottom: 6px;
}

#faq-qa li {
	padding: 6px 0;
	font-size: 90%;
}

#faq-qa span {
	font-weight: normal;
}


/* 	FAQ GLOSSARY		*/

#gloss dt {
	color:#B35A00;
	color: #C24F00;
	font-size: 80%;
	padding: 0 15px;
	font-weight: bold;
}

#gloss dt:hover {
	background: #ccc;
}

#gloss dd {
	font-weight: normal;
	font-size: 80%;/*-- Javascript styling end --*/
	font-style: italic;
}

#gloss p {
	padding: 0.5em 0.5em 1em ;
}

.faq-glossary {
	float: right;
	width: 250px;
	margin:0 20px 20px 0;
	border: 1px solid #ccc;
	border: 1px solid #888;
	-moz-border-radius: 12px; -webkit-border-radius: 12px solid #0A00EA;
	background: #fff;
}

.faq-glossary h5 {
	margin: 0;
	padding: 5px 10px 8px;
	font-size: 150%;
	color: #0A00EA;
	5background: url(com-imgs/bu-bg.gif) repeat-x top;
}

.gloss-container {
	display: block;
}

.question-gloss { /*-- faq glossary collapse --*/
	cursor:default; 
	display:block; 
	background: #33a;
	font-weight: bold;
	
}

.answer-gloss { /*-- faq glossary expand --*/
	display:none; 
	padding: 2px 0 5px 0; 
	border: 1px dashed #33a;
}


/*		WEB NEWS		*/

.wn-page {
	background: #fff;
	5background: #4d0;
	width: 620px;
	margin: 0 20px 0 20px;
	padding: 15px;
	-moz-border-radius: 12px; -webkit-border-radius: 12px; color: #000;
}

br.wn-page {
	background: #321;
}

.wn-page h2 {
	padding: 0;
}

.wn-page p {
	font-size: 80%;
}

.wn-page a {
	color: #B35A00;
	text-decoration: none;
}

.wn-page a:hover {
	text-decoration: underline;
}

.rssLinkListItemTitle {
	display: block;
	font-size: 140%;
}

.wn-page ul {
	margin: 0;
	padding: 0;
}

.wn-page li {
	margin: 1.5em 0 1em;
	list-style: none;
	color: #373737;
	font-size: 90%;
}

.wn-page h4 a {
	font-size: 110%;
	color: #33a;
	font-weight: normal;
}

.wn-page span.date {
	color: #403;
	font-weight: normal;
	font-size: 70%;
}

.wn-page hr {
	border-top: 1px dashed #A5A5A5;
	border-bottom: none;
}


/*		SEO NEWS		*/

#seo-news {
	float: right;
	width: 220px;
	margin:0 20px 20px 0;
	font-size: 90%;
	-moz-border-radius: 12px; -webkit-border-radius: 12px;
	background: #fff;
	padding: 5px 15px 8px;
}

#seo-news h5 {
	margin: 0;
	font-size: 130%;
	color: #33a;
	color: #000;
}

#seo-news p {
	font-size: 90%;
}

#seo-news ul {
	margin: 0;
	padding: 0;
}

#seo-news li {
	margin: 1.5em 0 1em;
	list-style: none;
	color: #373737;
	font-size: 80%;
}

#seo-news a {
	text-decoration: none;
}

#seo-news a:hover {
	text-decoration: underline;
}

#seo-news span.date {
	color: #403;
	font-weight: normal;
	font-size: 70%;
}

#seo-news hr {
	border-top: 1px dashed #A5A5A5;
	border-bottom: none;
	margin: 0 2em;
}	

/*		ABOUT		*/

#post-2 {
	background: #fff;
	width: 888px;
	margin: 0 20px 0 20px;
	padding: 15px;
	-moz-border-radius: 12px; -webkit-border-radius: 12px; color: #000;
}

.about-content {
	padding: 0 20px;
}

.about-content h3 {
	font-size: 160%;
	font-weight: normal;
	margin: 0;
	color: #333;
	padding: 25px 0 15px;
}
.about-content ul {
	margin: 15px 40px;
}	

.about-content li {
	list-style: url(images/bullet-up.gif);
	margin: 5px 0 0;	
	padding: 5px;
}

.about-content  h3 span{
	background: #000;
	background: #2A2A2A;
	color: #e97e00;
	padding: 4px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.about-content p {
	margin-top: 0;
}

.about-content-highlight {
	
}	

p.about-content-highlight  {
	line-height: 1.5em;
	margin-top: 1em;
	background: #2A2A2A;
	border: 2px dashed #e97e00;
	color: #e97e00; 
	padding: 1em 15px;
	font-size: 110%;
	font-weight: normal;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.about-content-browsers {
	margin-bottom: 1.5em;
}

.about-content-browsers h6 {
	margin: 2px 0;
	font-size: 110%;
	font-weight: normal;
}
.about-content-browsers ul {
	margin: 0 0 .5em;
	padding: 0;
	font-weight: bold:
}

.about-content-browsers li {
	list-style: none;
	padding: 1px 3em;
	font-size: 95%;
}


/*		DEFAULT WIDE PAGE		*/

.page {
	background: #fff;		
	width: 620px;
	margin: 0 20px 0 20px;
	padding: 15px;
	-moz-border-radius: 12px; -webkit-border-radius: 12px; color: #000;
}


/*		FOOTER		*/

#footer-inside {
	width: 930px;
	margin: -150px auto 0;
	padding: 15px;
}

h5 span {
	font-size: 80%;
}

#footer-nav {
	float: left;
	margin: 1em 0;	
}

#footer-nav li {
	display: inline;
	border-left: 1px solid #626262;
	padding: 0 2px 0 8px;
}

#footer-nav li.page-item-34 {
	border-left: transparent;
	padding-left: 0;
}

#footer-nav a {
	color: #e97e00;
	text-decoration: none;
	font-size: 90%;
}

#footer-nav a:hover {
	text-decoration: underline;
}