/* -----------------------------------------
Stylesheet for The Valley Arts Newsletter - www.valleyartsnewsletter.com
Author: cdeVision.com
Copyright: (c)2008 cdeVision
Created: August 2008 by BH
-------------------------------------------- */

body {background:#fff url(images/bg.gif) repeat-x; margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#333;}
body {text-align:center;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font:bold 22px georgia,serif; padding:0 0 15px 0; color:#333;} /* page titles - interior  */
h2 {font:normal 18px georgia,serif; padding:0 0 7px 0; line-height:20px; color:#333;} /* sub-titles */
	h2.section {font-size:14px; height:27px; line-height:27px; background:#999; color:#fff; padding:0 8px; margin:10px 0 15px; clear:both;}
h3 {font-size:13px; font-weight:bold; color:#333; padding:0 0 6px 0;} /* leftcol headers */

p {margin:0; padding:0 0 12px 0; line-height:16px;}
p.intro {font-size:14px; line-height:20px;}
ul, ol {margin:0 0 0 25px; padding:0 0 12px 0;}
li {line-height:18px;}

p#facebook {line-height:16px;}
	p#facebook a {color:#069; background:url(images/icon-facebook.png) 0 0 no-repeat; padding:1px 0 12px 20px;}
p#twitter {line-height:16px;}
	p#twitter a {color:#069; background:url(images/icon-twitter.png) 0 0 no-repeat; padding:1px 0 12px 20px;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

div.rule {width:780px; height:23px; background:url(images/rule.gif) no-repeat; margin-bottom:15px;}
div.rule2 {width:780px; height:23px; background:url(images/rule2.gif) no-repeat; margin-top:8px; margin-bottom:15px;}
div.rule-sm {width:530px; height:23px; background:url(images/rule-sm.gif) no-repeat; margin:0 auto 15px; clear:both;}

/* fix PNG transparency in IE6- 
#logo, #tagline {behavior:url(scripts/iepngfix.htc);}*/

/* ---- links ----------------------------------------- */
a {color:#069; text-decoration:underline;}  
a:visited {color:#069;}
a:hover {color:#fff; background:#ccc; text-decoration:none;}
a:active {color:#069;}
a:active, a:focus {outline:none;}
/* links with icons */
a.rss {background:url(images/icon-rss.png) no-repeat; padding-left:20px;}
a.pdf {background:url(images/icon-pdf.png) 100% 0 no-repeat; padding-right:22px;}

div.backlinks {padding:0; font-style:italic;}

/* ---- forms ----------------------------------------- */
form {margin:0; font-size:11px; font-family:verdana,arial,helvetica,sans-serif;}
input {border:1px solid #ccc; font-size:11px; padding:2px; margin-bottom:6px;}
textarea {border:1px solid #ccc; font-size:11px;}
select, option {border:1px solid #ccc; font-size:11px;}
input.button {background:#ccc; font-size:11px; border:0 !important;}

/* ---- ids & classes ----------------------------------------- */
#frame {width:780px; margin:0 auto; text-align:left;}

#header {width:780px; height:160px; position:relative;}
	#logo {position:absolute; top:55px; left:-5px;}
		#logo h1 {font:bold 38px georgia,serif; padding:0; color:#333;}
		#logo a {text-decoration:none; color:#333;}
		#logo a:hover {background:none;}
	#tagline {position:absolute; top:103px; left:2px;}
		#tagline h2 {font:normal 12px verdana,sans-serif; padding:0; margin:0; color:#333;}
	#info {position:absolute; top:126px; left:2px;}
	#subscribebox {position:absolute; top:90px; right:0; width:230px;}
		#subscribebox form {}
	#navmenu {position:absolute; top:0; left:0; height:28px; width:780px;}
		#navmenu ul {margin:0 auto !important; padding:0; list-style:none; text-align:center;}
		#navmenu li {display:inline; line-height:28px; padding:0 12px;}
		#navmenu a {color:#fff; font:bold 13px verdana,sans-serif; line-height:28px; padding:8px 8px 9px 8px; text-decoration:none}
		#navmenu a:hover, #navmenu a.on {color:#333; background:#fff;}

#content {}
	#newsletterwrap h1 {padding:0 0 30px 0;}
	#newsletterwrap #leftcol {float:left; width:180px; border-right:1px solid #ccc; padding-right:10px;}
		#newsletterwrap #leftcol ul {list-style:none; margin:0 0 20px 0; padding:0;}
		#newsletterwrap #leftcol li {line-height:15px; padding-bottom:5px;}
		#newsletterwrap #leftcol a {}
	#newsletterwrap #maincol {float:right; width:560px;}
		#newsletterwrap .item {clear:both;}
		#newsletterwrap .item img {display:block; float:left; margin:7px 20px 10px 0;}
	table#submissions {width:100%;}
		table#submissions td {width:25%; vertical-align:top; padding:0 8px;}
		table#submissions thead td {text-align:center; vertical-align:middle; background:#efefef; padding:4px;}
		table#submissions td ul {list-style:none; margin:2px 5px 2px;}
		table#submissions td li {line-height:14px; padding-bottom:8px;}
	#sidebar {border-left:1px solid #ccc; width:180px; padding-left:20px; float:right; margin:0 0 20px 20px;}

#footer {padding-top:20px; color:#999;}
	#footer a {color:#999;}