/* CSS Document */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Verdana, Arial, Sans-Serif;
	background: #FFFFFF;
	color: #999;
	text-align: center;
	}
body.bg {
	/*url(http://www.filmriss.info/foto.jpg) center 300px no-repeat */
	background: #fff;
	}
body.portfolio {
	background: url(http://portfolio.oensal.net/graphix/berlinlondon.png) center 350px no-repeat;
	}
body.home0 {
	background: url(http://www.ayhan.oensal.net/graphix/ayhan0.png) center 0 no-repeat;
	position: relative;
	}
body.home1 {
	background: url(http://www.ayhan.oensal.net/graphix/ayhan1.png) center 0 no-repeat;
	position: relative;
	}
body.home2 {
	background: url(http://www.ayhan.oensal.net/graphix/ayhan2.png) center 0 no-repeat;
	position: relative;
	}
body#miBG {
	background: url(http://showcase.oensal.net/mi/mentalImagesRGB.jpg) center 0 no-repeat;
	}
a {
	color:#F00;
	text-decoration: none;
	}
a:visited {
	color:#F00;
	text-decoration: none;
	}
a:active {
	color:#F00;
	text-decoration: none;
	}
a:hover {
	color:#F00;
	text-decoration: underline;
	}
.sandbox{
	margin: 5em 0 0 2em;
}
.contentWrapper{
	width: 1000px;
	position: relative;
	}
#page{
	width: 100em;
	position: relative;
	margin: 0;
	}
#content{
	position: absoulte;
	display: inline;
	width: 45em;
	margin: 6em 0 0 4em;
	text-align: left;
	}
	*html #content{
		width: 45.5em;
		}		
#content01{
	position: absoulte;
	display: inline;
	width: 30em;
	margin: 6em 0 0 4em;
	text-align: left;
	}
#content02{
	position: absoulte;
	display: inline;
	width: 30em;
	margin: 6em 0 0 4em;
	text-align: left;
	}
#portfolio{
	position: absoulte;
	height: 45em;
	display: inline;
	width: 40em;
	margin: 6em 0 0 4em;
	text-align: left;
	}
#mediaPlayer{
	position: absolute;
	border: 1px solid #000;
	bottom: 0;
	}
#sidebar{
	position: absolute;
	display: inline;
	width: 22em;
	top: 27em;
	left: 6em;
	text-align: left;
	margin: 10em 0 0 0;
	}
#sidebar .subs{
	position: absolute;
	}
#sidebar .subs p{
	position: absolute;
	margin-top: 20px;
	}
#sidebar .subs img{
	width: 22.3em;
	}
#newsbar{
	position: relative;
	display: inline;
	width: 22em;
	text-align: left;
	margin: 2em 0 0 2.5em;
	}

#footer{
	width: 40em;
	padding: 0 0 0 22.5em;
	}
#footer p{
	font-size: 1em;
	color:#999;
	}
.headerImage{
	padding: 0;
	margin: 0;
	width: 100em;
	height: 30em;
	}
h1{
	font-size: 1.5em;
	font-weight: 100;
	margin: 0;
	padding: 0 0 0.5em 0;
	}
h2 {
	font-size: 1.5em;
	font-weight: 100;
	margin: 0;
	padding: 0 0 0.5em 0;
	}
h3{
	font-size: 1.5em;
	font-style: italic;
	font-weight: 100;
	margin: 0;
	padding: 0 0 0.5em 0;
	}
h4 {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 0.5em 0;
	}
p{
	margin:0;
	padding: 0 0 0.5em 0;
	font-size: 1.2em;
	line-height: 1.7em;
	}
small{
	font-size: 1em;
	line-height: 1.5em;
	color:#ccc;
	padding: 0 0 0.5em 0;
	}

ul,  ul.children{
	margin: 0;
	padding: 0 0 0.5em 0;
	}
li, li.cat-item{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.7em
	}

ul.page_item li, li.page_item{
	margin: 0 0 0 1.5em;
	list-style: circle;
	}
ul.list li, ul li.cat-item {
	margin: 0 0 0 1.5em;
	list-style: circle;
	}
ul.children li.cat-item {
	margin: 0 0 0 1em;
	list-style: circle;
	}
ul.list li.secondLevel {
	margin: 0 0 0 3em;
	list-style: circle;
	}
ul.children li {
	font-size: 1em;
}

ul.list.small li {
	font-size: 1em;
	color:#999;
	}
ol li {
	list-style: decimal;
	margin: 0;
	padding: 0;
}
.mainNavigation{
	width: 100em;
	height: 21em;
	}
.navigation{
	padding: 0 1.5em;
	}
.editing{
	font-size: 1em;
	}
.float1{
	float: left;
	}
.float2{
	float: right;
	}
.clear{
	clear: both;
	}
.input{
	width: 100%;
	}
	*html .input{
		width: 98%;
		}
.search{
	width: 70%;
	}
	
.entry{
	padding: 0 2em;
}	

.googleSearch{
	width: 95px;
}
#wpstats{
	width: 1px;
	height: 1px;
}

form{
	margin: 0;
	padding: 0;
}

.quotation{
	margin: 0 2em;
	font-style: italic;
}	

.note{
	position: absolute;
	top: 500px;
	text-align: left;
	padding: 0 100px;
}
	
	
	
	
	
	
	
	
	
	
	
.copy {
	padding: 0 0 0.5em 0;
	margin: 0;
	border: 0.1em solid #f00;
	border-width: 0;
}

.copy .copyHeader {
	height: 2em;
	background: url(http://ayhan.oensal.net/graphix/utils/top1.gif) top left no-repeat transparent;
}	

.copy .copyHeader .cornerHelper {
	height: 2em;
	background: url(http://ayhan.oensal.net/graphix/utils/top2.gif) top right no-repeat transparent;
}

#sidebar .copy .copyHeader {
	height: 2em;
	background: url(http://ayhan.oensal.net/graphix/utils/top1.gif) top left no-repeat transparent;
}	

#sidebar .copy .copyHeader .cornerHelper {
	height: 2em;
	background: url(http://ayhan.oensal.net/graphix/utils/top2.gif) top right no-repeat transparent;
}

	
.copy .copyFooter {
	height: 2em;
	background: url(http://ayhan.oensal.net/graphix/utils/bottom1.gif) bottom left no-repeat transparent;
}

.copy .copyFooter .cornerHelper {
	height: 2em;
	background: url(http://ayhan.oensal.net/graphix/utils/bottom2.gif) bottom right no-repeat transparent;
}
	
	
/*---------------- *copy -------------------------- */
	
.copy .copyContent {
}
	* html .copy .copyContent {
		height: 1px;
	}


hr {
        border: 1px solid #f00;
        border-width: 0 0 1px 0;
        height: 1px;
		margin: 1em 0;
        background-color: transparent;
}




/*---------------- /copy -------------------------- */

.skyscraper{
	margin: 0 3em;
	}
	
.rectangle{
	margin: 0 0.8em;
	}
.social{
	text-align: center;
	margin: 1em 0 0 0;
}
.social img{
	border: 0px;
}

/*---------------- Meta Nav -------------------------- */

.metanav {
	width: 900px; 
	text-align:left;
	padding: 50px 0 25px 0;
	display: block;
}

.metanav a.active {
	padding: 3px 0 3px 25px;
	background: url(http://ayhan.oensal.net/graphix/navi/active.png) 0 0 no-repeat transparent;

}
.metanav h3 {
	font-size: 1.2em;
	font-style: normal;
	font-weight: 100;
}
.metanav .london {
	margin: 0 0 0 288px;

}
.metanav .saint {
	margin: 0 0 0 25px;

}


/*---------------- /Meta Nav -------------------------- */


/*---------------- Mental Images -------------------------- */

h1.marker{
background-color:#f00;
display: inline;
color:#FFFFFF;
line-height: 1.8em;
padding: 0;
margin: 0;
}
	
h1.marker2{
color:#f00;
line-height: 1.5em;
padding: 0;
margin: 0;
}

h2.marker{
background-color:#f00;
display: inline;
color:#FFFFFF;
line-height: 1.6em;
padding: 0;
margin: 0;
font-size: 1.2em;
}
		
.miComment{
	border: 1px solid #f00;
	width: 330px;
	padding: 10px;
	margin: 20px 0 0 0;
	text-align: left;
	background: #FFFFFF;
	}
.miForm{
	border: 1px solid #f00;
	width: 330px;
	padding: 10px;
	text-align: left;
	margin: 20px 0 0 18px;
	background: #FFFFFF;
	}

.miContent h1{
	font-size: 2em;
	}
.miContent h1.color {
	color: #f00;
	}

.miContent h2{
	font-size: 1.5em;
	}

.miForm textarea{
	width: 100%;
	}

.miContent input.stylefree{
	border: 0;
	}

.error {
	color:#FF0000;
	}

.flashBorder {
	width: 720px;
	border: 1px solid #f00;
	margin: 2em 0 0 0;
	padding: 0;
	float: right;
	}
.composition {
	width: 720px;
	margin: 2em 0 0 0;
	padding: 0;
	float: right;
	}

/*---------------- /Mental Images -------------------------- */
/*---------------- Twitter -------------------------- */

#twitter_div{
	width: 30em;
	margin-top: 18em;
	margin-left: 15em;
	text-align: left;
	color:#333333;
}

body.home0 #socialMedia, body.home1 #socialMedia{
	position: absolute;
	top: 37em;
	left: 8.5em;
	text-align: left;
	color:#333333;
}

body.home2 #socialMedia{
	top: 37em;
	left: 3em;
	text-align: left;
	color:#333333;
}

#twitter-link{
	display:block;
	text-align:left;
	}
	
#twitter_update_list span{
font-size: 1.5em;
background-color:#f00;
display: inline;
color:#FFF;
line-height: 1.8em;
padding: 0;
margin: 0;
	}
#twitter_update_list span a, h2.marker a{
color:#FFFFFF;
text-decoration: underline;
}

/*.feed .feedHeader {
	height: 20px;
	background: url(http://ayhan.oensal.net/graphix/utils/feedTop.png) top left no-repeat transparent;
}	

.feed .content{
	background: #b2e3ff;
	border: 1px solid #000000;
	border-width: 0 1px;
	width: 218px;
	}
.feed .content .padding02{
	padding: 0 20px;
	}	
.feed .feedFooter {
	height: 63px;
	background: url(http://ayhan.oensal.net/graphix/utils/feedBottom.png) bottom left no-repeat transparent;
	margin-top: -43px;
}

*/
/*---------------- /Twitter -------------------------- */