/*CSS Document for projects Sub Menu */
a#carstereo_menu {
  background: transparent url('../templates/images/submenu/carstereo.jpg') no-repeat bottom left;
}
a#website_menu {
  background: transparent url('../templates/images/submenu/website.jpg') no-repeat bottom left;
}
a#xbox_menu {
  background: transparent url('../templates/images/submenu/xbox.jpg') no-repeat bottom left;
}
a#miniblog_menu {
  background: transparent url('../templates/images/submenu/project_blog.jpg') no-repeat bottom left;
}
a#carstereo_menu:hover, a#website_menu:hover, a#xbox_menu:hover, a#miniblog_menu:hover, div#submenu a#root:hover {
	background-position: top left;
}
div#submenu a#root {
	background: transparent url('../templates/images/titles/projects.jpg') no-repeat bottom left;
}
div#submenu a#carstereo {
  background: transparent url('../templates/images/titles/carstereo.jpg') no-repeat bottom left;
}
div#submenu a#website {
  background: transparent url('../templates/images/titles/website.jpg') no-repeat bottom left;
}
div#submenu a#xbox {
  background: transparent url('../templates/images/titles/xbox.jpg') no-repeat bottom left;
}
div#submenu a#miniblog {
  background: transparent url('../templates/images/titles/blog.jpg') no-repeat bottom left;
}
p.code {
	display: block;
	width: 70%;
	background-color: #cccccc;
	border: 1px solid black ;
	margin: 1em 20% 1em 10%;
	padding: 0.6em 2em;
}

p.code span.red {
	color: red;
}

p.code span.green {
	color: green;
}

ul#item_list, ul#data_list {
  list-style-type: none;
}
ul#item_list li {
  clear: both;
  background: transparent url('../images/projects/list_button.png') no-repeat 0 10px;
  padding: 10px 0 10px 80px;
  line-height: 25px;
}
ul#data_list li {
  clear: both;
  border-top: 1px dotted #666666;
  background: transparent url('../images/projects/sub_list.png') no-repeat 0 5px;
  padding: 10px 0 0 50px
}

ul#data_list p {
  font-size: 0.8em;
}

Ul#data_list li li {
	background-image: none;
	padding: 0;
	border: none;
}

ul#item_list img {
  border: 0;
  margin: 10px;
}
ul#data_list img {
  padding: 10px;
}
ul#item_list h1 {
  font-size: 1.2em;
  border-bottom: 1px dashed #666666;
}

ul#data_list h1 {
  font-weight: bold;
  font-size: 0.9em;
}
ul#item_list p{
  margin-top: 30px;
}
p.date {
  font-size: 0.6em;
}
div.holdleft {
   display: block;
   width: 70%;
   float: left;
}
div.cat_menu {
   float: right; 
   width: 28%;
	margin: 0;
}
div.cat_menu ul {
	 list-style-type: none;
	margin-left: 0;
}

div.cat_menu ul li{
	font-size: 0.9em;
	line-height: 1.9em;
	background: transparent url('../images/projects/menu_icon.png') no-repeat 0 0;
	padding-left: 30px;
}