/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

body  { background: url(styles/grey/bodytile_.png) repeat left top #eeeeee; }

#extended-footer  { background-color: transparent; color: #585858; }

@font-face {
	font-family: 'Myriad Pro Bold';
	src: url(MyriadPro-Bold.otf);
}

h1, h2, h3, h4, h5, h6  { font-family: 'Myriad Pro Bold',Arial,Helvetica,Sans-serif; color: #000; }
h1  {font-size: 32px;} h2  {font-size: 26px;} h3  {font-size: 22px;} h4  {font-size: 20px;} h5  {font-size: 16px;} h6  {font-size: 14px;}

a  { text-decoration: none; }
a:hover, a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

#catnav  { width: 620px; }

#pagenav li ul a:link, #pagenav li ul a:visited  { padding: 0 0 0 10px; font-family: Helvetica, Arial, sans-serif !important; font-size: 12px; text-transform: none; border: 1px; text-transform: lowercase; }

#topsearch  { width: 300px; line-height: 0; }

#main{width:720px;}

#sidebar{width:200px;overflow:hidden; }
#sidebar li a { display: block; padding: 0 0 0 25px; line-height: 30px; font-size: 90%; white-space:nowrap; text-decoration: none; color:#666; }
#sidebar li a:hover { display: block; padding: 0 0 0 25px; line-height: 30px; font-size: 90%; white-space:nowrap; text-decoration: none; color:#666; }

.entry img,embed { display: block; margin-left: auto; margin-right: auto; border: none; -moz-box-shadow: 0 0 1em black; -webkit-box-shadow: 0 0 1em black; box-shadow: 0 0 1em black; }
.entry img.wp-smiley { display: inline; margin: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.entry .wp-caption { padding: 1px; text-align:center; background: #F0F0F0; border: solid 1px #e2e2e2; margin-bottom:20px; }
.entry .wp-caption img,embed { display: inline; margin: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.entry #noborder,.noborder { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.entry .solidborder { border:3px solid #aaa; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.entry .solidborder:hover { border:3px solid #555555; }
.entry p { margin: 5px 0 10px; }

.aligncenter { margin-left:auto; margin-right:auto; text-align:center; }

.post  { margin: 0 0 30px 0; padding: 30px 35px; background-color: #fff; border: 5px solid #efefef; }
.post-meta li.author  { float: left; width: 154px; padding: 10px 0 7px 10px; }
.post-meta li.edit  { float: left; width: 50px; padding: 10px 0 7px 10px; border-left: 1px solid #e7e7e7; }
.post .title  { width:100%; position:relative; margin: 0 0 20px 0; padding: 0 0 15px 0; color: #000; border-bottom: 1px solid #e7e7e7; font-size: 36px; line-height:1.2; }

.entry code  { padding: 1px 3px; background: #D4D4D4; font-family: 'Courier New'; font-size: 90%; }

#img { text-align: center; padding: 3px; }
#img img  { width: 90%; height: auto; display: inline; margin: 0; }

#pagenav li.current_page_item a {
position:relative;
}

#pagenav li.current_page_item a:before {
content:"";
width:0px;
height:0px;
position:absolute;
z-index:-1;
bottom:-8px;
right:35px;
left:35px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #000000;
}

#pagenav ul.children a:before {
position:relative;
z-index:0;
border:none;
}

input.field {
width:210px;
border-radius:5px 0px 0px 5px;
border-radius:5px 0px 0px 5px;
-moz-border-radius:5px 0px 0px 5px;
-moz-border-radius:5px 0px 0px 5px;
}

input.submit {
font-size:15px;
padding: 4px 6px;
float:left;
border-radius:0px 5px 5px 0px;
border-radius:0px 5px 5px 0px;
-moz-border-radius:0px 5px 5px 0px;
-moz-border-radius:0px 5px 5px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
input.submit {
line-height:20px;
}
}

input.submit:hover {
background-color:#444444;
cursor:pointer;
}