/*  
Theme Name: CMbarkpark
Theme URI: http://cmbarkpark.org/
Description: The default Costa Mesa Bark Park theme.
Version: 1.5
Author: Leo A. Novelli
Author URI: http://AtlantisNet.com/

	CMbarkpark v1.5
	 http://cmbarkpark.org/

	This theme was designed and built by Leo A. Novelli,
	whose company you will find at http://AtlantisNet.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

p {
 margin:0;
 padding: 0 15px 15px 15px;
 }

a {
 color: green;
 text-decoration: none;
 border-bottom: 1px dotted #336699;
}

a:hover {
 color: green;
 text-decoration: none;
 border-bottom: 1px solid #339933;
}

h2 {
 font-size: 1.6em;
 text-align: left;
 text-decoration: none;
 color: green;
 padding: 0 0 0 15px;
 }

h3 {
 font-size: 1.6em;
 text-align: center;
 text-decoration: none;
 color: green;
 padding: 10px 0 0 0;
 }

h4 {
 font-size: 1.3em;
 color: green;
 margin:0; 
 padding: 0 0 0 15px;
 }

h5 {
 font-size: 1.0em;
 color: #000000;
 margin:0; 
 padding: 10px 0 0 15px;
 }
 
p:first-letter {
 font-size: 130%; 
 font-weight: bold;
 }

.post {
	margin: 0;
	text-align: justify;
	}

.evententry {
  margin: 0 0 0 10px;
}

.widecolumn .post {
	margin: 0;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

a.store_images {
 border-bottom: none;
 }

.cart_image {
 text-align: center;
 margin: 0 auto;
 }

.cart_right {
 text-align: right;
 margin: 0;
 padding: 0 10px 0 0;
 }

.cart_product {
 text-align: left;
 }

body {
 margin:10px;
 background:#CCFFCC;
 color: #333333;
 text-align:center;
 padding:0;
 font: 12px/1.8em 'Trebuchet MS', Verdana, Arial, Sans-Serif;
 }

#outer {
 text-align:left;
 border:0px solid #000000;
 width:720px;
 margin: 0 auto;
 padding: 0;
 }

#hdr {
 background:#CCFFCC;
 color: #333333;
 padding:0;
 margin:0;
 }

#bar {
 height:25px;
 background:#339933;
 color: #ffffff;
 padding:0;
 margin:0;
 }

#bodyblock {
 background: #fff url(/images/dogparkbackground.gif) repeat;
 color: #333333;
 width:720px;
 padding:0;
 margin: 0;
 }

#cont {
 color: #333333;
 float: left;
 text-align: left;
 margin: 0;
 padding: 0;
 width: 510px;
 }
 
#navcontainer {
 color: #333333;
 float: right;
 margin: 0;
 padding: 0 0 0 5px;
 font-size: 13px;
 width: 198px;
 }
 
#navcontainer ul {
 margin: 0;
 padding: 10px 10px 0 0;
 }

#navcontainer li {
 list-style-type: none;
 margin: 0 0 8px 0;
 padding: 0;
 }

#navcontainer a:link {
 display: block;
 background-color: #CCFFCC;	
 color: #666666;
 padding: 5px 5px;
 margin: 0;
 text-decoration: none;
 border-bottom: none;
 }

#navcontainer a:visited {
 display: block;
 background-color: #CCFFCC;	
 color: #666666;
 padding: 5px 5px;
 margin: 0;
 text-decoration: none;
 border-bottom: none;
} 

#navcontainer a:hover {
 display: block;
 background-color: #339933;
 color: #ffffff;
 padding: 5px 5px; 
 margin: 0; 
 text-decoration: none;
 border-bottom: none;
 }
 
#navcontainer li a#current {
 background-color: #339933;
 color: #ffffff;
 }

#innerbodyblock {
 width:500px;
 padding:0;
 margin: 0;
 }

#innernews {
 color: #333333;
 float: left;
 text-align: left;
 padding: 0 20px 0 0;
 margin: 15px 8px 15px 15px;
 border: 1px solid #339933;
 width: 195px;
 }
 
#innerevents {
 color: #333333;
 float: right;
 text-align: left;
 padding: 0 20px 0 0;
 margin: 15px 15px 15px 8px;
 border: 1px solid #339933;
 width: 195px;
 }

#bottombodyblock {
 width:500px;
 padding:0;
 margin: 0;
 }

#bottomimage {
 color: #333333;
 float: left;
 text-align: left;
 padding: 0;
 margin: 30px 8px 15px 15px;
 width: 100px;
 }
 
#bottomtext {
 color: #333333;
 float: left;
 text-align: left;
 padding: 0;
 margin: 15px 0 15px 0;
 width: 350px;
 }

.title {
 font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
 font-size: 18px;
 padding: 5px 5px;
 display: block; 
 background-color: #339933;
 color: #ffffff;
 }

#ftr {
 height:50px;
 background:#CCFFCC;
 color: #000000;
 padding-top: 10px;
 margin:0;
 } 

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
  
  .clearfix {display: inline-table;}
  * html .clearfix {height: 1%;}
  .clearfix {display: block;}