/* CSS- Cascading Style Sheet for the Template: macstyle */
body {
	height: auto;
	margin: 0px;
	text-align: left;
	color: #ffb400;
	font-size: 11px;
	font-weight: normal;
      background-color:#444;
      font-family:Verdana;
}

a, img {
	border: none;
	text-decoration: none;
	color: #ffb400;

}
a:hover{
	text-decoration:underline;
}
a:visited{
	text-decoration: none;
	color: #fff;
}


/* Top menu */

.content {
position:relative;
width:900px;
left:50%;
margin-left:-450px;
}


#menucontainer {
position:relative;
width:100%;
background-image:url(pic/menubg.jpg);
height:210px;
}

#menucontainer ul {
list-style:none;
margin:0;
padding:0;
}

#menucontainer ul li {
display:block;
position:relative;
float:left;
}

#menucontainer ul li a:link, #menucontainer ul li a:visited {
display:block;
position:relative;
float:left;
padding:160px 30px 20px 30px;
font-size:14px;
line-height:10px;

letter-spacing:1px;
color:#ffb400;
text-decoration:bold;
}

#menucontainer ul li a:hover {
background-image:url(pic/menubghover.jpg);
padding:160px 29px 20px 29px;
border-left:1px solid #ffb400;
border-right:1px solid #ffb400;
border-bottom:3px solid #ffb400;
color:#EEE;
}

#menucontainer ul .current_page_item a:link, #menucontainer ul .current_page_item a:visited {
background-image:url(pic/menubghover.jpg);
border-bottom:3px solid #ffb400;
color:#ffb400;
}

#menucontainer ul .current_page_item a:hover {
border-left:0;
border-right:0;
padding:160px 30px 20px 30px;
color:#ffb400;
}


/* Main   */

#maincontainer {
	margin:auto;
	padding-bottom: 20px;
	background-color: #444;
	position: relative;
}



#imagecontainer {
position:relative;
margin-top:auto;
margin-left:-30px;
margin-right:30px;
top:0px;
left:30px;
padding-left:20px;
background-color:#444;
height: <IMAGE_HEIGHT>px;

}



#titlecontainer{

	padding-bottom: 20px;
	background-color: #444444;
	position: absolute;
	top:150px;
      left: 10px;
	margin-top:20px;
      height: auto;
      width: 180px; 
}
#metacontainer{
	position:absolute;
	top:auto;
	left:10px;
	padding-bottom: 40px;
	background-color: #444;
	margin-top:20px;
	margin-bottom: 20px;
      height: auto;
	width: 150px;
}

#infocontainer {
position:absolute;
top:0px;
left:10px;
padding-right:10px;
background-color:#333;
height: auto;
width:auto;
}

#commentcontainer{
	position:absolute;
	margin-top:<IMAGE_HEIGHT>px;
	height:100%;
	width: 375px;
	padding-bottom:100px;
	background-color: #00FF0B;
	padding-right:10px;

}	


/* image */

#navigation{
	margin:auto;
	position: relative;
	left:10px;

}
#top-wrapper{
	margin:auto;
	position: relative;
}
#nav-pre-next{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#prev-image{
	background: 		transparent url('images/blank.gif') no-repeat; /* Trick IE into showing hover */
	float: left;
	left: 0;
	width: 				49%;
	height: 			99%;
	display: 			block;
	margin-left: -70px;
}
#next-image{
	background: 		transparent url('images/blank.gif') no-repeat; /* Trick IE into showing hover */
	position: absolute;
	float: right;
	width:49%;
	height:99%;
	display: 			block;
	right: 0;
	margin-right: -70px;
}
#prev-image:hover, #prev-image:visited:hover {
	background: 		url('images/prev.jpg') no-repeat left;
	cursor: 			pointer;
	}
#next-image:hover, #next-image:visited:hover {
	background: 		url('images/next.jpg') no-repeat right;
	cursor: 			pointer;
	}

/* meta */

#image-title{
      text-align: left;
      color:#ffb400;
	font-size: 18px;
      letter-spacing:3px;
	padding-left: 5px;
	font-weight: normal;

}
#image-notes{
      text-align: left;
	padding-left: 5px;
	color:#EEE;
      font-size:11px;
      line-height:15px;

}


.themeta{
	background: url(images/themetaside.gif) repeat-y top left;
	width: 180px;
	float: left;
        font-size: 11px;
	color: #aaaaaa;
	margin-top: 6px;

	padding-left: 10px;
        padding-right: 20px;
	line-height: 15px;
}


.themeta li, ul.post-meta li {
	display: inline;
}

.themeta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.themeta span.ccl{
	color: #aaa;
	background: url(images/cc.logo.circle.gif) no-repeat;
	padding-left: 20px;
}
.themeta span.where{
	color: #aaa;
	background: url(img/where.gif) no-repeat;
	padding-left: 20px;
}
.themeta span.who{
	color: #aaa;
	background: url(img/who.gif) no-repeat;
	padding-left: 20px;
}
.themeta span.when-date{
	color: #aaa;
	background: url(images/when-date.gif) no-repeat;
	padding-left: 20px;
}
.themeta span.when-hour{
	color: #aaa;
	background: url(images/when-hour.gif) no-repeat;
	padding-left: 20px;
}
.themeta span.camera{
	color: #aaa;
	background: url(images/camera.png) no-repeat;
	padding-left: 20px;
}
.themeta span.category{
	color: #aaa;
	background: url(images/database.png) no-repeat;
	padding-left: 20px;
}
.themeta span.su{
	color: #aaa;
	background: url(img/su.gif) no-repeat;
	padding-left: 20px;
}

.themeta a {
	color: #ffb400;
	font-weight: normal;
	letter-spacing: 0;
	text-decoration: none;
}
.themeta a:hover{
	color: #efa800;
}


/* comments */
#options{
	text-align: center;
	height: 36px;
	padding-bottom: 20px;
	padding-top: 20px;
	margin:auto;

}
.comments-title{
	font-size: 18px;
	text-align:left;
	padding-top: 10px;
	font-weight:bold;
}
#comments{
	text-align: left;
	font-size: 13px;
	margin-right: 30px;
}
#comments li{
	background-color:#333;
	border-left:2px solid #ffb400;
	padding: 10px;
}
#comment-form{
	padding-left: 50px;
	padding-right: 20px;
	padding-top:10px;
	padding-bottom: 10px;
}
.comment-form-text {
	font-weight: bold;
}


/* end */
#lower-wrapper{
overflow: hidden;

width: 100%;
background-image: url(images/bottombg.jpg);
background-repeat: repeat-x;
background-color: #222;
}


#thumbs {
	height: 200px;
	overflow: hidden;

	width: 100%;
	margin:auto;
        padding-top: 20px;
}

#footer {
position:absolute;
clear:both;
width:100%;
padding:30px 0 5px 0;
height:30px;
background-color:#222;
}

#footer p {
color:#666;
font-size:11px;
line-height:30px;
text-align:center;
margin:0;
}

#footer img {
border:0;
}

#footer a:link, #footer a:visited {
color:#666;
}

#footer a:hover {
color:#666;
text-decoration:underline;
}