body {
background: url("images/groovepaper.png") repeat scroll 0 0 transparent;
}
#box {
width:760px;
margin:20px auto;
background: rgb(247, 247, 247);
border: 1px solid rgba(147, 184, 189,0.8);
box-shadow:	0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
border-radius: 5px;
padding:20px;
}
#main {
margin:20px auto;
padding:10px;
width:90%;
max-width:1000px;
height:auto;
}
#left {
float:left;
margin:10px;
padding:10px;
width:25%;
height:94%;
}
#right {
float:right;
margin:10px;
padding:10px;
width:65%;
height:94%;
min-height:500px;
background: rgb(247, 247, 247);
border: 1px solid rgba(147, 184, 189,0.8);
box-shadow:	0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
border-radius: 5px;
}

#footer {
color:#777;
text-align:center;
}

#banner img {
width:56px;
}

#emailman {
width:112px;
height:94px;
margin:0 auto;
}
#tags, #like, #submit {
margin:10px;
padding:10px;
}
input#submit_button {
cursor: pointer;	
background: #3D9DB3;
padding: 8px 5px;
font-family: 'Arial Narrow',Arial,sans-serif;
color: #fff;	
border: 1px solid #3D9DB3;	
margin-bottom: 10px;	
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
border-radius: 3px;	
box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,0px 0px 0px 2px rgb(254, 254, 254),0px 5px 3px 3px rgb(210, 210, 210);
transition: all 0.2s linear;
font-size: 120%;
}
input:hover#submit_button {
	background: rgb(74, 179, 198);
}
input:active#submit_button, input:focus#submit_button{
background: rgb(40, 137, 154);
    position: relative;
    top: 1px;
    border: 1px solid rgb(12, 76, 87); 
    box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}
ul {
list-style:none;
padding:0px;
}
li {
margin:3px;
margin-left:20px;
font-family:'Arial', Helvetica, sans-serif;
font-size:14px;
}
p {
font-family:'Arial', Helvetica, sans-serif;
font-size:14px;
}
h2 {
font-family:'Arial', Helvetica, sans-serif;
color:#3D9DB3;
}
.clear {clear:both;}

.unsubbox .indent {margin-left:20px;}

@media only screen and (max-width: 900px) {
/* CSS for browser screen with 900px and below goes here */
#box {max-width:500px;width:80%;}
#left {width:20%}
#right {width:65%}
li {margin-left:10px}
textarea {width:90%;}
}

@media only screen and (max-width: 651px) {
/* CSS for browser screen with 651px and below goes here */
#main {width:90%;max-width:none;margin:5px;padding:5px}
#left {float:none;width:90%;height:auto;margin:5px;padding:5px}
#right {float:none;width:90%;height:auto;min-height:0px;margin:5px;padding:5px}
#tags, #like, #submit {margin:5px;padding:5px}
li {margin-left:0px}
}