/* This CSS made by Haley Young @ Clompish.com for the CWWSST */


/* CONTAINER */
BODY {
margin: 0; 
padding: 0; 
background: #606060 url('http://i50.tinypic.com/2wgsxf4.jpg');
color: #404040; 
font: normal 13px verdana;
line-height: 200%;
}

#container {
margin: 0 auto;
padding: 0px;
width: 75%;
height: auto;
} 

#header {
width: 75%;
height: auto;
padding: 0px;
align: center;
} 

#header2 {
padding: 20px;
margin: 0px;
height: auto;
background: url('http://www.cheddarmongers.org/prod/files/images/BlueToWhiteGradient.jpg');
border-bottom: 10px solid #AD3;
}

#content {
float: center;
width: 75%px;
height: auto;
text-align: justify;
overflow: auto;
background: #FFF;
margin-bottom: 20px;
padding: 0px 10px 10px 10px;
box-shadow: 2px 2px 2px 2px #bbb;
-webkit-box-shadow: 2px 2px 2px 2px #bbb;
-moz-box-shadow: 2px 2px 2px 2px #bbb;
} 

#side {
width: 190px;
height: auto;
float: left;
padding: 0px 0px 0px 0px;
margin: -19px 0px 0px 6px;
text-align: justify;
overflow: auto;
} 

.sidebox {
background: #FFF;
margin-bottom: 20px;
padding: 0px 10px 10px 10px;
box-shadow: 2px 2px 2px 2px #bbb;
-webkit-box-shadow: 2px 2px 2px 2px #bbb;
-moz-box-shadow: 2px 2px 2px 2px #bbb;
}


#footer {
height: auto;	
text-align: center;
color: #efefef;
padding: 10px 10px 5px 10px;
margin: 0;
clear: both;
font: normal 13px "Gill Sans MT";
background: url('http://psd.fanextra.com/wp-content/uploads/2010/04/glowtext1.jpg');
border-top: 10px solid #AD3;
line-height: 200%;
}

#footer2 {
background: #fff;
clear: both;
height: 0px;
padding: 0px;
margin: 0px;
}


/* Links */
A.main:link, A.main:active, A.main:visited
{font: normal 26px georgia;
color: #909090; 
text-align: center; 
text-transform: lowercase; 
margin-bottom: 0px; 
padding: 5px 10px 0px 10px;
margin: 0px 2px 0px 2px;
background: url('none');
border: none;
}
A.main:hover  
{color: #505050;
text-shadow: 0px 0px 10px #FF6A42;}

A.main2:link, A.main2:active, A.main2:visited
{font: normal 26px georgia;
color: #404040; 
text-align: center; 
text-transform: lowercase; 
margin-bottom: 0px; 
padding: 5px 10px 0px 10px;
margin: 0px 2px 0px 2px;
background: url('none');
border: none;
text-shadow: 0px 0px 10px #404040;
}
A.main2:hover  
{color: #FF6A42;
text-shadow: 0px 0px 10px #303030;}

A:link, A:active, A:visited { 
padding-left: 2px;
text-decoration: none; 
color: #707070; 
font: normal 11.49px georgia;
border-bottom: 1px solid #AADD33;
line-height: 200%;
}
A:hover { 
color: #FF6A42; 
border-bottom: 1px solid #fff;
text-shadow: 1px 1px 1px #000000;
}

A.footer:link, A.footer:active, A.footer:visited { 
color: #efefef; 
font: normal 13px "gill sans MT";
border-bottom: 1px solid #AADD33;
border-left: none;
line-height: 200%;
}
A.footer:hover { 
color: #FF6A42; 
border-bottom: 1px solid #404040;
border-left: none;
}

A.affie:link, A.affie:active, A.affie:visited {
border-right: 1px solid #AADD33;
border-left: none;
display: block;
color: #707070; 
font: 11.49px Georgia;
margin: 3px 2px;
padding: 4px 5px 3px 4px;
background: #fff;
text-align: center;
border-bottom: 2px solid #c0c0c0;
}
A.affie:hover { 
text-decoration: none; 
color: #FF6A42; 
background: #f1f1f1;
}

/* Headers */

h5, h3 {
text-shadow: 0px 0px 10px #FFF;
font: normal 72px georgia;
color: #FFF; 
text-align: center;     
margin-bottom: 0px;
padding: 5px;
margin-top: 2px;
} 

h1 {
text-shadow: 1px 1px 1px #404040;
font: normal 40px georgia;
color: #AADD33; 
text-align: center;     
margin-bottom: 0px;
padding: 0px;
margin-top: 0px;
} 

h4 {
font: normal 36px "Gill Sans MT", georgia; 
color: #a0a0a0; 
text-align: center;  
text-transform: lowercase; 
margin-bottom:1px; 
margin-top: 0px;
text-shadow: 0px 0px 2px #000;
} 

h2 {
font: normal 25px "Gill Sans MT", georgia; 
color: #a0a0a0; 
text-align: center;  
text-transform: lowercase; 
margin-bottom:0px; 
margin-top: 0px;
text-shadow: 0px 0px 1px #000;
} 


/* Random */

#b {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/BulletB.png');
line-height: 200%;
}
#f {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/BulletF.png');
line-height: 200%;
}
#g {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/BulletG.png');
line-height: 200%;
}
#h {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/BulletH.png');
line-height: 200%;
}
#l {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/BulletL.png');
line-height: 200%;
}
#m {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/BulletM.png');
line-height: 200%;
}
#n {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/BulletN.png');
line-height: 200%;
}
#s {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/Bullets.png');
line-height: 200%;
}
#w {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/BulletW.png');
line-height: 200%;
}
#y {
list-style-image: url('http://i256.photobucket.com/albums/hh189/Moofish_rockz/BulletY.png');
line-height: 200%;
}

ul {
line-height: 200%;
}

img.link {
border: 2px solid #DDDDDD;
padding: 3px;}

#titles{
        background: #1b1b1b;
        border: 1px dashed #4d4d4d;
        border-radius: 7px;
       -moz-border-radius: 7px;
       -webkit-border-radius : 7px;
       -khtml-border-radius : 7px;      
        color: white;
        display : none;
        font-size: 1.2em;
        line-height: 1.6em;
        padding: 6px 10px;
        z-index: 9999;	}


/* Input, Blockquote, Pre, etc. */

blockquote {color: #505050;
border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-right: 2px solid #A5ACB2;
border-bottom: 3px solid #A5ACB2;
padding: 2px 5px 2px 5px;
background: #efefef url('http://puzzle.digital-distortia.com/patterns/jigsaw.puzzle23.jpg');
}

textarea,input {
overflow: auto; 
border: 1px solid #A5ACB2;
background-color: #fff;
background-image: url('http://www.photoshopstar.com/tutorials/63/gem-logo-icon-02.gif'); 
padding: 5px;  
font: normal 13px arial;
color: #000000;
line-height: 200%;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
}
textarea:hover, input:hover {
color: #404040;
}

pre {
width: 200px;
height: 100px;
overflow: auto; 
border: 1px solid #A5ACB2;
background-color: #fff;
background-image: url('http://www.photoshopstar.com/tutorials/63/gem-logo-icon-02.gif'); 
padding: 5px;  
font: normal 13px arial;
color: #000000;
line-height: 200%;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
}

code {color: #404040;
width: 150px;
height: 50px;
overflow: auto;
font: normal 9px "small fonts";}


 

blockquote {color: #000000;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #a0a0a0;
border-bottom: 3px solid #808080;
border-top: 1px solid #c0c0c0;
background-color: #D3D3D3;
font-family: verdana;
font-size: 11px;
padding: 1px;}

textarea {width: 150px; 
height: 50px; 
overflow: auto; 
border: 1px solid #A5ACB2;
background-color: #ffffff; 
padding: 5px;  
color: #000000;
font-family: verdana;
font-size: 9px;}

code {color: #000000;
width: 150px;
height: 50px;
overflow: auto;
border: 1px solid #A5ACB2;
background-color: #ffffff; 
background: #ffffff;
font-family: verdana;
font-size: 9px;}

pre {width: 150px; 
height: 50px; 
overflow: auto; 
border: 1px solid #A5ACB2;
background-color: #ffffff; 
padding: 5px;  
color: #000000;
background: #ffffff;
font-family: verdana;
font-size: 9px;}