
/*
 *
 * @copyrights : www.ArtsiIsland.net
 * Main Style
 *
 */


body
{
	background-color:#736257;
	direction:rtl;
	font-family:tahoma;
	margin:0;
	font-size:12px;
	color:#7b6353;
}


/********************************************************
-------------------- LayOut -----------------------------
********************************************************/

*
{
	padding:0;
	margin:0;
}

#wrap
{
	width:777px;
	margin:auto;
	background-color:#E5C7A6;
}

#header 
{
	background:#736257;
	width:777px;
	height:152px;
}

#navbar
{	
	background:url(images/nav_bg.gif);
	height:19px;
}

#sidebar
{
	position:relative;
	top:-63px ;
	margin-bottom:-63px ;
	float:right;
}
#logo
{
	width:133px;
	height:189px;
	background: url(images/logo.gif) right no-repeat;
}
#sidebar form
{
	
}

#nav
{
	height:19px;
	padding-right:200px;
}

#nav li
{
	display:inline;
	margin:0;
	padding:0 ; 
	list-style:none;
}

#nav a,#nav a:visited
{
	color:#fff;
	text-decoration:none;
	float:right;
	text-align:center;
	padding:0 20px;
	height:18px;
	display:block;
	background: no-repeat url('images/nav_split.gif')  ;
}

#nav .last a,#nav .last a:visited
{
	background-image:none;
	width:60px;
}

#nav a:hover
{
	background-color:#fff;
	color:#736257;
}



#body
{
	background:url(images/content_bg.gif) repeat-x top right;
	margin:0 40px ;
	padding:20px 0 20px 10px;
}

.content
{
	float:right;
	width:540px;
	margin-right:10px;
}

img.home
{	
	margin-top:-20px;
}
#lastworks , #lastnews
{
	float:right;
	height:140px;
	background:url(images/lastwork.gif) no-repeat top right;
	padding:60px 0 5px 0;
	width:270px;
	text-align:center;
	
}
#lastnews
{
	text-align:right;
	background:url(images/lastnews.gif) no-repeat top right;
}


#lastworks img
{
	padding:0 2px;
}

#footer
{
	clear:both;
	text-align:center;
	
	margin-top:15px;
	width:777px;
	margin:auto;
	background:#E5C7A6;
	padding:20px 0;
}

#footer #counter
{
	float:right;
	background:#E1C3A3;
	color:#736257;
	font-size:.8em;
	height:15px;
	padding:0 20px;
}


h3 
{
	font-size:1.2em;
}
/********************************************************
-------------------- CLEAR FIX ---------------------------
********************************************************/

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


a:link,a:visited,a:active
{
	text-decoration:none;
	color:#9B6640;
}
a:hover
{
	text-decoration:underline;
}

a.square , a.square:visited
{
	display:block;
	float:left;
	padding:5px;
	background:#736257;
	color:#fff;
}
a img
{
	border:none;
}


form span
{
	width:10em;
	display:block;
	float:right;
}
form .fld 
{
	width:20em;
}

input , textarea , select {
	background:#c3a98f;
	border:none;
	margin:2px 0;
	font-family:tahoma;
	padding:4px;
	color:#fff;
	font-size:12px;
}

#error
{
	background:#b64a4a;
	padding:4px;
	color:#fff5c4;
	border-right:10px #d44449 solid;
	margin:10px 0;
}
#error a,#error a:visited
{
	color:#fff5c4;
}
#correct
{
	background:#666f15;
	padding:4px;
	color:#fff5c4;
	border-right:10px #7c871a solid;
	margin:10px 0;
}

#error li
{
	list-style-position:inside;
	padding:4px;
}


h1
{
	color:#fff;
	border-bottom:dashed #7b6353 1px;
	padding-bottom:8px;
	margin-bottom:4px;
	font-size:12px;
}


.comments
{

}

.comments ul
{
	margin:0;
	padding:0 20px;
}
.comments li
{
	
	margin:10px 0;
	padding:10px;
}

.comments li h4
{
	margin-bottom:4px ;
}
.gbook_alt
{
	background:#E1C3A3;
}

h4 
{	
	font-size:1.1em;
}

.pages
{
	clear:both;
}
.pages br
{
	overflow:hidden;
	clear:both;
}
.pages a:link, .pages a:visited,  .pages span 
{ 
	float: right;
	display:inline-block;
	padding: 0.2em 0.5em;
	margin-right: 0.2em;
	background:#c8ae92;
	color:#fff;
	height:1.5em;
	overflow:hidden;
}
.pages span.current 
{
	font-weight: bold;
	background: #7b6353;
	color: #fff;
}

.pages a:hover 
{
	border-bottom:#e3c5a4 .3em solid;
	height:1.2em;
}