/*
Theme Name: EA
Theme URI: http://www.emiraydin.net
Description: This theme is created by Emir Aydin for his personal website.
Author: Emir Aydin
Author URI: http://www.emiraydin.net
*/
/* HTML Rules */
body {
	background-image: url(images/bg2.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
	/* filter:alpha(opacity=60);
	-moz-opacity:.6; */
	
}
a, a:active, a:visited {
	color:#0d5178;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#000;
	text-decoration:none;
}


#back {
	background-image:url(images/back.gif);
	
}

/* Tweet */
.tweet {
	background-color:#3D8887;
	width:125px;
	height:58px;
	color:#FFF;
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
}

/* Shadows */
#home {
	font: bold 16px Trebuchet MS;
	color: #fff;
	}
div[id=home] {
	color: #000 !important;
	}
#home:after {
	content: 'HOME';
	color: #fff;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.4em; 
	}

#blog {
	font: bold 16px Trebuchet MS;
	color: #fff;
	}
div[id=blog] {
	color: #000 !important;
	}
#blog:after {
	content: 'BLOG';
	color: #fff;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.4em; 
	}
	
#projects {
	font: bold 16px Trebuchet MS;
	color: #fff;
	}
div[id=projects] {
	color: #000 !important;
	}
#projects:after {
	content: 'PROJECTS';
	color: #fff;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.4em; 
	}

#webref {
	font: bold 16px Trebuchet MS;
	color: #fff;
	}
div[id=webref] {
	color: #000 !important;
	}
#webref:after {
	content: 'WEB REFERENCES';
	color: #fff;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.4em; 
	}
	
#about {
	font: bold 16px Trebuchet MS;
	color: #fff;
	}
div[id=about] {
	color: #000 !important;
	}
#about:after {
	content: 'ABOUT';
	color: #fff;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.4em; 
	}

#contact {
	font: bold 16px Trebuchet MS;
	color: #fff;
	}
div[id=contact] {
	color: #000 !important;
	}
#contact:after {
	content: 'CONTACT';
	color: #fff;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.4em; 
	}

/* Menu */
 .menu {
            position: relative;
            height: 30px;
            width: 696px;
            background: url("images/menu_bg.gif") no-repeat top;
			margin-left:0;
			margin-right:0;
			margin-top:0;
			margin-bottom:0;
            overflow: hidden;
			padding-left: 0px;
			padding-top:3px;
			padding-bottom:3px;
        }
                .menu li {
                    float: left;
                    list-style: none;
				
					
                }
                    .menu li.back {
                        background: url("images/menu_lava.png") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .menu li.back .left {
                            background: url("images/menu_lava.png") no-repeat top left;
                            height: 30px;
                            margin-right: 5px; /* 7px is the width of the rounded shape */
                        }
                    .menu li a {
                        font: bold 16px Trebuchet MS;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 5px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 22px;    
                    }
                        .menu li a:hover, .menu li a:active, .menu li a:visited {
                            border: none;
                        }

#line {
	background-color:#6EB397;
	line-height:5px;
}

/* Date */

.date{background:transparent url(images/date_comm_box.png) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; color:#666; height:100px;width:57px;position:absolute;display:inline;text-align:center;margin:0 0 0 -57px;z-index:2;}
*+html .date{margin-top:10px;} * html .date{margin-top:10px;}
.date .calendar{margin-left:-1px;padding-top:11px;display:block;font-weight:700;text-transform:uppercase;}
.date .year{padding-top:15px;display:block; font-size:20px; font-weight:bold;}
.date .calendar .day{font-size:24px;}
.date .calendar .month{margin-left:-1px;font-size:.9em;letter-spacing:-1px;}
.clear{clear:both;}

/* Sub Info */

.sub {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:4px;
}
.sub a, .sub a:active, .sub a:visited {
	color:#0d5178;
	text-decoration:none;
	font-weight:bold;
}
.sub a:hover {
	color:#000;
	text-decoration:none;
}

.textmiddle {vertical-align:middle;} 

/* Contents */

#page {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-image:url(images/contentbg.png);
	background-repeat:repeat;
	width:696px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	border-left: 4px solid #eee;
	border-right: 4px solid #eee;
}

.content {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:696px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;

}

.more-link {
	color:#3b8686;
	background: #DBF3B6 url(images/more.png) 0.5em center no-repeat;
	border: 3px solid #E7F0F5;
	font-size:12px;
	width:12%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	margin-left:20px;
	padding:10px;
}
.more-link:hover {
	color:#fff;
	border: 3px solid #E7F0F5;
	background-color: #339999;
	font-size:12px;
	margin-left:20px;
	width:12%;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
}
.more-link a, .more-link a:visited {
	color:#3b8686;
}
.more-link a:hover {
	color:#FFF;
	
}

.main {
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
.attachment-original {
	margin-left:20px;
	margin-top:10px;
	border:3px solid #CFF09E;
}
.attachment-thumbnail {
	margin-left:20px;
	margin-top:10px;
	border:3px solid #CFF09E;
}
/* Comments */
.nocomments {
	margin-bottom: 12px;
    padding: 1em 1.5em 1em 5.5em;
	clear: both;
	border: 1px solid #E7F0F5;
	background: #DBF3B6 url(images/info.png) 2em center no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.nocomments a, .nocomments a:active, .nocomments a:visited {
	color:#0d5178;
	text-decoration:none;
	font-weight:bold;
}
.nocomments a:hover {
	color:#000;
	text-decoration:none;
}

.gravatar, img.gravatar {
	float:left;
	margin:5px 10px 5px 0;
}

.clearline {
	border-bottom:1px solid #529214;
}
strong.comment_author{ font-size:135%;letter-spacing:-1px; }
strong.comment_author a { text-decoration:none; }

.comment_date {
	font-size:95%;
}

#comments {
	padding:15px;
	list-style:none;

}
#comments .odd {
	background-color:#DBF3B6;
	padding:15px;
	margin-bottom: 0px;
	clear: both;
	border: 1px solid #E7F0F5;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
#comments .odd:hover {
	background-color:#E7F0F5;
	padding:15px;
	margin-bottom: 0px;
	clear: both;
	border: 1px solid #E7F0F5;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
#comments .odd a, #comments .odd a:link, #comments .odd a:visited { color: #529214; text-decoration:none; }
#comments .odd a:hover { color: #333; }

#comments .even {
	background-color:#E7F5E7;
	padding:15px;
	margin-bottom: 12px;
	clear: both;
	border: 1px solid #E7F0F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#comments .even a { color: #2d7ba2; }

form {
padding : 0 0 6px 8px;
margin-left:20px;
}
#form input {
background-color : #ffffff;
border : 2px solid #ccc;
padding : 4px;
font-size : 12px;
font-family : Verdana;
color : #333333;
width : 200px;
background-color : #fff;
margin : 2px 0 2px 0;
color : #529214;
background-image : url(images/tb_bg.jpg);
}
* html #form input {
height : 12px;
background-attachment : fixed;
}
#form input:focus {
background-color : #ffffff;
border : 2px solid #529214;
color : #529214;
}
#form file {
background-color : #ffffff;
border : 2px solid #ccc;
padding : 4px;
font-size : 12px;
font-family : Verdana;
color : #333333;
width : 200px;
margin : 2px 0 2px 0;
color : #529214;
background-image : url(images/tb_bg.jpg);
}
#form select {
background-color : #ffffff;
border : 2px solid #ccc;
padding : 2px;
font-size : 12px;
font-family : Verdana;
color : #333333;
width : 210px;
margin : 2px 0 2px 0;
color : #529214;
background-image : url(images/tb_bg.jpg);
}
#form option {
margin : 4px;
padding : 1px;
}
#form textarea {
background-color : #ffffff;
border : 2px solid #ccc;
padding : 4px;
font-size : 12px;
font-family : Verdana;
color : #333333;
width : 400px;
height : 120px;
background-color : #fff;
margin : 4px 0 4px 0;
color : #529214;
background-image : url(../img/ta_bg.jpg);
}
#form select:focus {
background-color : #ffffff;
border : 2px solid #529214;
color : #529214;
}
#form textarea:focus {
background-color : #ffffff;
border : 2px solid #529214;
color : #529214;
}
#form legend {
color : #333333;
}
#form label {
font-size : 11px;
}
#form .submit {
width : 120px;
font-variant : small-caps;
padding : 1px;
border : 2px solid #ccc;
height : 23px !important ;
height : 20px;
}
#form .submit:hover {
color : #529214;
border : 2px solid #529214;
}
#form .submit:focus {
background-color : #529214;
color : #f60;
border : 1px solid #f60;
}

/* Footer */
.pages a, .pages a:active, .pages a:visited {
	color:#0d5178;
	text-decoration:none;
	font-weight:bold;
}
.pages a:hover {
	color:#000;
	text-decoration:none;
}

#footer {
	background-image:url(images/footbg.gif);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:2px;
}

#footer a, a:active, a:visited {
	color:#FFF;
	text-decoration:none;
}
#footer a:hover {
	color:#CCC;
	text-decoration:none;
}