/* @override http://www.pennylang.com/site/wp-content/themes/shewolf/style.css */

/*  
Theme Name: Penny
Author: Vizou
Author URI: http://vizou.com
*/

/* @group Basic */

* {  	
margin: 0; 
padding: 0; 
}

html {  	
text-align: center; 
}

body { 	
width: 800px;
text-align: left; 
margin: 0 auto;
font: normal 68.5%/160% "lucida grande",helvetica,verdana, sans-serif; 
color: #333; 
background-color: #000;
}

p {  	
font-size: 1.1em; 
}

a {  	
color: #4EA880; 
text-decoration: none; 
}

a:hover {  	
color: #ccc; 
}

img {  	
border: 0; 
}

/* Clear fix for hasLayout IE and IE7 */

.clearfix {  	
_height: 0;
min-height: 0;
}

/* Hides from IE-mac \*/
* html .clearfix {  	
height: 1%; 
}
/* End hide from IE-mac */

/* @end */

/* @group Layout */

#header {  	
width: 640px; 
height: 265px; 
background: transparent url(images/header2.jpg) no-repeat 0 bottom; 
text-align: center; 
}

#content {  	
width: 80%;
left: 0;
text-align: left; 
padding: 1em 0 30px 0;
min-height: 300px;
background: transparent url(images/contentbg.jpg) repeat-y;
}

#sidebar {  
left: 80%;
width: 150px;
padding: 1em 0;
float: right;
margin-top: -170px;
margin-right: -156px;
}

#footbar {  	
width: 640px;
min-height: 100px; 
margin-top: -20px; 
background-color: #333; 
color: 4EA880;
padding: 15px 0 30px 0; 
border-top: 8px solid #4EA880;
border-right: 1px dotted #333;
border-bottom: 8px solid #4EA880;
border-left: 1px dotted #333;
}

#bottom {  	
width: 640px;
margin-top: -20px;
height: 22px; 
padding: 0;
background: url(images/bottomcorners.jpg) no-repeat;
}

#footer {  	
width: 640px; 
height: 40px;
background: #fff; 
padding-top: 15px; 
text-align: center; 
}

/* @end */

/* @group Menu */

#menu {  	
width: 100%; 
height: 50px;
text-align: center;
background: transparent; 
margin: -20px 0 0 90px; 
padding: 4px 0 8px 0; 
}

#menu ul {  	
list-style: none; 
margin: 0; 
padding: 0; 
text-align: center;
}

#menu ul li {  	
display: block; 
list-style: none; 
float: left; 
letter-spacing: 1px;
font-size: 90%; 
font-weight: bold;
text-transform: lowercase; 
}

#menu ul li a {  	
float: left; 
display: block; 
padding: 0 6px; 
color: #1DC891; 
text-decoration: none; 
}

#menu ul li a:hover {  	
color: #E5E8A5;  
background:  url(images/fish.jpg) no-repeat center 30px;
padding-bottom: 20px;
}

#menu ul li ul, 
#menu ul li ul li {  	
margin: 0; 
padding: 0; 
}

#menu ul li ul li a{  	
display: none; 
float: left; 
padding: 6px 8px 0 8px; 
height: 19px; 
color: #fff; 
text-decoration: none; 
}

/* @end */

/* @group Sidebar, Nav */

#sidebar .box {  
font-size: 100%;
color: #E5E8A5;
padding: 8px;
line-height: 190%;
}

#sidebar .box h2 {  	
display: none; 
}

#sidebar .box p em { 
font-size: 90%; 	
font-weight: bold;
font-style: normal;
text-transform: uppercase;
line-height: 170%;
color: #D6402E;
}

ul#nav {  	
text-align: left;	
font-size: 1em;
font-weight: bold;
letter-spacing: 1px;
text-transform: lowercase;
list-style: none;
padding-left: 8px;
}

#nav li.page_item,
li.current { 	
padding: 5px 0;  
text-decoration: none; 
border-bottom: 1px solid #E5E8A5;
}

#nav li.page_item a:hover {  
font-size: 110%;	
color: #E5E8A5;  
background:  url(images/fish.jpg) no-repeat left center;
padding: 3px 5px 3px 30px;
}

#nav li.current a:hover {  	
font-size: 110%;	
color: #E5E8A5;  
background:  url(images/fish.jpg) no-repeat left center;
padding: 3px 5px 3px 30px;
}

/* @end */

/* @group Content, Posts */

ul.subpages {  
width: 90%;
display: block;
height: 30px;
float: left;
color: #000;
margin: 0;
}

ul.subpages li {  
border: 1px solid #ccc;
background-color: #E5E8A5;
float: left;
margin: 0 8px 0 0;
padding: 0 3px;
list-style: none;
text-align: center; 
font-size: 90%;
}

.page,
.clippings,
.music {  	
margin: 0 60px;
text-align: left; 
}

.page p,
.entry p,
.clippings p,
.music p {  	
margin-bottom: 10px; 
}

.clippings p {  	
background-color: #F0E7D1;
padding: 10px;
border: 1px dotted #E5B76B;
}

#content .page h2,
#content .clippings h2,
#content .music h2 {  	
font-size: 200%; 
font-weight: normal; 
color: #4EA880; 
padding: 8px 0 15px 0;
margin: 0 0 0 -20px;
}

.page p strong {  	
color: #D6402E; 
font-size: 110%;
}

.page p em,
.music p em {  	
font-size: 90%;
color: #666;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}

.page h3 { 
padding: 8px 0;
font-weight: normal;
font-size: 150%; 
color: #ccc; 
border-top: 1px dotted #ccc;
}

.music h3 { 	
color: #D6402E; 
font-size: 140%;
margin: 20px 0 5px 0;
}

.music h5  { 
display: block;
border-top: 1px dotted #E5B76B;
padding: 10px;
margin-bottom: 15px;
font-size: 100%;
font-weight: normal;
}

.music h5 strong {  	
color: #D6402E; 
font-size: 160%;
padding-top: 3px;
line-height: 180%;
}

.music h5 em {  	
font-size: 100%;
color: #666;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}

.music h5 img {  	
float: left;
padding:  10px 10px 5px 0; 
margin-left: -30px;
}

.music ul {  
margin: 10px 100px 0 0; 
}

.music ul li {  	
list-style: none;
border-bottom: 1px solid #4EA880;
margin-right: 10px;
padding: 3px 5px;
}

.entry {  
margin: 20px auto; 
padding-top: 10px;
border-top: 1px dotted #ccc;
}

.entry h2 {  	
font-size: 150%; 
color: #1D7A80; 
padding-bottom: 0;
}

.entry .postmeta {  	
text-transform: lowercase; 
color: #444; 
display: block;
float: left;
margin: 8px 8px 0 0;
text-align: center; 
font-size: 90%; 
width: 100px;
background-color: #E5E8A5;
border: 1px dotted #ccc;
padding: 1px 3px 0 3px;
}

#content blockquote {  	
margin: 10px 30px; 
padding: 0 0 5px 10px; 
color: #666; 
}

.page ul {  	
margin: 10px 0; 
padding: 0 0 0 37px; 
}

.page a:hover {  	
color: #ccc; 
}

/* .navigation {  	
background: #fff; 
width: 447px; 
height: 18px; 
margin: 0 auto; 
font-size: 0.8em; 
padding: 8px 40px; 
border-top: 1px solid #E5E5E5; 
border-bottom: 1px solid #E5E5E5; 
}

.alignleft {  	
float: left; 
text-align: left; 
}

.alignright {  	
float: right; 
text-align: right; 
} */

.page p img,
.music p img {  	
border: 0;
float: left;
padding:  8px 10px 3px 0;  
}

#content h6 {  	
font-size: 1em;
font-weight: normal;
float: left;
width: 200px; 
height: 210px;
border: 1px solid #ccc;
padding: 10px; 
margin: 0 30px 10px 0;
text-align: center;
background: url(images/bar_bottom.jpg) no-repeat bottom;
}

#content h6 img {  	
border: 1px solid #ccc;
margin: 8px 0;
}

#content h6 strong {  	
font-size: 120%;
color: #D6402E; 
}

.maintenance {  	
width: 400px; 
}

/* @end */

/* @group Comments */

#commentformarea {  	
width: 507px; 
border-top: 1px solid #E5E5E5; 
border-bottom: 1px solid #E5E5E5; 
background: #F5F5F5; 
margin: 0 auto 8px auto; 
padding: 8px 10px; 
}

#commentform {  	
margin: 15px 0 10px 40px; 
}

#commentformarea h3 {  	
font-size: 1.3em; 
font-weight: normal; 
color: #006699; 
margin: 10px 0 15px 20px; 
}

#commentform p {  	
margin: 0 0 3px 0; 
}

#commentform input, #commentform textarea {  	
border: 1px solid #A7A6AA; 
background: #fff; 
padding: 3px; 
font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; 
font-size: 0.8em; 
}

#commentform textarea {  	
width: 420px; 
}

#commentform input#submit {  	
font-family: Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif; 
width: 130px; 
color: #006699; 
}

h4 {  	
margin: 25px 0 20px 0; 
text-align: center; 
font-weight: normal; 
color: #006699; 
}

ol.commentlist {  	
width: 426px; 
list-style: none; 
margin: 0 auto 60px auto; 
padding: 0; 
font-size: 0.9em; 
}

ol.commentlist li {  	
margin: 0 0 20px 0; 
padding: 20px 0 0 0; 
border-top: 1px solid #ABCAD9; 
}

ol.commentlist p.await_mod {  	
color: #f00; 
margin: 0 0 8px 0; 
}

ol.commentlist p {  	
margin: 0 0 10px 0; 
}

ol.commentlist span.cmntmeta {  	
color: #006699; 
}

/* @end */

/* @group Footer */

#footbar li#archives {  	
float: left;
display: block;
width: 320px; 
text-align: center;
}

#footbar li#events {  	
float: left;
display: block;
width: 320px;
text-align: center;
line-height: 120%;
}

#footbar ul li ul li {  	
color: #4EA880; 
}

#footbar ul li {  	
list-style: none;  
}

#footbar li#events ul li ul li {  	
padding-bottom: 5px; 
}

#footbar #events a {  	
color: #F2F0A1; 
}

#footbar li#events strong {  	
color: #fff;
}

#footbar li#events ul li a,
#footbar li#archives ul li a {  	
text-align: center; 
}

#events ul li h2,
#archives h2 {  	
padding: 0 0 8px; 
color: #D6402E; 
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 110%; 
}

#footer p {  	
margin: 0; 
font-size: 90%; 
color: #4EA880; 
}

#footer a  {  
color: #4EA880; 
}

#footer span {  	
height: 22px; 
}

.rss {  	
background: url(images/feed.png) no-repeat left center; 
display: block; 
display: inline; 
}

.connexion {  	
background: url(images/gear.gif) no-repeat 5px center; 
padding: 16px 5px 16px 25px;
}

.wordpress {  
width: 80px;
padding: 4px 85px 2px 0; 	
background: url(images/wordpress.png) no-repeat 0 0; 
}

/* @end */

/* @group Search, Forms */

.sanda h2 {  	
font-siz

e: 1.9em; 
font-weight: normal; 
color: #006699; 
margin: 35px 0 0 0; 
text-align: center; 
}

.sanda>h2 {  	
margin: 15px 0 0 0; 
}

.sanda h3 {  	
margin: 0 40px 15px 40px; 
}

input#s {  	
width: 440px; 
margin: 0 13px -20px 0; 
border: 1px solid #A7A6AA; 
background: #fff; 
padding: 4px 0; 
color: #ccc; 
text-align: center; 
}

div>input#s {  	
margin-bottom: 0; 
margin-top: 15px; 
}

/* @end */