/* 
	CSS for Aranha of Grupo Maculele Tallahassee // http://www.aranhamaculele.com
	Author: Grant gingell : gimpishi@gmail.com
	
	
 */

* {margin:0; padding:0;}
a img, a:focus {border:none; outline:none;}

body { background:#000; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }

a, a:link, a:visited {color:#ff6; text-decoration:none;}
a:hover, a:active {color:#ff3; text-decoration:underline;}

p {margin-bottom:1.5em; line-height:1.5em; padding:15px 0; text-indent:30px;}

h1 {font-size:210%; color:#c33; margin:1ex 0; font-weight:normal; padding-bottom:.3ex; border-bottom:2px dashed #333;}
h2 {font-size:170%; color:#c33; margin:3em 0 .5em; font-weight:normal; }
h3 {font-size:110%; color:#c33; margin:1ex 0 2em; padding-bottom:.3ex; border-bottom:1px dashed #333;}
h4 {font-size:110%; color:#aaa; margin:1em 0 3em; font-weight:lighter; font-style:italic; font-family:Georgia;}
h5 {font-size:100%; color:#aaa; margin:1em 0; font-weight:normal;}
h6 {font-size:100%; color:#aaa; margin:1em 0 3em; font-weight:normal; font-style:italic; font-family:Georgia;}

label {display:block; margin:1em 0 0 0; font-size:10px; font-weight:bold; }
input, textarea {margin:5px 0; padding:3px; font-size:14px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
textarea {margin:5px 0;}


#entity {overflow:auto; width:965px; margin:20px auto; border-top:none; }

#cabeca {height:250px; width:960px;}
#cabeca h1 {font-size:1px; color:#000; border:0; text-indent:-300em; overflow:hidden;}
#cabeca h2 {font-size:1px; color:#000; border:0; text-indent:-300em; overflow:hidden;}

#corpo {color:#ccc; overflow:auto; border:1px solid #222; min-height:350px; margin:0 auto; padding:30px 35px 80px;  background: url(http://aranhamaculele.com/img/corpo_bg.jpg) repeat-y;}

#other_bg {background:url(img/berimbau.png) bottom right no-repeat; min-height:175px;}

#map {float:right; margin:0 0 1em 2em; overflow:auto;}

/*-Firefox only needs the margin ----*/
#middle>#corpo {/*margin-left:160px;*/}

#middle {overflow:auto; width:800px; margin:1em auto 0;}

#nav {margin:3em auto 2em; width:780px; height:30px; position:relative; background:url(img/nav_items.png); }
#navhold {background:url(img/lines_cap.png) left no-repeat;}

#nav li{margin:0; padding:0; list-style:none; position:absolute; top:0;}
#nav li, #nav a {height:30px; display:block;}
#nav01 {text-indent:-300em; overflow:hidden; left:0px; width:130px;}
#nav02 {text-indent:-300em; overflow:hidden; left:131px; width:130px;}
#nav03 {text-indent:-300em; overflow:hidden; left:261px; width:130px;}
#nav04 {text-indent:-300em; overflow:hidden; left:391px; width:130px;}
#nav05 {text-indent:-300em; overflow:hidden; left:521px; width:130px;}
#nav06 {text-indent:-300em; overflow:hidden; left:651px; width:130px;}

#nav01 a:hover { background:transparent url(img/nav_items.png) 0px -29px no-repeat;}
#nav02 a:hover { background:transparent url(img/nav_items.png) -131px -29px no-repeat;}
#nav03 a:hover { background:transparent url(img/nav_items.png) -261px -29px no-repeat;}
#nav04 a:hover { background:transparent url(img/nav_items.png) -391px -29px no-repeat;}
#nav05 a:hover { background:transparent url(img/nav_items.png) -521px -29px no-repeat;}
#nav06 a:hover { background:transparent url(img/nav_items.png) -651px -29px no-repeat;}

#flash_splash {float:right;}

#pe {width:800px; margin:0 auto 30px; overflow:auto; background:url(img/bg_pe.png) top repeat-x;}
#sole {text-align:center; color:#888; font-size:9px; height:40px; letter-spacing:.1ex;}
#sole a, #sole a:visited {color:#888; font-weight:bold;}
#sole a:hover {color:#fff;}

#editbox, form {background:none !important;}
#sess_nav {margin-bottom:3em; background:#333; padding:1ex; font-size:80%;}
#sess_nav a {text-decoration:underline; color:#33f;}
#sess_nav a:hover {color:#fff;}

.edith1:hover,.edith4:hover, .editbody:hover {outline:1px dashed #666;}

.edith1 {display:block; background:none; border:none;  padding-bottom:.3ex; border-bottom:2px dashed #222; font-size:170%; color:#f33; margin:1ex 0;}
.editbody:focus, .edith1:focus, .edith4:focus {outline:none; border: 2px ridge #ccc; background:#fff; color:#000;}
.edith4 {display:block; background:none; border:none; font-size:100%; color:#aaa; margin:1em 0 1ex; font-weight:normal; font-style:italic; font-family:Georgia;}
 .editbody {color:#ccc; font-family: Verdana, Arial, Helvetica, sans-serif; background:none; border:none;}
.frmbtn {display:block; margin:1em 0; width:20ex;}
textarea {height:100px; width:500px;}

.news_item {overflow:auto; margin-bottom:2em;}
.news_item p {overflow:auto; line-height:1.5em;}
.red {float:right; color:#f00; font-size:85%; line-height:30px;}
a.red:hover {color:#f00;}

.column {float:left; margin-right:10px; padding:10px 20px 20px 20px; line-height:1.5em; font-size:11px; color:#ccc;} 
.column h3 {margin:2em 0 1em;}
.column h4 {margin:2em 0 1em; font-style:normal;}

.f {width:240px;}
.h {width:350px;}
.s {width:135px; float:left; margin:1em 1em 0 0 ;  border:3px solid #111;}

.hd {float:left;}

#pearls {width:100%; border:1px solid #f00; margin:15px auto 0;}

.flickr_photo {float:left; margin:1ex; background:#111; padding:3px 3px 0 3px;}
.photo_widget {padding:0; overflow:auto;}
.photo_widget_foot img {margin:1ex;}
.fulltable {text-align:center;}

.picrow {width:20%; padding:23px 0; border:1px solid #222; background:#333; }
.labelrow {padding:1em 0 40px; font-size:10px; }
.buttonrow {background:#333;}

#pe .single {font-size:13px;  margin:1ex 0; padding:0; text-indent:none !important;}
#corpo .single {font-size:16px;  margin:1ex 0; padding:0; }

.pearl_fb {display:inline-block; margin:5px; height:29px; width:88px; background:url(img/pearls.gif) top right no-repeat;}
.pearl_fb:hover {background:url(img/pearls.gif) top left no-repeat;}

.pearl_yh {display:inline-block; margin:5px; height:29px; width:88px; background:url(img/pearls.gif) bottom right no-repeat;}
.pearl_yh:hover {background:url(img/pearls.gif) bottom left no-repeat;}