/*

	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: 50px;
background: #0a2e62;
}

#outer
{
position: relative;
width: 910px;
height: 505px;
padding: 45px;
margin: 0 auto;
background: url("images/outerback.gif") no-repeat;
}

#inner
{
position: absolute;
padding: 5px 5px 5px 5px;
height: 490px;
}


#blockone
{
position: relative;
float: left;
width: 195px;
margin-right: 5px;
height: 495px;
background: blue url("images/web01.jpg");
}
#blockone h1
{
font-size: 18px;
line-height: 19px;
text-align: center;
color: blue;
margin-top: 35px;
font-family: arial;
}


#blocktwo
{
position: relative;
float: left;
width: 200px;
height: 495px;
background: blue url("images/blocktwoback.jpg");
}
#blockthree
{
position: relative;
overflow: auto;
float: left;
width: 460px;
height: 455px;
padding: 20px;
}
#blockfour
{
position: relative;
float: left;
width: 250px;
height: 495px;
}



.urbangreymenu
{
width: 180px; /*width of menu*/
margin-left: 10px;
margin-top: 10px;
}

.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 13px Arial;
color: white;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
background: #0a2e62;
}


.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
{
color: #0a2e62;
font-size: 16px;
padding: 0px 0px 10px 0px;

}

.post h2
{
color: white;
font-size: 16px;
padding: 7px 7px 7px 7px;
border: 1px solid black;
background: #0a2e62;
margin-bottom: 20px;
}

.post p
{
text-align: center;
line-height: 22px;

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


#albumdiz
{
	position: relative;
	width: 88px;
	float: left;
}

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

#albumdiz img
{
	width: 76px;
	height: 76px;
	padding: 6px;
	
	
}

#formsayfasi
{

width: 440px;
}


#formsayfasi .cerceve
{
	margin-bottom: 10px;
	padding: 10px;
}
#formsayfasi .cerceve input
{
	border: 1px solid gray;
	padding: 2px;

}
#formsayfasi .cerceve textarea
{
	border: 1px solid gray;
	padding: 2px;
	width: 200px;

}
#formsayfasi .cerceve a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #cc0000;
}
#formsayfasi .cerceve h3
{
	font-size: 12px;
	color: gray;
	border: none;
}
#formsayfasi .cerceve p
{
	font-size: 12px;
	text-decoration: none;
	color: gray;
}
#formsayfasi .cerceve img
{
	float: left;
	padding: 5px;
}