/* CSS Document */

/*------------------------------
=BASIC SETUP
------------------------------*/

/* Makeshift CSS Reset */
* {
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
	display: block;
}

body {
	margin: 0;
	padding: 0;
/*	width: 940px; */
	font: 13px/22px Tahoma, "lucida grande", Verdana, Helvetica, Arial, sans-serif;
	line-height:150%;
	text-align:left;
	color:#444;
/*	background: #38576b url(img/bg1px2.jpg) 100% 0 repeat-x; 
	background: #8dc73f url(img/backf0.png) scroll repeat-x top left; */
	background: #8dc73f url(img/background.png) scroll repeat-x top left;
}

h1, h2 {
	font-size: 26px;
	line-height: 44px;
	left: 0;
	padding: 12px 0;
	color:#444;
}

/* h1, h2, h3, h4 {background:#a1ca40;} */

h3, h4 {
	font-size: 15px;
	text-align:left;
	line-height: 22px;
	padding: 11px 0;
	color:#444;
}

h5 {
	font: 13px/22px Tahoma, "lucida grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#444;
	line-height: 150%;
	text-align:center;
}

h6 {
	font: 13px/22px Tahoma, "lucida grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#444;
	line-height: 150%;
	text-align:left;
	padding-bottom: 22px;
}

p {
	padding-bottom: 22px;
}

a {color:#336699;font-weight:bold;text-decoration:none;border:0;}
a:hover {color:#FFF;text-decoration:overline;}

form {margin:0;padding:0;}

img {border:0;}

input {
	color: #555;
	font: normal 1.1em Verdana,Tahoma,"Lucida Sans Unicode",sans-serif;
}

fieldset {
	border: none;
}
/*------------------------------
= HEADER 
------------------------------*/
#header {
	background: url("img/header.png") no-repeat;
	width: 940px;
	height: 150px;
	clear:both;
	border:none;
}

#header img {
	float: left;
	border:none;
}

/*
= FOOTER
*/

.bottom {
	width:900px;
	margin:10px auto;
	border: none;
	font: normal 1.0em Verdana,Tahoma,"Lucida Sans Unicode",sans-serif;
	color:#333;
	text-align:center;
}


#followus {
	width:730px;
	height:35px;
	margin:15px auto;
	font: normal 1.0em Verdana,Tahoma,"Lucida Sans Unicode",sans-serif;
	color:#333;
	text-align:center;
	line-height:35px;
	clear:both;
	border: 1px dashed #6088a1; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background: url("img/hbg1px3.jpg") repeat-x;
}

	#followus ul li {
		float: left;
		display: block;
		margin-top: 2px;
		margin-left: 18px;
		list-style: none;
	}

#bottomlinks {
	width:74%; 
	margin:10px auto;
	border:none;
	float:left;
/*	clear:both; */
}

	#bottomlinks ul li {
		float: left;
		display: block;
		margin-left:15px;
		list-style: none;
	}

#bottomfriends {
	width:25%;
	margin:10px auto;
	float:right;
	border:none;
	background: url("img/hbg1px3.jpg") repeat-x;
}

	#bottomfriends ul li {
/*			float:none; */
			text-align:left;
			margin-left:5px;
			list-style: none;
		}

#bottom p {
	font: normal 1.0em Verdana,Tahoma,"Lucida Sans Unicode",sans-serif;
	color:#333;
	text-align:center;
	padding:10px;
	margin:0px auto;
	border:none;
}

/*
= END FOOTER
*/

/*------------------------------
=NAVIGATION 
------------------------------*/

#nav {
	position: static;
	top: 150px;
	margin: 0px auto;
	width: 940px;
	height: 37px;
	background: url("img/hbg1px3.jpg") repeat-x;
	z-index:1; 
	
	/* Background-size not implemented yet */
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-khtml-background-size: 100%;

	
	/* Border-radius not implemented yet */
/*	-moz-border-radius: 22px;
	-webkit-border-radius: 22px; */
	-moz-border-radius-bottomleft: 22px;
	-webkit-border-bottom-left-radius: 22px;
	-moz-border-radius-bottomright: 22px;
	-webkit-border-bottom-right-radius: 22px;
}

#mainnav {
	float:left;
	left:0px;
	width:520px;
	margin:0px;
	z-index:3;
	border:none;
}

	#mainnav ul {
		list-style: none;
/*		float:left;
		background:url(img/topmenu-sep.jpg) 0 0 repeat; */
		}

		#mainnav ul li {
			float: left;
			display:block;
		}
		
			#mainnav ul li a {
				display: block;
				padding: 0px 10px;
				margin-right: 0px;
				border: none;
				font-size: 14px;
				line-height: 37px;
				text-align: center;
				text-decoration: none;
				color: #336699;
			}
			
				#mainnav ul li a:hover {
/*					color: #FFFF99; */
					color: #FFF;
					text-decoration: overline;
				}
				
				#mainnav ul li a:active {
					color: #FFF;
					text-decoration: overline;
				}
			
			#mainnav ul li.selected a {
				color: #FFF;
				text-decoration: overline;
			}
			
			#mainnav ul li.subscribe a {
				margin-left: 22px;
				padding-left: 33px;
				text-align: left;
				background: url("img/rss.png") left center no-repeat;
			}

	
	
	#mainnav img {
		position: static;
		top: -45px;
		right: 50px;
		width: 300px;
		height: 265px;
	
		/* Border-radius not implemented yet */
		-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
	}


/*------------------------------
=NAVIGATION LOG IN / SIGN UP
------------------------------*/

#navlog {
	float:right;
	z-index:3;
	border:none;
	margin:0px;
	width:auto;
}

	#navlog ul {
		position:relative;
		list-style: none;
		border: none;
		margin-left:50px;
		margin-right:0px;
		padding:0px;
		float:left;
/*		float:left;
		background:url(img/topmenu-sep.jpg) 0 0 repeat; */
	}

		#navlog ul li {
			float: left;
			display:block;
			border:none;
			margin:0px;
			padding:0px;
			width:140px; 
		}
		
			#navlog ul li a {
				display: block;
				margin-right: auto;
				border:none;
				width: 120px;
				font-size: 14px;
				line-height: 37px;
				text-align: center;
				text-decoration: none;
				color: #336699;
			}
			
				#navlog ul li a:hover {
					color: #FFF;
					text-decoration: overline;
				}
			
			#navlog ul li.selected a {
				color: #FFF;
			}
			
			#navlog span {
				margin-right: 20px;
				border:none;
				width: 200px;
				font-size: 14px;
				line-height: 37px;
				text-align: center;
				text-decoration: none;
				color: #336699;
			}

/*
= END NAVIGATION LOG IN / SIGN UP
*/

/*
= ACCOUNT NAVIGATION
*/

#acnav {
/*	position:static; */
	width:940px;
	height:35px;
/*	z-index:5; */
	margin:5px auto;
	top: 37px;
	border:none;
	clear:both;
}

	#acnav ul {
		width: 940px;
		list-style: none;
		margin:0px auto;
		border:none;
/*		float:left;
		background:url(img/topmenu-sep.jpg) 0 0 repeat; */
	}

		#acnav ul li {
			float: left;
			display:block;
		}
		
			#acnav ul li a {
				display: block;
				margin-right: 0px;
				border:none;
				width: 155px;
				font-size: 14px;
				line-height: 35px;
				text-align: center;
				text-decoration: none;
				color: #336699;
			}
			
				#acnav ul li a:hover {
					color: #FFF;
					text-decoration: overline;
				}
			
			#acnav ul li.selected a {
				color: #fff;
			}
/*
= END ACCOUNT NAVIGATION
*/			

/*
= ADDTHIS style
*/
.addthis_toolbox .custom_images {
/*	background:#6088a1; */
	margin:0px;
	padding:0px;
	float:right;
	border:none;
}
.addthis_toolbox .custom_images a
{
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
	border:none;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.65;
}

#language {
	width:400px;
	float:left;
	margin-top:0px;
	padding:0px 10px 0px;
	text-align: left;
	border:none;
}

#share {
	width:400px;
/*	clear:both; */
	float:right;
	margin-top:2px;
	padding:1px 0px 0px;
/*	border:none; */
	border: 1px dashed #6088a1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#content {
	width: 940px;
	margin: 37px auto 10px;
	text-align: left;
	z-index:1;
	background: #8dc73f url(img/bg1px3.jpg) 100% 0 repeat-x;
}

.further {
	display:none;
}

#login {
	display:none; 
	position:absolute;
	width:210px;
	height:150px;
	z-index:1;
	left: 800px;
	top: 0px;
	padding: 2px 4px;
	text-align: left;
	background-color: #A2DB91;
/*	border: 1px solid #8dc73f; */
	opacity: 0.75;
/*	background: #8dc73f url(img/bg1px3.jpg) 100% 0 repeat-x; */
}

#login a:hover {
	color: #FFF;
	text-decoration: overline;
}
/*
= FRONT PAGE
*/
#retouch_photo_text {
	width:350px;
	height:720px;
	margin-left:0px;
	margin-top:0px;
	border: 1px none #000000;
	float:left;
/*	background: #8dc73f url(img/bg1px3.jpg) 100% 0 repeat-x; */
}

#mmain {
	position:relative;
	width:570px;
	margin-top:20px;
	margin-left:370px;
	border:none;
	background: url(img/bgslide.png) no-repeat top center;
}

#picslide {
	width:500px;
	height:350px;
	padding-left:35px;
	padding-top:25px;
	border:none;
	z-index:-5;
}

#contenttext {
	width:570px;
	z-index:1;
	margin-left:0px;
	margin-top:30px;
	border: none;
}

/*
= END FRONT PAGE
*/

/*
= UPLOAD PAGE
*/

#upload {
	float:left;
	width:450px;
	margin:0 15px 0 0;
	background: #8dc73f url(img/bg1px3.jpg) 100% 0 repeat-x;
}

.preview {
/*	position:relative; */
	float:right;
/*	margin-left:470px; */
	top:0px;
	width:480px;
	background: #8dc73f url(img/bg1px3.jpg) 100% 0 repeat-x;
}

/*
= END UPLOAD PAGE
*/

/*
= BLOG PAGE
*/

#posts {
	width:650px;
	top: 0px;
	left: 0px;
	float:left;
	border:none;
	text-align: left;
	background: #8dc73f url(img/bg1px3.jpg) 100% 0 repeat-x;
}
	#posts ul {
		margin-left:20px;
		list-style: inside hiragana;
	}
	
#comments {
	display:none;
}

/* post */
.post {
/*	background:#8dc73f url(img/post-bg.jpg) left top repeat-x; */
	border: 1px dashed #6088a1;
    -moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
	padding:0px 0px 0px 0px;
	margin:0 0 5px 0;
/*	line-height:180%; 
	width:100%;*/
} 

.comms {
	width:650px;
	margin: 10px auto;
	left: 0px;
	float:left;
	background: #8dc73f url(img/bg1px3.jpg) 100% 0 repeat-x;
	border: 1px dashed #6088a1;
    -moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
	display:none;
}

.comm {
	padding:0px 0px 0px 0px;
	margin:0 0 10px 0;
}

/*
.published {
	background:#000000;
	color:#FFFFFF;
}
*/

#sidebar {
	float:right;
/*	margin-left:670px; */
	top:0px;
	width:270px;
	height:450px;
	text-align: left;
	background: #8dc73f url(img/bg1px3.jpg) 100% 0 repeat-x;
	border: 1px dashed #6088a1;
    -moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
}

	#sidebar ul {
		margin-left:20px;
		list-style: inside hiragana;
	}
	
	#sidebar .subcat {
		margin-left:20px;
		list-style: inside hiragana;
	}
/*
= END UPLOAD PAGE
*/

/*
= CLASSES
*/

.container {
	margin: 0 auto;
	padding: 0;
	width: 940px;
}

/* BUG fix for IE to display all centered */
.centercontainer {
	text-align:center;
}

.left {
	display: block;
	float: left;
}

.right {
	display: block;
	float: right;
}

.center {
	display:block;
	margin: 10px auto;
}

.price {
	float:left;
	width:310px;
	height:580px;
	margin-left:2px;
}

.thumbnails {
/*	float:left; */
	width:940px;
	height:480px;
/*	border:	thin dotted; */
	border: 1px dashed #6088a1;
    -moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
	padding:0px;
	margin:0 4px 0 0;
}

.samplesthumb {
	float:left;
	width:65px;
	height:85px;
	border:	none;
	padding:0px;
	margin:0 4px 0 0;
}

.readythumb {
	float:left;
/*	width:65px;
	height:85px; */
	border:	none;
	padding:0px;
	margin:0 4px 0 0;
}

.contenttext {
	position:relative;
	clear:both;
	width:940px;
	margin-top:10px;
	margin-left:0px;
	border:none;
	text-align: left;
}

.contenttext ul {
	margin-left:25px;
	border:none;
}

.photolist {
	position:relative;
	float:left;
	width: 465px;
	height: 240px;
	margin: 0 auto;
/*	background: #8dc73f url(img/bg1px3.jpg) 100% 0 repeat-x; */
	border: 1px dashed #6088a1;
    -moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
/*	border:none; */
	padding:0px 0px 0px 10px;
	line-height:180%;
}

/* emp paragraphs */
.emp{
	font: 13px/22px Tahoma, "lucida grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#444;
	line-height: 150%;
	text-align:justify;
}

.st {
	text-indent:25px;
	font: 13px/22px Tahoma, "lucida grande", Verdana, Helvetica, Arial, sans-serif;
	text-align:justify;
	line-height: 150%;
	color:#111;
}

.norm {
	font: 13px/22px Tahoma, "lucida grande", Verdana, Helvetica, Arial, sans-serif;
	text-align:justify;
	line-height: 150%;
	color:#444;
}

/* misc */
.clearer {clear: both;}

#Layer1 {
	position:absolute;
	width:997px;
	height:34px;
	z-index:1;
	top: 91px;
}

#Layer3 {
	position:absolute;
	width:1010px;
	height:544px;
	z-index:1;
	left: 0px;
	top: 240px;
}

/* .index_demo_button {width:30px;height:28px;background: #8dc73f;filter: alpha(opacity=60);opacity: 0.60;position:absolute;top:0;}

.index_demo_button span {display:block;width:100%;text-align:center;line-height:28px;color:#a1ca40;font-size:15px;-moz-opacity:0;filter:Alpha(opacity=0);opacity:0;}

.index_demo_button a {display:block;width:100%;text-align:center;line-height:28px;color:#FFF;font-size:15px;text-decoration:none;}

.index_demo_button a:hover {background: #CCFF99;filter: alpha(opacity=80);opacity: 0.80;color:#666666;text-decoration:none;}
*/

/* set body font size (styleswitcher) */
body.font-small{font-size:11px;}
body.font-medium{font-size:12px;}
body.font-large{font-size:13px;}

#Layer2 {
	position:absolute;
	width:210px;
	height:190px;
	z-index:3;
	left: 3px;
	top: 265px;
}

#Layer6 {
	position:absolute;
	width:253px;
	height:36px;
	z-index:3;
	left: 3px;
	top: 202px;	
}

#Layer6 li a:link, #Layer6 li a:visited {color:#000;}
#Layer6 li a:hover{color:#C00;}
#Layer6 p {
	text-align:center;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.form_textarea {border:1px solid #aaa;padding:3px;background:#fff;overflow-y:auto;width:97%!important;width:100%;height:100px;font-size:12px;line-height:180%; margin:2px 0;}
.form_file, .form_select {background:#fff;width:90%;height:20px;font-size:12px;margin:2px 0; }
.form_mid { background:#fff;width:90%;height:20px;font-size:14px; margin:2px 0;}
.form_short { background:#fff;width:50%;height:20px;font-size:14px; margin:2px 0;}
.form_button {background:#a1ca40;margin:6px 0;font-size:14px;padding:2px 10px; color:#fff}
.form_submit {background:#a1ca40;margin:6px 0;font-size:14px;padding:2px 10px; color:#fff}
.form_sign div {margin:4px 0;width:100%;clear:both;}