/*
Theme Name: MELROSE
Theme URI: www.soulbat.com
Description: Ian Melrose 2009 Custom Wordpress theme.
Version: 1.0
Author: SOULBAT
Author URI: http://www.soulbat.com
Tags: 

*/

html, body, ul, ol, li, p,td, h1,h2,h3,h4,h5,h6,form,fieldset,a,div,img { 
margin:0; padding:0; border:0;  }
a { outline:none; color:#D4A63E }
a:hover { color:#FFFFFF }

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Century Gothic','Lucida Grande' Verdana, Arial, Sans-Serif;
	color: #EEE;
	text-align: center;
	background:#000 url(images/head3.jpg) top center no-repeat;
	}

#wrapper {
width:1000px;
height:auto;
margin:0 auto 1em auto;
text-align: left;
}

/* structure */

#header {
width:100%;
height:110px;
}

#main {
	width:100%;
	margin:7px 0 0 0;
}

#col-left {
	float:left;
	width:172px;
}
#col-mid {
	float:left;
	padding-top:10px;
	margin-left:40px;
	width:550px;
}
#col-right {
float:right;
width:180px;
margin:45px 10px 10px 0;
}

#col-mid {
font-size:1.2em;
font-family: Verdana, Arial, Sans-Serif;
}
#col-mid ul {
list-style:none !important;
}
#col-mid ol{
	margin:0 0 1em 30px;
}


#col-right ul
{
margin:1em 0 1em 30px;
}

.clearfloat { 
	clear:both;
	overflow:auto;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* footer */

#footnav,#footer,#footnav a,#footer a {
color:#777 !important;
}

#footnav {
	clear:both;
	overflow:auto;
	width:760px;
	height:auto;
	padding:60px 0 5px 5px;
	background:url(images/foot.jpg) no-repeat -200px 40px;
}


#footer {
clear:both;
overflow:auto;
width:760px;
height:auto;
padding:30px 6px 2em 5px;
}

#subcopy {
font-size:1em;
margin:1em 0;
color:#555;
}


ul.foot {
list-style:none;
}
ul.foot li {
display:inline;
}
ul.foot li a {
font-size:1em;
padding:4px;
text-decoration:none;
}
ul.foot li a:hover {
text-decoration:underline;
color:#FFF !important;
}




/* navigation */

ul.navigation {
list-style:none;
margin:22px 0 10px 0;
}
ul.navigation li {
padding:1px 0;
border-bottom:1px solid #AAA;
}
ul.navigation li a {
	display:block;
	font-size:1.5em;
	padding:4px 2px 4px 18px;
	text-decoration:none;
	color:#D0ADA6;
	}

ul.navigation li a:hover,ul.navigation li:hover {
background-color:#452020;
}

ul.navigation li ul {
list-style:none;
	margin:-28px 0 0 150px;
	padding:0;
}
ul.navigation li ul li {
list-style:none;
margin:3px 0;
background:none;
}
ul.navigation li ul li a {
font-size:1.3em;
text-decoration:none;
background:none;
padding:4px 6px 4px 6px;
}

/* 2nd/3rd level custom hover code */
ul.navigation ul  {
	position:absolute;
	left:-999em;
	height:auto;x
	width:151px;
	font-weight:normal;
	margin:-26px 0 0 0;
	padding:0;
	line-height:1;
	border:0;
	background:#111;
	list-style:none;
	z-index:99;
}
ul.navigation ul li {
	margin:0;
	padding:0;
}
ul.navigation li:hover ul {
	left: auto;	
}
ul.navigation li:hover {
}

/* end navigation */



/* headings */

h1 {
font-weight:normal;
font-size:1.7em;
margin:0 0 1.2em 0;
padding:2px 0;
color:#CE9171;
font-family: 'Century Gothic','Lucida Grande' Verdana, Arial, Sans-Serif;
}

h2 {
font-weight:normal;
font-size:1.3em;
margin:1em 0;
}

h3 {
font-weight:normal;
font-size:1.2em;
margin:1em 0;
}

p {
margin-bottom:1em;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



#hm {
width:300px;
}

div.post {
margin-bottom:1em;
}
div.post div.entry  {
margin:0;
}



ul.archivelinks  {
margin:0;
font-size:.9em;
}
ul.archivelinks li {
list-style:none;
margin:0 0 1em 0;
}

.time {
margin-bottom:1em;
}




ul.postlinks {
margin:2em 0 1em 0;
list-style:none;
padding:0;
font-size:1em;
}
ul.postlinks li {
list-style:none;
padding:0;margin:0;
margin-bottom:.6em;
}

ul.linklist {
padding:0;
margin:0 0 0 -20px;
list-style:none;
}
ul.linklist li {
padding:0;margin:0;
}
ul.linklist li ul li {
list-style:none;
}




#toplink {
width:220px;
height:30px;
padding:30px 0 0 23px;
overflow:hidden;
}
#desc {
padding:0 0 0 23px;
}



 
ul.qtrans_language_chooser {
margin:12px 0;
list-style:none;
}
ul.qtrans_language_chooser li {
margin:5px 0;
font-size:11px;
}

#sidebar ul.qw {
margin:40px 0 20px 20px;
}
#sidebar ul li {
list-style:none;
}
h2.widgettitle {
display:none;
}

li.linkcat ul {
margin:0;
}

li.linkcat,li.linkcat ul li {
list-style: none;
margin:0;
}
li.linkcat ul li {
}


.divi {
width:180px;
height:20px;
background:url(images/divi.jpg) center top no-repeat;
overflow:hidden;
}


.post h3 {
font-size:.9em;
margin-bottom:1px;
color:#CE9171;
}

div.hr {
clear:both;
width:576px;
height:18px;
background:url(images/hr.jpg) center top no-repeat;
overflow:hidden;
}

div.hrgb {
width:auto;
height:18px;
background:url(images/hrgb.gif) center top no-repeat;
overflow:hidden;
}

div.clearComp {
	width:auto;
	height:1px;
	clear:both;
	overflow:hidden;
}

div.compContent {
	padding:0;margin:0;
}
div.projects {
	background:url(projects/arrow.gif) right top no-repeat;
	min-height:35px;
}

div.compItem {
	margin:0 0 30px 0;
	padding:0;
}
div.compItem h3 {
	margin:0 0 6px 0;
	background-color:#663333;
	display:block;
	width:auto;
	padding:0 2px 0 2px;
}


p.shortdesc {
margin:0 !important;; width:400px;
padding:0 20px 0 80px !important;
color:#CCCCCC;
 height: auto !important;
     min-height: 40px;
     height: 40px;
}



/* specific projects */

.bemine { background:url(projects/bemine/thumb.jpg) left top no-repeat;}
.clannad { background:url(projects/clannad/thumb.jpg) left top no-repeat;}
.island { background:url(projects/island/thumb.jpg) left top no-repeat;}
.kelpie { background:url(projects/kelpie/thumb.jpg) left top no-repeat;}
.leuchter { background:url(projects/leuchter/thumb.jpg) left top no-repeat;}
.norland { background:url(projects/norland/thumb.jpg) left top no-repeat;}
.talking { background:url(projects/talking/thumb.jpg) left top no-repeat;}
.various { background:url(projects/various/thumb.jpg) left top no-repeat;}


#projlinks {
margin-top:120px;
}

#projlinks div {
margin-bottom:16px;
}

#projlinks a {
font-size:1.2em;
color:#C48F7A;
}

#projalbums {
padding:12px;
margin:40px 5px 5px 5px;
background-color:#111;
color:#CCCCCC;
}

#projalbums img {
	margin:15px 0 0 0;
}

.alb {
font-size:1.2em;
color:#777;
}




#langselect {
	position:absolute;
	top:20px;
	left:50%;
	width:200px;
	height:50px;
	z-index:9;
	color:#999999;
}
#langselect ul {
	margin:0;
}

#langselect li {
display:inline;
	margin-right:10px;
}
#langselect li a {
color:#999999;
}


/* GB */

.gbentry {
color:#CE9171;
}
.gbentry .nm,.gbentry .dt,.gbentry .url,.gbentry .txt { width:auto; }

.gbentry .nm {
background:url(images/gbhd.gif) left top no-repeat;
padding:3px 0 4px 0;
text-indent:6px;
margin-bottom:0;
}
.gbentry .dt {
padding:1px 6px;
text-indent:3px;
margin-bottom:6px;
text-align:right;
font-size:.9em;
color:#777;
}
.gbentry .url {

}
.gbentry .txt {
padding:6px;
}


ol {
padding:1em !important;
}
ol li {
line-height:1.5em;
}

#worldaudio ul {
}
#worldaudio li {
margin-bottom:4px;
}