/*
**
**	ChadikPhoto main style
**	Revision 1
**
*/

div { border:0px dotted red; }
span { border:0px dotted blue; }
body { background-color:#888888; }

.clearcolumn { clear:both; }

.picturecontainer
{
border: 0px dotted blue;
width:800px;
padding:10px;
background-color:#222;
}

.spacercontainer
{
width:800px;
padding:3px 10px 3px 10px;
height:4px;
background-color:#333;
}

.pagecontainer
{
border: 0px dotted green;
margin:0 auto;

width:800px;
}



.picture
{
width:798px;
padding:15px 0 15px 0;
float:left;
position:relative;
border: 1px solid #333333;
background-color:#000000;
}

.navsidebar
{
width:780px;
padding:10px;
float:left;
font-family:Verdana, Arial, serif;
color:#ffffff;
}

.picturenavigation
{
font-size:32px;
font-family:Andale Mono, Trebuchet ms, san-serif;
border: 0px dotted blue;
width:798px;
float:left;

}

.picturecount
{
border: 1px dotted #222;

padding:0.25em;
position:absolute;
left:10px;
bottom:10px;
font-size:18px;
font-family:Verdana, Arial, san-serif;
text-align:center;
color:#eee;
background-color:#111;
}
 
span.navlinks			{	height:43px; border:1px solid #333; float:left; width:20%; background-color:#111; color:#fff; margin-right:1%; text-shadow: 0.1em 0.1em 0.2em black;	}
span.navlinks:hover		{	background-color:#222; color:#ddd; text-decoration:none;	}
span.navlinks:active		{	float:left; background-color:#666; color: #0e0;	}

span.navlinks-small		{	font-size:20px; height:28px; border:1px solid #333; float:left; width:15%; background-color:#111; color:#fff; margin-right:1%; margin-top:15px; text-shadow: 0.1em 0.1em 0.2em black;	}
span.navlinks-small		{	font-size:20px; height:28px; border:1px solid #333; float:left; width:118; background-color:#111; color:#fff; margin-right:8px; margin-top:15px; text-shadow: 0.1em 0.1em 0.2em black;	}
span.navlinks-small:hover		{	background-color:#222; color:#ddd; text-decoration:none;	}
span.navlinks-small:active		{	float:left; background-color:#666; color: #0e0;	}



 
.picturenavigation a {
text-decoration:underline;
color:#0e0;
}
.picturenavigation a:hover {

}
.picturenavigation a:visited {
text-decoration:underline;
color:#060;
}

span.prev-inactive
{	color:#333; height:43px; border:1px solid #333; float:left; width:168px; background-color:#222;margin-right:8px;	}

span.next-inactive
{	color:#333; height:43px; border:1px solid #333; float:left; width:168px; background-color:#222;	}

span.current-active
{

}

.commentsidebar
{
border:0px dotted blue;
width:275px;
height:10em;
float:right;
}

.commentarea
{
float:left;
width:450px;
height:10em;
border:0px dotted green;
}

.formcontainer
{
padding:10px;
border:1px solid #333;
background-color:#eee;
}

.commentsection
{
border: 0px solid black;
background-color:#222;
padding:10px;
width:800px;
}


input.commentsubmitbutton
{
border:1px solid #bbb; width:226px; height:43px; background-color:#ddd; color:#222; text-shadow: 0.1em 0.1em 0.2em white; font-size:24px;
}

input.commentsubmitbutton:hover
{
border:1px solid #333; width:226px; height:43px; background-color:#111; color:#fff; text-shadow: 0.1em 0.1em 0.2em black;
}