body{
	margin:5px, 0px, 0px, 5px;
	background-image:url(images/bk2.jpg);
	background-color:#000000;
}
#body_container{
	 min-width:1160px;
	 margin:0 auto;
}
.logo{
	display:block; /*images must be set to block in order use auto margins*/
   margin-left:0 ; /*centers images in most browsers*/
   text-align:left; /*centers images in older browsers*/
 
}
#logo_layer{
	position:absolute;
	background-image:url("images/logo.png");
	background-repeat: no-repeat;
	height:82px;
	width: 250px;
	float:left;
	z-index:100;
	margin-top:55px;
}
#menu_layer{
	background-color: #000;
    background-color: rgba(0,0,0,0.5);
	height:20px;
	width:600px; 
    padding:10px;
    margin:0 auto;
	margin-bottom:10px;
}
.header{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#photography{
	position:relative;
	width:700px;
	hight:389px;
	left: auto;
	right: auto;
	top: 200px;
	margin:0 auto;
}
.page_content{
	border: 1px solid #000000;
	background-color: #000;
    background-color: rgba(0,0,0,0.5);
	position:relative;
	width:750px;
	min-height: 100px;
	left: auto;
	right: auto;
	top: 600px;
	margin:0 auto;
}
#makeMeScrollable
		{
			width:700px;
			height: 389px;
			margin-left: auto;
    margin-right: auto;
			position: absolute;
		}
		
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
a.menu{
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	text-decoration:none;
	margin:10px;
}
a.menu:hover{
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#75607f;
	text-decoration:none;
	margin:10px;
}
h1.header, h1.header a{
	font:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#ffffff;
	margin:5px;
	text-decoration:none;
}
h1.header a:hover{
	color:#75607f;
}
.status{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#cf83f8;
	text-decoration:none;
	display: block;
	font-style:italic;
}
.error{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#FF0;
	text-decoration:none;
	display: block;
	font-weight:bold;
	font-style:italic;
}
.error2{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#FF0;
	text-decoration:none;
	display: block;
	font-weight:normal;
	font-style:italic;
}
.error_cc{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#FF0000;
	text-decoration:none;
	display: block;
	font-weight:bold;
	font-style:italic;
}
.error2_cc{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#FF0000;
	text-decoration:none;
	display: block;
	font-weight:normal;
	font-style:italic;
}
.notice1{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FF0;
	text-decoration:none;
	font-weight:normal;
	font-style:italic;
}
.page_content p{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#ffffff;
	margin:5px;
}
/*---------------------------------BLOG----------------------------------*/
#article-container_cc {
	border: 1px solid #000000;
    width:650px; 
    padding:10px;
    margin:0 auto;
	background-color: #fff;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
}
#article-container_cc a{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:none;
}
#article-container_cc a:hover{
	text-decoration:underline;
}
#article-container {
	border: 1px solid #000000;
    width:650px; 
    padding:10px;
    margin:0 auto;
	background-color: #000;
    background-color: rgba(0,0,0,0.5);
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
}
#article-container a{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
}
#article-container a:hover{
	text-decoration:underline;
}
#article-container a.one{
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#cf83f8;
	text-decoration:none;
}
#article-container a.one:hover{
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#ffffff;
	text-decoration:none;
}
#article-container p {
	margin-bottom:15px;
}
#print_icon, #print_icon a{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	float:right;
}
#print_icon a:hover{
	text-decoration:underline;
}
#print_icon img{
	border:0;
}
h1.article-title{
	font:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#ffffff;
	margin-bottom:5px;
}
h1.article-title a{
	font:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#cf83f8;
	margin-bottom:5px;
	text-decoration:none;
}
h1.article-title a:hover{
	font:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#ffffff;
	margin-bottom:5px;
	text-decoration:underline;
}
a.admin-link{
	font:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#FFFF00;
	margin-bottom:5px;
	text-decoration:none;
}
a.admin-link:hover{
	text-decoration:underline;	
}
.posted-date{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-style:italic;	
	display: block;
	margin-bottom:20px;
}
.article {
	font:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#ffffff;
}
.article a{
	font:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#FFFF00;
	text-decoration:none;
}
.article a:hover{
	font:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#FFFF00;
	text-decoration:underline;
}
.sharethis{
	height:30px;
	border-top: 2px solid #999; 
	border-bottom: 2px solid #999; 
	margin:10px;
	background-color:#000;
}
#left{
	margin:5px;
	float:left;
	left:0px;
}
#right{
	margin:4px;
	float:right;
	right:0px;
}
.posted-by{
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
}
.posted-by-date{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-style:italic;
	margin-left:10px;	
}
.comment-header{
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:10px;	
	display:block;
	left:0px;
}

.fb-comments{
	background-color:#333;
	
}
.comment{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000000;	
}

.triangle-border {
	position:relative;
	padding:10px;
	margin:1em 0 3em;
	border:5px solid #877f8c;
	color:#333;
	background:#bebac1;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#877f8c transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#bebac1 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
/* creates the larger triangle */
.triangle-border.top:before {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:40px;
	right:auto; /* controls horizontal position */
    border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
	top:-13px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:47px;
	right:auto; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}

		*:focus{
			outline:none; /* Prevents blue border in Webkit */
		}
		form {
			margin: 20px auto;
		}
legend{
			font-family: Verdana, Geneva, sans-serif;
			color:#000;
			font-size:18px;
			font-weight:bold;
}
label{
	font-family: Verdana, Geneva, sans-serif;
			color:#333;
			font-size:14px;
			font-weight:bold;
}

		input, textarea {
			font-family: Verdana, Geneva, sans-serif;
			background-color:#fff;
			border:1px solid #ccc;
			font-size:14px;
			width:300px;
			min-height:15px;
			display:block;
			margin-bottom:16px;
			margin-top:8px;
			
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
		}
		
		textarea {
				min-height:100px;
		}

		input:focus, textarea:focus {
			-webkit-box-shadow:0 0 25px #ccc;
			-moz-box-shadow:0 0 25px #ccc;
			box-shadow:0 0 25px #ccc;
			
		}
		/* The interesting bit */
				
		input:required, textarea:required {
				background:url("/images/blog_images/asterisk.png") no-repeat 280px 7px;		
				background-color:#fff;				
		}

		input:valid, textarea:valid {
			background:url("/images/blog_images/tick.png") no-repeat 280px 5px;		
			background-color:#fff;	
		}		

		input:focus:invalid, textarea:focus:invalid {
			background:url("/images/blog_images/cancel.png") no-repeat 280px 7px;	
			background-color:#fff;					
		}

		input[type=submit] {
			background-color:#fff;	
			color:#000000;
			padding:10px;
			opacity:1.0;
		}

.subscribe{
	color:#FFF;
	width: 600px;
	border-top: 2px solid #999; 
	border-bottom: 2px solid #999; 
margin:0 auto;
text-align: center; 
	background-color:#000;
}

.blog_status{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;	
}

.blog_error{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#F00;	
}
#comment_posts_wrapper {
	position: absolute;
	top: 280px;
	}
#categories_layer{
	border: 1px solid #000000;
	background-color: #000;
    background-color: rgba(0,0,0,0.5);
	min-height:100px;
	width:200px; 
    padding:5px;
    margin:0 auto;
	margin-bottom:10px;
	left: 10px;
}
#recent_comments_layer{
	border: 1px solid #000000;
	background-color: #000;
    background-color: rgba(0,0,0,0.5);
	min-height:100px;
	width:200px; 
    padding:5px;
    margin:0 auto;
	margin-bottom:10px;
	left: 10px;
	top: 10px;
}
#recent_posts_layer{
	border: 1px solid #000000;
	background-color: #000;
    background-color: rgba(0,0,0,0.5);
	min-height:100px;
	width:200px; 
    padding:5px;
    margin:0 auto;
	margin-bottom:10px;
	left: 10px;
	top: 10px;
}
#articles_archive_layer{
	border: 1px solid #000000;
	background-color: #000;
    background-color: rgba(0,0,0,0.5);
	min-height:100px;
	width:200px; 
    padding:5px;
    margin:0 auto;
	margin-bottom:10px;
	left: 10px;
	top: 10px;
}
#social_layer{
	border: 1px solid #000000;
	background-color: #000;
    background-color: rgba(0,0,0,0.5);
	min-height:100px;
	width:200px; 
    padding:5px;
    margin:0 auto;
	margin-bottom:10px;
	left: 10px;
	top: 10px;
}
#recent_comments_layer p, #recent_posts_layer p, #categories_layer p, #articles_archive_layer p, #social_layer p{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	margin:5px;
	margin-bottom:10px;
}
#recent_comments_layer h2, #recent_posts_layer h2, #categories_layer h2, #articles_archive_layer h2, #social_layer h2{
	font:Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	margin:5px;
	margin-bottom:10px;
}
#recent_comments_layer a, #recent_posts_layer a, #categories_layer a, #articles_archive_layer a, #social_layer a{
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#cf83f8;
	text-decoration:none;
}
#recent_comments_layer a:hover, #recent_posts_layer a:hover, #categories_layer a:hover, #articles_archive_layer a:hover, #social_layer a:hover{
	text-decoration:underline;
}

.widget_header{
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
/* button------------------------------------------------------------------ */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
/* blue */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* button------------------------------------------------------------------ */
/*---------------------------------BLOG----------------------------------*/