/* -- START CSS --

Author: Stef
Author URI: http://shantel-vansanten.com
Theme Name: Fan Site
Description:  Version 1

/**************GLOBALS*****************/

body {
background:#fff url(http://danielcrossley.copperboom.us/wp/wp-content/themes/fansite/bg.jpg) repeat;
background-position:top;
color: #666;
font:normal 13px/18px Arial;
letter-spacing:0;
text-align:justify;
margin:0;
padding:0;
}

a:link {color:#5cd033; text-decoration:none;}
a:visited {color:#5cd033; text-decoration:none;}
a:hover {color:#116af9; text-decoration:none;}
a:active {color:#5cd033; text-decoration:none;}

h1 a:link, h1 a:visited, h1 a:active {
color:#116af9;
font:bold 20x/18px Helvetica, Arial, sans-serif;
text-decoration:none;
}

h1 a:hover {
color:#545453;
font:bold 20px/18px Helvetica, Arial, sans-serif;
text-decoration:none;
}

h1 {
border-bottom: 1px solid #ccc;
text-align: justify;
padding: 0 0 10px 0;
text-transform: none;
letter-spacing: -1px;
margin:0px 0px 5px 0px;
color: #ae8a44;
font: bold 20px/18px Helvetica, Arial, sans-serif;
}

h2 {
text-align: left;
padding: 0 0 5px 0;
text-transform: none;
letter-spacing: -1px;
margin:0px 0px 5px 0px;
color: #333;
font: bold 20px/18px Helvetica, Arial, sans-serif;
}

h3 {
color: #ae8a44;
font: bold 14px/18px Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: -1px;
text-align:left;
margin-bottom:5px;
}

h4 {
font:normal 11px/14px Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-align:left;
margin: 0 0 10px 0;
padding: 5px 0 10px 0;
letter-spacing: 0px;
border-top: 0px solid #fdd387;
}

h5 {
background: #fef7e0;
text-align: left;
padding: 8px;
margin: 0;
font:bold 14px/14px Helvetica, Arial, sans-serif;
border-bottom: 1px solid #fdd387;

}

.content_main img.wp-smiley {margin:0px; padding:0px; border:0px;}

blockquote {
font: normal 15px/18px Helvetica, Arial, sans-serif;
margin:22px 40px;
padding: 5px 10px 5px 20px;
color:#999;
border-left: 5px solid #116af9;
min-height: 32px;
}

hr {
border: 0;
width: 80%;
color: #ccc;
background-color: #ccc;
height: 2px;
}

.ul, li {padding: 2px 3px 5px 3px; list-style:middot; }

#pic1a {
position: absolute;
top:0px;
left:0px;
width:100%;
height:10px;
background-color:#5cd033;
}

#pic1b {
position: absolute;
top:7px;
left:0px;
width:100%;
height:48px;
background-color:#545453;
}

div#nav {
position:absolute;
top:20px;
left: 200px;
height:auto;
width:auto;
color:#000;
font:normal 14px Arial, serif;
letter-spacing:-1px;
margin: 0;
padding:0;
}

a.nav:link,
a.nav:visited,
a.nav:active  {
color: #fff; 
font: bold 14px/14px Arial, Helvetica, sans-serif; 
letter-spacing:-1px;
text-decoration: none; 
text-transform: uppercase;
padding: 10px 5px 5px 5px;
}	

a.nav:hover {
color: #fff; 
font: bold 14px/14px Arial, serif; 
letter-spacing:-1px;
text-decoration: none;
text-transform: uppercase;
border-bottom: 2px solid #fff;
padding: 10px 5px 5px 5px;
}

#layoutwrapper {
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:0;
position:relative;
text-align:justify;
}

.content_main { 
text-align: justify;
padding: 20px;
-background:#F2F7FB;
margin: 20px;
background:#fff; 
border:1px solid #d6d6d6;
}

.content_side {
text-align: justify;
padding:20px;
background:#fff; 
border: 1px solid #d6d6d6;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* IMAGE BORDERS */

.content_main img {
padding: 4px;
background: transparent;
border:1px solid #ccc;
margin:1px;
}
	
.content_main a:img {
filter:alpha(opacity=90);
-moz-opacity:0.9;
padding:4px;
background:transparent;
border:1px solid #116af9;
margin:1px;
}

.content_main a img:hover {
filter:alpha(opacity=50);
-moz-opacity:0.9;
padding:4px;
background:transparent;
border:1px solid #116af9;
margin:1px
}

.content_main noborder {border:0; padding:0;}
.content_main noborder a img {border:0; padding:0;}
.content_main noborder a img:hover {border:0; padding:0;}

.images {
background:transparent; 
border:1px solid #4b96c1; 
padding:2px; 
}


/* END IMAGE BORDERS */


/*  FORMS  */

form {background:transparent;}

input, textarea, option, select {
width:auto;
background:#fff;
padding:4px;
border:1px solid #ccc;
color:#333;
font:italic 13px/15px Arial;
text-align: justify;
letter-spacing:0;
margin:0;
}


input:focus, textarea:focus {
width:auto;
background: transparent;
background-repeat:repeat-x;
padding:4px;
border: 1px solid #666;
color:#333;
font:italic 13px/15px Arial;
text-align: justify;
letter-spacing:0;
margin: 0;
}


/*  END FORMS  */


/*  DATE  */
.month {
color: #fff;
text-shadow:#666 1px 1px 1px;
display:block;
font:normal bold 12px/11px Arial;
letter-spacing:0;
text-align:center;
padding:0 3px 1px 3px;
}

.day {
color:#fff;
text-shadow:#666 1px 1px 1px;
font:normal 20px/18px Arial;
display:block;
letter-spacing:0px;
text-align:center;
padding:2px 3px 2px 3px; 
}

.post-date {
background:#5cd033 no-repeat;
background-attachment:scroll;
border:1px solid #ccc;
text-align:center;
line-height:0;
padding-top:12px;
padding-bottom:0;
margin-top:0;
margin-bottom:2;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
}

/*  END DATE  */