/*

Theme Name: canvaschild

Theme URI: http://www.woothemes.com/

Version: 5.2.6

Description: Child Theme for Canvas

Author: WooThemes

Author URI: http://www.woothemes.com

Template: canvas  

Version: 0.1 

*/



@import url("../canvas/style.css"); 



/*  explanation   */



/*Matt's experiments for Business Listing*/


/*Customizations added by Seaside*/

span.excerpt {
    display: block;
    margin: 5px;
}

.display-posts-listing .listing-item {
    clear: both;
    margin: 25px 0;
    overflow: hidden;
}

.single-event #main {
	width:100%!important;
}

.date-location {
    float: right;
    width: 30%!important;
    margin-left: 20px;
}

/* CSS for large screen */

@media only screen and (min-width:1114px) {

#bizdirtop img {

	float:left;

	padding-right:5px;

	padding-bottom: 5px;

	}



	div#bizlisting {

	display:table-row;

	  width:auto;

	padding-top:25px;

	padding-bottom:35px;

	margin-bottom:25px;

	}



	div#photo {

	display: table-column;

	float:left;

	padding-right:8px;

	padding-bottom:35px;

	padding-left:8px;

	}



	#photo img {

	width:255px;

	height:170px;

	}



	div#business_name {

	font-size:28px;

	padding-bottom:5px;

	position:absolute;

	left: 275px;

	width:900px;

	}



	div#bizmiddle {

	display: table-column;

	float:left;

	width:250px;

	padding-top:20px;

	}



	div#business_category {

	font-size:14px;

	padding-left:5px;

	padding-top:10px;

	line-height:125%;

	}



	div#address {

	font-size: 14px;

	padding-left:5px;

	padding-top:10px;

	line-height:125%;

	}



	div#tagline {

	display: table-column;

	float:left;

	font-size: 14px;

	padding: 5px;

	line-height:125%;

	width:auto;

	margin-top:-180px;

	margin-left:500px;

		margin-right:-50px;

	padding-bottom:15px;

      min-height:100px;

        min-width:350px;

	}

	

	div#phone {

	padding-top:5px;

	font-size:14px;

	padding-bottom:7px;

	}

	

	div#bizlinks {

	padding-left:5px;

	}



	

	div#subpages ul li

	{

	float:right;

	display: block;

	list-style-type: none;

	padding-right: 20px;

	padding-left: 5px;

	font-size: 14px;

	font-weight:bold;

	}

}



/* CSS for between iPad portrait and a ipad landscape */



@media only screen and (max-width:1113px) and (min-width:769px) {
	
	.date-location {
    width: 100%!important;
   
}


#bizdirtop img {

	float:left;

	padding-right:5px;

	padding-bottom: 5px;

	}



	div#bizlisting {

	display:table-row;

	  width:auto;

	padding-top:25px;

	padding-bottom:25px;

	border-top:1px solid gray;

	}



	div#photo {

	display: table-column;

	float:left;

	padding-right:8px;

	padding-bottom:15px;

	padding-left:8px;

	padding-bottom:15px;

	}



	#photo img {

	width:135px;

	height:90px;

	margin-bottom:5px;

	margin-top:35px;

	}



	div#business_name {

	font-size:18px;

	padding-top:5px;

	padding-left:3px;

	padding-bottom:3px;

	left:5px;

	position: absolute;

	}

	

	div#bizmiddle {

	display: table-column;

	float:left;

	width:275px;

	margin-top:30px;

	}



	div#business_category {

	font-size:12px;

	padding-left:10px;

	padding-top:5px;

	line-height:125%;

	float:right;

	}



	div#address {

	font-size: 12px;

	padding-left:5px;

	padding-top:5px;

	line-height:125%;

	}

	

	div#phone {

	padding-top:5px;

	font-size:14px;

	padding-bottom:7px;

	}

	

	div#bizlinks {

	padding-left:5px;

	}



	div#tagline {

	display: table-column;

	float:left;

	font-size: 13px;

	padding: 10px;

	padding-top:35px;

	line-height:125%;

	margin:0px;

	width:275px;

      min-height:100px;

        min-width:300px;

	}

	

	div#subpages ul li

	{

	float:right;

	display: block;

	list-style-type: none;

	padding-right: 20px;

	padding-left: 5px;

	font-size: 14px;

	font-weight:bold;

	}

}



/* ipad sized */



@media only screen and (max-width:768px) {



	div#subpages {

	display:none;;

	}

	

	div#subpages ul li {

	padding-left: 5px;

	line-height:150%;

	}



	div#bizlisting {

	display:table-row;

	  width:auto;

	  clear:both;

	padding-top:25px;

	padding-bottom:25px;

	margin-top:20px;

	margin-bottom:30px;

	}

	

	div#photo {

	display: table-column;

	float:left;

	padding-right:5px;

	padding-bottom:15px;

	padding-left:8px;

	padding-bottom:25px;

	}



	#photo img {

	width:135px;

	height:90px;

	margin-bottom:5px;

	margin-top:35px;

	}



	div#business_name {

	font-size:18px;

	padding-top:5px;

	padding-left:3px;

	padding-bottom:3px;

	left:5px;

	position: absolute;

	}

	

	div#bizmiddle {

	display: table-column;

	float:left;

	width:300px;

	margin-top:30px;

	}



	div#business_category {

	font-size:12px;

	padding-left:10px;

	padding-top:10px;

	line-height:125%;

	float:right;

	}



	div#address {

	font-size: 12px;

	padding-left:5px;

	padding-top:10px;

	line-height:125%;

	}

	

	div#tagline {

	display: table-column;

	float:left;

	font-size: 13px;

	padding: 10px;

	line-height:125%;

	margin:0px;

	width:390px;

	padding-top:10px;

	padding-bottom:20px;

	min-height:100px;

	min-width:350px;

	}

	

	div#bizlinks {

	padding-left:5px;

	}

	

	div#phone {

	padding-top:5px;

	font-size:20px;

	padding-bottom:7px;

	}

	

#navigation

{

  clear: both;

  width: 80%;

  left: -80%;

  position: absolute;

}



/* 614px or less */

@media only screen and (max-width:614px) {

	.date-location {
		width: 100%!important;
	}

	div#subpages {

	display:none;;

	}

	

	div#subpages ul li {

	padding-left: 5px;

	line-height:150%;

	}



	div#bizlisting {

	display:table-row;

	  width:auto;

	  clear:both;

	padding-top:25px;

	padding-bottom:25px;

	margin-top:20px;

	margin-bottom:20px;

	}

	

	div#photo {

	display: table-column;

	float:left;

	padding-right:8px;

	padding-bottom:15px;

	padding-left:8px;

	padding-bottom:15px;

	}



	#photo img {

	width:120px;

	height:80px;

	margin-bottom:20px;

	margin-top:35px;

	}

	div#business_name {

	font-size:18px;

	padding-top:5px;

	padding-left:3px;

	padding-bottom:3px;

	left:5px;

	position: absolute;

	}

	

	div#bizmiddle {

	display: table-column;

	float:left;

	width:300px;

	margin-top:30px;

	}



	div#business_category {

	font-size:12px;

	padding-left:5px;

	padding-top:10px;

	line-height:125%;

	float:right;

	}



	div#address {

	font-size: 12px;

	padding-left:5px;

	padding-top:10px;

	line-height:125%;

	}

	

	div#tagline {

	display: none;

	}

	

	div#bizlinks {

	padding-left:5px;

	}

	

	div#phone {

	padding-top:5px;

	font-size:20px;

	padding-bottom:7px;

	}

}





/* Mobile Size (Less than 480px) */

@media only screen and (max-width:479px) {

	.date-location {
		width: 100%!important;

	}

	div#subpages {

	list-style-type: none;

	width:150px;

	font-size: 12px;

	font-weight:bold;

	float:right;

	line-height:110%;

	}

	div#subpages ul li {

	padding-left: 5px;

	}

	

	div#bizlisting {

	display:table-row;

	width:320px;

	height:160px;

	  clear:both;

	padding-top:25px;

	padding-bottom:35px;

	}

	

	div#photo {

	display: none;

	}

	

	div#business_name {

	font-size:15px;

	padding-top:5px;

	padding-left:3px;

	padding-bottom:3px;

	line-height:100%;

	font-weight:bold;

	}

	

	div#bizmiddle {

	display: table-column;

	width:270px;

	padding-left:15px;

	}



	div#business_category {

	font-size:12px;

	padding-top:10px;

	line-height:125%;

	float:right;

	}



	div#address {

	font-size: 12px;

	padding-left:10px;

	padding-top:10px;

	line-height:125%;

	}

	

	div#phone {

	padding-top:5px;

	font-size:20px;

	padding-bottom:7px;

	}

		

	div#bizlinks {

	padding-left:8px;

	}

}



/* Matt messing with Blue Nav Bar */

/* commented out for now */

/* @media only screen and (max-width:970px) {

#navigation

{

  clear: both;

  max-width:970px;

  width: 563px !important;

  left: -70%;

  position: absolute;

  top: 0px;

  min-height: 100%;

  z-index: 9000;

  padding-top: 4.236em;

  margin-bottom: 3em;

  font-family: sans-serif;

  font-style: normal;

  font-variant: normal;

  font-weight: 300;

  font-size: 12px !important;

  line-height: 12px !important;

  font-size-adjust: none;

  font-stretch: normal;

  background-color: #f0f0f0;

  background-image: none;

  background-repeat: repeat;

  background-attachment: scroll;

  background-position: 0% 0%;

  background-clip: border-box;

  background-origin: padding-box;

  background-size: auto auto;

}

*/



}



#bizdirtop img {

float:left;

padding-right:5px;

padding-bottom: 5px;

}



#wpadminbar

{

 display: block !important;

  direction: ltr;

  color: #cccccc;

  font-family: sans-serif;

  font-style: normal;

  font-variant: normal;

  font-weight: normal;

  font-size: 13px;

  line-height: 28px;

  font-size-adjust: none;

  font-stretch: normal;

  height: 28px;

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%;

  min-width: 600px;

  z-index: 99999;

  background-color: #464646;

  background-repeat: repeat;

  background-attachment: scroll;

  background-position: 0% 0%;

  background-clip: border-box;

  background-origin: padding-box;

  background-size: auto auto;

  background-image: #373737;

}

.entry img, img.thumbnail {

  border-top-left-radius: 5px !important;

  border-top-right-radius: 5px !important;

  border-bottom-right-radius: 5px !important;

  border-bottom-left-radius: 5px !important;

}

.entry table td img, .entry table th img

{

  padding-top: -0.857em;

  padding-right: -1.387em;

  padding-bottom: -0.857em;

  padding-left: -1.387em;

}



.entry table hd h3 {

  padding-right: 1.387em;

  padding-left: 1.387em;

}



.entry table td, .entry table th

{

  padding-top: 0em;

  padding-right: 1em;

  padding-bottom: 0em;

  padding-left: 0em;

}