/* @override http://www.runwaymusic.co.za/wp-content/themes/default/style.css */

/*
Theme Name: K2
Theme URI: http://getk2.com
Description: <a href="themes.php?page=k2-options">Configure your K2</a> or visit the <a href="http://getk2.com/forum">support forums</a>, <a href="http://k2.stikipad.com/docs/show/">the wiki</a> or <a href="http://code.google.com/p/kaytwo/issues/list">the bug tracker</a>.</p><p><small>Developed by <a href="http://binarybonsai.com">Michael</a>, <a href="http://chrisjdavis.org">Chris</a>, <a href="http://zeo.unic.net.my">Zeo</a>, <a href="http://stevelam.org">Steve</a> and <a href="http://nybblelabs.org.uk">Ben</a>. Protected by <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.</small>
Version: 0.9.6
Author: Various Artists
Author URI: http://getk2.com

CSS Documentation: http://k2.stikipad.com/docs/show/CSS+Overview
*/



/*- Page Structure */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

* {
	padding: 0;
	margin: 0;
	}

img {
	border: 0;
	}

body {
	font: 62.5%  Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #FFF;
	background: #000 url(../../../images/bgtiles/bluetilepattern.gif);
	text-align: center;
	
	}
	#searchform {
width: 200px;
float: right;
top: 5px;
	display: block;
	position: relative;
	z-index: 100;
	text-align: right;
	padding-right: 15px;
}
	
	.wordtube{
	position: relative;
	width: 690px;
	height: 320px;
clear: both;
	background-color: black;

margin-bottom: 5px;
}
	
	#mediacolumn{
	position: relative;
	width: 220px;
	float: left;

}
	
.sb-latest{
	padding: 10px;
}

#page {
	background: black url(../../../images/bgtiles/greytilepattern.gif);
	text-align: left;
	margin: 0 auto;
	position: relative;
	border-top: none;
float: none;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;

}

.sidebar-none #page {
	width: 560px;
	}

.sidebar-single #page {
	width: 780px;
	}

.sidebar-dual #page {
	width: 950px;
	}

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 150px;
	background: #000 url(../../../images/runwaylogo.gif) no-repeat;
	}
	
	#headerdesign {
	width: 300px;
	float: right;
position: absolute;
	z-index: 0;
	height: 120px;
	background: url(http://www.runwaymusic.co.za/images/header_blueswirl.gif) no-repeat 595px;
}

.content {
	padding: 0 20px;

	}
	#contentcolumn {
position: relative;
widht:500px;
float: left;

	}

#primary {
	position: relative;
	float: left;
	width: 500px;
	padding: 10px 10px 10px 0;
}


#primary1 {
	position: relative;
	float: left;

}
* html #primary {
	display: inline;
	}

.sidebar-dual #primary {
	margin-left: 170px;
	padding: 10px;
	
	}

#sidebar-main {
	float: left;
	width: 200px;
	top: -10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	position: relative;
	
}
#post_sidebar{
	width: 200px;
	position: relative;
	float: right;
	top: -30px;
}

#sidebar-alt {
	float: left;
	width: 150px;
	padding: 10px;
	left: -740px;
	margin-left: -170px;
	}

.secondary {
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
	position: relative;
	margin-top: 0;
}

.comments {
	text-align: left;
	position: relative;
	padding: 10px 10px 0;
}
#commentspost{
	width: 520px;
	float: left;
	position: relative;
}

/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	background-color: #007CC2;
	
}

ul.menu li {
	display: inline;
	margin: 0;
	text-transform: uppercase;
	font-size: 10px;
}

ul.menu,
ul.menu li a {
	padding: 2px 20px 6px 15px;
	}

ul.menu li a {
	font-size: 1em;
	color: white;
	margin: 0;
	}

ul.menu li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #FFF !important;
	background: #000;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 0px;
	}

* html .admintab { padding: 5px 15px 6px }	/* IE hack */
	
a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}

/*- Headings */

h1, h2, h3, h4, h5 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	color: #007CC2;
	}

h1 { /* H1 is the title in the header */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 75px 40px 0;
	color: #007CC2;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	
	}

h1 a:hover {
	text-decoration: underline;
	}

#header .description { /* Description in header */
	font-size: 1em;
	margin: 0 40px;
	}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: left;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}
	
h5 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: right;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 20px;
	background: url(http://www.runwaymusic.co.za/images/divide_sm_horizontal.gif) repeat-x 0 23px;
	padding-bottom: 3px;
		margin-top: 2px;
		z-index: 100;
}

	
a:hover { 
	background-color: #007CC2;
	color: black;

}

	
h6 { /* H6 is the black text on the blue background.*/
	text-align: right;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 10px;
	background: url(http://www.runwaymusic.co.za/images/divide_sm_horizontal.gif) repeat-x 0 25px;
	padding-bottom: 5px;
	color: #888;
		z-index: 500;
	padding-top: 5px;
}

#rollingarchives.emptypage {
	display: none;
	}

.page-head {
	text-align: left;
	background-color: black;
	padding-left: 10px;


}

.archivepages {
	color: #999;
	display: block;
	font-size: .45em;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: lowercase;
	margin-top: 2px;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em !important;
	font-weight: normal !important;
	padding: 0 !important;
	display: inline;
	}

#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -1px;
	}

#primary .entry-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 25px;
	color: #007CC2;
	}

#primary .entry-content h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
	}

#primary .k2-asides h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.entry-head {
width: 90%;
}

body.page .entry-content h3 {
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

body.page .entry-content h4 {
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 20px 0 0;
	padding: 0;
	position: relative;
	}
	
#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

#primary .hentry .entry-head .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

#primary .k2-asides .entry-head .metalink {
	font-size: 1.4em;
	}

.single #primary .k2-asides .entry-content {
	font-size: 1.5em;
	color: #999;
	}

.comment-meta {
	margin: 0 15px 0 0;
	float: none;
	}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #777;
}

#comment-personaldetails {
	margin-top: 10px;
}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

.secondary .k2-asides {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .k2-asides p {
	display: inline;
	}

.secondary .k2-asides .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

body.page .entry-edit {
	position: absolute;
	right: 0;
	margin-top: -15px;
	}

.entry-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('images/pencil.png') left center no-repeat;
	height: 16px;
	}

.comment-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('images/comment_edit.png') left center no-repeat;
	height: 16px;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #007CC2;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	color: #007CC2;
	}

.entry-meta { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 1px;
	color: #bbb;
	}

.entry-category {
	text-transform: lowercase;
	}

.entry-meta address {
	display: inline;
	font-style: normal;
	}

.entry-meta a, .comment-meta a {
	color: #777;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 10px;
	}

.quoter_comment {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 5px;
	}

.entry-tags {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	text-transform: lowercase;
	}

/*- Primary Contents */

.hentry {
	margin: 0;
	position: relative;
	padding: 5px 0 15px;
}

.entry-content {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #999;
	padding: 0 5px;
	

}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;

}

.k2-asides .entry-content p,
.k2-asides .entry-content ul,
.k2-asides .entry-content ol,
.k2-asides .entry-content div,
.k2-asides .entry-content blockquote {
	margin: 5px 0;
	}

.single .k2-asides .entry-content p,
.single .k2-asides .entry-content ul,
.single .k2-asides .entry-content ol,
.single .k2-asides .entry-content div,
.single .k2-asides .entry-content blockquote {
	margin: 13px 0;
	}

.metalinks {
	margin-top: 3px;
	}

.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
	}

.nopassword {
	text-align: center;
	}

#commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
	}

#commentlist li {
	margin: 10px 0 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

#commentlist li .comment-content {
	padding: 10px 0;
	font-size: 1.2em;
	line-height: 1.8em;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}


#commentlist li .comment-meta {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	}

#commentlist li img {
	padding: 0;
	border: none;
	}

#commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}

#commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

#commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

li.byuser {

	}

li.bypostauthor {

	}

li.bypostauthor blockquote {
	color: #333;
	background: url('images/quote.png') no-repeat 10px 0;              
	}
	 
#pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;

	}

#pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

#pinglist li small {
	font-size: 0.8em;
	display: block;
	}

#pinglist li .counter {
	display: none;
	}

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

#pinglist li img {
	padding: 0;
	border: none;
	}
	
#leavecomment, .comments #loading {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	margin-top: 20px !important;
	}

.comments #error {
	line-height: 2.0;
	padding: 5px;
	color: #FF0000;
	background-color: #FFFF99;
}

.comments #commentload {
	padding-top: 3px;
	float: right;
	vertical-align: middle;
}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	margin: 0;
	}

.comments input[type=text], .comments textarea {
	font: 1.2em 'Courier New', Courier, Monospace;
	padding: 3px;
	color: silver;
	background-color: #444;
	border: none;
	}

input[type=text]:focus, textarea:focus {

	border: none;

	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments textarea {
	width: 90%;
	margin: 10px 0;
	background-color: #444;
	border: none;
}

.comments form #submit {
	margin: 0;
	float: right;
	}

#footer {
	clear: both;
	text-align: center;
	color: #333;
	background-color: black;
	width: 780px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px 0;
	z-index: 20;
}

#footer a {
	color: #444;

	font-weight: bold;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: #000;
	}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #27d;
	text-decoration: none;
	}

.entry-content a:visited {
	color: silver;
	}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.entry-content img {
	margin: 0 5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
	}

#primary table img {
	max-width: none;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

.chronodata abbr { border: 0; }

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: url('images/quote.png') no-repeat 10px 0;
	border: none;
	}

hr {
	display: none;
	}

.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width:96%;
	}

.comments .navigation {
	margin: 10px 0;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}

.alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}

/*- Begin Lists */
.archive-list {
	list-style: none;
	margin: 10px 0 0 0 !important;
	padding-left: 0px !important;
	}

.archive-list li {
	display: block;
	float: left;
	margin: 0 10px 0 0 !important;
	padding: 2px 0 2px 10px !important;
	width: 150px;
	}

.archive-list li:hover {
	background-color: #EDEDED;
	}

.entry-content ol, .entry-content ul {
	padding: 0 0 0 35px;
	}

.entry-content ol li, .entry-content ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary div p {
	margin-top: 0.5em;
	}

.secondary ul, .secondary ol, .secondary div div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}



.sb-links ul li {
	margin-top: 10px;
	font-size: 12px;
}

.sb-links ul ul li {
	margin-top: 0;
	}

/*- Search Form and Livesearch */



#search h2 {
	display: none;
	}

input[type=text], textarea {
	color: #999;
	padding: 1px;
	margin: 0;
	background-color: #333;
	border: 0;
	}

#s {
	width: 50%;
	font-size: 1.1em;
	}

#s.livesearch {
	width: 88%;
	}

#searchreset {
	position: absolute;
	right: 0px;
	top: 3px;
	height: 13px;
	width: 13px;
	background: url('images/reset-fff.png') center center no-repeat;
	}

#searchload {
	position: absolute;
	right: 0;
	top: 0;
	height: 18px;
	width: 18px;
	background: url('images/spinner.gif') center center no-repeat;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}
	
input[type=submit] {
	background-color: black;
	color: whitesmoke;

	z-index: 99;
	border-color: #007CC2;
	border-width: 1px;
}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

/*- Attachment */
.entry-content .attachment { 
	text-align: center; 
	}

/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */


/*-
	Brian's Latest Comments
	http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/

#brians-latest-comments ul li span a, #brians-latest-comments ul li small a,
.sb-comments-blc ul li span a, .sb-comments-blc ul li small a {
	color: #999;
	font-weight: normal;
	word-spacing: -1px;
	}

#brians-latest-comments ul li,
.sb-comments-blc ul li {
	margin-bottom: 6px;
}

#brians-latest-comments ul li > a[title="Go to the comments of this entry"],
.sb-comments-blc ul li > a[title="Go to the comments of this entry"] {
	position: absolute;
	right:0;
	color: #999;
}

.activityentry {
	font-size: 1.1em;
	}

div#latest-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	}


/*-
	FlickrRSS
*/

.sb-flickr div img {
	border: 0px;
	padding: 5px;
}

.sb-flickr div a {
	margin-left:  10px;
	}
	
.sb-flickr div a img {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 5px 3px 0;
}

.sb-flickr div a:hover img {
	border: 1px solid #999;
}

/*
	Calendar Module
*/

#wp-calendar {
	width: 100%;
	}

#wp-calendar td {
	text-align: center;
	}

#wp-calendar caption {
	font-size: 1.2em;
	padding: 5px;
	}

#wp-calendar #prev {
	text-align: left;
	}

#wp-calendar #next {
	text-align: right;
	}

/*
	Ultimate Tag Warrior
	K2 removes UTW's default tags for more default control.
*/

.localtags, .technoratitags {
	display: none;
	}

.tagcloud{
	width: 90%;
	
}
.tagcloud a:hover{
	background-color: #007CC2;
	color: black;
	
}

/*
	Contact Form
*/

.contactform {
	width: 100%; 
	position: relative;
	}

.contactleft {
	width: 15%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror {
	border: 1px solid #ff0000;
	}

/* Noteworthy */
.category-noteworthy h3.entry-title {
	background: url('images/heart.png') no-repeat right center;
	padding-right: 25px;
	display: inline;
}

.noteworthyLink { margin-left: 5px }

/* Peace and forgiveness */
/* Learn more about the other K2: http://en.wikipedia.org/wiki/K2 */

h3.entry-title {
	text-transform: uppercase;
	font-size: 14px;

}


h2.entry-title {
	text-transform: uppercase;
	font-size: 25px;
padding-top: 15px;

}


h3.entry-title a:hover {
	background-color: #007CC2;
	color: black;

}


h5.entry-title {
	text-transform: uppercase;
	text-align: left;
	width:100%;
	margin-top:8px;
}


/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em;

}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(http://www.runwaymusic.co.za/images/sidebar_boxes3.png) no-repeat top right;
 _background-image:url(http://www.runwaymusic.co.za/images/sidebar_boxes3.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
	padding: 5px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
	margin-top: 0;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
	margin-top: -5px;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h3{
	padding-top: 1px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	height: 14px;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	background-color: black;
}
.dialog p{
padding: 10px 15px 10px 10px;

}
#newscolumn .dialog p{
	padding: 10px 0px 0px;

}

#newscolumn{
	width: 300px;

}

.dialog h1 {
 padding-bottom:0px;
}
.dialog li {
 padding-bottom:20px;

}



.dialogblack {
 position:relative;
 margin:0px auto;
 min-width:3em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialogblack .content,
.dialogblack .t,
.dialogblack .b,
.dialogblack .b div {
 background:transparent url(http://www.runwaymusic.co.za/images/roundedcorner_bigblack.png) no-repeat top right;
 _background-image:url(http://www.runwaymusic.co.za/images/roundedcorner_bigblack.gif);
}

.dialogblack .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 5px;
}

.dialogblack .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
	margin-top: 0;
}

.dialogblack .b {
 /* bottom */
 position:relative;
 width:100%;
	margin-top: -5px;
}

.dialogblack .b,
.dialogblack .b div {
 height:16px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialogblack .b {
 background-position:bottom right;
}

.dialogblack .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialogblack .hd,
.dialogblack .bd,
.dialogblack .ft {
 position:relative;
}

.dialogblack .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialogblack h3{
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 20px;
	font-size: 16px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	
}

.dialogblack p{
padding: 10px 15px 10px 1px;

}
#newscolumn .dialogblack p{
	padding: 0px;

}

.dialogblack h1 {
 padding-bottom:0px;
}


.dialogblue {
 position:relative;
 margin:0px auto;
 min-width:3em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialogblue .content,
.dialogblue .t,
.dialogblue .b,
.dialogblue .b div {
 background:transparent url(http://www.runwaymusic.co.za/images/roundedcorner_bigblue.png) no-repeat top right;
 _background-image:url(http://www.runwaymusic.co.za/images/roundedcorner_bigblue.gif);
}

.dialogblue .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
	padding: 5px 12px 0px 0px;
}

.dialogblue .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
	margin-top: 0;
}

.dialogblue .b {
 /* bottom */
 position:relative;
 width:100%;
	margin-top: -5px;
}

.dialogblue .b,
.dialogblue .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialogblue .b {
 background-position:bottom right;
}

.dialogblue .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialogblue .hd,
.dialogblue .bd,
.dialogblue .ft {
 position:relative;
}

.dialogblue .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialogblue h3{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 14px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	background-color: black;
}

.dialogblue p{
padding: 10px 15px 10px 10px;

}
#newscolumn .dialogblue p{
	padding: 0px;

}

.dialogblue h1 {
 padding-bottom:0px;
}
.dialogblue li {
 padding-bottom:20px;
}


#musicplayer{
	width: 455px;
	float: left;
	padding-top:20px;
}

#player2{
	
	float: right;
	padding-left: 10px;
	positon:relative;
	height: 320px;
}

#musicsidebar{
	width: 200px;
	float: right;
position: relative;
top: 10px;
left: -10px;

}
#abouttext{
	width: 260px;
	float: right;
	margin-top: 13px;
	font-size: 11px;
margin-top:22px;
margin-bottom:-12px
}
.divider{
clear: both;
height: 20px;
	background-image: url(../../../images/divide_horizontal.gif);
	width: 100%;
}
/*menu */

#nav {
	float: right;
position: absolute;
width: 98%;
  	margin-top: 120px;
    list-style: none;
	z-index: 99;
	background-color: #007CC2;
	margin-left: 10px;
}

 

#nav ul {

            margin: 0;

            height: 1;
      

            }

           

#toolbar form {

            margin: 0;
            height: 1em;

            }

           

#toolbar input {

            margin: 1px;

            }

 

#nav a {

            display: block;
            color: #fff;
            text-decoration: none;
            padding: 4px 20px;

}


#nav li {
            float: left;

}

 

#nav li ul {

            position: absolute;
            left: -999em;
            width: 14.4em;
            w\idth: 12.9em;
            font-weight: normal;
            margin: 0;
            list-style: none;
            color: #007CC2;
			background-color: #000;
}

 

#nav li li {
     
            width: 12em;
			color: #007CC2;
			background-color: #000;
     		padding-left: 10px;

}

 

#nav li ul a {
            width: 12em;
            w\idth: 9em;
            padding: 4px 0;
            padding-left: 10px;

}


 

#nav a:hover {
			color: #007CC2;
			background-color: #000;

}

 

#nav li ul ul {
            padding: 4px 0;
}

 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
            left: -999em;
              padding: 4px 0;
              	background-color: #000;

}

 

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
            left: auto;
     	
        padding: 4px 0;

}

 

#nav li:hover, #nav li.sfhover {
 
      background-color: #000;
      

}

/* end menu */

#releasescolumn {
       
        	position: relative;
        	float: right;
        	width: 430px;
      
}


#releasespage {
        	position: relative;
        	float: left;
        	width: 490px;  
}
#releasespage .entry-head{
    width:500px;
}
#releasespage .dialogblack {
        	position: relative;
        	float: left;
        	width: 500px;  
        	height: 100%;
        	
}
#releasespage .dialogblack p {
        	height: 100%; 
        	z-index: 200;
}

.posticonbig{
float:left;
	z-index: 60;
	padding: 10px;
	position: relative;
	}
	.wordsfloatright{
float: none;
height: 210px;
	}
#newscolumn {
   
        	position: relative;
        	float: left;
        	width: 300px;
	background-repeat: repeat-y;
}
#vert_texture_left {
	margin: auto;
   position: absolute;
   top: -10px;
   left: -50px;
        	width: 60px;
        	height: 100%;
	background: url(../../../images/bgtiles/leftsideedging.png) repeat-y;
}
#vert_texture_right {

  position: absolute;
        	width: 60px;
        	height: 100%;
	background: url(../../../images/bgtiles/rightsideedging.png) repeat-y;
	z-index: 50;
	left: 777px;
}
#side_left {
  position: absolute;
height: 100%;
background: url(../../../images/side_left.png) no-repeat 0 -65px;
		z-index: 1;
	width: 300px;
	margin-left: -290px;
}

#side_right {
  position: absolute;
    width: 300px;
	background: url(../../../images/side_right.png) no-repeat 0 -55px;
	z-index: 1;
	left: 777px;
	height: 300px;
}

#footerleftswirl{
position: relative;
	background: url(../../../images/bottomleftswirl.png) no-repeat 0 40px;
	margin-left: -190px;
		z-index: 20;
	vertical-align: bottom;
	height: 300px;
	margin-top: -300px;
	width: 300px;
	bottom: 20px;
}
#footerrightswirl{
	position: relative;
		width: 250px;
	height: 300px;
	background: url(../../../images/bottomrightswirl.png) no-repeat -10px 40px;
		z-index: 20;
	vertical-align: bottom;
	left: 250px;
	margin-top: -300px;
	margin-left: 520px;
	bottom: 25px;
}
.posticon {
  
  position: relative;
       float: left;
       padding-right: 15px;
       top: 10px;
       z-index: 50;
       padding-bottom: 10px;
     
}
#linkspanel{
	width: 220px;
	position: relative;
	float: left;
}
#linkspanel a {
padding: 5px;
border-bottom: 1px;
}

#linkspanel a, visited{
	padding: 2px;
}

#linkspanel a:hover{
	color: #007CC2;
	background-color: white;
	padding: 2px;
}
.readmorelinks{
text-align: right;
line-height: 10px;
}
.readmorelinks a:hover{
	color: #black;
	background-color: #007CC2;
	padding: 2px;
}

#externalpanel a{
	
	padding: 2px;
}
#externalpanel a:hover{
	color: #007CC2;
	background-color: white;
	padding: 2px;
}
#externalpanel li, ul{
	list-style-image: none;
	list-style-type: none;
	width: 170px;
	margin-top: 1px;
	padding: 2px;
}
#externalpanel{
	width: 210px;
	position: relative;
	float: right;
}
#subscribepanel {

color: white;
}
#subscribepanel input {
margin-top: 4px;
}