/*
Theme Name: Artisan
Theme URI: http://www.featherforge.com/

Description: Custom theme for Artisan's Asylum, Inc., based on Color3 by Frank Schrijvers, http://www.arterror.nl.

Version: 1.0

Author: Cat Jackson-Mead
Author URI: http://www.catashleighmead.com

Tags: two-columns, fixed-width, red, black, theme-options, right-sidebar, custom-header

 Begin Typography & Colors
***************************************** */

/* in the directory /artisan/Black background/ is another style.css file with all the fonts 
and backgrounds and such set to play nicely with the Darker background. So if you switch the
background, you may want to swap this style.css out for the other one, until such time as I 
write the php write and allow a simple switch to happen. */

body {

font-size: 80%;

font-family:Verdana,Arial,"BitStream vera Sans",Helvetica,Sans-serif;

/*background: #000 url(images/artisan-dark.jpg) no-repeat center top; This is in the functions.php */

position: relative;
text-align:center;
margin:0;
padding:0;
}

#page {

text-align:left;

background-color:#ccc;

width:900px;

border:1px solid #000000;

margin:20px auto;

padding:0;
}


#content { 

font-size: 0.9em; 
font-family:Verdana,Arial,"BitStream vera Sans",Helvetica,Sans-serif;

background-repeat:no-repeat;
background: rgb(255, 255, 255); /* for old browsers */
background: rgba(255, 255, 255, 0.9);
border:5px solid #000000;

position: relative;

}

#content .entry a {

text-decoration: underline;
}

#content .transparency {

z-index:-1;
position:relative;      

width:570px;
height:100%;
top:0px;  
left:0px;  

}

#content .entry img {

position:relative;

filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;

}

#content h1 {

color: #000000;
font-size:24px;

}


#content h2 {
color:#000;
font-size:20px;
text-shadow:1px 2px 3px #999;
}


#content h3 {

color: #000;
font-size:16px;
text-shadow:1px 2px 3px #ccc;

}

#content h4 {

color: #000;
font-size:14px;
text-shadow:1px 2px 3px #ccc;

}


#content h5 {

color: #000;
font-size:12px;
text-shadow:1px 2px 3px #ccc;

}

.widecolumn .entry p {

font-size:1.05em;

}

.narrowcolumn .entry,.widecolumn .entry {

line-height:1.4em;
border-bottom:1px solid #373737;
}

.widecolumn {

line-height:1.6em;

}


.narrowcolumn .postmetadata {

text-align:left;

font-size:9px;
font-style:italic;

border:1px solid #666;

min-height:14px;

margin: -42px 0 0 75px;
padding: 5px;

}

.depth-1 {

border:1px solid #3b3b3b;

}

.even,.alt {

border:1px solid #3b3b3b;

}


small {

font-family:Verdana;
font-size:0.9em;
line-height:1.5em;

}


h1,h2,h3 {

font-family:Verdana;
text-shadow:1px 2px 3px #ccc;

}

/* End Structure

    Begin Headers
************************************/

h1 {

font-size:4em;

text-align:center;

font-family: "Arial Black",Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;

font-variant:small-caps;
font-weight:400;
font-size:400%;
letter-spacing:-0.1em;
padding-top:30px;
text-shadow:1px 2px 3px #0c1129;
margin:0;
float:left;

}

h1,h1 a {

text-decoration:none;
text-align:left;
color:#000000;
margin:0;

}

h1 a:hover {

text-decoration:underline;
text-align:left;
color:#Ed1D24;
margin:0;

}
h1 a:visited {

text-decoration:none;
text-align:left;
color:#666;
margin:0;

}

headerimg .description {

text-align:left;

}

h2 {

font-family:Verdana,Arial,"BitStream vera Sans",Helvetica,Sans-serif;

line-height:150%;
font-weight:400;
font-size:14px;

}

h2.pagetitle {

font-size:1.6em;
text-shadow:1px 2px 3px #000;

}

#sidebar h2 { /* this is for the headers on the sidebar on the right. duh */

font-family:"Arial Black",Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif;

line-height:200%; /* increase to lower text relative to image */

font-weight:800;
font-size:14px;
letter-spacing:.08em;

color: #000000;

width:210px;

text-shadow:1px 2px 3px #fff;

padding-left:15px;

background: url(images/sidebar_header_grey2red_thicker.gif) no-repeat;

margin-left: 5px; /* was -10*/

height: 35px;
width: 100%;

}


h3 {

font-size:1.3em;

color:#000;

text-shadow:1px 2px 3px #000;

margin:0;
padding:0;

}


#header h4 {

float:left;

border-left:1px solid #666;

margin:44px 0 0 10px;

padding:0 0 0 5px;

font-weight:normal;
font-size:100%;

letter-spacing:0.3em;

}


h2,h2 a {

font-color: #000;

}

h3,h3 a, {

color: #000;

}

h2,h2 a,h3,h3 a,#sidebar h2,#wp-calendar caption,cite {

text-decoration: none;

}

h2 a:hover,h3 a:hover{

color: #ed1d24;
text-decoration:underline;

}

h2 a:visited,h3 a:visited { /* post titles */

color: #666;

}

.entry p a{

text-decoration:underline;
}

.entry p a:visited {

color:#666; 
}

.entry p a:hover{

color:#ed1d24; 
text-decoration:underline;
}


.commentlist li,#commentform input,#commentform textarea {


font:0.9em Verdana;

background: #fff;

color: #000;

padding: 0;

border: 0.2px solid #434343;

}


.commentlist li ul li {

font-size:1em;

margin-right:-5px;

margin-left:10px;

}


.commentlist li {

font-weight:700;

list-style-type:none;

border: 1px solid #434343;

margin:15px 0 10px;

padding:5px 5px 10px 10px;


}

.commentlist li .avatar {

float:left;

background:#fff;

margin-right:10px;

}

.commentlist cite,.commentlist cite a {

font-weight:700;

font-style:normal;

font-size:1.1em;

}


.commentlist p {

font-weight:400;

line-height:1.5em;

text-transform:none;

margin:10px 5px 10px 0;
}


#commentform p {

font-family:Verdana;

margin:5px 0;

}


.commentmetadata {

font-weight:400;

display:block;

margin:0;

}

/* End Comments

 Begin Sidebar
******************************/


#sidebar {

text-decoration:none;

font:2em;
font-family:Verdana, Arial,"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;

font-color: #000;

margin-left:605px;
width:220px;
padding:10px 10px 0 10px;

background: #fff;
border: solid 5px #000000;
margin-top:53px; /* change to 110 for 3 rows of Pages */
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;

}


div.textwidget {
 margin-left:10px;
}


small,.nocomments,blockquote,strike {

color:#000;
}


.postmetadata { /* this affects the 'Tags' and 'Category' bits in post headers */

color: #666;
}

#sidebar ul ul li,#sidebar ul ol li {

color:#000;

list-style-type:none;

}


/* this affects page counts in the sidebar Categories list */
#sidebar ul ul li,#sidebar ul ol li {

color:#666;
line-height:22px;
margin:3px 0 0;
padding:0;

}

code {

font:1.1em 'Courier New', Courier, Fixed;

}


/* End Calendar

 Begin Various Tags & Classes
***************************************/

acronym,abbr,span.caps {

font-size:0.9em;
letter-spacing:.07em;
cursor:help;

}


a {

color:#000; /* was: ffffff - post titles, tags, categories, page names listed in sidebar */
text-decoration:none;

}


h2 a:hover,h3 a:hover {

color:#ed1d24;

text-decoration:underline;

}


a:hover {

color:#ed1d24;
text-decoration:underline;

}


#wp-calendar #prev a,#wp-calendar #next a {

font-size:9pt;

}


#wp-calendar a {

text-decoration:none;
display:block;
}

#wp-calendar caption {

font:bold 1.3em Verdana;

text-align:center;
width:100%;
}

#wp-calendar th {

font-style:normal;
text-transform:capitalize;
}


/* End Typography & Colors
 Begin Structure
*****************************/

#sidebar #searchform #s {

width:110px;
float:left;
color:#000;
padding:4px;

}

#header {

width:850px;
height:40px; 
margin:0;
padding:75px 0 0 0;

}

/*
#header h1 a {
    width: 850px;
    height: 100px;
    display: block;
    background: url(images/headerimage.gif) no-repeat top right;
    }
*/


#header h1 a span { display: none; }

#header h1 { display:none }


/*
#headerimg {

background:url('images/headerimage.png') no-repeat;
width:850px;
height:100px;
margin:0;

}*/

.narrowcolumn,.widecolumn {

float:left;
width:530px;
margin:0;
padding:0 20px 20px;

}

.post {

text-align:justify;
margin:0 0 10px;

}

.post hr {

display:block;

}

.widecolumn .post {

margin:0;

}

.widecolumn .postmetadata {

margin:30px 0;

}

.widecolumn .smallattachment {

text-align:center;
float:left;
width:128px;
margin:5px 5px 5px 0;

}

.widecolumn .attachment {

text-align:center;
margin:5px 0;

}

#footer {

width:850px;
clear:both;
height:130px; /*was 160*/
margin:2px;
padding:0;
background-color: #ccc;
border:3px solid #000;
font-color: #000;
text-align:center; 
}

#footer p {
text-align:center; /*was left */
font-size:80%;
color:#000;
margin:0;
padding:10px;
}

.footerlinks ul { 
     display: inline;
     text-align:center;
     list-style: none; 
     margin:0; 
     padding: 0 5px 0 5px;
}
   
.footerlinks li, .footerlinks li li, .footerlinks li li li {
list-style: none; 
font-size:90%;
     display: inline;
     text-align:center;
     padding: 0 2px 0 2px; 
}

.footerlinks a {
text-align:center;
     text-decoration:none;
     padding: 0 5px/*was15*/ 0 0px;
     border-right: 1px solid black;
}

h3.comments {

text-shadow:1px 2px 3px #000;
margin:40px auto 20px;
padding:0;

}


/* End Headers

 Begin Images
******************* */


p img {

max-width:100%;
border:1px solid #ccc;
padding:0;

}


img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {

display:inline;
margin:0 7px 2px 0;
padding:4px;

}

.alignright {
float:right;

}

.alignleft {

float:left;

}


/* End Images

 Begin Lists Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {

margin-left:0;
list-style-type:none;
text-indent:-10px;
padding:0 0 0 10px;

}

html>body .entry li {
margin:7px 0 8px 10px;

}

.entry ul li:before,#sidebar ul ul li:before {
margin-right:10px;

}

.entry ol {

margin:0;

padding:0 0 0 35px;

}

.postmetadata ul,.postmetadata li {

/*list-style-type:none;

list-style-image:none;*/

}

#sidebar ul {

list-style-type:none;
list-style-image:none;
margin-bottom:15px;
font-family:Verdana, Arial,"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
font-size:10px;
font-weight:700;
color: #000;

}


#sidebar li {

margin-bottom:15px;

font-size:12px;

font-weight:bold;

}

#sidebar ul p,#sidebar ul select {

margin:5px;

}

#sidebar ul ul,#sidebar ul ol {

margin:0px 0 0 10px;

}


#sidebar ul ul ul,#sidebar ul ol {

margin:0 0 0 10px;

}

ol li,#sidebar ul ol li {

list-style:decimal outside;

}

select {

width:130px;

}

#commentform input {

width:170px;
margin:5px 5px 1px 0;

}

#commentform {

margin:5px 10px 0 0;

}


#commentform textarea {

width:100%;

}

#respond:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

#commentform #submit {

margin:0 0 5px auto;

display: block;

background: #fff;

width: 145px;
height: 28px;

padding: 0;
border: solid 0.5px;
}


#commentform #submit:active {

background-position: 0 -28px;

}

/* End Form Elements

 Begin Comments
***************************/



.alt {

margin:0;
padding:10px;
}


.commentlist {
text-align:justify;
padding:0;
}

.children {

padding:0;
}

.nocomments {
text-align:center;
margin:0;
padding:0;

}

#sidebar form {
margin:10px 0 0;
}

/* End Sidebar

 Begin Calendar
*****************************/


#wp-calendar {
empty-cells:show;
width:155px;
margin:10px auto 0;
}

#wp-calendar #next a {
padding-right:10px;
text-align:right;
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left;
}

#wp-calendar td {
text-align:center;
padding:3px 0;
}

#wp-calendar td.pad:hover {
background-color:#fff;
}

acronym,abbr {
border-bottom:1px dashed #999;

}

blockquote {

padding-left:20px;

margin:15px 30px 0 10px;

background:url(images/blockquote.png) no-repeat scroll 4px top;

}


blockquote cite {

display:block;

margin:5px 0 0;

}


a img {

border:none;

}

.navigation {
display:block;

text-align:center;

margin-top:10px;

margin-bottom:60px;

/*list-style-type: none;*/

}

.wp-caption {

border:1px solid #ddd;

text-align:center;

background-color:#f3f3f3;

padding-top:4px;

-moz-border-radius:3px;

-khtml-border-radius:3px;

webkit-border-radius:3px;

border-radius:3px;

margin:10px;

}

.wp-caption img {

border:0 none;
margin:0;
padding:0;

}


.wp-caption p.wp-caption-text {

font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;

}


/* End captions

Suckerfish menu

*************************************/


#suckerfishnav {

font-family:Arial,Verdana;

font-weight:700;

font-size:14px;

text-align:left;

/*color:#EEEADB;*/
color: #FFF; 

width:850px;
height:30px;
/*
background:url('images/menu.jpg');
*/
padding:0;

}


#suckerfishnav,#suckerfishnav ul {

float:left;

list-style-type:none;

width:100%;

margin:0 0 1em;

padding:0 0 4px 0;

}


#suckerfishnav a {

display:block;

/*color:#EEEADB;*/
color: #ffffff;

text-decoration:none;

outline:none;

text-shadow:1px 2px 3px #000;

padding:0.5em 1em;

}


#suckerfishnav li {

background:url(images/menu_button.png) no-repeat right top;

float:left;

padding:0;

}

#suckerfishnav li ul {

z-index:1;

position:absolute;

left:-999em;

height:auto;

width:120px;

font-weight:400;

margin:0;
}


#suckerfishnav li li {

border-top:1px solid #333;

}


#suckerfishnav li li a {

padding:0.2em 1em;

}


#suckerfishnav li ul a {

background-color:#ed1c24;
width:9em;

}

#suckerfishnav li ul ul {

margin:-1.5em 0 0 10em;

}


#suckerfishnav li:hover ul ul,#suckerfishnav li:hover ul ul ul,#suckerfishnav li.sfhover ul ul,#suckerfishnav li.sfhover ul ul ul {

left:-999em;

}



#suckerfishnav li:hover ul,#suckerfishnav li li:hover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li.sfhover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li.sfhover ul {

left:auto;

background-color:#222;

}

#suckerfishnav li:hover,#suckerfishnav li.sfhover {

color:#606060;

}

#suckerfishnav a:hover,#suckerfishnav li.sfhover {

color:#cccccc;

position:static;

text-shadow:1px 2px 3px #000;

}


/* Search

**************************************/

#search-box {

width:190px;

height:23px;

background:url(images/box-search.png) no-repeat;

margin:0 0 15px 30px;

}


#search-text {

background:transparent none no-repeat 0 0;

border:none;

color:#666;

width:122px;

margin:1px 32px 4px 4px;

}

.rsswidget {

color:#666;

}

.postmetadata,.clear {

clear:both;

}

img.centered,.aligncenter,div.aligncenter {

display:block;

margin-left:auto;

margin-right:auto;

}

.entry ol li,#sidebar ul,#sidebar ul ol {

margin:0;

padding:0;

}

.entry form,.center {

text-align:center;

}


.hidden,hr {

display:none;

}

.date{

/*background: url(images/date.gif) no-repeat;*/

font-size: 12px;
font-weight:700;

line-height: 14px;

/*font-family: "Trebuchet MS", Georgia, sans-serif;*/
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;

text-align: center;

vertical-align: middle;

color: #000;

height: 35px;

width: 100px;

/*margin-left: -33px; For use with underlying image */
margin-left: -15px;

padding-top: 7px;

_position: relative;/* ie6 fix */
margin-right: 12px;

}