/*  
Theme Name: Arthemia
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* HTML Elements */
/*css reset*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
@font-face {
	font-family: "MuseoSans";
	src: url('fonts/MuseoSans_500.otf');
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*css reset*/
* {
	margin:0;
	padding:0;
	}

body {
	font: 100% "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
	background: #040404;
	color: #333;
	background-image:url(http://www.southanuk.co.uk/images/bg.jpg);
	background-repeat:no-repeat;
	
	}

p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #3c78a7;
	text-decoration:none
	}

a:hover, a:active {
	color: #3c78a7;
	text-decoration:underline;
	}

a img {
	border:0;
	}

code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#ececec;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquoteold {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font:1.0em Arial;
	line-height:1.5em;
	margin:10px 0px;
	}
blockquote {	margin:1em 25% 1em 0;min-height:40px;padding:.6em 1em .6em 2.4em;border:1px dotted #ddd;font-style:italic;color:#474747;background:#fff url(/images/blockquote.png) no-repeat 4px top; width:565px}

select {
	width: 130px;
	}	



/* Structure */


#head {
	width:960px;
	margin:0px auto;
	margin-top:15px;
	padding:0px;
	font-size:0.7em;
	}


#page {
	width:960px;
	margin:0px auto;
	/* background:#ececec; */
	font-size:0.7em;
	/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
	opacity: .5;			*/
	margin-bottom:10px;
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}


/* Navigation Bar*/
#navbar {
	margin:0 auto;
	margin-top:0;
	padding:0px 10px;
	text-transform:uppercase;
	background: url(images/navbar.png);
	font-family:"MuseoSans";
	}

#page-bar {
	width:722px;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	/*cursor: pointer; */
	display:block;
	/*border-right:1px solid #333;*/
	}

#page-bar li:hover {
	background: #3c78a7;
	}


#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:10px 16px;
	/* font-weight:bold;*/
	color:#FFF;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}

#searchform {
	width:194px;
	float:right;
	text-align:right;
	padding-top:8px;
	margin-right:10px;
	}

/* Dropdown Menus */		
#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#page-bar li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 122px;
	text-transform:none;
	}
	
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #2B2B2B;
	width: 122px;
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #C0C0C0;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #666666;
	padding: 5px 10px 5px 18px;
	}

#page-bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}
	
#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}


/* Text*/

h1 {
	font:3.5em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
	}

h2 {
	font:2.3em "MuseoSans";
	}

h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	color:#3c78a7;
	font-weight:bold;
	}

h4 {
	font:1.0em Arial;
	}

h3.cat_title, h3.cat_title a {
	color:#333;
	letter-spacing:-0.05em;
	font-size:0.85em;
	}

h3#respond {
	margin-top:0px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

h3.authors {
	margin-top:15px;
	}

/* Index Page*/

#logo {
	/*width:350px;*/
	margin-bottom:10px;
	}

#tagline {
	margin:0 10px 0;
	font-size:1.4em;
	color:#000000;
	font-family:"MuseoSans";
	vertical-align:top;
	position:relative;
	top:20px;
	letter-spacing:-0.01em;
	background:#ffffff;
	padding:3px;
	}

#top {
	padding:0;
	}

#headline {
	width:520px;
	height:262px;
	float:left;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.5em;
	margin:0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#headline  div.title {
	font-weight:bold;
	font:2.8em Segoe UI;
	letter-spacing:-0.05em;
	display:block;
	padding-bottom:5px;
	
	}

#headline div.meta {
	display:block;
	margin-top:-5px;
	padding-bottom:2px;
	}

#headline p {
	padding-bottom:7px;
		}

#featured {
	width:400px;
	background:#fff;
	float:right;
	padding:10px 10px 9px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:220px;
	}

#featured .clearfloat {
	margin-top:7px;
	margin-bottom:8px;
	}

#featured .info {
	margin-top:5px;
	padding-top:5px;
	float:right;
	width:180px;
	}

#featured .title {
	font-weight:bold;
	}

#headline a img, #featured a img {
	border:0px solid #ccc;
	margin-top:5px;
	/*margin-right:10px;*/
	/*padding:2px;*/
	text-align:center;
	}


#middle {
	background:#fff;
	padding:10px;
	margin:5px 0 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.category {
	width:18.6%;
	float:left;
	margin:0px;
	padding:1px 2px 0;
	background:#fff;
	}

.category p {
	margin:0;
	
	}

#cat-1, #cat-3, #cat-5  {border-left:8px solid #333333;}
#cat-2, #cat-4 {border-left:8px solid #3c78a7;}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	font-size:inherit;
	letter-spacing:-0.05em;
	font-family:"MuseoSans";
	}

#front-popular h3 {
	color:#fff;
	}

.category a {
	color:#333;
	display:block;
	background:none;
	}

.category a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }

#bottom {
	width: 960px;
	}

#front-list {
	width:610px;
	background:#fff;
	padding:10px;
	font-size:13px;
	line-height:1.75em;
	float:left;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#archive {
	font-size:1.05em;
	line-height:1.75em;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}

#front-list .title, #archive .title {
	font-weight:bold;
	font:2.2em "MuseoSans";
	letter-spacing:-0.05em;
	/*background:#CCCDFF;*/
	margin-left:-10px;
	padding-left:12px;
/*	-moz-border-radius: 0 5px 0 0;
	-khtml-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	z-index:4; */
/*text-shadow: 0px 1px 1px #000; #E6F9FF;*/
	}

#front-list .clearfloat, #archive .clearfloat {
	padding-bottom:25px;
	/*border-top:1px dotted #ccc;*/
	border-bottom:1px dotted #ccc; 
	margin-bottom:5px;
	}

#front-list .spoiler, #archive .spoiler {
	display:block;
	margin-top:3px;
	}

#front-list p, #archive p, #content p {
	margin:0px;
	/*padding:0px; */
	}

.author {
	font-size:0.8em;
	font-weight:bold;
	}

.meta {
	font-size:1.0em;
	color:#333;
	padding-top:5px;
	padding-left:12px;
	background:#E8E9FF;
	margin-left:-10px;
	z-index:4;
	}

.meta a {
/*background:#333333;*/
/*#333333*/
	}

#headline p, #featured p {
	margin:0;
	}


/* Content Page*/

#content {
	width:610px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
		-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#content .breadcrumbs, #content .breadcrumbs a {
	font-weight:bold;
	color:#333;
	}

#content h2.title {
	font:2.2em "MuseoSans";
	font-weight:bold;
	letter-spacing:-0.05em;
	border-bottom:1px solid #ddd;
	border-top:3px solid #ddd;
	padding:5px 0px;
	}

.post {
	font-size:1.05em;
	line-height:1.75em;
	}

.post p {
	margin-top:0px;
	font-size:13px;
line-height:1.75em;
	}

.post .clearfloat {
border-top:1px dotted #ccc;
	margin:10px 0px;
	}

.post ul, .post ol, #front-list ul, #front-list ol {
	margin-bottom:15px;
	}

.post ul li, #front-list ul li {	
	list-style:square;
	padding-left:10px;
	list-style-position: inside; 
	}

.post ol li, #front-list ol li {	
	list-style:decimal;
	margin-left:40px;
	list-style-position: inside; 
	padding-left:10px;
	}

.post ol li ul li, #front-list ol li ul li {	
	list-style:square;
	margin-left:40px;
	padding-left:10px;
list-style-position: inside; 	}

/*.post img, .post a img, #front-list img, #archive img {
	border:2px solid  #CCCDFF;
	/*margin:0 10px 5px 0;
	padding:0px;
	}*/

.post .ads {
	margin-top:10px;
	}

.entry {
	margin-top:10px;
		font-size:13px;
line-height:1.75em;
	}

#stats {
	margin-top:0px;
	padding:4px 0px;
	text-transform:uppercase;
	font:0.8em Arial;
	display:block;
	}

#stats span {
	padding: 0px 20px 0px 0px;
	}

#stats span a:hover {
	background:none;
	}

#stats span a {
	color:#333;
	}

#stats img, #nav img {
	border:0px;
	margin:0px;
	padding:0px;
	}

#tools {
	width:590px;
	height:25px;
	font-size:0.95em;
	}

#tools a:hover {
	background:none;
	}

.navigation {
	padding:5px 0px;
	text-align:Center;
	}

/* Sidebar*/
#sidebar {
	width:320px;
	float:right;
	margin:0px 0px 0px 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#sidebar h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#333;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#sidebar-top, #sidebar-bottom {
	width:300px;
	float:right;
	padding:0px 10px 10px 10px;
	background:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#sidebar-bottom, #sidebar-middle {
	margin-top:10px;
	}

#sidebar-middle {
	width:320px;
	float:right;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#sidebar-left {
	width:135px;
	padding:0px 10px 10px 10px;
	float:left;
	background:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#sidebar-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	background:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}


#sidebar li {
	list-style:none;
	/*border-bottom:1px dotted #ccc;*/
	display:block;
	padding:2px 0px 2px 13px;
	/*background:url(images/sub.png) no-repeat 0 0px;*/
	}

#sidebar li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
/*	background:url(images/sub.png) no-repeat 0 0px; */
	}

#sidebar-ads {
	width:300px;
	float:right;
	margin-bottom:10px;
	padding:10px;
	background:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}


/* Form Elements */

select {
	border:1px solid #333;
	width:100%
	}
	
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}

#s {
	padding:1px;
	font-size:1.0em;
	width:150px;
	}
	
#searchsubmit {
	padding-left:5px;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* Comments

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width:495px;
	float:right
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:3px solid  #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:0px;
	width:55px;
	height:55px;

	}	

#comment {
	width:590px;
	background:#fff;
	}
*/

/* Footer*/

#front-popular {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	background:#333333;
	margin: 0 auto;
	padding:10px;
	-moz-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	}

#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:10px;
	border:1px solid #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#mostcommented {
	margin-left:17px;
	}

#recent_comments {
	width:280px;
	float:right;
	padding:10px;
	border:1px solid #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	border-top:1px dotted #fff;
	padding:5px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background:#3c78a7;
	color:#fff;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}


#footer {
	margin: 0 auto;
	width: 960px;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(http://www.southanuk.co.uk/images/footerback.jpg);
background-repeat:no-repeat;
background-color:#333333;
color:#FFFFFF;
	}


/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
.gravatar {display: block; padding: 3px;  border: 2px solid #ccc; background: #eee;}
.rockitg {text-align: right; border-top: 1px dashed #b80; font-size: 0.8em; clear: both; padding: 5px 10px 0 10px; color: #aaa; line-height: 80%; }
.postboxj {text-align: right; padding: 5px 10px 0 10px;}
.floatme {              float: right;
			width: 100px;
			height: 100px;
			line-height: 80%;
			padding: 15px 15px 15px 15px;  }
.center{text-align:center; }

ul.twitterstyle {
float:right;
  /*list-style-type: none;*/
  margin-left: 7px;
  padding-left: 5px;
  padding-bottom: 2px;
}
ul.twitterstyle li {

  line-height: 120%;
}
#featured2 {
border-top: 1px dashed #b80;
	width:300px;
	background:#fff;
	float:right;
	padding:10px 10px 9px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.padimg {
	float:left;
	padding: 2px 2px 2px 2px;
	}
li.bio {
border:0px;
list-style:none;
}
div.twitterbox
{

padding-bottom: 5px;
float:none;
color: #000000;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #33ccff;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #33ccff;
margin-bottom: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:block;
	margin-left:20px;
	clear:both;
}
p.twitterbox{
margin-top:5px;
}
.twittermeta {
	color: #333333;
	letter-spacing:-0.08em;
	display:inline;
	float:right;
	background:#CCCDFF;
	padding:2px 4px 2px 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
	opacity: .5;
}
.twittermeta:hover {
color: #333333;
letter-spacing:-0.08em;
display:inline;
float:right;
background:#CCCDFF;
padding:2px 4px 2px 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
	opacity: 100;
}
.twitterentry {
float:left;
margin-left:10px;
display:inline;
letter-spacing:-0.08em;
line-height:87%;
margin-top:5px;

}
ul.aktt_tweet_digest {
border:0px;
list-style:none;
}

.floatmet { float: right;
			width: 75px;
			height: 75px;
			line-height: 80%;
			padding: 15px 15px 15px 15px;  
			text-align:right;
			margin: 0 0 0 auto; 
			/*vertical-align: middle;*/
			}
.boxtitle {
display:block;
float:left;
}

/* End Various Tags & Classes*/



/* Captions */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin-left:5px;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0 5px 0 0;
}
/* End captions */

#sidebar p {
	color:#333333;
	line-height:1.15em;
	}

.watermark2 {
	background:url(images/ovl.png);
	width: 300px;
	height: 220px;
	margin: 0 auto;
	display: block;
	position: relative;
}
.watermark2 {
width:300px;
height:220px;
background: url(images/ovl.png) no-repeat 0 0; 

}
.authorname {
margin-left:-30px;
display:inline;
float:left;
margin-right: 5px;
z-index:7;
position:relative;
}
.authorname-text  {
font-size:9px;
line-height:99%;
background-color:#eeeeee;
text-align:center;
margin-left:-30px;
display:block;
padding-bottom:2px;
	-moz-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	z-index:7;
}
.authorname img {

display: inline; border:2px thick #CCCDFF; margin-top:0px; padding:0px 0px 0px 0px;
	border:4px solid  #CCCDFF;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.smallspace {
line-height:10%;
clear:both;
}
.footer2 {
margin-left:85px;
line-height:50%;
}
.boxattop {
float:right;
width:500px;
height:70px;
	vertical-align:middle;
	letter-spacing:-0.06em;
margin-left:10px;

	color:#333333;
	font-size:1.25em;
	background-color:#FFFFFF;
	margin-bottom:10px;

	
}
.wrapperboxtop {
float:right;
width:500px;
height:70px;
	vertical-align:middle;
	letter-spacing:-0.06em;

	color:#333333;
	font-size:1.25em;
		background-color:#FFFFFF;
	margin-bottom:10px;

}
.userboxtopp {
	vertical-align:middle;
	letter-spacing:-0.06em;
	text-align:center;
	display:inline;
			color:#333333;
		font-size:1.25em;
	}
.fbbuttonc {
vertical-align:middle;
float:left;
display:inline;
}
.vcentre {
vertical-align:middle;
margin-left:10px;
	text-align:center;
	padding-left:10px;
	display:inline;
}
.fbimagebutton {
vertical-align:middle;
}
.boxatthetop {
float:right;
width:500px;
height:70px;
background-color:#eee;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
	opacity: .5;
}
.boxatthetop:hover {
float:right;
width:500px;
height:70px;
background-color:#eee;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
	opacity: 100;
}
.boxatthetopx {
float:right;
width:500px;
height:70px;
background-color:#eee;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}
.boxtop2 {
margin: 20px;
vertical-align:middle;
text-align:center;
font-size:16px;
}
.boxtop {
margin:5px 5px 5px 5px;
vertical-align:middle;
font-size:12px;
}
.boxtopimg {
vertical-align:middle;
padding:5px 9px 5px 5px;
float:left;
display:inline;
width:50px;
height:50px;

}
.cat_title2{
	color:#333;
	font-size:1.65em;
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	letter-spacing:-0.05em;
}
/*2.7 comments */
ul.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ul.commentlist li { border:0px solid #ddd; height:1%; margin:0 0 10px; padding:5px 7px 5px 20px; position:relative; }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor { background-color:#9EC1FC;}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {background-color:#9EC1FC;}
ul.commentlist li.comment { }
ul.commentlist li div.comment-author { padding:0 0px 0 0; clear:both;}
ul.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; background-color:#e8e9ff; margin:5px; padding:5px; 		-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;}
ul.commentlist li div.vcard cite.fn { font-style:normal; }
ul.commentlist li div.vcard cite.fn a.url { color:#3c78a7; text-decoration:none; }
ul.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ul.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; width:48px; height:48px; display:inline;}
ul.commentlist li div.vcard img.avatar-32 {}
ul.commentlist li div.vcard img.photo {}
ul.commentlist li div.vcard span.says {}
ul.commentlist li div.commentmetadata {}
ul.commentlist li div.comment-meta { font:10px/1.4 helvetica,arial,sans-serif; position:absolute;  right:12px; text-align:right; top:10px; }
ul.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ul.commentlist li div.comment-meta a:hover { color:#000; }
ul.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ul.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ul.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; margin-bottom:10px; }
ul.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }
ul.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ul.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li ul.children li {  }
ul.commentlist li ul.children li.alt {}
ul.commentlist li ul.children li.bypostauthor {}
ul.commentlist li ul.children li.byuser {}
ul.commentlist li ul.children li.comment {}
ul.commentlist li ul.children li.comment-author-admin {}
ul.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-5 {}
ul.commentlist li ul.children li.odd {}
ul.commentlist li.even { background:#f7f7f7; }
ul.commentlist li.odd { background:#fff; }
ul.commentlist li.parent { }
ul.commentlist li.pingback { }
ul.commentlist li.pingback.parent { }
ul.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
ul.commentlist li.thread-odd {}
ul.commentlist li div.comment-author img { border:5px solid #ddd; left:7px; width:48px; height:48px; display:inline; }
ul.commentlist li div.comment-body { display:block; }
.commentarea {
/*border-top:1px #666666 dashed;*/
background-color:#EAEAEB;
width:95%;
display:block;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
padding:5px;
}
.authornameside {
font-size:1.6em;
font-weight:bold;
text-align:right;
float:right;
display:inline;
background:#E8E9FF;
margin:0 0 3px 20px;
}

.authorbio {
font-size:1.1em;
text-align:left;
float:right;
display:inline;
}
.authorimgs {
float:left;
display:inline;
margin:0 0 0 0;
padding-right:5px;
}
.authorimgs img {
border:3px solid #CCCDFF;
float:left;
display:inline;
margin:0 0 0 0;
}

.authorwrapper {
min-height:100px;
   height:auto !important; 
   height:100px;
   margin-top:5px;
   margin-bottom:5px;
}

#stage{width:508px; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:220px; margin:0 auto 0 auto;}
#slider-buttons{width:508px; margin:0 auto; vertical-align:middle;}
	#myList{width:2560px; border:0; margin:0; padding:0; left:400px;}
	#myList li{
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		margin-right:4px;
		padding:4px; 
		background:#DEDEDE;
		float:left;
		width:500px;
		height:220px;
		}
		
.post center img{
border:1px  #ccc;
padding:2px;
text-align:center;
}
.readmorebox {
width:100%; border:1px; border-color:#ccc; padding:2px; margin:2px; display:block; text-align:right; clear:both;
background-color:#CCCDFF; vertical-align:middle;
}
.imgborder {
float:left;
display:inline;
border-color:#ccc;
border-right:5px;
padding-right:5px;
margin-right:5px;
}
.spreadfirefox {
background-color: #ffffff;

text-align:center; 
margin-bottom:5px; 
margin-top:5px;
padding-bottom: 5px;
		-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;

}
.fb:profile-pic  {
	border:5px solid #ddd; left:7px; width:48px; height:48px; display:inline;
}
.replytext2 {
font-family: 100% "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 2.3em; background-color:#eeeeee; padding:10px; margin-bottom:5px; }
.pvvcard {
font:bold 14px/1.4 helvetica,arial,sans-serif; background-color:#e8e9ff; margin-top:5px; margin-bottom:5px; padding:5px; 	}
.smalltext { 
font-size:7px;
background:#DDE7FF;
}
.socialstuff {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font:1.0em Arial;
	line-height:1.5em;
	padding:5px 0 5px 0;
	margin-bottom:5px;
	
}
.socialstuffimg img {
padding:2px 2px 2px 2px;
}
.authornamesingle {
border-top-width: 0px; 
display: inline; 
border-left-width: 0px; 
border-bottom-width: 0px; 
margin-left: 0px; 
margin-right: 0px; 
border-right-width: 0px;
text-align:right;
float:right;
clear:both;
font-size:12px;
margin-bottom:0px;
border-bottom:0px;
line-height:90%;
vertical-align:middle;
}
.floatingtime {
	background:#F8F8FF;
	position:fixed;
	top:0px;
	font-size:9px;
	padding:1px 1px 1px 1px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-bottom-right-radius:5px;
	z-index:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: alpha(opacity=60);
	opacity: .6;
	}
.floatingtime:hover {
	background:#F8F8FF;
	position:fixed;
	top:0px;
	font-size:9px;
	padding:1px 1px 1px 1px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-bottom-right-radius:5px;
	z-index:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
	opacity: 100;
	}
.sliderbuttons {
letter-spacing: -0.05em; 
background-color: #e6f9ff;
font-size:1.4em;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
	filter: alpha(opacity=40);
	opacity: .4;
	vertical-align:middle;
	}
.sliderbuttons:hover {
letter-spacing: -0.05em; 
background-color: #e6f9ff;
font-size:1.4em;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
	opacity: 100;
	vertical-align:middle;
	}
.powerpress_player {
text-align:center;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10pt;
padding-left: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #33ccff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #33ccff;
background-color:#CEE7FF;
}
.videotext {
	  position:relative;
	  clear:none;
	  overflow:hidden;
	  text-align:center;
}
img.videotext {	  
	    z-index:1;
		text-align:center;
}
.videotext .videotexttext {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:60px;
	  left:0;
	  z-index:2;
	  text-align:center;
}
.fbPreview {
text-align:center;
}
#featured img {
text-align:center;
}
.avatar {
	border:4px solid  #CCCDFF;
	}	
	
.gravatarstyle {

display: inline; border:2px thick #CCCDFF;  margin-left: 0px; margin-right: 0px; margin-top:0px; padding:0px 0px 0px 0px;
	border:4px solid  #CCCDFF;
	z-index:4;

}

/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0
*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(/images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(/images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(/images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(/images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
	font-size:10px;
}

.tab a.open {background: url(/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(/images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 240px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(/images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(/images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

.endbar {
	font-size:1.0em;
	color:#333;
	padding:5px 0 5px 12px;
	font-weight:bold;
	display:block;
	clear:both;
	}	
.endbarbutton {
border-color:#000000;
border-style:solid;
border-width:1px;
padding:2px 5px 2px 5px;
margin:2px;
color:#FFFFFF;
font-weight:bold;
display:inline;
background:#e8e9ff;
}
.twitterimg {
	margin-left:-30px;
	margin-right:4px;
	background:#FFFFFF;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 17px 20px 25px;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	background-image:url(http://www.southanuk.co.uk/images/twitter.png);
	}
/* New Featured */
#NewFeatured { -moz-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;  display:block; overflow:hidden;  height:20px; width:800px; }
#NewFeatured img { float:left; display:inline; }
.featured-title {font:  bold 1.6em "MuseoSans";}
#NewFeatured p { display:inline; margin-left:10px; font-size:12px; }	
.featured-div a img { float:left; display:inline; border:4px solid #CCCDFF; }
.featured-div { padding:5px 5px 5px 5px; }
.meta-featured {background:none repeat scroll 0 0 #E8E9FF; color:#333333; font-size:12px; padding-left:12px; padding-top:5px; }
.featNav { float:left; margin:auto; height:20px; display:block; background:#ffffff; -moz-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; text-align:center;  }
.featNav a {font-size:14px; }
.hls { background: #D3E18A; }
.post-info-test{background:transparent url(/images/info-bar.png) no-repeat right top;height:42px;margin-left:65px;color:#bbb;text-shadow:#fff 1px 1px 1px; line-height:32px; }
.post-date{background:transparent url(/images/info-bar.png) no-repeat left -75px;padding-left:11px;float:left;text-transform:uppercase;font-weight:bold;}
.post-date p.day{background:transparent url(/images/info-bar.png) no-repeat right -42px;height:33px;padding:0 16px 0 0;margin:0;line-height:31px;color:#fff;}
.post-info-test p.comments a.comments {background:url(/images/icons.png) no-repeat scroll 0 -49px transparent;padding-left:20px;}
.post-info-test p.comments a.no.comments {background-position:0 1px;}
.authorname span {   position: absolute;  bottom: 3px;  left: 3px; color:#000000; background:#ffffff;}
.oldpostbar {text-align:center; padding:10px 10px 10px 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #33ccff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #33ccff;
background-color:#E8E9FF;}
/*wp align probs */
img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}
#middlecat {
	background:#fff;
	padding:5px;
	margin:0 0 10px;
	}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.95;
	font-size:10px;
}
#tooltip h3, #tooltip div { margin: 0; }
.leftfeatured { float:left; width:530px; }
.rightvideo {float:right; width:400px;}
.gefframe { border:1px solid #333333; background-color:#ebebeb; padding:5px; text-align:center;  }
.minitwitter { background:#ffffff; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
.minitwitter img {
position:relative;
top:-10px;
left:-25px;
display:inline;
}
.minitwitter p {
font:14px 'Lucida Grande',sans-serif;
font-family:georgia;
margin:5px;
}
.minitwitter a {
color:#FF3300
}
.minitwitter span {
font:10px 'Lucida Grande',sans-serif;
}
.fblike { position:relative; right:-50px; top:-5px; display:inline; overflow:hidden; width:560px; height:25px; }
.fblikesingle { padding:5px; }
.fb-like { position:relative; right:-50px; top:-5px; display:inline; overflow:hidden; width:560px; height:25px; }

.adbelow-post { width:468px; border:1px solid #000000; -moz-border-radius:5px 5px 5px 5px; margin:0 auto; }
.adbelow-post h2 {-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #333333;
color:#FFFFFF;
font:bold 1.1em Arial;
padding:3px 10px;}
.twitterfeat{ height: 15px; width:800px; margin: auto; 	-moz-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;  display:inline; overflow:hidden; float:left; }
.twittertag { font:14px 'Lucida Grande',sans-serif;font-family:georgia; }
.twittertag a {color:#FF3300; }
#twitterbar2 {background:#fff;padding:4px;/*	margin:5px 0 10px;*/-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;	}
#content-podcast {
	width:940px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
		-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	}
.tweet-single-content {font-family:Georgia; font-size:28px; padding-bottom:10px;}
.tweet-single-content a { color:#FF3300; }
.tweet-single-content p { margin:0; }
#twitterbar2-2 {background:#fff;padding:4px;/*	margin:5px 0 10px;*/-moz-border-radius: 0 0 5px 5px;;-khtml-border-radius: 5px;-webkit-border-radius: 5px;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 	filter: alpha(opacity=70);	opacity: 0.7;}
#twitterbar2-2:hover {background:#fff;padding:4px;/*	margin:5px 0 10px;*/-moz-border-radius: 0 0 5px 5px;;-khtml-border-radius: 5px;-webkit-border-radius: 5px;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 	filter: alpha(opacity=100);	opacity: 100;}