* { 
    margin: 0; 
    padding-bottom: 0px;
}

body {
    background: #fff ;
    background: url('http://dcvegandrinks.org/images/bg.jpg') top center repeat;
    color: #696969;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    font-family:Verdana, Arial;
}
img { padding: 5px; }
img#wpstats { width:0px; height:0px; overflow:hidden; }

a { color:#669998; text-decoration: none }
a:hover { color:#fff; text-decoration: none }

p, ul, ol, li { 
    margin-bottom: 10px; 
}

blockquote { 
    margin: 0 18px 18px 18px;
    font-size:12px;
    font-color:#333;
}

ul {
    list-style-type: square;
    margin-left: 1em;
}

ol {
    margin-left: 2em;
}

h1 { 
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 18px; 
}


h3 { 
    
	font-family: 'Arvo', serif;
    font-size: 18px; 
    line-height: 18px;
    margin-bottom: 20px;
    
    padding-top: 20px;

    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color:#DC5D47;
}


h2 { 
    
	font-family: 'Arvo', serif;
    font-size: 26px; 
    line-height: 18px;
    margin-bottom: 20px;
    
    padding-top: 20px;

    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color:#DC5D47;
}


.drinks {
    
	font-size: 16px; 
    
	color: #b5b5b5;
    line-height: 20px;
    padding: 15px;    
}



.nexteventinfo {

    margin-top: 100px;
    margin-left: 20px;
	color:#b5b5b5;
	font-size: 16px;
}



.nexteventinfo li {
	padding-left: 30px;
}	

.drinksbackground {
	background-color: black;
	filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
	border: 3px solid #DC5D47;
	width: 510px;
	margin-right: 100px;
	float: right;
	margin-bottom: 20px;
 
}

.drinksbackgroundhalloween {
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
	width: 510px;
	margin-right: 120px;
	float: right;
	margin-bottom: 20px;
 
}

.logo {
	
	float:left;
}

.info {
	width:580px;
	float: right;
}

.join{
     
	width:auto;
     
	font-size:18px;
     
	padding:5px;
     
	background: #F5E676;
   
	-moz-border-radius:10px; 
    
	-webkit-border-radius:10px; 
}



.container {
    margin: 0 auto;
    padding: 0;
    width: 1200px;
}


/* HEADER */

.header {
    padding: 40px 20px 2px 20px;
    border-bottom: 0conpx solid #ccc;
    text-align:left;
    
}

.header h1 {
    font-size: 26px;
    color: #000;
    font-weight: normal;
}

.header span {
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

.header a {    color: #333; }
.header a:hover { color: #066; }

.search {
    padding:11px 0 0 20px;
    background:url('/wp-content/themes/depo-clean/images/search.gif') 0 14px no-repeat;
    float:right;
}

.search input {
    width:150px;
}


/* POSTS */

.flickr {
    text-align:left;
    width: 668px;
    padding: 10px 0 10px 3px;
    border-bottom: 1px solid #ccc;
}

.flickr img {
    width: 58px;
    height: 58px;
    margin: 1px 4px;
    border: 1px solid #666;
}

.flickr img:hover {
    width: 72px;
    height: 72px;
    margin: -6px -3px;
    border: 1px solid #000;
}

.flickr span {
    float:left;
    width: 56px;
    font-size: 14px;
    color: #666;
}

.flickr span a { color: #666; }

.flickr small {
    font-size:9px;
}

small.fey { color: #ccc; }

.blogads {
    padding: 31px 0 18px 0;
    width: 152px;
    font-size: 12px;
    color: #666;
    float:right;
    text-align:left;
}

.blogads a { font-weight:bold }

.firstpost {
    text-align:left;
    width: 600px;
    padding: 28px 0 18px 0;
}

.post {
    text-align:left;
    width: 600px;
    padding: 27px 0 7px 0;
    border-bottom: 0px solid #ccc;
}

.postnoline {
    text-align:left;
    width: 600px;
    padding: 22px 0 22px 0;
}

.posttopline {
    border-top: 1px solid #ccc;
    text-align:left;
    width: 600px;
    padding: 22px 0 22px 0;
}

span.previous { padding: 0 20px 0 0; float: left; }
    
span.next { float: right; }

span.edit a { 
    float:right;
    font-weight:normal; 
    font-size:11px; 
    color:#666; 
    border:1px solid #ccc; 
    padding:0 4px; 
}

.metainfo {
    float:left;
    width: 152px;
    font-size: 12px;
    color: #666;
    padding: 3px 0;
}

.metainfo a { font-weight:bold }

.content {
      width: 600px;
}

.content a { font-weight:bold }

.contentmain {
    float:left;
    width: 600px;
    text-align:left;
}

.contentmain a { font-weight:bold }

.about {
float:left;
width:400px;
}
.photos{
width:175px;
float:right;
padding-left:20px;
border-left:1px solid #ccc;
}



.previously {
   text-align:left;
    width: 668px;
    padding: 20px 0 3px 0;
    border-top: 1px solid #ccc;
    font-size: 12px;
}

.previously a { font-weight:bold }

.text_area { width: 480px !important; }

.postform { width:150px; margin: 0;} 

.delicious-tags { font-size:11px; color:#666 }
.delicious-tags a { font-weight:normal; color:#333 }


/* FOOTER */

.footer {
    padding: 22px 0 10px 5px;
    border-top: 0px solid #ccc;
    text-align:center;
    font-size: 12px;
    color: #b5b5b5;
}

.footer div {
    width:152px;
    margin: 0 20px 0 0;
    float:left;
}

.footer img {
    border:0;
}

.footer div.last {
    width:142px;
    margin: 0 0 0 0;
}

.copyright {
    margin:0 0 0 0;
    padding: 18px 0 10px 0;
    border-top: 0px solid #ccc;
    text-align:center;
    font-size: 12px;
    color: #b5b5b5;
}

ul.nav li { margin: 0 }


.sponsors img { 
text-align: center;
float: center;
padding: 15px;
}

.eventnumber h3 {
text-align: right;
position: relative;
font-size: 22px;
font-family: 'Arvo', serif;	
    
color:#DC5D47;
}

.oldinfo {
text-align:left;
width:400px;
color:#b5b5b5;
}

#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;

}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}
