/*
Theme Name: Apple - Mac OS X Leopard
Theme URI: http://protoboard.cl/
Description: Theme based on the famous Operative System Apple <a href="http://www.apple.com/macosx/">MAC OS X Leopard</a>.
Version: 0.1
Author: Rodrigo Augosto
Author URI: http://www.linkedin.com/in/rodrigoaugosto
Tags: Leopard, Apple, MAC OS

	Apple - Mac OS X Leopard v0.1
	http://www.apple.com/macosx/leopard/

	This theme was designed and built by Rodrigo Augosto,
	whose blog you will find at http://protoboard.cl/

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

@import "files/reset.css";

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: #070707 url('files/bitmaps/wallpaper_leopard.jpg') no-repeat;
	color: #333;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
}
a{
	cursor: default;
}
/*
switch-view.png hxw : 12,22
row-menu.png : 15,15
search-form.png: 28,164
close-win.png: 16,58
*/

#page {
	/*border: 1px solid red;*/
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

#header {
	background: url('files/bitmaps/bg_top.png') no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	height: 50px;
	width: 100%;
	/*border: 1px solid green;*/
	padding-top: 31px;
	position: relative;
	cursor: default;
}

		#header #close-win{
			background:   url('files/bitmaps/close-win.png') center 0 no-repeat;
			width: 60px;
			height: 16px;
			position: absolute;
			left: 17px;
			top: 28px;
		}
		#header h1{
			letter-spacing: 0.3px;
			font-weight: normal;
			text-align: center;
			margin: 0;
			height: 18px;
			padding: 0;
			font-size: 12.8px;
		}
		#header #switch-view{
			background:  url('files/bitmaps/switch-view.png') center 0 no-repeat;
			width: 22px;
			height: 12px;
			position: absolute;
			right: 17px;
			top: 31px;
		}
		#header #toolbar{
			position: relative;
			
		}
			/******** Back / Forward Buttons *******/
			ul.backsbuttons{
				position: absolute;
				left: 17px;
			}
				ul.backsbuttons li{
					height: 23px;
					float: left;
				}
					ul.backsbuttons li.back{
						width: 26px;
						background:  url('files/bitmaps/back-1.gif') center 0 no-repeat;
					}
					ul.backsbuttons li.forward{
						width: 27px;
						background:  url('files/bitmaps/back-2.gif') center 0 no-repeat;
					}
					ul.backsbuttons li:hover{
						background-position: center -23px;
					}
					ul.backsbuttons li.selected{
						background-position: center -46px;
					}
			/******** View Buttons *******/
			ul.viewbuttons{
				position: absolute;
				left: 270px;
			}
				ul.viewbuttons li{
					width: 28px;
					float: left;
					height: 23px;
				}
				ul.viewbuttons li.icons{
					background:  url('files/bitmaps/view-1.gif') center 0 no-repeat;
				}
				ul.viewbuttons li.list{
					background:  url('files/bitmaps/view-2.gif') center 0 no-repeat;
				}
				ul.viewbuttons li.columns{
					background:  url('files/bitmaps/view-3.gif') center 0 no-repeat;
				}
				ul.viewbuttons li.coverflow{
					background:  url('files/bitmaps/view-4.gif') center 0 no-repeat;
				}
					ul.viewbuttons li:hover{
						background-position: center -23px;
					}
					ul.viewbuttons li.selected{
						background-position: center -46px;
					}
			#searchform {
				padding:0;
				width: 164px;
				background: url('files/bitmaps/search-form.png') left -0 no-repeat;
				position: absolute;
				right: 17px;
			}
			#searchform label{
			display: none;
			}
			#searchform #s {
				background: none;
				border: none;
				margin: 0;
				padding: 0;
				height: 20px;
				width: 113px;
				padding: 8px 25px 0px 23px;
			}
		
/*************** #container ************/
#container{
	background: url('files/bitmaps/border_right.png') right 0 repeat-y;
	width: 100%;
	overflow: hidden;
}
div#content, div#sidebar, div#borderleft {
     float: left;
     padding-bottom: 30000px;
     margin-bottom: -30000px;
}
	/******** bioderleft *******/
	#borderleft  {
		width: 12px;
		background: url('files/bitmaps/border_left.png') 0 0 repeat-y;;
	}
	
	/******** Content *******/
	#content {
		font-size: 1.2em;
		width: 696px;
		background-color: white;
	}
	
	/******** Sidebar *******/
	#sidebar
	{
		padding: 5px 0 10px 0px;
		width: 180px;
		background-color:  #DFE3E9;
	}
	/** H2 Title **/
	#sidebar ul li h2{
		color: #8d93a0;
		padding: 0;
		padding-left: 25px;
		line-height: 140%;
		text-transform: uppercase;
		background:  url('files/bitmaps/row-menu.png') 8px -15px no-repeat;
		height: 15px;
		margin-bottom: 3px;
		cursor: default;
	}
		/*#sidebar ul li h2:hover{
			background-position: 8px -15px;
		}*/
	/** First LI Item **/
		#sidebar ul li ul li a{
			padding-left: 45px;
			display: block;
			height: 20px;
			line-height: 200%;
			/*border: 1px solid red;*/
			background:  url('files/icon/ico-rss.png') 25px center no-repeat;
			color: #000000;
			text-decoration: none;
		}
	#sidebar ul li ul li.current_page_item{
		background-color: #3570bd;
		background: url('files/bitmaps/current_page_item.png') 0 0 repeat-x;
	}
		#sidebar ul li ul li.current_page_item a{
			color: #FFFFFF;
		}
/******** Footer *******/
#footer {
	margin: 0 auto;
	width: 100%;
	clear: both;
}
	#footer p.statusbar {
		background:  url('files/bitmaps/bg_bottom.png') 0 0 no-repeat;
		text-align: center;
		height: 30px;
	}
	#footer p.information {
		text-align: center;
		color: white;
	}
	#footer p.information a{
		color: white;
	}
/******** Dock *******/
#dock{
	position: fixed;
	margin: 0 auto;
	bottom: 36px;
	left: 37.5%;
	min-width: 20px;
	max-width: 400px;
	z-index: 9999;
}

#dock img{
	float: left;
}

/* [Wordpress Required] alignment CSS classes that are used by the visual editor.*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/*  [Wordpress Recommend]  (but do not require) that you include the image caption CSS classes*/
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}