/*  
Theme Name: Beep Beep, back up the Truck
Theme URI: http://www.beepbeep.nl
Description: wordpress theme for Beep Beep, back up the Truck
Author: Marten Timan
Author URI: http://www.atypisch.nl
*/

/* basic elements */
html, body { 
	font: 11px Verdana, Arial, Helvetica; 
	color: #272425; 
	background: #fff; 
	margin: 0; 
	padding:0;
	text-align: left;
	}	
	
h1, h2, h3, h4, h5, h6, h7 { 
	font-weight: normal;
    font-style: italic;
    font-family: Georgia; 
	color: #272425; 
	margin: 0; 
	padding: 10px 0 5px 0;
}	

h1 { font-size: 20px; border-bottom: 1px solid #e5dfdd;}
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }
h7 { font-size: 10px; }


h1.title_widgets {
	padding: 0;
	margin: 0;
	float: left;
    width: 210px;  
}

h1.title_news {
    color: #1a171b;
    border-bottom: 1px solid #129035;   
}

h1.title_shop {
	clear: both;
    color: #1a171b;
    border-bottom: 1px solid #dbd6d6;   
	padding: 10px 0 5px 0;
	margin: 0 0 8px 0;
}

h1.title_news a:link, h1.title_news a:visited {
    color: #1a171b;
}


h1.title_news_blue {
    color: #1a171b;
    border-bottom: 1px solid #28aadd;   
}

h1.title_news_blue a:link, h1.title_news_blue a:visited {
    color: #1a171b;
}

h2.menu_blue, h2.menu_green, h2.menu_red {
    font-weight: normal;
    font-style: normal;
    color: #fff;
    font-size: 11px;
    font-family: Verdana;
    padding: 5px 0 0 5px;
}

h2.menu_blue_current, h2.menu_green_current, h2.menu_red_current {
    font-weight: normal;
    font-style: normal;
    color: #000;
    font-size: 11px;
    font-family: Verdana;
    padding: 5px 0 0 5px;
}

p { 
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: left;
	}
    
p.attachment {
    float: left;
    width: 400px;    
    }    
	
a img {
	border: 0;	
	}
	
a:link, a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #009cda;
	}

a:hover, a:active { 
	text-decoration: none; 
	color: #70d6ff;
	}
	
ul {
	list-style:none;
	padding: 0px;
	margin: 20px 0px 20px 0px;
}	

ol {
    list-style:none;
	padding: 0;
    margin:0;    
}
	
em, small {
	margin: 0;
	padding: 0; 
	color: #523e2e; 
	}

blockquote {
	padding: 10px 0 10px 30px;
	margin:0;
	}	
   
/* COLOR classes */
.red   { color: #e4202c; }
.blue  { color: #28aadd; }
.green { color: #129035; }
.black { color: #1a171b; }

/* specific divs */
/* styles for IE 5 Mac article: http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css */
#horizon {
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
}
 
/* following rules are invisible to IE 5 \*/
#horizon {
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 1000px; 
}
 /* end IE 5 hack */ 

#container { 	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
	}
	
/* een absolute-positioned container om de andere items (links etc) ook absolute te kunnen positioneren */	
#container_abs { 
	position: absolute;
	top:0px;	
	padding: 0; 
	border: 0;
	text-align: left; 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
    /*background: url('images/background.gif') no-repeat 514px 0;*/
    z-index: 0;	
	}		

#header1 {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 1000px; 
	height: 155px;
	background: url("images/header.gif") no-repeat;
}	

#header2 {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 1000px; 
	height: 155px;
	background: url("images/header_log.gif") no-repeat;
}	

#header3 {
	float: left;
	padding: 0; 
	margin: 0;
	border: 0px;
	text-align: left; 
	width: 1000px; 
	height: 155px;
	background: url("images/header_shop.gif") no-repeat;
}	

#wrap {
	float: left;
	width: 1000px;
	background: transparent url("images/bg_content.gif") repeat-y;
	padding:0;
	margin: 0;
}

/* BANNER top - right */
#banner {
	position: absolute;
	top: 15px;
	left: 775px;
	padding:0;
	margin:0;
	border:0;	
    z-index: 99999;	
	width: 225px;
	height: 90px;
}

#banner a img {
	position: absolute;
	z-index: 101;
	width: 225px;
	height: 90px;
}

#backtohome {
	position: absolute;
	top: 15px;
	left: 205px;
	padding:0;
	margin:0;
	border:0;
    z-index: 100;	
    }	
	
#backtohome a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 110px;
	height: 165px;
	padding: 0;
	margin: 0;
	border: 0;   
    background: url(images/btn_home.gif) no-repeat;
	}

#backtohome a:hover, #backtohome .menu_blue_current {
    background: url(images/btn_home-over.gif) no-repeat;
	}	

#to_blog {
	position: absolute;
	top: 15px;
	left: 92px;
	padding:0;
	margin:0;
	border:0;	
    z-index: 100;	
	}	
	
#to_blog a {
	position: absolute;
	top: 0px;
	left: 0px;
	width:110px;
	height: 165px;
	padding: 0;
	margin:0;
	border: 0;   
    background: url(images/btn_log.gif) no-repeat;
	}
    
#to_blog a:hover, #to_blog .menu_green_current { 
    background: url(images/btn_log-over.gif) no-repeat;
	}    
    
#to_shop {
	position: absolute;
	top: 15px;
	left: 0;
	padding:0;
	margin:0;
	border:0;	
    z-index: 100;	
	}	
	
#to_shop a {
	position: absolute;
	top: 0px;
	left: 0;
	width:90px;
	height: 165px;
	padding: 0;
	margin:0;
	border: 0;
    background: url(images/btn_shop.gif) no-repeat;
	}

#to_shop a:hover, #to_shop .menu_red_current {
    background: url(images/btn_shop-over.gif) no-repeat;
	}    
    
#player {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 775px;
    width: 223px;
    height: 69px;
    padding:0;
    margin:0;   
    }    
    
#content {  
	float: left;
	padding: 0; 
	margin: 0;
	text-align: left; 
	width: 760px; 
	}
        
#onder_header {  
	float: right;
	padding: 8px 0 0 10px; 
	margin: 0; 
	width: 431px;
	height: 25px;
	background: #1a171b;
	color: #fff;
    font-size: 20px;    
    }	    
	
#onder_header img {
	float: left;
	margin: 0;
	padding: 0;
	}
	
.header_text {
    text-transform: uppercase;
    border:0;  
	margin: 0;
	padding: 0;
    }    

#sidebar {
    float: right;
    width: 223px;
    padding: 43px 2px 0 15px;
    margin: 0;    
    background: url('images/bg_onderheader_right.gif') no-repeat 15px 0px;
}	

/* profile picture for bands */
.bands_picture_wrap {
    float: left;
    width: 150px;
    height: 250px;
    padding:0 0 15px 0;
    margin:0;
}

.bands_picture {
    float: right;
    width: 150px;
    height: 250px;
    border: 0;
    padding:0;
    margin:0;
}

.bands_picture a:link, .bands_picture a:visited {
	float: left;
    width: 150px;
    height: 250px;
    border: 0;
    padding: 0;
    margin: 0;
}

/* set the default image for mouseover */
a.profile_picture_over {
    background: url(../../plugins/meta-image/beepbeep.gif) no-repeat;
}


/* navigatie boven - pages */
#log_menu a:link, #log_menu a:visited {
    color: #129035;
}

#log_menu a:hover, #log_menu a:active, #log_menu .current a, #log_menu .current-cat a {
    color: #fff;
}

.links_green a:link, .links_green a:visited {
    color: #129035;
}

.links_green a:hover, .links_green a:active, .links_green .current a, .links_green .current-cat a {
    color: #90d0a2;
}

.links_blue a:link, .links_blue a:visited, .links_blue .postmetadata  {
    color: #28aadd;
}

.links_blue a:hover, .links_blue a:active, .links_blue .current a, .links_blue .current-cat a {
    color: #1a171b;
}

.links_blue h1.title_news {
    color: #1a171b;
    border-bottom: 1px solid #28aadd;   
}


.level1 {
    float:left;	
	padding: 0 ;
	margin: 0;
	border: 0;	
	text-align: left;
}

.level1 a, .level1 a:visited,  #menu .page_item a {	
	float:left;	
	height: 15px;
	margin: 0;
	padding: 4px 20px 1px 0;
	font: 11px Verdana; 
	color: #fff; 
	text-decoration: none;
    font-weight: lighter;
}

.level1 a {
	float: left;	
	height: 15px;
	margin: 0;
	padding: 4px 20px 1px 0;
}

.level1 a:hover, .current a, .current a:visited, .currentparent a, .currentparent a:visited, .current_page_item a {
	float:left;	
	height: 15px;
	margin: 0;
	padding: 4px 20px 1px 0;
	color: #000;    
}
    
/* different types of post elements */

.mid .post  {
	clear: both;
    padding: 0 30px 0 30px; 
	margin: 0;
	text-align: left; 
	width: 679px;
	}
    
.mid_635 .post  {
	clear: both;
    padding: 0 0 0 10px; 
	margin: 0;
	text-align: left; 
	width: 624px;
    border-left: 1px solid #1a171b;
	}  
    
.mid_635-border .post  {
	clear: both;
    padding: 0 0 0 10px; 
	margin: 0;
	text-align: left; 
	width: 625px;
    border: 0;
	}      
    
.mid_435 .post  {
	clear: both;
    padding: 0 10px 0 10px; 
	margin: 0;
	text-align: left; 
	width: 414px;
    border-left: 1px solid #1a171b;
	} 

/* make exception for homepage and other no-borders */
.mid_435 .post-noborder  {
	clear: both;
    padding: 0 10px 0 10px; 
	margin: 0;
	text-align: left; 
	width: 415px;
    border-left: 0
	}     
 
.mid_400 .post  {
	clear: both;
    padding: 0 10px 0 10px; 
	margin: 0;
	text-align: left; 
	width: 380px;
    border: 0;
	} 
	
.mid_350 .post  {
	clear: both;
    padding: 0 10px 0 10px; 
	margin: 0;
	text-align: left; 
	width: 330px;
    border-left: 1px solid #1a171b;
	}	

.mid_300 .post  {
	clear: both;
    padding: 0; 
	margin: 0;
	text-align: left; 
	width: 300px;
    border-left: 0;
	}
    
.mid_300 .post img {
    max-width: 300px;    
}

.mid_280 .post  {
	clear: both;
    padding: 0 10px 0 10px; 
	margin: 0;
	text-align: left; 
	width: 259px;
    border-left: 1px solid #1a171b;
	}
    
.mid_thumbs {
    float: left;
    border-left: 1px solid #1a171b;
    width: 414px;
    padding: 10px;
	}        
    
.post img {
    padding: 0;
    margin:0; 
    border:0;
    }    
    
/* Classes for post-image (image attached to post by post-images plugin) */
.post-image {
    float: right;
    padding: 0 0 10px 0;
    margin:0;
    z-index: 9999;
    }
    
.post-image img {
    padding: 39px 0 0 0;
    margin: 0;
    width: 220px;
    border: 0px;
    }    
	
/* display a rectangular thumb-size of the post-image on HOMEPAGE */
.post-image_thumb {
	float: left;
	width: 125px;
	height: 90px;
	overflow: hidden;
	padding: 0 10px 0 0;
	margin: 0;
}

.post-image_thumb img {
	float: left;
    width: 125px;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0
    }	

.post-image_thumblist {
    width: 180px;
    float: right;
    padding: 15px 0 0 0;
    margin: 0;
    }    

.post-image_thumbwrap {
    width: 180px;
    height: 68px;
    float: left;
    padding: 0 0 5px 0;
    margin: 0;
    } 
       
/* display a square thumbnail for releases */    
.post-image_thumbrelease {
    float: left;
    padding: 0 7px 7px 0;
    margin: 0;
    border: 0;
}

.post-image_text {
    float: right;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100px;
    height: 68px;
}

.post-image_text-title {
    float: left;
    width: 100px;
    height: 55px;
	overflow: hidden;
	padding: 0;
    margin: 0;
	line-height: 14px;
    }

.post-image_thumbrelease img {
    width: 68px;
    height: 68px;
    float: left;
    padding: 0;
    margin: 0;
    }    

.post_home {
    float: left;
    width: 435px;
    padding: 0;
    margin: 0;
    background: url(images/bg_post_home.gif);
    }    

.entry_home {
    float: left;
    width: 275px;
    padding: 0;
    margin: 0;
}  

.entry_home img {
    float: left;
    width: 100px;
    height: auto;
    padding: 0 5px 0 0;
}

.entry_home p {
    float: left;
    width: 200px;
    padding: 0;
    margin: 0;
}    
    
.post p {
    font: 12px Arial, Helvetica; 
	text-align: left; 
	line-height:  17px;
	}

.post ol {
    border-top: 10px solid #e5dfdd;
    border-bottom: 10px solid #e5dfdd;    
    list-style-position: inside;
    list-style-type: decimal-leading-zero;
    padding: 5px 0 6px 0px;
    }    
 
.post ol li {
    border-top: 1px solid #e5dfdd;
    padding: 3px 0 3px 0px;
    }  
    
.post_shows ul {
    padding:10px 0 10px 0;
    margin:0;
    }   
    
.post_shows li {
    padding:0;
    margin:0;
    list-style: none;    
    }       

p.postmetadata, .postmetadata a {
    clear: both;
    color: #33a457;
    font-size: 10px; 
    }    

p.postmetadata {
	width: 380px;
}	
	
/* borders and other p elements*/

p.border {
    padding:0;
    margin:0;
    border-top: 10px solid #e5dfdd;     
    }

p.comment-page-numbers {
    padding:5px 0 5px 0;
    margin:0;
    border-top: 1px solid #e5dfdd;     
    border-bottom: 1px solid #e5dfdd;     
    }    
    
/* post_left for the left post segments */    
.post_left {
	clear: both;
	padding: 0 20px 0 20px; 
	margin: 0;
	text-align: left; 
	width: 247px;
	}	
	
.post_left li {
	list-style:none;
	padding: 0;
	margin:0;
}

.post_shows {
    border-top: 2px solid #dbd6d6;
    border-bottom: 2px solid #dbd6d6;
    padding: 0;
    margin: 0;
    clear: both;
    width: 100%;
}

.separator {
	clear: both;
    border: 0;
    padding: 5px 0 5px 0;
    margin: 0;
    height: 14px;
    width: 100%;
    background: url(images/bg_separator.gif) repeat-x;
	}	

.mid_noborder {  
	float: left;
	padding: 10px 0 10px 0; 
	margin: 0;
	border: 0;
	width: 760px; 
    background: #fff;
	}
	
.mid {  
	float: left;
	padding: 14px 0 10px 0; 
	margin: 0;
	border: 0;
	width: 760px; 
    background: #fff;
    background: url(images/bg_border_top.gif) repeat-x  0 10px ;
	}

.mid_635 {
    float: left;
    padding: 0;
    margin:0;
    width: 635px;
    }
    
.mid_635-border {
    float: left;
    padding: 0;
    margin:0;
    width: 634px;
    border-left: 1px solid #1a171b;
    }    
  
.mid_435 {
    float: left;
    padding: 0;
    margin:0;
    width: 435px;
    }
    
.mid_435_border {
    float: left;
    padding: 0;
    margin:0;
    width: 435px;
    background: url(images/bg_border_top.gif) repeat-x top;
    }    

.mid_400 {
    float: left;
    padding: 0;
    margin:0;
    width: 400px;
    }
    
.mid_350 {
    float: left;
    padding: 0;
    margin:0;
    width: 350px;
    }

.mid_300 {
    float: right;
    padding: 0;
    margin:0;
    width: 300px;
    background: url(images/bg_border_top.gif) repeat-x top;
    } 
    
.mid_280 {
    float: right;
    padding: 0;
    margin:0;
    width: 280px;
    } 

.mid_280_border {
    float: right;
    padding: 0;
    margin:0;
    width: 280px;
    background: url(images/bg_border_top.gif) repeat-x top;
    }     

.dropbox {
    float: right;
    padding:15px;
    margin:0;
    width: 170px;
    }
    
.comments {
    float: left;
    width: 415px;
    padding:0 0 0 10px;
    margin:0;
    border-left: 1px solid #000;    
    }    
    
/* navigatie boven - pages */

.mid .menulevel1 {
    float: left;
    width: 125px;
    padding:0;
    margin:0;    
    }    
    
.mid .menulevel1 li {
    display: block;
    float: left;
    width: 125px;
    padding:0;
    margin:0;    
    text-transform: uppercase;
    text-align: left;
    }


.mid .menulevel1 a, .mid .menulevel1 a:visited {	
	float: left;	
	margin: 0;
    width: 110px;
	padding: 7px 5px 4px 10px;
	font: 15px Courier New; 
    font-weight: bold;
	color: #009cda;
    background: #fff;
	text-decoration: none;
    border-bottom: 1px solid #1a171b;
    border-left:0;
    border-top:0;
    border-right:0;
    letter-spacing: -.5px;
    height: 100%;
   }

.mid .menulevel1 a:hover, .mid .menulevel1 .current a, .mid .menulevel1 .current a:visited, .mid .menulevel1 .currentparent a, .mid .menulevel1 .currentparent a:visited, .mid .menulevel1 .current-cat a {
	color: #fff;
	background: #1a171b;
}


/* unfortunately this extra info below is needed to style the input elements */
.bands_list {
    float: left;	
    margin: 0;
    width: 125px;
    padding: 7px 5px 4px 5px;
    font: 15px Courier New; 
    font-weight: bold;
    color: #28aadd;
    background: #fff;
    text-decoration: none;
    border-bottom: 1px solid #1a171b;
    border-left:0;
    border-top:0;
    border-right:0;
    letter-spacing: -.5px;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}

.bands_list:hover, .bands_list_current {
    float: left;	
    margin: 0;
    width: 125px;
    padding: 7px 5px 4px 5px;
    font: 15px Courier New; 
    font-weight: bold;
    color: #fff;
    background: #1a171b;
    text-decoration: none;
    border-bottom: 1px solid #1a171b;
    border-left:0;
    border-top:0;
    border-right:0;
    letter-spacing: -.5px;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}

/* submenu2 for the bands sub-pages */
.menulevel2 {
    float: left;
    width: 624px;
    padding:0 0 9px 10px;
    margin:0;
    border-bottom: 1px solid #1a171b;
    border-left: 1px solid #1a171b;
}

.level2 {
   float: left;
   height: 20px;
   padding:0;
   margin:0;
}

.menulevel2 li {
    display: inline;
    float: left;
    padding: 0 10px 0 0;
    margin:0;
}

.mid .menulevel2 a, .mid .menulevel2 a:visited {	
	float:left;	
	height: 20px;
	margin: 0;
    padding: 7px 5px 1px 5px;
	font: 12px Georgia; 
    font-style: italic;
	color: #009cda;
    text-decoration: none;   
}

.mid .menulevel2 a:hover, .mid .menulevel2 .current a, .mid .menulevel2 .current a:visited, .mid .menulevel2 .currentparent a, .mid .menulevel2 .currentparent a:visited  {
	color: #1a171b;
}


/* the footer */
    
.footer {
	float: left;
	width:1000px;
	height: 237px;
	background: url(images/bg_bottom.gif) no-repeat;
	padding:0;
	margin:0;
	}	

#mainmenu {
	float: left;
    width: 322px;
	height: 25px;
    padding: 130px 0 0 0;
    margin: 0;i
    text-transform: uppercase;
   }	
    
#mainmenu ul {
    float: left;
    display: inline;
    list-style: none;
    padding:0;    
    margin:0;
    }    
    
#mainmenu li {
    float: left;
    display: inline;
    width: 100px;
    padding:0 0 0 5px;
    margin:0;    
    }    
    
#menu {
	float: left;
    padding: 130px 0 0 5px;
    width: 428px;
	height: 25px;
    text-transform: uppercase;
    }	
		
#menu ul, #menu li {
	float: left;
	padding:0;
	margin:0;
	display: inline;
	}	
	
#menu li {
	float: left;
	display: inline;
	padding:0;
	margin:0;
	}		    

.widget {
	float: left;
	width:212px;
	background: #fff url(images/widget_bg.gif) repeat-y;
	padding:5px; 
}	

.widget_bottom {
	float: left;
	width:223px;
	height: 14px;
	padding:5px;
	margin:0;
	}

.widget ul {
	padding: 10px 0 10px 0;
	margin:0;
	}
    
.space_small {
    clear: both;
    width: 200px;
    height: 10px;
    padding:0;
    margin:0;    
    } 
    
.space_435 {
    clear: both;
    width: 435px;
    height: 10px;
    padding:0;
    margin:0;    
    }     

/* wrapped widget that eliminated spaces */

.widget_wrapped {
    float: left;
    width: 210px;
    padding: 0 0 0 5px;
    margin: 0;
}

.widget_wrapped h1 {
    width: 210px;
    padding: 0;
    margin: 0;
}

.widget_wrapped a  {
    float: left;
    padding: 0 5px 0 0;
    margin: 0;
    width: auto;
}	

.widget_wrapped ul {
    clear: both;
    padding: 0;
    margin: 0;
}

/* align all */

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    padding: 0 0 8px 15px;
    margin: 0;
}

.alignleft {
    float: left;
    padding: 0 15px 8px 0;
    margin: 0;
}

img.flyer {
    clear: both;
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
    width: 300px;
}

/* End align Images */


/* start forms */

select {
	width: 100px;
	}

input {
    border: 1px solid #523e2e;
    padding: 2px;
    margin:0; 
    width: 165px;
    }

#submit {
    border: 1px solid #523e2e;
    padding: 2px;
    margin:0; 
    width: 65px;
    }    
    
.dropbox textarea {
	width: 165px;
	padding: 2px;
	height:75px;
	border: 1px solid #523e2e;
	}

.comments textarea {
	width: 400px;
	padding: 2px;
	height:125px;
	border: 1px solid #523e2e;
	}    

    
.MailPressFormSubmit, #mp-formdiv #submit {
    background: #000;
    border: 0;
    color: #fff;
    padding: 3px;
    cursor: pointer;
    text-transform: uppercase;
}

/* Concerts- Widget listitems + submit */

.concert_widget {
    float: left;
    width: 210px;
    padding: 0 0 0 5px;
    margin: 0;
}

.concert_widget ul {
    float: left;
    width: 210px;
}

.concert_widget li {
    float: left;
    width: 205px;
    padding: 0 5px 5px 0;
}

.concert_widget li p {
    float: left;
    width: 170px;
    padding:0;
    margin:0;
}

.concert_widget li form {
    float: right;
    width: 35px;
   
}

.readmore_submit {
    float: right;
    width: 35px;
    background: transparent;
    height: 15px;
    border:0;
    color: #28aadd;
    padding: 0;
    margin: -2px 0 0 0; 
    cursor: pointer;
}

/* einde forms */                                                            

/* search */

#search {
	float: left;
    margin: 0 0 10px 0;	
	padding: 7px;
	color: #fff;
	width: 209px;
	height: 18px;
	background: #1a171b;
	text-align: left;
}	
    
.search_field {
	width:160px;
	height: 18px;
	padding:0px;
	margin:0px;
	}
	
.search_field #s, .search_field #q, .MailPressFormEmail {
    float: left;
	width: 100px;
    height:10px;
	padding: 2px;
    font-size:8px;
	margin: 2px 0 0 0 ;
	color: #1a171b;
	border: 0px;
	background: #d3d1cf;
	}
	
.search_submit {
	float: right;
    width:52px;
    height:16px;
    padding:0;
    margin:0;
    border:0;
    background: url('images/search.gif') no-repeat;
    cursor: pointer;
   }
    
.search_submit:hover {
	background-position:0px -16px;
	margin: 0;
	padding: 0;
}

/*
GALLERY CSS
*/
  
.gallery-caption {
    margin: 0;
    padding: 0;
}

.gallery dl {
    float: left;
    padding: 0 5px 5px 0;
    margin:0;
    width: 60px;
}

.gallery {
    clear: both;
    width: 100%;
    padding: 10px 0 10px 0;
    margin:0;
}

.gallery-item {
    float: left;
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
}

.gallery-icon {
    float: left;
    padding: 0;
    margin: 0;
}

.gallery-icon a img {
    padding: 0;
    margin: 0;
    float: left;
    width: 60px;
    height: 60px;
    border: 0;
}

/* onderschrift onzichtbaar in algemene weblog thumbnails */
.gallery-caption {

}


/*
SHOPIFY CSS
*/


.mid .shop_menu .menulevel1 a, .shop_menu .menulevel1 a:visited {
    color: #e4202c;
}

.mid .shop_menu .menulevel1 a:hover, .shop_menu .menulevel1 a:active {
    color: #fff;
	background: #1a171b;
}

.shop_menu .widget {
    background: #e4202c url(http://www.atypisch.nl/temp/beepbeep/wp-content/themes/beepbeep/images/mycart.gif) no-repeat top;
    padding: 40px 10px 20px 12px;
    margin:0;
    float: left;
    width: 104px;
    height: auto;
    color: #fff;
}

.shop_menu .widget a:link, .shop_menu .widget a:visited  {
   background: transparent;
   clear: both;
   width: 100%;
   height: auto;
   padding: 0;
   margin: 0;
   text-decoration: none;
   font-size: 11px;
   font-weight: normal;
   color: #fff;
}

.shop_menu .widget a:hover, .shop_menu .widget a:active {
    color: #fff;
	background: #1a171b;
    text-decoration: none;
} 

#cart input {
    border: 0;
    width: auto;
    height: auto;
    clear: both;
}

.btn_image {
    border: 0;
    clear: both;
    height: 54px;
    width: 126px;
}

.clear {
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0;
}

.product-list {
    clear: both;
    width: 614px;
    padding: 0;
    margin: 0;
}

.product-wrap {
    float: left;
    width: 100px;
    height: 205px;
    padding: 0;
    margin: 0;
}

.product-image, .product-image img {
    float: left;
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    border: 0;
}

.product-description {
    float: left;
    width: 100px;
    height: 95px;
    padding: 5px 0 0 0;
    margin: 0;
}

.product-collection {
	float: left;
	width: 620px;
	height: auto;
	padding: 0;
	margin: 0;
}

.product-collection li {
	float: left;
	width: 100px;
	height: 205px;
	padding: 0 21px 5px 0;
	margin: 0;
}

#product-page {
    float: left;
    width: 100%;
    padding: 0 10px 0 15px;
    margin: 0;
    border-left: 1px solid #1a171b;
}

#product-details {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

#product-images {
    float: left;
    width: auto;
    padding: 10px 10px 10px 2px;
    margin: 0;
}

#product-variants {
    float: left;
    padding: 0;
    margin: 0;
    border: 0;
}

#product-variants li {
    float: left;
    padding: 0 0 0 20px;
    margin: 0;
}

.MailPressFormEmail, .MailPressFormName {
	float: left;
	border: 0;
	background: #d3d1cf;
	width: 165px;
	margin: 0 0 1px 0;
	font-size: 10px;
	height: 12px;	
}

.mp-form {
	float: left;
}

div.MailPress div.mp-message, div.MailPress div.mp-loading {
	position: relative;
	top: 50px;
	background: #28aadd;
}

.MailPressFormSubmit {
	float: left;
	padding:0 0 0 5px;
	margin: 0 0 10px 0 ;
	width: 70px;
}