/*
Theme Name: WIFM Magazine version 2.0
Theme URI: http://wifm-mag.com/
Description: 
Version: 2.
Author: Marchforth International Ltd.
Author URI: http://www.marchforth.com

*/

/* ---------- CSS Document ---------- */
* {margin:0; padding:0}

body {margin:0px; font:normal 13px Arial, Helvetica, sans-serif; background:#000000; color:#ffffff; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0; padding:0;
}

a { text-decoration: none; color: #ffe000; }
a:visited { text-decoration: none; color: #ffe000; }
a:hover { text-decoration: none; color: #ffffff; }
a:focus { outline:none; }

#page { margin: 0px auto; width: 960px; }

/* ---------- HEADER ---------- */

#header { width: 960px; height: 120px; color: #999999; }

#headerLeft { float:left; display:inline; height:150px; border-bottom:3px solid #e6414d; margin-right:25px }
#headerRight { float:left; display:inline; height:150px; width:805px; border-bottom:3px solid #3a3a3a; }
#headerimg { float:left; display:inline; padding-top:25px; }
#headermiddle { float:left; display:inline; width:600px; padding-top:40px; }
#headerright { float:left; display:inline;  padding:10px 0 0 25px; }
#headerright li { padding:3px 0 3px 0; list-style:none; }
#headerright .input { display:block; width:170px; left:50px; }

h1 { position: relative; width: 130px; height: 100px; }
h1 span { background: url("images/logo.png") no-repeat; position: absolute; width: 100%; height: 100%; }
h1 a { color: #000000; }
h1 a:visited { color: #000000; }
h1 a:hover{ color: #000000; }

/* ---------- MAIN NAV ---------- */
#nav { display:block; height:180px; width:130px; }

#nav-list { background:url(images/menu.gif); position:relative; height:180px; width:130px; }
#nav-list span { display: none; }
#nav-list li { margin:0; padding:0; list-style:none; position:absolute; }
#nav-list li, #nav-list a { height:30px; width:130px; display:block; }

#current { top:0; left:0; }
#request { top:30px; left:0; }
#past { top:60px; left:0; }
#advertise { top:90px; left:0; }
#contact { top:120px; left:0; }
#language { top:150px; left:0; }

#current a:hover { background:transparent url(images/menu.gif) 0 -180px no-repeat; }
#request a:hover { background:transparent url(images/menu.gif) 0 -210px no-repeat; }
#past a:hover { background:transparent url(images/menu.gif) 0 -240px no-repeat; }
#advertise a:hover { background:transparent url(images/menu.gif) 0 -270px no-repeat; }
#contact a:hover { background:transparent url(images/menu.gif) 0 -300px no-repeat; }
#language a:hover { background:transparent url(images/menu.gif) 0 -330px no-repeat; }

/* ---------- sidebar ---------- */

#sidebar { position: absolute; top: 170px; clear: both; width: 130px; color: #999999; }
#adbar { position: absolute; top: 170px; margin-left: 780px; overflow: hidden; width: 180px; }

#sidebar input.text { width: 130px; }
#sidebar form { margin: 0; }

#search { display:block; width:130px; margin-top: 15px; }
#search li { padding-top:5px; list-style:none; }

#ad_left { display:block; width:130px; margin-top: 15px; }
#ad_left li { padding-bottom: 15px; list-style:none; }

#adbar p { margin: 0; } 
#adbar li { padding-bottom: 15px; list-style:none; }
#adbar img { float: none; }

/* ---------- POST ---------- */

.wp-caption-text{ font-size:9px; margin-bottom: 4px; }

#content { position: absolute; top: 160px;  width: 600px; margin-left: 155px; }

#content table { width: 600px; border-collapse: collapse; }
#content table td { padding: 5px; }

div.post, div.page {
    border-bottom: 1px solid #3a3a3a;
    padding-bottom: 15px;
	margin-top: 15px;
	line-height:1.4em;
	}

h2 { font-size:14px; margin-bottom: 3px; }
h2 a { color: #ffffff; }
h2 a:visited { color: #ffffff; }
h2 a:hover { color: #999999; }

.author { color: #999999; }

.entry { margin-top: 5px; }
.entry li { list-style:none; }

.postmetadata { height: 0px; overflow: hidden; }

/* end in-post styles */


/* 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 */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

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

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

p { clear: both; }

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}