/* Website Title
 * Elements
 *
 * For stylistic graphic elements / widgets
 * © Ross Cairns 2007
*/


/* 														------------- General Elements */


ul.element-indentedList {
	
	padding-left: 14px;
}


div.element-littleSafaris h2,  
div.element-littleSafaris p, 
div.element-littleSafaris ul,
div.element-littleSafaris h3 
{
	
	padding-left: 5px;
}




/*										---------- Screen Slide Show */

#secondary div.screen {
	padding-bottom: 100px;
	padding-left:	42px;
}

div.slideshowscreen {
	cursor: 	pointer;
	display: 	block;
	width: 		588px;
	height: 	504px;
	background: white url(../image/screen_background.jpg) top left no-repeat;
}

#secondary div.screen p,  
#secondary div.screen ul li {
	font-family: "Monaco", courier, sans-serif;
	font-size:9px;
	font-smooth:never;
	font-weight:normal;
	color: gray;
}

#secondary div.screen ul li.title {
	background: none;
	padding: 0;
	margin: 0;
	color: black;
}

#secondary div.slideshowscreen  {
	padding-left: 24px;
	padding-top: 23px;
}

#secondary  div.slideshowscreen li {
	background: 	none;
	padding: 		0px;
	margin: 		0px;
	widows: 		540px;
	height:			339px;
	overflow: 		hidden;
	display: 		block;
}

#secondary div.screen div.slideshowscreen li {
	display: none;
}
#secondary div.screen div.slideshowscreen li.first {
	display: block;
}

/* 														------------- Layout Specific Elements */

/*											----------------- Blog */
											
div.post {
	padding-bottom: 45px; 
	float:left;
	clear:both;
}

#secondary .post p {
	/* font-size:1.1em; */
}
											
div.post div.title {
	display:block;
	padding-bottom:9px;
}	

div.post img {
	padding-bottom: 10px;
}

							
											
/*						----------------- Typography */
											
div.element-blog-infoPanel,
div.element-blog-infoPanel h4,
div.element-blog-control,
div.element-blog-comments-add 
{
	font-family: "Monaco", courier, sans-serif;
	font-size:9px;
	font-smooth:never;
	font-weight:normal;
}
/*						----------------- Title + Info */
div.element-blog-info {
	display: inline-block;
	overflow: hidden;
	height:16px;
}

div.element-blog-info h3 {
	display: inline-block;
}

div.element-blog-info {
	/*border-bottom: 1px Solid #999999;*/
	background: transparent url(../image/element_blog_info_background.gif) 0px 15px repeat-x;
}

div.element-blog-info ul,  
div.element-blog-info li {
	display: block;
	float: right;
	padding:0x 0 0 0;
	margin:0;
	height:10px;
}

#secondary div.element-blog-info li {
	background: none;
	margin:0 0 0 0 ;
	padding:6px 0 0 0;
}

#secondary div.element-blog-info li.element-blog-tag-info {
	display: inline-block;
	background: transparent url(../image/element_blog_info_info.gif) bottom left no-repeat;
	width:25px; /* this could be 24px */
	height:10px;
}
#secondary div.element-blog-info li.element-blog-tag-info span {
	display: none;
}
/*				---------- Info  Div*/
div.element-blog-infoPanel {
	display:none; 
    position: absolute; 
    top: -4px;  
    left: 0;
    z-index: 2; 
	width:390px;
	padding-top:15px;
}
div.element-blog-infoPanel-details {
	background:#FFFFFF;
	border: 1px solid #999999;
	/*border-top: none;*/
	padding: 10px;
	margin-bottom: 10px;
}
div.element-blog-infoPanel-details ul {
	padding-bottom: 5px;
}
div.element-blog-infoPanel-details ul li{
	display: inline-block;
	width:29%;
	padding:0;
	margin:0;
}

/*				---------- Comments  Div*/
				
div.element-blog-comments {
	float:right;
	
	width:390px;
}
				
div.element-blog-comments-panel {
	display: none;
	/*border:1px solid #000;
	float:right;
	clear:both;*/
	padding-top: 12px;
}

h5.element-blog-comments_1 {
	display:inline-block;
	float: right;
	height: 10px;
	width: 62px;
	background: transparent url(../image/element-blog-comments_1.gif);
}

h5.element-blog-comments-counter span{
	display:none;
	
}

div.element-blog-comments-add {
	display:none;
	border-top:1px solid #000;
}

div.element-blog-comments-comment-title {
	display:block;
	width:390px;
	height:10px;
	background: transparent url(../image/blog-comment-head.png) top left no-repeat;
}

div.element-blog-comments-comment-content {
	display:block;
	width:390px;
	padding-top:10px;
	padding-left:18px;
	padding-right:10px;
	padding-bottom:7px;
	background: transparent url(../image/blog-comment-body.png) bottom left no-repeat;

}

p.element-blog-header {
	color: #7C7C7C;
	margin-bottom: 0;
	width:auto;
}

p.element-blog-header span.says {
	color: #000;
}
/*
div.element-blog-comments-comment h4 {
	padding-bottom: 8px;
	width: 10;
}*/
#secondary div.element-blog-comments-comment p {
	width: 333px;
}


div.element-blog-comments-comment-title.add {
	display:block;
	width:390px;
	height:10px;
	/* background: transparent url(../image/blog-comment-head-add.png) top left no-repeat; Adds the green */
}

#secondary div.element-blog-comments-comment form {
	padding-left:2px;
}

#secondary div.element-blog-comments-comment input,
#secondary div.element-blog-comments-comment textarea
{
	width:339px;
	padding-bottom:0px;
}

#secondary div.element-blog-comments-comment input {
	width:290px;
}

#secondary div.element-blog-comments-comment-content.add p {
	margin-bottom: 1px;
	padding-bottom:0px;
}

#secondary div.element-blog-comments-comment input.submitButton {
	width: 50px;
}

#secondary div.element-blog-comments-comment-content.add p.submitButton {
	padding-top:4px;
	padding-bottom:8px;
	text-align:right;
}

/*				---------- Controls  Div*/
div.element-blog-control-title {
	background: transparent url(../image/element_blog_control.gif);
	display:block;
	position:fixed;
	top: 0;
	left:771px;
	width:51px;
	height:10px;
	z-index: 10;
}
div.element-blog-control-title span {
	display:none;
}

div.element-blog-control {
	display: none;
	position:fixed;
	left:243px;
	top:0;
	width:582px;
	padding-top:10px;
}

div.element-blog-control_top {
	background:transparent url(../image/element-blog-control_background_top.png) top left;
	display: block;
	height:2px;

}
div.element-blog-control-controls {
	display:block;
	width:562px; /* - padding */
	padding:10px;
	background: transparent url(../image/element-blog-control_background.png) bottom left no-repeat;
}

div.element-blog-control-controls  ul {
	padding-bottom: 5px;
}
div.element-blog-control-controls  ul li{
	display: inline-block;
	width:22%;
}