/*  
Theme Name: HC Ofis360
Theme URI: http://www.hakkiceylan.com/
Description: www.ofis360.com
Version: 1.1
Author: Hakki Ceylan
*/

* { margin:0;padding:0;}
body, html {min-height:101%;}
body {background: #0d0d0d;color: #888;padding:0;margin:0;}
body,  select, input, textarea {font: 100% "Segoe UI", arial, sans-serif; text-shadow:0 1px 1px #000;}
a, a:hover {text-decoration:none}
input, a {outline:0}

hr {display: block;	height:1px;	background:#fff;border:0;}

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat {display:inline-block}
.clearfloat {display:block}

#page {margin:0 auto;padding:0px;background:url(images/bg.jpg) no-repeat center top;}
#page1 {margin:0 auto;padding:0px;background:url(images/bg2.jpg) no-repeat center top;}
#main {margin:0 auto;padding:0px;width:720px;}

#header {width:720px;height:195px; margin:0;padding:0px;}
    #logo {width:300px;height:195px; margin:0;padding:0; float:left;}
        #logo-lang {margin:4px 0 0 8px; padding:0; float:left;}
    #logo img, #logo img a{border:0; float:left;}
    #logo-lang img, #logo-lang img a {border:0; float:left;margin-left:0px;margin-right:7px;}
    #nav {width:420px;height:70px; margin:0;float:left;color:#778E9F;}
    .pad75 {padding:0 0 75px 0;}
    .pad50 {padding:0 0 55px 0;}
        #nav a {color:#778E9F;}
        #nav a:hover {color:#5FB7FF;}
        #nav ul {margin:17px 0 0 35px; font-weight:bold;}
        #nav li {float:left;list-style:none;border:0px;padding-right:15px;}
        #header h1 {float:left;margin:0;color:#ccc; font-size:1.5em;font-weight:bold;letter-spacing:-1px;}
            #header h1 a {color:#ccc;}
            #header h1 a:hover {color:#61a6df;}

#middle {width:720px;margin:0;padding:0px; font-size:1em;clear:both;}
    #middle img, #middle2-c ul li img {border:5px solid #eee; -moz-border-radius:5px;}
    #middle img:hover, #middle2-c ul li img:hover {border-color:#fff;}
    #middle h2 {margin:0;color:#ccc; font-size:1.3em;font-weight:bold;letter-spacing:-1px;line-height:1.2em;}
        #middle h2 a {color:#ccc;}
        #middle h2 a:hover {color:#ffa73d;}
    #middle h1 {margin:15px 0 10px 0;color:#ccc; font-size:1.4em;font-weight:bold;letter-spacing:-.5px;}
        #middle h1 a {color:#ccc;}
        #middle h1 a:hover {color:#ffa73d;}

.storycontenta {clear:both;width:240px;margin:0;padding:20px 14px 0 0; float:left;text-align:right;}
.storycontentb {width:466px;margin:0;padding:15px 0 0 0; float:left;overflow:hidden;}

.storycontent p {padding:0 0 15px 0;}
.storycontent img {margin:2px;}
.storycontent a {color:#61a6df;}
.storycontent a:hover {color:#ccc;}
#middle .noborder{border:0;}

.ofis360{background:url(images/pano-bg.png) no-repeat center top;padding:10px;}
.ofis360 object {width:700px;height:300px;}
.ofis360 embed {width:700px;height:300px;}
.ofis360 img {border:0 !important; margin:0 !important;}

.meta {margin:5px 0 0 0;font-size:.85em;color:#555;font-weight:bold;}
.noborder {border:0;}

#middle1 {width:720px;height:235px; margin:0;padding:0px;}
    #pano {width:395px;height:235px; margin:0;padding:0;float:left;}
        #pano-in{width:375px;height:217px; margin:10px 0 0 10px;padding:0;}    
    #enter {width:325px;height:235px; margin:0;padding:0;float:left;overflow:hidden;}
    #enter-in {margin:35px 0 0 25px;padding:0;color:#ccc; font-size:1.8em;font-weight:bold;letter-spacing:-1.1px;}
        #enter-in a {color:#ccc;}
        #enter-in a:hover {color:#61a6df;}
        #enter-in ul {list-style: none;}
        #enter-in li {list-style: none;display: block;margin:0;padding:0;}
        .liste1 {background-image:url(images/text1.png);}
        .liste2 {background-image:url(images/text2.png);}
        .liste3 {background-image:url(images/text3.png);}
        .liste4 {background-image:url(images/text4.png);}
        .liste5 {background-image:url(images/text5.png);}
        .liste1, .liste2, .liste3, .liste4,.liste5 {width:299px;height:34px;background-position:0 0;text-indent: -999px;}
        .liste1:hover,.liste2:hover,.liste3:hover,.liste4:hover,.liste5:hover {background-position:0 -34px;}

        .liste1en {background-image:url(images/entext1.png);}
        .liste2en {background-image:url(images/entext2.png);}
        .liste3en {background-image:url(images/entext3.png);}
        .liste4en {background-image:url(images/entext4.png);}
        .liste5en {background-image:url(images/entext5.png);}
        .liste1en, .liste2en, .liste3en, .liste4en,.liste5en {width:299px;height:34px;background-position:0 0;text-indent: -999px;}
        .liste1en:hover,.liste2en:hover,.liste3en:hover,.liste4en:hover,.liste5en:hover {background-position:0 -34px;}


        
#middle2 {width:720px;height:220px; margin:30px 0 0 0;padding:10px 0 0 0;letter-spacing:-.2px;}
#projeler {width:720px; margin:20px 0 0 0;padding:0 0 15px 0;}
.middle2-220 {height:220px;}
.middle2-210 {height:210px;}

#middle2-a ul, #middle2-b ul, #middle2-c ul {list-style: none;margin-top:5px;}
#middle2-a li, #middle2-b li {list-style: none;display: block;margin: 0;padding:4px 0 6px 14px;border-bottom: 1px dotted #333;}
#middle2-a a, #middle2-b a, #middle2-c a {color:#777;}
#middle2-a a:hover, #middle2-b a:hover, #middle2-c a:hover {color:#ccc;}
#middle2-a p, #middle2-b p, #middle2-c p {margin:8px 0 0 8px;padding:0px;line-height:1.2em;}

#middle2-a {width:220px;margin:0 0 0 8px;padding:0px;float:left;}
    #middle2-a li {background:url(images/bullet2.png) no-repeat left center;}

#middle2-b {width:220px; margin:0 0 0 22px; padding:0px; float:left; /*font-size:14px;*/}
    #middle2-b li {background:url(images/bullet1.png) no-repeat left center;}

#middle2-c {width:220px;margin:0 0 0 22px;padding:0;float:left;}
    #middle2-c ul li img {border:4px solid #eee; -moz-border-radius:3px;}
    #middle2-c ul li img:hover {border-color:#fff;}
    .nobullets {list-style: none;display: block;margin: 0;padding:5px 0 0 5px;}
    .bullets {list-style: none;display: block;margin: 0;padding:4px 0 6px 14px;border-bottom: 1px dotted #333;background:url(images/bullet3.png) no-repeat left center;}
        
#footer {width:720px;height:50px;margin:30px 0 0 0;padding:0px;text-align:center;font-size:.75em;color:#555;}
    #footer a{color:#555;}
    #footer a:hover{color:#ccc;}



.box {width:403px;overflow:hidden;float:right;margin:0 0 0 15px;}
.box1 {height:10px;margin:0;padding:0;background:url(images/bg-title1.png) no-repeat center top;clear:both;}
.box2 {margin:0;padding:0;background:url(images/bg-title2.png) repeat-y center top;clear:both;padding-left:20px;}
.box3 {height:10px;margin:0;padding:0;background:url(images/bg-title3.png) no-repeat center top;clear:both;}
.boxsp {margin-left:6px;}


.left {float:left;}
.right {float:right;}

/* Picture */
img.centered{text-align: center;}
img.alignright,.alignright {text-align: right;}
img.alignright{float:right;}
img.alignleft,.alignleft{text-align: left;}
img.alignleft{float:left;}

/* pagenavi */
.wp-pagenavi {text-align:right;font-size:16px;padding:30px 0 15px 0;background-color: #0D0D0D;color: #333;font-weight:bold;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {padding: 8px;margin: 1px;text-decoration: none;color: #666;	background-color: #000;}
.wp-pagenavi a:hover {color: #fff;}
.wp-pagenavi span.pages {padding: 2px 4px;margin: 2px;color: #fff;background-color: #fff;}
.wp-pagenavi span.current {padding: 8px; margin: 2px;color: #ccc;background-color: #000;border:1px solid #000;}
.wp-pagenavi span.extend {padding: 2px 4px; margin: 2px;}

/* contactform */
.wpcf7 {font-weight:bold;color:#666;}
.wpcf7 select, .wpcf7 input, .wpcf7 textarea {width:350px;padding:3px;background:#eee; border: 2px solid #333;}
.wpcf7 textarea {height:140px; font-size:14px;}
.wpcf7 input, .wpcf7 textarea {margin-top:15px;}