/*  
Theme Name: Maceo Montoya Version 2
Theme URI: http://www.maceomontoya.com
Description: Based on the first version of Maceo's website (non-WordPress)
Version: 1.0
Author: Justin Perkins
Author URI: http://mr.tatiandjustin.com

Written by Justin Perkins in Fall 2007 based on the first version of his website, that was running on a custom PHP
system along with utilizing PHPSlideShow. The change to WordPress also allowed us to change to a different 
gallery system, gallery2
*/


*{ margin:0; padding:0; }
body{
	font-size:62.5%; /* Resets 1em to 10px */
	font-family:Verdana,Helvetica,Arial,sans-serif;
	background:#666;
	color:#fff;
}

a{
  color:#ddd;
  text-decoration:none;
}
p a{ text-decoration:underline; }
a:link{}
a:visited{ color:#eee; }
a:hover{
  text-decoration:underline;
}
a:active{}

/* main layout */
#container{
  font-size:1.1em; /* should be 11px */
  padding:10px;
}
#header{ padding:0 0 10px; }
#navigation{
  float:left;
  width:200px;
  padding:10px 0 0;
}
#content{
  padding:10px 0 0;
  margin-left:200px;
}
#footer{
  clear:both;
  padding:10px;
}

#navigation ul{
  list-style:none;
}
#navigation ul li{
  display:inline;
}
#navigation ul li a{
  display:block;
  padding:3px 10px 3px 10px;
  color:#640;
  font-size:1.3em;
}
#navigation ul li a:hover{ color:#4D3300; text-decoration:none; }

#content h2{
  padding:0 0 10px;
}
#content p{
  margin:10px 0;
}
#content img{
  margin:0 5px;
  padding:3px;
  background:#000;
}

/* for the gallery albums and photos
*******************************************************************************************************/
ul.thumbs{
  list-style:none;
}
ul.thumbs li{
  display:inline;
}
ul.thumbs li a{
  text-decoration:none;
  background:transparent;
  margin:0 10px 10px 0;
  display:block;
  float:left;
}
ul.thumbs li.fifth a{
  clear:left;
}
ul.thumbs li a img, div#photo_view img{
  border:1px solid #333;
  padding:3px;
  background:#000;
}
ul.thumbs li a span{
  display:block;
}
ul.thumbs li a:hover{
  color:#aaa;
}

div.post_thumbs{ /*clear:left;*/ }