/*
Theme Name: My Valleys Magazine
*/

/* default elements */

@font-face {
	font-family: 'MuseoSlab500';
	src: url('fonts/Museo_Slab_500.eot');
	src: local('Museo Slab'), local('MuseoSlab-500'), url('fonts/Museo_Slab_500.woff') format('woff'), url('fonts/Museo_Slab_500.ttf') format('truetype');
}

html { height:100%; background:url(images/bg-01.jpg) repeat-x top #2b2b2b; }
body {
	margin:0; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#fff;
	background:url(images/bg-03.png) repeat-y center;
	min-height:100%;
}
p {
	margin:0; padding:0;
	line-height:1.67em;
	margin-bottom:1.0em;
}
ol, ul {	
	margin:0; padding:0;
	margin-top:1.25em;
	margin-bottom:1.25em;
	margin-left:1.25em;
	list-style:disc;
}
li { padding-left:1em; line-height:1.67em; }
a { text-decoration: none; color:#F06; font-weight:bold; }
a:hover { text-decoration:underline; }
img { border:none; }

/* texts */
h1 {
	margin:0 0 0.5em 0; padding:0;
	font-family:'MuseoSlab500', Arial, Helvetica, sans-serif;
	font-size:4em;
	font-weight:normal;
	line-height:1em;
	letter-spacing:-0.08em;
}
h2 {
	margin:0 0 0.5em 0; padding:0;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:2em;
	font-weight:normal;
	line-height:1em;
}
.big { font-size:1.33em; }
.small { font-size:0.83em; }

/* general classes */
.center { text-align:center; }
.hide { display:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.caps { text-transform:uppercase; }

/* forms */
fieldset { margin:0; padding:0; border:0; }
legend { display:none; }
#form input, #form textarea, #form select { 
	font-family:Arial, Helvetica, sans-serif; font-size:1.6em; padding:3px 6px; background:#111; color:#fff; border:1px solid #666; vertical-align:middle;
	-moz-border-radius:4px; -webkit-border-radius:4px;
}
#form textarea { vertical-align:top; }
#form input:focus, #form textarea:focus { border:1px solid #ccc; }
#form ul { margin:0; list-style:none; }
#form li { margin:0; background:none; padding:3px 0 3px 0; }
#form label {
	display:inline-block;
	text-align:right;
	width:10em;
	font-size:1.6em; 
	margin-right:1em;
}
#form input.error { background:url(images/ico-errsm.gif) right no-repeat; border:1px solid red; padding:3px 6px; }
#form textarea.error { background:url(images/ico-errsm.gif) right 2px no-repeat #fff; border:1px solid red; padding:2px; }
#form label.error { color:red; }
#msg ul { width:95%; margin:0 0 2em 0; padding:15px; list-style:none; }
div.error ul { background:#FAE3DD; }
div.error ul li { background:url(images/ico-err.gif) 0 50% no-repeat; color:red; line-height:2em; padding-left:30px; }
div.report ul li { background:url(images/ico-suc.gif) 0 50% no-repeat; color:green; line-height:2em; padding-left:30px; }
#form li.adunits span { display:block; width:400px; margin:0 0 0 17em; }
#form li.adunits span input { padding:0; margin:0; }
#form li.adunits span label { display:inline; width:auto; }
#form li.adunits span label img { 
	width:90px; border:4px solid #111; cursor:pointer;
	-moz-border-radius:4px; -webkit-border-radius:4px; }
#form li.adunits span label img.seladunit { border:4px solid red; }

/* page layout style */
#page {
	width:960px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	background:url(images/bg-02.jpg) repeat-x top #111;
}

#top {
	width:935px;
	margin:0;
	padding:0 0 0 25px;
	height:144px;
}
#top img { float:left; }

#menu { width:465px; float:right; }
#menu ul { margin:0; padding:0; list-style:none; }
#menu li { margin:0; padding:0; display:inline; }
#menu a {
	font-size:16px;
	padding:80px 13px 13px 13px;
	margin:0 2px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
}
#menu a:hover { text-decoration:none; background:#de1981; }
#menu a.active { background:#009ae3; }

#banner {
	width:900px;
	padding:25px 25px 25px 35px;
	margin-top:30px;
	clear:both;
	background:#0f0f0f;
	border-bottom:1px solid #1a1a1a;
}
#banner h2 { margin-top:20px; width:0px; padding-left:786px; height:182px; background:url(images/txt-01.jpg); overflow:hidden; }
#banner h1 { margin:0; }

#content {
	width:925px;
	min-height:400px;
	margin:0;
	padding:35px 0px 0px 35px;
}

#main {
	width:560px;
	float:left;
}
#side {
	width:320px;
	margin:0 0 0 25px;
	float:right;
	background:blue;
}

#side-img { position:relative; }
#side-img img { position:absolute; top:-100px; text-align:center; }
#side-img b { display:block; width:121px; height:121px; background:url(images/img-view.png) no-repeat; position:absolute; top:-115px; right:10px; z-index:100; }

#footer {
	padding:25px 25px 25px 35px;
	margin-top:20px;
	font-size:0.8em;
	background:#111;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#ccc;
	border-top:1px solid #222;
}
#footer a { color:#ccc; font-weight:normal; }
#footer img { vertical-align:middle; }

.adunits {
	width:31%;
	margin:0 2% 2% 0;
	min-height:190px;
	float:left;
}
.adunits div {
	width:0px;
	width:265px;
	height:300px;
	padding-top:75px;
	overflow:hidden;
	background-repeat:no-repeat;
	border:1px solid #CCC;
	text-align:center;
	position:relative;
}
.adunits div:hover { /* border:1px solid #F06; */ }
.adunits div p {
	margin:0;
	background:#F06;
	position:absolute;
	color:#FFF;
	width:100%; height:100%;
	top:0px; left:0;
}
.adunits div p span { display:block; padding:140px 10px 10px 10px; }

.thirds {
	width:31%;
	margin:0 2% 2% 0;
	float:left;
	background:#000; 
	border:1px solid #666; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px;
}
.thirds:hover { background:#222; border:1px solid #ccc; }
.thirds a {
	display:block;
	min-height:400px;
	padding:20px;
	font-size:2.5em;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.08em;
	line-height:1em;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
}

.phone { font-size:2.5em; font-weight:normal; letter-spacing:-2px; }

blockquote { margin:0; }
blockquote p { font-family:'MuseoSlab500', Arial, Helvetica, sans-serif; font-size:2em; letter-spacing:-0.05em; line-height:1.5em; font-weight:normal; }

.pWrap p:first-child { font-size:1.6em; }

.cols { -moz-column-count:4; -moz-column-gap: 1em; -webkit-column-count: 4; -webkit-column-gap: 1em; }

#topbar-parent { background:url(images/bg-04.jpg) repeat-x bottom #de1981; }
#topbar { width:960px; margin:0 auto; padding:5px 0; font-size:0.7em; text-align:center; }
#topbar input { font-size:0.9em; margin:0 0 0 5px; }
#topbar fieldset ul { margin:0 0 0 15px; list-style:none; display:inline; }
#topbar fieldset li { margin:0; padding:0; background:none; display:inline; }
#topbar fieldset label { font-size:1em; margin:0 0 0 10px; }
#topbar fieldset p { display:inline; margin:0; }