/* -----------------------------------------------
Blogger Template Style
Name:     Mellowvision Clips Video Blog Styles
Designer: Bill Brissette
URL:      www.mellowvision.com
Date:     January 22 2007

Based loosly on Minima by Douglas Bowman. 
Thanks for the nice platform.

This site also uses this styleswitcher:
http://alistapart.com/stories/alternate/

and this pngfix for transparent pngs:
http://homepage.ntlworld.com/bobosola

----------------------------------------------- */



body {
  background:#000;
  margin:0;
  padding:0px;
  font:x-small Futura, Helvetica, Verdana, Arial, Sans-Serif;
  text-align:center;
  color:#fff;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#298B25;
  text-decoration:none;
  }
a:visited {
  color:#298B25;
  text-decoration:none;
  }
a:hover {
  color:#deff00;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
@media all {
  #header {
  	background-color:#298B25;
  	text-align:right;
    width:1190px;
    margin:0 auto 0px;
    }
  }
@media handheld {
  #header {
    width:90%;
    }
  }
 
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #222;
  border-width:1px 1px 0;
  font-size:300%;
  line-height:1.2em;
  color:#298B25;
  text-transform:uppercase;
  letter-spacing:-.1em;
  }
#blog-title a {
  color:#298B25;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#0000FF;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #222;
  border-width:0 1px 1px;
  font:78%/1.4em Futura, Helvetica, Verdana, Arial, Sans-Serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Content
----------------------------------------------- */
@media all {
  #content {
    width:1190px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:890px;
    float:left;
    }
  #sidebar {
    width:300px;
    float:right;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
  	margin-top:20px;
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:bold 78%/1.4em Futura, Helvetica, Verdana, Arial, Sans-Serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  #post {
  	float:left;
  	width:425px;
  	min-height:500px;
	margin-bottom:50px;
	margin-right:20px;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0; 1.5em;
    }
  }

#post-header {
	margin-top:20px;
	margin-bottom:0px;
	padding:20px 5px 5px 5px;	
  	background-color:#298B25;
  font-size:1.2em;
  font-weight:bold;
  color:#FFF;
  }
#post-header a:visited {
  color:#FFFFFF;
  text-decoration:none;
  }
#post-header a:link {
  color:#FFFFFF;
  text-decoration:none;
  }
#post-header a:hover {
  color:#deff00;
  text-decoration:none;
}
  
#post-body {	
	width:425px;
	margin-top:5px;
	padding:0px;
	padding-bottom:10px;
}
#post-footer {	
	width:425px;
	font-size:70%;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:0px;
  border:0;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comment {
	margin-top:10px;
	margin-bottom:0px;
	padding:5px 5px 5px 5px;	
  	background-color:#fff;
	color:#000;
  }
#comment-body {
	padding:4px 1px 2px 2px;
	font-size:1.1em;
  	font-weight:bold;
}

#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em Futura, Helvetica, Verdana, Arial, Sans-Serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em Futura, Helvetica, Verdana, Arial, Sans-Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar-title {
	margin-top:20px;
	padding:20px 5px 5px 5px;	
  background-color:#298B25;
  color:#fff;
  font-size:1.2em;
  font-weight:bold;
  }
#covergraphic {
	width:300px;
	height:200px;
	background:url(images/mellowvisioncom.gif) repeat-y 50% 0;
}
#viewoptions {
	font-size:90%;
}#sidefootColor {
	margin-top:20px;
  	background-color:#298B25;
  }  
#sidefoot {
	padding:20px 5px 5px 5px;	
	background-color:#298B25;
	background:url(images/footer_recreation.png) repeat-y 0% 0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-align:right;
  }
#sidebar-labels {
  margin:3px 0px 0px 0px;
  padding:0 0 1.5em;
  font-size:1.1em;
  font-weight:bold;
  color:#298B25;
  }
 #sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#FFF;
  line-height:1.5em;
  }
  
.col2 {
 	font-weight:normal;
}
.col3 {
	font-weight:bold;
}
.col4 {
	font-weight:normal;
}


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em Futura, Helvetica, Verdana, Arial, Sans-Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em Futura, Helvetica, Verdana, Arial, Sans-Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em Futura, Helvetica, Verdana, Arial, Sans-Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }