/*

	terrafirma1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

*
{
padding: 0px;
margin: 0px;
}

body
{
font-size: 12px;
font-family: arial;
color: gray;
line-height: 16px;
margin-top: 20px;
background: #9ec569;
}

#outer
{
position: relative;
width: 910px;
height: 610px;
padding: 45px;
margin: 0 auto;
background: url("images/outerback.gif") no-repeat;
}

#inner
{
width: 880px;
position: absolute;
padding: 15px 15px 15px 15px;
height: 580px;
}


#blockone
{
position: relative;
float: left;
width: 175px;
border-right: 1px solid #aca313;
margin-right: 5px;
height: 580px;
}
#blockone h1
{
font-size: 18px;
line-height: 19px;
text-align: center;
color: blue;
margin-top: 35px;
font-family: arial;
}

#blockone .flag
{
margin-left: 36px;
margin-top: 320px;
}
#blockone .flag a
{
text-decoration: none;
}
#blockone .flag img
{
padding: 3px;
width: 40px;
border: 1px solid gray;
}

#blocktwo
{
position: relative;
float: left;
margin-right: 5px;
width: 175px;
height: 600px;
}
#blockmenu
{
position: relative;
float: left;
margin-right: 10px;
width: 28px;
height: 580px;

}
#blockthree
{
overflow: auto;
position: relative;
float: left;
width: 479px;
height: 540px;
}
#blockfour
{
position: relative;
float: left;
height: 30px;
background: #acc294;
width: 480px;
margin-bottom: 10px;
}
#blockfour h1
{
font-size: 18px;
padding: 8px;
color: white;
}

#bolumfoto
{
position: relative;
float: left;
width: 175px;
height: 287px;
margin-top: 1px;
}


.urbangreymenu
{
width: 175px; /*width of menu*/
}

.urbangreymenu .headerbar
{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul
{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li
{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a
{
font: normal 12px Arial;
letter-spacing: 0.5px;
color: white;
display: block;
padding: 2.5px 0;
line-height: 15.46px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
background: #cec976;
}


.urbangreymenu ul li a:hover
{ /*hover state CSS*/
color: white;
background: black;
}


.formbutton
{
cursor:pointer;
border: solid 1px black;
background:#999;
color: black;
font-weight:bold;
padding: 1px;
background: white;
width: 50px;
}

.post
{

}

.post h1
{
background: #cccccc;
font-size: 14px;
width: 420px;
padding: 5px;
}

.post p
{
text-align: left;

}
.post img
{
float: left;
border: none;
padding-right: 11px;
}
.post a
{
text-decoration: none;
color: #0a2e62;
}

.post2
{
margin-bottom: 13px;
margin-top: 5px;
width: 420px;
border-bottom: 1px dotted gray;
padding: 5px;
line-height: 18px;
text-align: right;
}
.post2 a
{
color: #87a66d;
padding-right: 7px;
font-weight: bold;
}
.post2 a:hover
{
color: #cec976;
}




#album
{

display: block;	

}

#albumdiz
{
	width: 205px;
	float: left;
	text-align: center;
	padding: 10px;
}

#albumdiz .clipwrapper
{
position:relative;
height:225px;
}

#albumdiz .clip
{
 position:absolute;
 clip:rect(50px 218px 155px 82px);
	
}

#albumdiz a
{
	color: black;
	font-size: 11px;
}

#albumdiz img
{
	background: url('images/kateback.gif');
	
	
}
#album .fotocerceve
{	
	position: relative;
	width: 215px;
	float: left;
}
#album .fotocerceve p
{
margin-right: 5px;
top: 0px;
bottom: 0px;
}


#album2
{

display: block;	

}

#albumdiz2
{
	width: 205px;
	float: left;
	text-align: center;
	padding: 10px;
	
}


#albumdiz2 a
{
	color: black;
	font-size: 11px;
}

#albumdiz2 img
{
	background: url('images/urunback.gif');
		width: 165px;
	height: 100px;
	
}
#album2 .fotocerceve
{	
	position: relative;
	width: 215px;
	float: left;
}
#album2 .fotocerceve p
{
margin-right: 5px;
top: 0px;
bottom: 0px;
}
