@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: left;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #212121;
}

img {
	border: 0;
}

#wrapper {
	width: 973px;
	margin: auto;
	text-align: left;
}

#header {
	width: 973px;
	height: 410px;
	background: url(../images/header.jpg);
}

#body {
	width: 	973px;
	z-index: 1;
	background: url(../images/bodybg.jpg);
	margin-bottom: 20px;
	
	
}

#body_top_bg {
	width: 973px;
	height: 203px;
	display: block;
	z-index: 2;
	background: url(../images/body_top_bg.jpg);
	position: relative;
	top: 0px;
	left: 0px;
}

#body_bottom_bg {
	width: 973px;
	height: 199px;
	display: block;
	margin: -199px auto 0 auto;
	z-index: 2;
	background: url(../images/body_bottom_bg.jpg);
}


#body_content {
	display: inline-block;
	width: 973px;
	z-index: 3;
	position: relative;
	margin-top: -203px;
	min-height: 1500px;
	
}

#leftcol {
	display: inline-block;
	width: 585px;
	border: solid 3px #a4a185;
	background: #f0f1e8;
	float: left;
	margin: 48px 0 80px 39px;
	padding: 10px 8px 10px 8px;
}

#rightcol {
	display: inline-block;
	width: 265px;
	border: solid 2px #a4a185;
	background: #e8e7df;
	float: right;
	margin: 48px 38px 0px 0px;
    padding: 10px 5px 10px 5px;
	
}

#preorder {
	display: block;
	width: 168px;
	height: 46px;
	position: relative;
	top: -40px;
	left: 795px;
}


.displace {
	position: absolute;
	left: -5000px;
	}

#nav {
	width: 800px;
    height: 15px;
	position: relative;
	top: 17px;
	left: 86px;
	z-index: 100;
}

	
ul.nav {
	list-style: none;
	padding: 0px;
    margin: 0px;
	}

ul.nav li {
	float: left;
	}

ul.nav li a {
	background: url('../images/nav_sprite.png');
	}


ul.nav li.home a {
	background-position: 0 0;
	display: block;
	width: 88px;
	height: 15px;
	}

ul.nav li.home a:hover {
	background-position: 0 -15px;
	}
	
ul.nav li.tour a {
	background-position: -88px 0;
	display: block;
	width: 99px;
	height: 15px;
	}

ul.nav li.tour a:hover {
	background-position: -88px -15px;
	}
	
ul.nav li.music a {
	background-position: -187px 0;
	display: block;
	width: 111px;
	height: 15px;
	}

ul.nav li.music a:hover {
	background-position: -187px -15px;
	}
	
ul.nav li.videos a {
	background-position: -298px 0;
	display: block;
	width: 126px;
	height: 15px;
	}

ul.nav li.videos a:hover {
	background-position: -298px -15px;
	}	
	
ul.nav li.photos a {
	background-position: -424px 0;
	display: block;
	width: 133px;
	height: 15px;
	}

ul.nav li.photos a:hover {
	background-position: -424px -15px;
	}
	
	
ul.nav li.merch a {
	background-position: -557px 0;
	display: block;
	width: 121px;
	height: 15px;
	}

ul.nav li.merch a:hover {
	background-position: -557px -15px;
	}	

ul.nav li.boards a {
	background-position: -677px 0;
	display: block;
	width: 121px;
	height: 15px;
	}

ul.nav li.boards a:hover {
	background-position: -677px -15px;
	}
	
	
	
	
	
	

        a:link {
                color:#393830;
                text-decoration:underline;
        }

        a:visited {
                color:#393830;
                text-decoration:underline;
        } 

        a:hover {
                color:#191916;
                text-decoration:underline;
        } 

        a:active {
                color:#393830;
                text-decoration:underline;
        }

        img {
                border: 0px;
        }

        img .sns {

                margin-left: 5px;
        }



        h1 {
                margin: auto;
                color:#666450;
                font-family: Arial, Arial, Helvetica, sans-serif;
                font-size:22px;
               
        }

        h2 {
                margin:auto auto 10px auto;
        }

        
	#main {
		float:left;
		width:590px;
                padding:10px;
                border:1px solid #2b2b2b;
                background: url(http://crushmm.net/mike/drugs/tumblr/images/leftbg.png);
	}

	#sidebar {
		float:right;
		width:250px;
                padding:10px;
		background: url('http://crushmm.net/mike/drugs/tumblr/images/sidebg.png');
		color: #5e5e5e;
                text-align: center;
                font-family: Arial, Arial, Helvetica, sans-serif;
                font-size:12px;
                border:1px solid #381315;


	}

        #sidebar a {
                color: #727272;
        }

        #sidebar h1{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 15px;
	padding: 5px 5px;
	color: #FFF;
        letter-spacing: 0px;
	}


        #sidebar h2{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 10px;
	padding: 5px 5px;
	color: #FFF;
        letter-spacing: 0px;
	}

        #sidebar ul li {
	margin: 2em;
	width: 10em;
	padding: 5px;
        }

 A.mainnavi:link, A.mainnavi:active, A.mainnavi:visited {
         display:block;
        color:{color:Navigation Link};
        font-size:9px;
        padding: 5px;
        float: center;
        width:328px;
        text-align:center;
        text-decoration:none;
 
        text-transform: uppercase;
        margin-left:1px;
        margin-bottom:1px;
        letter-spacing:0px;
        font-weight:lighter;
        background:#fff;
        border-bottom: 1px solid #e9e9e9;
 
}

A.rightnav:link, A.rightnav:active, A.rightnav:visited {
        display: block;
        height: 21px;
        width:200px;

}



#col3 {
	float: left;
	width: 160px;
	}
	
#col3 h1{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
        background: #E46F0A;
	margin-top: 12px;
	margin-bottom: 10px;
	padding: 5px;
	color: #FFF;
        width: 140px;
        letter-spacing: 0px;
	}
	
#col3 p{
	line-height: 12pt;
	}
	
#col2 {
	float: right;
	width: 160px;
	}
	
#col2 h1{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
        background: #E46F0A;
	margin-top: 12px;
	margin-bottom: 10px;
	padding: 5px 5px;
	color: #FFF;
        letter-spacing: 0px;
	}
	
#col2 p{
	text-align: center;
	margin-top: 175px;	
	}

 A.navi:link, A.navi:active, A.navi:visited {
         display:block;
        color:{color:Navigation Link};
        font-size:16px;
        padding: 5px;
        float: center;
        width:180px;
        text-align:center;
        text-decoration:none;
 
        text-transform: uppercase;
        margin-left:1px;
        margin-bottom:1px;
        letter-spacing:0px;
        font-weight:lighter;
        background:#fff;
        border-bottom: 1px solid #e9e9e9;
}




A.page:link, A.page:active, A.page:visited {
        font-family: Arial, Arial, Helvetica, sans-serif;
        color:{color:text header};
        font-size:25px;
        padding: 0px;
        float:;
        text-align:left;
        text-decoration:none;
        margin-left:0px;
        margin-bottom:0px;
        letter-spacing:2px;
        font-weight:bold;
        background:;
        } 

        * html #footer {
                 height:1px;
        }
	#footer {
		clear:both;
                padding:10px;
		background:;
	}
 
        #footer p {
                margin:0;
        }

/*
POSTMETA AND IMAGE BORDER AND LIKES CSS
*/

#postmeta {
        background: #f6f7f0;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
        font-weight: bold;
	color: #9c967b;
        width: 580px;
        padding: 2px 2px 3px 2px;
	margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 15px;
        margin-top: 5px;
        display: inline-block;
        border-bottom: #e0e1dc 2px solid;
		border-top: #e0e1dc 1px solid;
	}
	
#postmeta a{
	color: #767261;
	text-decoration: none;
	border: none;
	border-bottom: 1px dotted #EEE;
	}
	
#postmeta a:hover{
	color: #3c3a33;
	border: none;
	}

#postmeta #date {
        float: left;
        width: 340px;
        text-align: left;
        display: inline-block;
        position: relative;
        top: 5px;
        }

#postmeta #like {
        float: right;
        width: 240px;
        text-align: right;
        display: inline-block;
        position: relative;
        left: 45px;
        }

img.border {
display:block;
float:;
border:1px solid #DDD;
padding:4px;
margin-right:6px;
background-color:#fff;
}
ul#likestitle {
list-style-type: none;
margin: 0 0 0 0;
            	padding: 0 0 0 0;
            }
ul#likes {
list-style-type: none;
margin: 0 0 0 0;
            	padding: 0 0 0 0;
            }

 li.like_post {
                    /* Should match the width specified in the Likes tag */
                    width: 200px;
                    padding: 0 40px 0 0;
                    float: left;
                }

                  li.like_post img {
                      max-width: 190px;
                  }

                  li.like_post blockquote {
                      margin: 0;
                      padding: 0 0 0 10px;
                      border-left: 1px solid #eee;
                  }

                  li.like_post ol,
                  li.like_post ul {
                      margin: 0 0 0 15px;
                      padding: 0;
                  }

                  li.like_post .like_link a {
                      font-weight: bold;
                  }

                  li.like_post .like_title {
                      font-weight: bold;
                  }

                  li.like_post .post_info_bottom {
                      margin: 5px 0 0 0;
                      display: block !important;
                  }

#sidebar li { 
	padding: 20px 5px 20px 5px;
	border-bottom: 1px solid #eee;
        width:190px;
}


#side_div {
    width: 158px;
    height: 9px;
    background: url(http://crushmm.net/mike/drugs/tumblr/abigail/images/dots.png);
    margin: 25px 0px;
}


#mailing {
    text-align: center;
    width: 170px;
}
                            
#mailing .mailinglist form .query {
                                padding: 4px;
                                border: #464646;
                                background: #161616;
                                outline: solid 1px;
                                width: 110px;
                                color: #FFF; float: left;
                                opacity: 0.6;
                                filter: alpha(opacity=60);
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
                            }
                            
#mailing .mailinglist form .submit {
                                background: #FFFFFF;
                                color: #000;
                                border: none;
                                padding: 4px 2px 5px 2px;
                                -moz-border-radius: 3px;
                                -webkit-border-radius: 3px;
                                border-radius: 3px;
                                cursor: pointer; float: right; position: relative; bottom: 2px;
                            }

                            
                            #mailing  .mailinglist form .submit:hover {
                                opacity: 0.9;
                                filter: alpha(opacity=90);
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
                            }



	
	
#crush {
        float:right;
	width:260px;
        padding:10px;
	color:#505050;
        text-align: center;
        font-family: Arial, Arial, Helvetica, sans-serif;
        font-size:14px;
}


#sns a {
        opacity: 0.70;
        filter: alpha(opacity=70);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

#sns a:hover {
        opacity: 0.95;
        filter: alpha(opacity=95);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#members a {
        opacity: 0.70;
        filter: alpha(opacity=70);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#members a:hover {
        opacity: 1.00;
        filter: alpha(opacity=100);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.side {
	margin-bottom: 5px;	
	
}

#crush {
        float:right;
	width:260px;
        padding:10px;
	color:#505050;
        text-align: center;
		position: relative;
		right: 40px;
}


#separator {
	display: inline-block;
    width: 580px;
	height: 4px;
	margin: -17px 0 40px 0;
	border-bottom: #e0e1dc 2px dashed ;
	
	
}

.p {
	font-family: Arial, Arial, Helvetica, sans-serif;	
	
}

input {
    border: 1px solid #adaa91;
    background: #efefeb;
	color: #adaa91;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	padding: 3px 8px;
	font-weight: bold;	
}

button {
    border: none;
	border: 1px solid #adaa91;
    background: #efefeb;
	color: #adaa91;
	font-family: Arial, Arial, Helvetica, sans-serif;	
    padding: 1px 8px;
	font-size: 13px;
	font-weight: bold;	
}