/*
Theme Name: The WARM.org
Theme URI: http://www.k5-design.com
Description: A custom theme for The WARM.org, the Women's Art Registry of Minnesota
Version: 1.0
Author: Kris Stokes
Author URI: http://www.k5-design.com
Tags: content slideshow, horizontal CSS menu, two-column
*/

* { margin:0; padding:0; /*border:thin red solid;*/ }

body { font-family:Verdana, Geneva, sans-serif; font-size:66.5%; }

.wrapper { width:1025px; margin:0 auto; position:relative; }
.left { float:left; }
.right { float:right; }
.clearfix { clear:both; }
.text { width:600px; font-size:1.25em; line-height:2em; margin-bottom:60px; background:transparent url(images/text-bg.png) no-repeat; padding-left:10px; padding-right:10px; }
.text ul li { margin-bottom:15px; padding-left:15px; list-style:inside; }
.image img { -moz-box-shadow:3px 3px 20px #666; border:3px solid #404040; width:300px; }
.image p { font-style:italic; text-align:center; font-size:0.85em; padding-top:2.5px; }
.second { margin-top:400px; }
.blog { margin-top:40px; }
.mentor .second { margin-top:50px; }
.button, .button:visited {
	background: #ce610e url(images/overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #f3f3f3;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
float:left;
}
.button:hover, .button:visited:hover { background:#ff7810 url(images/overlay.png) repeat-x; color: #f3f3f3; border-bottom: 1px solid rgba(0,0,0,0.25); }

h1 { font-weight:normal; color:#ff7810; text-transform:uppercase; font-size:5em; letter-spacing:-3.5px; margin-bottom:-5px; }
h2 { margin-bottom:40px; font-weight:normal; color:#ff7810; text-transform:uppercase; font-size:3em; letter-spacing:-2.5px; line-height:1em; }
h3 { margin-bottom:5px; font-weight:bold; }
p, #content ul { margin-bottom:30px; }

#top-nav-bg { min-width:1025px; height:50px; background:url(images/top-bg.png) repeat-x; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; }

#nav-bg { min-width:1045px; height:100px; background:url(images/nav-bg.png) repeat-x; position:absolute; top:200px; left:0; right:0; bottom:0; }

#blue-fade { min-width:1045px; height:330px; background:url(images/blue-fade.png) repeat-x; position:absolute; top:450px; left:0; right:0; bottom:0; }

#top-nav { position:absolute; left:500px; z-index:2; padding-top:5px; }
#top-nav ul { list-style:none; }
#top-nav li { display:inline; float:left; border-right:1px solid #999; }
#top-nav li.page-item-23 { border:none; }
#top-nav li a, #top-nav li a:visited { display:block; color:#0e0e0e; padding:0 15px; font-size:1.15em; text-decoration:underline; }
#top-nav li a:hover, #top-nav li a:visited:hover { color:#0e0e0e; text-decoration:none; }

#nav { width:1045px; margin:0 auto; padding-top:212px; text-align:center; text-transform:uppercase; }
#nav ul { list-style:none; text-align:center; }
#nav ul li { display:inline-block; position:relative; }
#nav ul li a, #nav ul li a:visited { display:block; color:#0e0e0e; text-decoration:none; font-size:1.5em; letter-spacing:-2px; padding:0 35px; padding-bottom:35px; }
#nav ul li a:hover, #nav ul li a:visited:hover { color:#fff; } 
#nav ul li ul { display:none; position:absolute; }
#nav ul li:hover > ul { display:block; top:35px; z-index:2; left:-350px; right:-350px; background:url(images/arrow.png) no-repeat; background-position: 50% 0; padding-top:7.5px; }
#nav ul li:hover > ul li a { padding-right:20px; font-size:1.5em; text-transform:none; }

#logo { position:absolute; left:-18px; top:25px; background:url(images/WARM-logo-Web-new.png) no-repeat; width:375px; height:155px; display:block; text-indent:-9999px; outline:none; }

#email-form { position:absolute; left:410px; top:60px; }
#mc-embedded-subscribe { border:none; }
#email-form table { padding:0; margin:0; }
#email-form table td { width:50%; padding-left:2px; }
.asterisk, .indicates-required { color:red; font-style:italic; font-size:0.85em; }

#login { position:absolute; left:720px; top:90px; font-size:1.5em; }
#login ul { list-style:none; }
#login li { display:inline-block; padding:5px; }
#login li a { outline:none; }
#login li.facebook a { background:url(images/facebook-sprite.jpg); height:32px; width:32px; background-position: 0px 0px; text-indent:-9999px; float: left; display:inline-block; }
#login li.twitter a { background:url(images/twitter-sprite.jpg); height:32px; width:32px; background-position: 0px 0px; text-indent:-9999px; float: left; display:inline-block; }
#login li.linkedin a { background:url(images/linkedin-sprite.jpg); height:32px; width:32px; background-position: 0px 0px; text-indent:-9999px; float: left; display:inline-block; }
#login li.givemn a { background:url(images/givemn-sprite.jpg); height:32px; width:32px; background-position: 0px 0px; text-indent:-9999px; float: left; display:inline-block; }

#login li.facebook a:hover, #login li.twitter a:hover, #login li.givemn a:hover, #login li.linkedin a:hover { background-position: 0px -32px; }

#slideshow { float:left; margin-top:60px; margin-bottom:80px; }
#slideshow a, #slideshow a:hover { border:none; }
#slideshow img { border:none; float:left; padding-right:5px; }

/* Anything Slider */
/*
	By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
	*/

.anythingSlider { width: 630px; height: 300px; position: relative; }
.anythingSlider .wrapper { width:600px; overflow: visible; height: 300px; position: absolute; top: 0; left: 0; /*background:#f3f3f3;*/ }
.anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; }
.anythingSlider ul li { display: block; float: left; height: 300px; width: 600px; position:relative; }
.anythingSlider .arrow { display: block; height: 20px; width: 20px; background: url(images/arrows.png) no-repeat 0 0; text-indent:-9999px; position:absolute; top:310px; cursor:pointer; }
.anythingSlider .forward { background-position: -20px 0; left:30px; }
.anythingSlider .back { background-position: 0 0; left:0; }
.anythingSlider .forward:hover { background-position: -20px -20px; }
.anythingSlider .back:hover { background-position: 0px -20px; }
.anythingSlider .box { background:none repeat scroll 0 0 rgba(40, 36, 37, 0.75); height:40px; left:0; padding:10px 0 0 15px; position:absolute; text-align:left; top:260px; width:550px; }
.anythingSlider p { font-size: 1em; color:#0e0e0e; letter-spacing: 0px; margin-bottom:10px;}
#slideshow .anythingSlider ul li ul { padding:175px 0 0 10px; }
#slideshow .anythingSlider ul li ul li { list-style:none; font-size: 1em; color:#0e0e0e; letter-spacing:0px; padding:3px; }
#slideshow .anythingSlider ul li ul li span { background:#f3f3f3; padding:3px; line-height:1.5em; }

#thumbNav { position: relative; top: 310px; left: 110px; width:475px; }
#thumbNav a { text-indent:-9999px; display: inline-block; padding: 2px 8px; height: 15px; margin: 0 5px 0 0; background: transparent url(images/circ2.png) no-repeat;  outline: none; }
#thumbNav a:hover { background: transparent url(images/circ3.png) no-repeat; }
#thumbNav a.cur { background: transparent url(images/circ3.png) no-repeat; }

#start-stop { background:transparent url(images/play4.png) no-repeat; color:white; padding:2px 5px; width:20px; height:20px; position:absolute; left:70px; top:310px; }
#start-stop.playing { background-image: url(images/pause2.png); }
#start-stop:hover { . . . }

/* Prevents */
.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }

#events { margin-top:50px; width:285px; height:380px; overflow:hidden; padding:0 20px; background:url(images/events-bg2.png) no-repeat; float:right; }
#events ul, #events li { list-style:none; }
#events ul li { margin-bottom:30px; font-size:1.25em; }
#events ul li a { font-weight:bold; }
#events ul li a span { font-weight:normal; font-size:.75em; background:#f3f3f3; }

#content { margin-bottom:40px; margin-top:60px; }
#content a { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background:none repeat scroll 0 0 #a6eaf0;
border:1px solid #f3f3f3;
padding:2px 3px 4px;
color:#0e0e0e;
}
#content a:visited { background:none repeat scroll 0 0 #9ddee4; color:#343434; }
#content a:hover, #content a:visited:hover { background:none repeat scroll 0 0 #b0f8ff; color:#0e0e0e; text-decoration:none; }
#content a.anchor { background:transparent; border:none; }
.wrapper #content .breadcrumb { color:#aaa; }
.wrapper #content .breadcrumb a { background:transparent; border:none; color:#aaa; padding-bottom:10px; display:block; }
.byline { color:#aaa; margin:-35px 0 35px 0;  }

#post { display: block; width: 1020px; overflow:hidden; margin-bottom:60px; }
#blog-images { width:350px; display:block; float:right; }
#post a.a2a_dd { background:transparent; border:none; }

#footer-bg { min-width:1025px; height:300px; background:#ff7810 url(images/foot-bg.jpg) repeat-x; }
#footer { padding-top:20px; margin-top:40px; font-size:1.25em; }
#footer a, #footer a:visited { color:#f5f5f5; }
#footer a:hover, #footer a:visited:hover { text-decoration:none; }
#footer ul { color:#333; }
#footer ul li { float:left; display:inline; line-height:1.25em; }
#footer ul li ul li { float:left; display:inline; width:200px; }
#footer ul li.nav { width:200px; margin-right:60px; margin-bottom:30px; }
#footer ul li.about { width:400px; margin-right:60px; }
#footer ul li.copy { width:300px; }
#footer p { display:block; }
#footer ul li h3 { font-weight:normal; color:#fff; margin-bottom:20px; text-transform:uppercase; font-size:1.5em; letter-spacing:-2px; }
#footer span { border-bottom:#fff 2px dotted; }