* {margin:0;padding:0;border:0}
body {background-color:#000;color:#333;font-family:Helvetica,Arial;font-size:11px;margin:0;}

a, a:visited {text-decoration:none;}
a:visited {text-decoration:underline}
a:hover {color:IndianRed}

h1 {margin:0 0 0 -2px;font-family:Pacifico,Helvetica,Arial}
h1 a, h1 a:visited{color:#222;text-decoration:none}
h3 {font-size:18px;}
body#photography h3 {color:CornflowerBlue;margin:20px 0 6px;}

p {clear:both;}
p i {color:IndianRed;}
p#e {background-color: #000;color: #00AFFF;font-size: 10px;left: 0;line-height: 4;margin-top: 15px;position: absolute;text-indent: 25px;width: 100%;}
p#e:before {content:"Contact : "}

#kapak {padding:15px 25px;background-color:#fff;}
#kapak h2 {font-size:20px;color:#111;font-weight:normal;letter-spacing:-1px;margin-bottom:15px;}

ul#writings li div {display:none;}
ul#writings li:hover div {display:block;}

div#nav a {padding-right:1px}
div#nav a:visited {text-decoration:none;color:#111}
div#nav a:hover {color:#0062BC}

div#poems h3 {font-size:13px}
div#poems div div {margin:9px 0;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #aaa;height:auto !important}

div#works img {border:1px solid #ddd;padding:12px 8px;margin:15px 0 40px;background-color:#fff}

.hid {display:none}
.fl {float:left;margin-right:20px;margin-bottom:10px}
.fix {clear:both;height:0;margin:-1px 0 0;overflow:hidden;width:0;color:#000;}

.thumb {border:1px solid #CCC;height:60px;margin:1px;padding:1px;width:60px;}
.thumb:hover {border-color:IndianRed}
.resimler span {display:none}

#poems div div {display:none}

div#ol {position: fixed;top:0;left:0;bottom:0;right: 0;background-color:#111;background: rgba(240,240,240,.75);cursor: pointer;text-align:center;display:none}
div#ol img {box-shadow: 0 0 9px #000;margin-top: 40px;max-height: 550px;}
div#ol span a, div#ol p a {background-color:#444;text-decoration:none;padding:0 3px;color:#FFcc55}
div#ol .thumb {display:none}