Şimdi Ara

Temaya Hem Sağ Hem Sol Sidebar Ekleme

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
1 Misafir - 1 Masaüstü
5 sn
2
Cevap
0
Favori
1.987
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhaba arkadaşlar wordpress temamım sağ sidebarı mevcut fakat ben sol tarafada bir sidebar eklemek istiyorum yani hem sağ hem sol olarak bu nasıl mümkün olur.
    Style css dosyamın kodları şu şekilde

    /*------------------------------------------------------------------------ 


    /* Reset
    ------------------------------------------------------------------------*/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
    body { line-height:1 }
    ol, ul { list-style:none }
    blockquote, q { quotes:none }
    blockquote:before, blockquote:after, q:before, q:after { content:'' }
    ins { text-decoration:none }
    del { text-decoration:line-through }
    table { border-collapse:collapse; border-spacing:0; }


    /* Message for IE6 browser
    ------------------------------------------------------------------------*/
    #ie6-message { background:#c00; border-bottom:1px solid #900; position:absolute; top:0; width:100%; z-index:2000; }
    #ie6-message p { text-align:center; color:#fff; font-size:12px; padding:20px; }
    #ie6-message a { color:#fff; font-weight:bold; text-decoration:underline; }


    /* Getting the new HTML5 tags
    ------------------------------------------------------------------------*/
    article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display:block; }
    mark, rp, rt, ruby, summary, time { display:inline }


    /* Global Forms Styles
    ------------------------------------------------------------------------*/
    textarea { overflow:auto; }
    input[type="radio"] { vertical-align:text-bottom; }
    input[type="checkbox"] { vertical-align:bottom; }
    .ie7 legend { margin-left:-7px; }
    .ie7 input[type="checkbox"] { vertical-align:baseline; }
    textarea, input { outline:none; }

    /* Hand cursor on clickable input elements */
    label, input[type=button], input[type=submit], button { cursor:pointer; }

    /* Webkit browsers add a 2px margin outside the chrome of form elements */
    button, input, select, textarea { margin:0; }
    button { width:auto; overflow:visible; }

    /* Bicubic resizing for non-native sized IMG */
    .ie7 img { -ms-interpolation-mode:bicubic; }


    /* Helper classes
    ------------------------------------------------------------------------*/
    .ir { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
    .hidden { display:none; }
    .visually-hidden { position:absolute !important; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); }
    .invisible { visibility:hidden; }
    .clearfix:before, .clearfix:after { content: "."; display: block; visibility: hidden; line-height: 0; height: 0; }
    .clearfix:after { clear: both; }
    .clearfix { clear:both; }
    .hidden-content { display:none; overflow:hidden; }
    .left { float:left; display:inline; }
    .right { float:right; }
    .center { text-align:center; }
    .text-left { text-align:left; }
    .text-right { text-align:right; }
    .last { margin-right:0 !important; }
    .last-child { margin-bottom:0 !important; }
    .full-width { width:100% !important; }
    .color { color:#ff9900 !important; }
    .wrap { margin:0 40px; width:920px; overflow:hidden; clear:both; }


    /* Global Properties
    ------------------------------------------------------------------------*/
    body { font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-weight: normal; text-align: left; color: #888; background: transparent url(styles/images/wood-light.jpg) left top repeat; }

    /* Link style */
    a { color:#888; text-decoration:none; line-height:normal; }
    a:hover { text-decoration:none; }
    .entry p a { border-bottom:1px solid #ff9900; }
    .entry p a:hover { border-bottom:1px solid #666; }
    p.attachment a { border:0; }
    p { margin-bottom: 18px; line-height:20px; }
    b, strong { font-weight:bold; }
    p strong { color:#666; }

    /* ---- Headings ---- */
    h1, h2, h3, h4, h5, h6 { line-height: 140%; font-weight:normal; color: #444; margin-bottom:12px;}
    h1 { font-size: 36px; }
    h2 { font-size: 30px; }
    h3 { font-size: 24px; }
    h4 { font-size: 18px; }
    h5 { font-size: 14px; }
    h6 { font-size: 12px; }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; font-weight:normal; border:none; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; color:#ff9900; border:none; }

    /* ---- Forms ---- */
    button, input[type="reset"], input[type="button"], input[type="submit"] { line-height:normal !important; }
    input[type="text"], input[type="password"], textarea { color: #666; line-height: 18px; font-family: Tahoma, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; padding:4px 4px; outline-style:none!important; background-color:#fdfdfd; border:1px solid #ccc; }
    input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color:#aaa; -moz-transition:border-color 0.5s ease; -ms-transition:border-color 0.5s ease; -o-transtion:border-color 0.5s ease; -webkit-transition:border-color 0.5s ease; }

    /* Submit */
    input[type=submit].submit { width: 0; /* IE table-cell margin fix */ overflow: visible; height:28px; display:inline; padding:0 12px; color:#fff; cursor:pointer; text-align:center; margin: 5px 0 20px 0; font-size:12px; border:1px solid #222; filter:chroma(color=#000000); font-weight:normal; background: transparent url(styles/images/button-black.png) left top repeat-x; }
    input[type=submit]:hover.submit { background: transparent url(styles/images/button-black.png) left bottom repeat-x; }
    html > body input[type=submit].submit { width:auto; }

    /* ---- Lists ---- */
    .entry ul, .entry ol { padding:0 0 20px 0; list-style:square inside; list-style-image:none; display:block; color:#777; }
    .entry ol ol, .entry ul ul { margin: 0 0 0 24px; padding:0; }
    .entry ol { list-style:decimal inside; }
    .entry ul li, .entry ol li { font-size:12px; line-height:22px; }
    .entry ul a, .entry ol a { color:#777; }
    .entry ul a:hover, .entry ol a:hover { color:#ff9900; }

    /* List format */
    ul.list-format { margin: 0px; padding:0; list-style-type:none; }
    ul.list-format ul.list-format { list-style-type:none; }
    ul.list-format ul.list-format ul.list-format { list-style-type:none; }

    /* ---- Misc ---- */
    pre { display: block; padding: 10px; border-width:1px 1px 1px 10px; border-style:solid; border-color:#ddd; overflow:auto; font-family:"Courier New", Courier, monospace; margin-bottom:20px; line-height:20px; }
    blockquote { font-family: 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; display: block; color: #999; font-style:italic; border-left: 2px solid #E6E6E6; margin-bottom:10px; margin-left: 20px;}
    blockquote p { padding:10px 0 10px 20px; font-size: 13px; line-height:22px; }
    .highlight { background-color: yellow }

    /* ---- Table ---- */
    table.custom-table { width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; margin:0 0 20px 0; }
    table.custom-table th { background-color: #666; color: #fff; padding: 12px; text-align: left; border-bottom: 2px #fff solid; font-weight: bold; }
    table.custom-table td { color: #666; padding: 12px; text-align: left; border: 1px #fff solid; background-color: #eee; }
    table.custom-table td.even { background-color: #fff; }


    /* Default images styles
    ------------------------------------------------------------------------*/
    a img, a:hover img { border:0; outline: none; overflow:hidden; }
    .aligncenter { margin: 0 auto 24px auto; display:block; clear:both; overflow:hidden; }
    .alignleft { float:left; display:inline; margin:0 18px 18px 0; overflow:hidden; }
    .alignright { float:right; display:inline; margin:0 0 18px 18px; overflow:hidden; }
    p img:first-child { margin-top:0;}
    .frame { border:1px solid #e7e7e7; }

    /* Custom image */
    a.autoload { position:relative; z-index:2; background: #fff url(styles/images/loader.gif) center center no-repeat; display:block; }
    a.autoload.icon-fade img { position:absolute; left:0; top:0; }
    a.autoload span { position:absolute; display:block; opacity:0; filter: alpha(opacity=0); }
    a.autoload .overlay { z-index:2; left:0px; top:0px; width:100%; height:100%; background: transparent url(styles/images/dotted-bg.png) left top repeat;}
    a.autoload .icon { z-index:3; left:0px; bottom:0px; width:30px; height:30px; background-color: #ff9900; background-position:center center; background-repeat:no-repeat; }

    /* Autload icons */
    a.autoload .icon.link { background-image:url(styles/images/icon-link.png); }
    a.autoload .icon.view { background-image:url(styles/images/icon-view.png); }
    a.autoload .icon.gallery { background-image:url(styles/images/icon-gallery.png); }
    a.autoload .icon.movie { background-image:url(styles/images/icon-movie.png); }

    .custom-image { position:relative; margin-bottom:24px;}
    .custom-image a.autoload { position:absolute; }


    /* Layout
    ------------------------------------------------------------------------*/

    /* ---- Columns ---- */
    .col { float:left; display:inline; margin-right:28px; overflow:hidden; }
    .col-1-1 { width:920px; }
    .col-1-2 { width:446px; }
    .col-1-3 { width:288px; }
    .col-1-4 { width:209px; }
    .col-2-3 { width:604px; }
    .col-3-4 { width:683px; }

    /* Blog layout */
    .blog-width .col-1-2 { width:298px; }
    .blog-width .col-1-3 { width:192px; }
    .blog-width .col-1-4 { width:138px; }
    .blog-width .col.col-1-3, .blog-width .col.col-1-4 { margin-right:24px; }



    /* ---- Page wrappers ---- */
    #bg-wrapper { display: table; width: 100%; height: auto; }
    #page-wrapper { background:#fff; margin:0 auto; width:1000px; padding:40px 0 0 0; }

    /* Content */
    #content { float:left; display:inline; width:624px; overflow:hidden; }

    /* Sidebar */
    #sidebar { float:right; width:256px; overflow:hidden; margin-bottom:28px; margin-top:0; }


    /* Header
    ------------------------------------------------------------------------*/
    #header { width:1000px; margin:0 auto; height:auto; background: transparent url(styles/images/header-bg.png) center top no-repeat; }
    #header-top { background: transparent url(styles/images/opacity30.png) left top repeat; width:1000px; overflow:hidden; min-height:24px; }

    /* Top navigation */
    ul#top-menu { margin-left:40px; }
    ul#top-menu li { font-size:11px; float:left; margin:4px 5px 0 0; border-left-color:#333; border-left-style:solid; border-left-width:1px; padding-left:6px; line-height:normal; }
    ul#top-menu li:first-child { margin-left:0; padding-left:0; border:none; }
    ul#top-menu li a { display:block; font-weight:normal; text-decoration:none; color:#666; border:none; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; text-transform:uppercase; }
    ul#top-menu li a:hover { text-decoration:none; color:#ddd; border-bottom:1px solid #ff9900; }

    /* Social Links */
    #tagline { margin-right:40px; float:right; padding:2px 0; font-size:11px; color:#999; margin-top:2px;}

    /* Header Content */
    #header-content { width:1000px; height:auto; position:relative; z-index:1; overflow:hidden; padding:10px 0 10px 0; }

    /* Logo */
    #logo { float:left; margin:20px 40px; clear:left; display:inline; }
    #logo a { border:none; }

    /* Search */
    #header-search { position:absolute; height:34px; margin-top:-17px; margin-bottom:-17px; right:40px; top:50%; bottom:50%; clear:both; z-index:2; }
    input.search-header { background:transparent url(styles/images/opacity50.png) left top repeat; color:#999; margin:2px 0 0 0; width:190px; float:left; border-top:1px solid #333; border-right:none; border-bottom:1px solid #333; border-left:1px solid #333; height:18px; padding:5px; }
    input:focus.search-header { border-color:#555; }
    input.search-submit { background-color:#ff9900; background-image:url(styles/images/icon-mglass.png); background-position:center center; background-repeat:no-repeat; border:none; color:#ddd; margin:0; width:34px; height:34px; float:left; clear:none; cursor:pointer; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

    /* Custom header content */
    #custom-header { float:right; margin-right:40px; margin-top:20px; text-align:right; }


    /* Navigation
    ------------------------------------------------------------------------*/
    #menu-wrap { width:1000px; height:44px;
    background:#292929 url(styles/images/menu-bg.png) left top repeat-x; border-bottom-color:#ff9900; border-bottom-style:solid; border-bottom-width:4px; clear:both; position:relative; z-index:9999; margin:0 auto; border-top:1px solid #191919; }
    ul#menu { position:relative; margin-left:0px; }
    ul#menu li { position: relative; display: inline; float: left; -moz-transition:background 0.2s ease; -ms-transition:background 0.2s ease; -o-transtion:background 0.2s ease; -webkit-transition:background 0.2s ease; transition:background 0.2s ease; }
    ul#menu .hover { background-color:#1e1e1e; -moz-transition:background 0.2s ease; -ms-transition:background 0.2s ease; -o-transtion:background 0.2s ease; -webkit-transition:background 0.2s ease; transition:background 0.2s ease; }
    ul#menu li.level0.current_page_item, ul#menu li.level0.current-menu-item, ul#menu li.level0.current-menu-ancestor { background:#ff9900; }
    ul#menu li.level0.current-menu-item .hover, ul#menu li.level0.current_page_item .hover, ul#menu li.level0.current-menu-ancestor .hover { background:#ff9900 !important; }
    ul#menu li a { font-family: "Helvetica Nue", Helvetica, Arial, sans-serif; display:inline-block; height: 100%; padding:0 14px; text-align: left; line-height: 44px; font-size: 12px; font-weight:bold; color: #fff; border:none; text-decoration: none; }
    * html ul#menu li a { display: inline-block; }
    ul#menu li a:hover { color: #fff; }

    /* Sub menu */
    ul#menu ul { position:absolute; left:0; top:36px; width:160px; z-index:1; visibility:hidden; background:#222; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1); }
    ul#menu li li { display:block; width: 100%; cursor:pointer; background:none; }
    ul#menu .odd { background:#282828; }
    ul#menu li li:hover { background:#333; }
    ul#menu li li:last-child { border:none; }
    ul#menu li li a { height:auto; line-height: 16px; padding:12px; font-weight:normal; color:#999; text-transform:none; font-size: 11px; display:block; width:auto; }
    ul#menu li li a:hover { color:#fff; }
    ul#menu ul ul { position:absolute; left:100%; top:-1px; width: 100%; z-index:2; visibility:hidden; }

    /* Icons */
    ul#menu .menu-icon { display:inline-block; width:5px; height:5px; margin-left:6px; background:transparent url(styles/images/menu-icon.png) center center no-repeat; padding-bottom:4px; opacity:0.6; filter: alpha(opacity = 60);}
    ul#menu ul .menu-icon { width:5px; background:transparent url(styles/images/menu-sub-icon.png) center center no-repeat; padding:0; }


    /* Footer
    ------------------------------------------------------------------------*/
    #footer { clear:both; width:1000px; margin:0 auto; }

    /* Footer Top */
    #footer-top { width:1000px; height:25px; background-color:#000; overflow:hidden; }

    /* Footer navigation */
    ul#footer-menu { margin-left:40px; }
    ul#footer-menu li { font-size:11px; float:left; margin:4px 5px 0 0; border-left-color:#333; border-left-style:solid; border-left-width:1px; padding-left:6px; line-height:normal; }
    ul#footer-menu li:first-child { margin-left:0; padding-left:0; border:none; }
    ul#footer-menu li a { display:block; font-weight:normal; text-decoration:none; color:#666; border:none; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; text-transform:uppercase; }
    ul#footer-menu li a:hover { text-decoration:none; color:#ddd; border-bottom:1px solid #ff9900; }

    /* Copyrights */
    .footer-bottom { background:#090909; overflow:hidden; padding:24px 40px; margin-bottom:24px; }
    #copyright p { font-size:11px; color:#666; line-height:16px; }
    #copyright p a { color:#ddd; line-height:normal; border-bottom:1px dotted #666; text-decoration:none; }
    #copyright p a:hover { line-height:normal; border-bottom:none; text-decoration:none; }

    /* Footer social */
    #footer-social a.social-icon { }

    /* Footer logo */
    #footer-logo { float:right; }


    /* Intro
    ------------------------------------------------------------------------*/
    #intro { position:relative; background-color:#000; margin:0 auto; width:1000px; height:100%; }
    .intro-image { display:block; margin:0 auto; }
    #intro .intro-picemaker { line-height:0; }
    .intro-shadow { line-height:normal; font-size:0; position:absolute; bottom:0; left:0; width:1000px; height:8px; background:transparent url(styles/images/shadow-up.png) left top repeat-x; z-index:2; }
    #intro .video { margin:0 auto; }

    /* Intro text */
    #intro-text { clear:both; padding: 24px 40px 24px 40px; margin:0 auto 0 auto; width:920px;background-image: linear-gradient(top, #FDFDFD 4%, #F1F1F1 52%);background-image: -o-linear-gradient(top, #FDFDFD 4%, #F1F1F1 52%);background-image: -moz-linear-gradient(top, #FDFDFD 4%, #F1F1F1 52%);background-image: -webkit-linear-gradient(top, #FDFDFD 4%, #F1F1F1 52%);background-image: -ms-linear-gradient(top, #FDFDFD 4%, #F1F1F1 52%); background-color:#f1f1f1; border-bottom:1px solid #e7e7e7; }
    #intro-text .h1, #intro-text .h2, #intro-text .h3, #intro-text .h4, #intro-text .h5, #intro-text .h6 { margin:0;}
    #intro-text a { background:#ff9900; color:#fff; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out;}
    #intro-text a:hover { background:#333; color:#fff;}
    #intro-text a:visited { background:transparent; }

    /* Page top */
    .page-top { width:1000px; margin:0 auto; background: transparent url(styles/images/dotted-bg2.png) left top repeat; position:relative; padding:0; }
    .page-top h1, .page-top h2 { width:920px; font-size:24px; padding:30px 0 20px 0; margin:0 40px 0 40px; }


    /* Recent Works
    ------------------------------------------------------------------------*/
    #rw-wrap { position:relative; background:transparent url(styles/images/dark-stripes-bg.png) left top repeat; margin:0 auto; width:1000px; z-index:1; }
    .rw-shadow { line-height:normal; font-size:0; position:absolute; top:0; left:0; width:1000px; height:8px; background:transparent url(styles/images/shadow-down.png) left top repeat-x; z-index:3; }
    .rw-content { background:transparent url(styles/images/glow.png) top center no-repeat; width:960px; overflow:hidden; padding:24px 20px 16px 20px;}
    .rw-content h3 { font-size:16px; color:#ddd; margin:0 0px 20px 20px;}

    /* Nav */
    #rw-nav { position: absolute; right:40px; top:-8px; width:48px; height:24px; z-index:1200;}
    #rw-nav span { display:inline-block; width:24px; height:24px; background-color:#ff9900; background-image: url(styles/images/slider-arrows.png); background-repeat: no-repeat; float:left; width:24px; height:24px; cursor:pointer; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; }
    #rw-nav span.rw-next { background-position: right center; }
    #rw-nav span.rw-prev { background-position: left center; }
    #rw-nav span.disabled { background-color:#444; cursor:default; }
    #rw-nav span:hover { background-color:#444; }

    /* Items */
    .rw-items { margin:24px 0; overflow:hidden; width:960px; clear:both; }
    .rw-items li { width:320px; float:left;}
    .rw-items li .item { width:288px; height:180px; margin:0 16px; background-color:#fff; }
    .rw-items li .shadow { width:288px; height:10px; margin:0 16px; background:transparent url(styles/images/shadow-image-1-3.png) center top no-repeat; }


    /* Sliders
    ------------------------------------------------------------------------*/

    /* ---- Slider helper classes ---- */
    .rs { overflow:hidden; z-index:1; }
    .rs-content { overflow:hidden; position:relative; z-index:2; }
    .rs-slide { position:absolute; left:0; top:0; display:none; }
    .rs-slide-content { width:100%; height:100%; position:relative; z-index:1; }
    .rs-image { z-index:2; position:absolute; left:0; top:0; }
    .rs-video { width:100%; height:100%; }
    .rs-caption { position:absolute; z-index:4; }

    /* Navigation */
    .rs-nav { position:absolute; right:8px; bottom:6px; z-index:999; }
    .rs-nav a { display:inline-block; width:12px; height:12px; margin-left:4px; background:#fff; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; }
    .rs-nav a:hover, .rs-nav a.active { background:#000; }
    .rs-number { display:none }

    /* ---- Main slider ---- */
    #intro-slider { margin:0 auto; position:relative; }

    /* Caption */
    #intro-slider .rs-caption { overflow:hidden; left:0; bottom:0; width:300px; padding:20px; background:transparent url(styles/images/opacity70.png) left top repeat; }
    #intro-slider .rs-caption h2 { color: #fff; font-size:24px; margin-bottom:12px; }
    #intro-slider .rs-caption p { color:#fff; margin-bottom:0; }


    /* Dragr Slider
    ------------------------------------------------------------------------*/

    /* ---- Dragr helper classes ---- */
    .rd { position:relative; z-index:1; overflow:hidden; }
    .rd-content { position:relative; cursor:move; }
    .rd-slide { float:left; display:none; }

    /* Navigation */
    .rd-nav { position:absolute; right:8px; bottom:6px; z-index:999; line-height:}
    .rd-nav a { display:inline-block; width:12px; height:12px; margin-left:4px; background:#fff; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; }
    .rd-nav a.active { background:#000; }
    .rd-number { display:none; }

    /* Custom Dragr */
    #intro-drag-slider { overflow:hidden; margin:0 auto; }


    /* Shortcodes
    ------------------------------------------------------------------------*/

    /* Spacer */
    .spacer { height:30px; width:100%;}

    /* Divider */
    .divider { line-height:1px; height:8px; margin-bottom:66px; clear:both; display:block; top:24px; position:relative; background:transparent url(styles/images/divider-bg.png) left top repeat; }

    /* Dotted heading */
    .dotted-heading { line-height:normal; height:8px; margin-bottom:20px; clear:both; display:block; background:transparent url(styles/images/divider-bg.png) left top repeat; font-size:10px; text-transform:uppercase; color:#aaa; }
    .dotted-heading span { display:inline-block; background-color:#fff; padding:0px 8px 0px 0; line-height:normal; position:relative; top:-3px; }

    /* Video */
    .video { margin-bottom:18px; }
    .video-wrap .autoload { position:absolute; z-index:1; }
    .video-wrap a { cursor:pointer; }

    /* Services Boxes */
    .service { width:215px; float:left; display:inline; margin-right:20px; border-bottom-color:#ddd; border-bottom-style:solid; border-bottom-width:1px; overflow:hidden; margin-bottom:24px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; }
    .service:hover { border-bottom-color:#ff9900; }
    .service-shadow { line-height:normal; font-size:0; position:absolute; bottom:0; left:0; width:215px; height:8px; background:transparent url(styles/images/shadow-up.png) left top repeat-x; z-index:10; }
    .service-content {padding: 24px 12px 12px 12px; width:191px; background-image: linear-gradient(top, #f9f9f9 4%, #F1F1F1 52%);background-image: -o-linear-gradient(top, #f9f9f9 4%, #F1F1F1 52%);background-image: -moz-linear-gradient(top, #f9f9f9 4%, #F1F1F1 52%);background-image: -webkit-linear-gradient(top, #f9f9f9 4%, #F1F1F1 52%); background-image: -ms-linear-gradient(top, #f9f9f9 4%, #F1F1F1 52%); background-color:#f1f1f1;}
    .service h2 { font-size:18px; margin-bottom:12px; text-align:center; }
    .service p { font-size:11px; line-height:18px; text-align:center; }
    .service .custom-image { margin-bottom:0;}
    .service .image-shadow {background:transparent url(styles/images/shadow-service.png) center bottom no-repeat; width:215px; height:8px; margin-bottom:4px;}
    .service a.button-mini { background-color:#888; margin:0; }
    .service a:hover.button-mini { background-color:#ff9900; }
    .service a:visited.button-mini {background-color:transparent}

    /* Services Icon */
    .service-icon { float:left; margin:0 20px 0px 0; width:215px; }
    .service-icon p { font-size:12px; line-height:18px; margin-bottom:12px;}
    .service-icon h3 { font-size:18px; margin-bottom:12px; overflow:hidden; line-height:30px;}
    .service-icon h3 img {float:left; margin-right:12px;}

    /* Button */
    a.button { height:28px; display:inline-block; padding:0 12px; color:#fff; text-align:center; margin-right: 12px; font-size:12px; line-height:28px; }

    /* Colors */
    a.button.dark { border:1px solid #222 !important; background: transparent url(styles/images/button-black.png) left top repeat-x; }
    a:hover.button.dark { background: transparent url(styles/images/button-black.png) left bottom repeat-x; }
    a.button.yellow { border:1px solid #ff9900 !important; background: transparent url(styles/images/button-yellow.png) left top repeat-x; }
    a:hover.button.yellow { background: transparent url(styles/images/button-yellow.png) left bottom repeat-x; }
    a.button.blue { border:1px solid #1f7be5 !important; background: transparent url(styles/images/button-blue.png) left top repeat-x; }
    a:hover.button.blue { background: transparent url(styles/images/button-blue.png) left bottom repeat-x; }
    a.button.red { border:1px solid #ff3333 !important; background: transparent url(styles/images/button-red.png) left top repeat-x; }
    a:hover.button.red { background: transparent url(styles/images/button-red.png) left bottom repeat-x; }
    a.button.orange { border:1px solid #ff6a20 !important; background: transparent url(styles/images/button-orange.png) left top repeat-x; }
    a:hover.button.orange { background: transparent url(styles/images/button-orange.png) left bottom repeat-x; }

    /* Mini Button */
    a.button-mini { padding:6px 10px; display:inline-block; text-align:center; line-height:normal; margin-right:12px; text-decoration:none; border:none !important; font-size:10px; background-color:#333; text-transform:uppercase; color:#fff; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out;}
    a:visited.button-mini, a:visited.button-mini.yellow { background:transparent; }
    a.button-mini.yellow { background-color:#ff9900; }
    a.button-mini.dark { background-color:#666; }
    a.button-mini.blue { background-color:#3399ff; }
    a.button-mini.red { background-color:#ff3333; }
    a.button-mini.orange { background-color:#ff6a20; }
    a:hover.button-mini { background-color:#333; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; }
    a:visited.button-mini, a:visited.button-mini.yellow, a:visited.button-mini.blue, a:visited.button-mini.red, a:visited.button-mini.orange { background:transparent; }

    /* Box */
    .box { padding:24px; margin-bottom:24px; background:#000; clear:both; color:#fff; overflow:hidden; }
    .box h1, .box h2, .box h3, .box h4, .box h5, .box h6, .box p { color:#fff; }
    /* Texture Box */
    .box.texture { background:#000 url(styles/images/texture-noise.jpg) left top repeat; }

    /* ---- Messages ---- */

    .message { padding: 10px 15px; margin-bottom: 24px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

    /* Error */
    .message.error { border: 1px solid #e9c59b; background: #ffecce; color: #e3302c; }

    /* Success */
    .message.success { border: 1px solid #bfde84; background: #edfbd8; color: #508600;}

    /* Info */
    .message.info { border: 1px solid #bbdbe0; background: #ecf9ff; color: #0888c3; }

    /* Warning */
    .message.warning { border: 1px solid #e5e181; background: #fefde2; color: #666;}

    /* Slider */
    .custom-slider { margin-bottom:18px; position:relative; }
    .custom-dragr { margin-bottom:18px; position:relative; }

    /* Tabs */
    ul.tabs { width:auto; height:33px; border-bottom:1px solid #ddd; margin-bottom:18px; }
    ul.tabs li { color:#333; float:left; }
    ul.tabs li a { height:30px; line-height:30px; margin:2px 0 0 0; float:left; color:#888 !important; padding:0 10px; background-color:#eee; border: solid 1px #ddd; border-width: 1px 1px 0 0; -webkit-transition: background-color .4s ease-out; -moz-transition: background-color .4s ease-out; transition: background-color .4s ease-out;}
    ul.tabs li:first-child a { border-width: 1px 1px 0 1px;}
    ul.tabs li a:hover { background-color:#eee; }
    ul.tabs li a.active-tab, ul.tabs li a.active-tab:hover { height:31px; background-color:#fff; color:#666 !important; }
    .tab-wrap { overflow:hidden }
    .tab-content { display:none; }

    /* Toggle */
    h4.toggle-title { background:transparent url(styles/images/toggle-close.png) left center no-repeat; padding:0 0 0 24px; margin-bottom:12px; cursor:pointer; }
    .active-toggle { background:transparent url(styles/images/toggle-open.png) left center no-repeat !important; }
    .toggle { }
    .toggle-content { display: none; }

    /* Google Maps */
    .gmap-wrap { margin-bottom:18px; }
    .gmap, .gmap strong { overflow:hidden; }

    /* Check lists, Bullet lists */
    ul.check-list, ul.bullet-list { margin-bottom:18px; }
    ul.check-list-green li, ul.check-list-orange li, ul.check-list-violet li, ul.check-list-blue li,
    ul.bullet-list-green li, ul.bullet-list-orange li, ul.bullet-list-violet li, ul.bullet-list-blue li { padding:2px 0 2px 24px; }
    ul.check-list-green li { background: transparent url(styles/images/icon-check-green.png) left 4px no-repeat; }
    ul.check-list-orange li { background: transparent url(styles/images/icon-check-orange.png) left 4px no-repeat; }
    ul.check-list-violet li { background: transparent url(styles/images/icon-check-violet.png) left 4px no-repeat; }
    ul.check-list-blue li { background: transparent url(styles/images/icon-check-blue.png) left 4px no-repeat; }
    ul.bullet-list-green li { background: transparent url(styles/images/icon-bullet-green.png) left 4px no-repeat; }
    ul.bullet-list-orange li { background: transparent url(styles/images/icon-bullet-orange.png) left 4px no-repeat; }
    ul.bullet-list-violet li { background: transparent url(styles/images/icon-bullet-violet.png) left 4px no-repeat; }
    ul.bullet-list-blue li { background: transparent url(styles/images/icon-bullet-blue.png) left 4px no-repeat; }

    /* Social */
    a.social-icon { display:inline-block; width:24px; height:24px; margin-right:2px; opacity:.4; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; border-bottom:none !important; filter: alpha(opacity = 40);}
    a.social-icon:hover { opacity:1; filter: alpha(opacity = 100); }
    #custom-header a.social-icon { opacity:.6; margin-right:0; margin-left:2px; filter: alpha(opacity = 60); }
    #custom-header a.social-icon:hover { opacity:1;filter: alpha(opacity = 100); }

    /* ---- Headings ---- */
    h4.line-heading { text-align:center; font-size: 18px; width:100%; margin-bottom:40px; line-height:normal; background: transparent url(styles/images/line.png) left center repeat-x; }
    h4.line-heading span { display:inline-block; background-color:#fff; padding:0 24px; }

    /* --- Page Boxes --- */
    .boxed-layout { margin-top:0 !important; margin-bottom:0 !important; padding:0 !important; }
    .wrap.boxed-layout { margin-left:0 !important; margin-right:0 !important; width:1000px; }
    .page-box { width:920px; padding:30px 40px; position:relative; }
    .page-box.dark { background: #f1f1f1 url(styles/images/dark-box.png) left top repeat-x; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
    .page-box.light { background: #f1f1f1 url(styles/images/light-box.png) left top repeat-x; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
    .box-shadow { background: transparent url(styles/images/box-shadow.png) left top no-repeat; width:1000px; height:19px; position:absolute; left:0; top:0; z-index:999;}
    .page-box.white { border-top:1px solid #fff; border-bottom:1px solid #ddd; }
    .layer { position:absolute; z-index:2; background-color:transparent; background-position:left top; background-repeat:no-repeat;}

    /* Service Box */
    .service-box { height:256px; overflow:hidden; padding:0 !important; width:1000px; }
    .service-left { float:left; display:inline; width:480px; text-align:center; height:100%; position:relative; z-index:1;}
    .service-right { float:right; width:480px; height:100%; position:relative; z-index:1;}
    .service-box .box-separator { width:1px; height:256px; position:absolute; left:479px; top:0; z-index:1000; background-color:#e1e1e1; border-right:1px solid #fbfbfb; }

    /* Title */
    .service-left h2 { position:absolute; left:0; top: 60px; width:100%; text-align:center; font-size:24px; color:#666; }

    /* Navigation */
    .service-left .service-nav { padding-top: 130px; }
    .service-left .service-nav li { display:inline-block; margin:0 12px; line-height:normal; border:none !important; cursor:pointer; width:auto; clear:none; zoom: 1;
    *display:inline; list-style:none;}
    .service-left .service-nav li img { opacity:0.5; filter: alpha(opacity = 50); display:inline;}
    .service-left .service-nav li.active img, .service-left .service-nav li:hover img { opacity:1; filter: alpha(opacity = 100);}
    .service-left .service-nav li img, .service-left .service-nav li:hover img { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out;}

    /* Details */
    .service-details { position:absolute; top:0; left:0; width:480px; }
    .service-detail { float:left; height:256px; width:100%; }
    .service-box-content { padding:40px 30px; }

    /* Testimonials */
    .testimonial { width:auto;min-height:60px; padding-left:60px; padding-top:8px; background: transparent url(styles/images/quote.png) 16px top no-repeat; margin-bottom:20px; overflow:hidden; }
    .testimonial p { font-family: 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:14px; line-height:22px; font-style:italic; }
    .testimonial .author-meta { display:block; text-align:right; clear:both; }
    .testimonial .author-meta span { font-weight:bold; color:#666; }

    /* Category list */
    .category-list { margin-bottom:24px; clear:both; width:100%; }
    .category-list a { margin-right:5px; }


    /* Blog Entry
    ------------------------------------------------------------------------*/

    /* Entry */
    .entry { width:100%; margin-bottom:48px; clear:both; overflow:hidden; }

    /* Heading */
    h2.entry { width:100%; margin:0 0 12px 0; padding:0; font-size:24px;}
    h2.entry a { border:0; color:#444; -webkit-transition: color .8s ease-out; -moz-transition: color .8s ease-out; transition: color .8s ease-out; }
    h2.entry a:hover { border:0; color:#ff9900; }

    /* Meta data top */
    .meta-top { font-size:10px; width:100%; overflow:hidden; margin:0 0 4px 0; text-transform:uppercase; position:relative; bottom:0px; }
    .meta-top span { display:inline-block; color:#aaa; }
    .meta-top .separator { padding:0 4px;}
    .meta-date { }
    .meta-comments a { color:#aaa; -webkit-transition: color .4s ease-out; -moz-transition: color .4s ease-out; transition: color .4s ease-out; }
    .meta-comments a:hover { color:#ff9900; }
    .meta-top.single-entry { margin-bottom: 0; padding: 8px; border: 1px solid #eee; width: auto; bottom:0; background:#fafafa; }

    /* Meta data bottom */
    .meta-bottom { font-size:10px; text-transform:uppercase; overflow:hidden; padding: 8px; border-left: 1px solid #eee; border-bottom:1px solid #eee; border-right:1px solid #eee;}
    .meta-bottom p { display:block; margin:0; color:#aaa; }
    .meta-bottom a { color:#aaa; border-bottom:none !important; display:inline-block; margin:0 4px; -webkit-transition: color .4s ease-out; -moz-transition: color .4s ease-out; transition: color .4s ease-out; }
    .meta-bottom a:hover { color:#ff9900; }
    .meta-bottom span { color: #999; }

    /* Read more button */
    a.more-link { height:28px; line-height:28px; text-decoration:none; display:inline-block; padding:0 12px; color:#fff; text-align:center; margin-right: 12px; font-size:12px; border:1px solid #222; background: transparent url(styles/images/button-black.png) left top repeat-x;}
    a:hover.more-link { text-decoration:none; }
    a:hover.more-link { background: transparent url(styles/images/button-black.png) left bottom repeat-x; }

    /* Thumb Classes */
    .small-thumb { display:inline; float:left; position:relative; width:288px; }
    .small-thumb-text { float:left; margin-left:26px; width:306px; }
    .icon-thumb { display:inline; float:left; position:relative; width:86px; }
    .icon-thumb-text { float:left; margin-left:26px; width:486px; }
    .no-thumb { display:block; float:none; margin-left:0px; width:auto; }

    /* ---- Author Box ---- */
    .entry-author { overflow:hidden; margin-bottom:28px; padding-top:12px; }
    .entry-author-gravatar { float:left; width:80px; display:inline; margin-bottom:20px; }
    .entry-author-gravatar img {}
    .entry-author .author { display:block; color:#333; font-size:12px; }
    .entry-author-text { padding-left:106px; }

    /* ---- Related Articles ---- */
    #related-posts { overflow:hidden; margin-bottom:48px; }
    #related-posts p { font-size:12px; }

    /* List */
    #related { overflow:hidden; }
    #related li { width:192px; float:left; margin-left:24px; text-align:center; }
    #related li:first-child { margin-left:0; }
    a.related-image { width:180px; height:140px; padding:5px; background-color:#f1f1f1; border:1px solid #ddd; float:left; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out;}
    a:hover.related-image {background-color: #ff9900; border-color:#fff; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; }
    a:visited.related-image { background:transparent; }
    a.related-title { color: #aaa; display:inline-block; margin:6px 0; font-size:12px; }
    a:hover.related-title { text-decoration:none; color:#ff9900; }

    /* --- Grid ---- */
    .blog-grid { padding-bottom:28px; }
    .blog-grid-thumb h2 { font-size:18px; margin:0; z-index:10; position:absolute; bottom:12px; left:-100%; background-color:#ff9900; padding:4px 4px 4px 12px; }
    .blog-grid-thumb .date { position:absolute; top: -20px; left:-100%; color:#fff; background-color:#333; display:block; padding: 2px 4px 2px 12px; font-size: 13px; z-index:11; line-height: normal; }
    .blog-grid h2 a, .blog-grid h2 a:hover { color:#fff; }
    .blog-grid-thumb { padding-bottom:0; overflow:hidden; position:relative; z-index:1; }


    /* Post Navigation
    ------------------------------------------------------------------------*/
    #post-nav { overflow:hidden; position:absolute; bottom:-6px; right:40px; width:48px; height:24px; z-index:1; }
    #post-nav a { float:left; width:24px; height:24px; }
    #post-nav span { display:inline-block; width:24px; height:24px; background-color:#ff9900; background-image: url(styles/images/slider-arrows.png); background-repeat: no-repeat; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out;}
    #post-nav span.next { background-position: right center; }
    #post-nav span.prev { background-position: left center; }
    #post-nav span.inactive { background-color:#ccc; height:24px; line-height:24px; }
    #post-nav span:hover { background-color: #444; }
    #post-nav span.inactive:hover { background-color: #ccc; }


    /* Share button */
    .share {position:absolute; bottom:-6px; right:100px; z-index:1;}
    a.share-button { z-index:1; display:block; position:relative; height:24px; background-color:#ff9900; background-image: url(styles/images/share.png); background-repeat: no-repeat; background-position:6px; center; color:#fff; font-size:10px; line-height:24px; padding:0 6px 0 22px; text-transform:uppercase; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; cursor:move;}
    a:hover.share-button { background-color: #444; }


    /* Gallery
    ------------------------------------------------------------------------*/

    /* --- Albums ---- */
    .album-entry { overflow:hidden; padding-bottom:28px; border-bottom-color:#eee; border-bottom-style:solid; border-bottom-width:1px; margin-bottom:48px; background-color: #fafafa; }
    .album-entry:hover { background-color: #f1f1f1; border-bottom-color:#ff9900; -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; transition: all .6s ease-out; }

    /* Heading */
    .album-entry h2 { text-align:center; margin:12px 0 0 0; font-size:18px; }
    .album-entry h2 a { color:#444; }
    .album-entry h2 a:hover { color:#ff9900; }

    /* Categories */
    .album-entry .categories { margin-top:0px; text-align:center; }
    .album-entry .categories a { font-style:italic; color:#aaa; font-size:11px; line-height:normal; -webkit-transition: color .4s ease-out; -moz-transition: color .4s ease-out; transition: color .4s ease-out;}
    .album-entry .categories a:hover { color:#ff9900; }

    /* ---- Single Album ---- */
    .image-entry { overflow:hidden; padding-bottom:28px; }
    .gallery-desc { padding-bottom:24px; overflow:hidden;}

    /* Meta */
    .image-entry .image-title { text-align:left; margin:6px 0 0 0; font-size:11px; display:block; font-weight:bold; }
    .image-entry p { text-align:left; margin:6px 0 0 0; font-size:11px; color:#aaa; line-height:16px;}


    /* Portfolio
    ------------------------------------------------------------------------*/
    .portfolio-entry { overflow:hidden; padding-bottom:28px; border-bottom-color:#eee; border-bottom-style:solid; border-bottom-width:1px; margin-bottom:48px; background-color: #fafafa; }
    .portfolio-entry:hover { background-color: #f1f1f1; border-bottom-color:#ff9900; -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; transition: all .6s ease-out; }

    /* Heading */
    .portfolio-entry h2 { text-align:center; margin:12px 0 0 0; font-size:18px; }
    .portfolio-entry h2 a { color:#444; }
    .portfolio-entry h2 a:hover { color:#ff9900; }

    /* Image */
    .single-image { }

    /* Description */
    .portfolio-entry p { margin:8px 0 0 0; font-size:11px; color:#999; line-height:18px; text-align:center; padding:0 12px; }

    /* Slider */
    .portfolio-slider { position:relative; margin-bottom:0; }
    .portfolio-slider .rs-nav { display:none; }
    .portfolio-slider .rs-caption { display:none; }
    .portfolio-slider a.rs-next, .portfolio-slider a.rs-prev { display:block; position:absolute; width:24px; height:24px; bottom:0; z-index:100; background-color:#ff9900; background-image:url(styles/images/slider-arrows.png); background-repeat:no-repeat; -webkit-transition: background-color .4s ease-out; -moz-transition: background-color .4s ease-out; transition: background-color .4s ease-out; }
    .portfolio-slider a.rs-next { right:0; background-position: right center; }
    .portfolio-slider a.rs-prev { right:24px; background-position: left center; }
    .portfolio-slider a:hover { background-color: #444; }
    .portfolio-slider a:visited { background-color: transparent; }

    /* Slider */
    .portfolio-dragr-slider { margin-bottom:0; }
    .portfolio-dragr-slider .drag-icon { background-color:#ff9900; background-image:url(styles/images/icon-drag.png); background-position:center center; background-repeat:no-repeat; display:block; position:absolute; right:0; bottom:0; width:24px; height:24px; bottom:0; z-index:100; }

    /* Categories */
    .portfolio-entry .categories { margin-top:0px; text-align:center; }
    .portfolio-entry .categories a { font-style:italic; color:#aaa; font-size:11px; line-height:normal; -webkit-transition: color .4s ease-out; -moz-transition: color .4s ease-out; transition: color .4s ease-out;}
    .portfolio-entry .categories a:hover { color:#ff9900; }

    /* Portfolio sidebar */
    #portfolio-sidebar { float:left; margin:0 40px 0 0; display:inline; width:256px; overflow:hidden; }
    #portfolio-sidebar a { color:#ff9900; }

    /* Video */
    .portfolio-video { margin-bottom:0;}

    /* Portfolio heading */
    h1.portfolio-heading { float:right; width:624px; margin:0 0 18px 0; padding:0 0 5px 0; font-size:24px; border-bottom:1px solid #e6e6e6; color:#666; }

    /* ---- Portfolio Filterable ---- */
    .portfolio-content { width:1000px; overflow:hidden; }

    /* Filter list */
    .filter-container { height:30px; width:100%; position:relative; margin-bottom:24px; overflow:hidden; z-index:1;}
    .filter-icon {background:transparent url(styles/images/icon-blocks.png) left 5px no-repeat; width:24px; height:40px; position:absolute; right:100%; top:0;}
    .filter-list { position:absolute; top:0; right:0px; height:40px; width:auto; clear:both; visibility:hidden; }
    .filter-list a { color:#fff; float:left; top:0px; display:block; color:#fff; padding:5px 10px; font-size:11px; background-color:#aaa; -webkit-transition: background-color .4s ease-out; -moz-transition: background-color .4s ease-out; transition: background-color .4s ease-out;}
    .filter-list a:hover { background-color:#ff9900;}
    .filter-list a.active { background-color:#ff9900; }


    /* Comments
    ------------------------------------------------------------------------*/
    #comments { width:100%; height:100%; padding-top: 24px; border-top: 4px solid #eee; }
    .comments-heading { font-size:14px; margin-bottom:28px; display:block; }
    #comments .message { font-size:12px; }
    #comments .message.info { background-color:#f1f1f1; border: 1px solid #ddd; color: #666; }

    /* Comments list */
    ol.commentlist { margin:20px 0 40px 0; }
    ul.children { margin:0 0 0 64px; overflow:hidden; clear:both; }
    .comment { overflow:hidden; clear:both; position:relative; }
    .commenter { top:0; left:0; position:absolute; }
    .commenter img { border:4px solid #eee; }
    .commenter-name, commenter-name a { color:#666; text-decoration:none; font-size:11px; line-height:normal; float:left; text-transform:uppercase; margin-bottom:4px; margin-top:2px; }
    .comment-date { color:#999; line-height:normal; font-size:11px; float:left; margin-left:8px; margin-top:2px; text-transform:uppercase; }
    .commenter-name a { font-weight:bold; }
    .commenter-name a:hover { color:#ff9900; text-decoration:none; }
    .comment-text-wrap { width:100%; }
    .comment-text { margin-left:64px; padding:0 20px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
    .comment-text:hover { border-color: #aaa; }
    .comment-text p { font-size:12px; line-height:20px; }
    .comment-spacer { width:100%; height:40px; clear:both; }

    /* Comment reply link */
    .comment .reply { display:inline-block; margin:0 0 4px 12px; }
    .comment .reply a { background:#eee; text-shadow:none; color:#999; display:block; padding:8px 0 0 16px; text-decoration:none; text-transform:uppercase; font-size:11px; }
    .comment .reply a { display: inline-block; font-size: 10px; line-height: 19px; padding: 0 7px; text-decoration: none; text-transform: uppercase; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
    .comment .reply a:hover { text-decoration:none !important; background-color:#ff9900; color:#fff; }

    /* Respond */
    .comment-form { overflow:hidden; height:auto; margin-bottom:48px;}
    .comment-form h3 { font-size:24px; text-transform:uppercase; line-height:30px; margin-bottom:0; }
    .comment-form h3 span { color:#666; }
    #cancel-comment-reply { float:right; }
    #cancel-comment-reply a {float:right; padding-right:30px; font-size:18px; color:#999; background:transparent url(styles/images/delete.png) right center no-repeat; text-indent:-9999px;}
    #cancel-comment-reply a:hover { text-indent:0; }
    span.not-pub { display:block; padding:4px 0 20px 0; color:#999; }
    .comment-form input { width:340px; float:left; clear:none; }
    .comment-form label { padding:4px 0 0 10px; float:left; font-weight:normal; }
    .comment-form p { display:block; overflow:hidden; margin-bottom:10px; clear:both; }
    .form-allowed-tags { font-size:11px; width:624px; color:#999;}
    .form-allowed-tags span { display:block; color:#999; }
    .comment-form textarea { float:left; clear:both; width:604px; margin-bottom:10px; }
    .submit-wrap { width:624px; clear:both; overflow:hidden; }
    .comment-form .submit { float:right; }


    /* Wordpress small elements
    ------------------------------------------------------------------------*/

    /* Page pagination */
    #page-link p { color:#666; }
    #page-link p a { color:#666; text-decoration:none; }
    #page-link p a:hover { text-decoration:none; }

    /* Password protected form */
    form.protected-post-form { width:624px; height:auto; }
    form.protected-post-form p { overflow:hidden; }
    input.pass { clear:none; padding:4px; margin-right:10px; width:240px; }
    input.pass_submit { margin:0 0 0 20px; border:none; clear:none; }


    /* Search results
    ------------------------------------------------------------------------*/
    #page-wrapper .search-results { list-style:decimal; margin:0 0 24px 30px; }
    #page-wrapper .search-results li { }
    #page-wrapper .search-results .search-heading a { font-size:12px; font-weight:bold; margin-bottom:4px; color:#666; display:block; }
    #page-wrapper .search-results .search-heading a:hover { color:#ff9900; }
    #page-wrapper .search-results .portfolios-results a { font-size:12px; }


    /* Contact
    ------------------------------------------------------------------------*/
    .r-form { width:100%; overflow:hidden; }
    .r-form .error { border:1px solid #ff9900; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; }
    .r-form input[type="text"], .r-form textarea { margin-top:4px; clear:both; display:block; }
    .r-form input[type="text"] { width: 70%; }
    .r-form label { display:block; color:#666; line-height: normal; }
    .rf { clear: both; margin-bottom: 10px; overflow: hidden; padding:0; position:relative; }
    .rf-submit { display: block; clear: both; margin: 10px 0 20px 0; padding: 0; width:92%; }

    /* Contact form messages */
    .rf-message span { clear:left; display:none; line-height:18px; font-size:11px; float: left; }
    .rf-message span.success { font-size:14px; }
    .rf textarea { float:left; width:90%; }
    input.rf-send { float:right; margin:0; }
    .rf-ajax-loader { float:right; width:30px; height:40px; display:none; margin-right:10px; background:#fff url(styles/images/loader.gif) 50% 50% no-repeat scroll; }


    /* Widgets
    ------------------------------------------------------------------------*/

    /* Global Styles */

    .widget { margin-bottom:28px; width:256px; height:auto; overflow:hidden; }
    .widget h3 { width:100%; font-size:18px; line-height:20px; color:#444; position:relative; padding-bottom:4px; margin-bottom:8px; border-bottom:1px dotted #e6e6e6; }
    .widget h3 a { color:#444; }
    .widget p { line-height:20px; color:#888; }
    .widget img { margin:0; float:left; display:inline; }
    .widget li { color:#aaa; width:256px; font-size:11px; line-height:18px; }
    .widget li a { font-size:11px; padding:4px 0; color:#888; text-decoration:none; display:block; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; }
    .widget li a:hover { text-decoration:none; color:#ff9900; }

    /* Footer */
    #footer-widgets { width:1000px; height:auto; padding:24px 0; background:#111 url(styles/images/footer-glow.png) left top no-repeat; overflow:hidden; margin-bottom:12px; border-top:1px solid #222; }
    #footer-widgets .widget { width:209px; }
    #footer-widgets .widget h3 { color:#ff9900; border-bottom:1px dotted #333; }
    #footer-widgets .widget h3 a { color:#ff9900; }
    #footer-widgets .widget li { color:#666; width:209px; }
    #footer-widgets .widget li a { color:#999; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; }
    #footer-widgets .widget li a:hover { text-decoration:none; color:#ff9900; }

    /* ---- Wordpress Widgets ---- */

    /* Categories */
    .widget_categories li { width:100%; float:left; padding:6px 0;}
    .widget_categories li a { display:inline; padding:0 0 0 8px; }

    #footer-widgets .widget_categories li { border-bottom:1px solid #222; }
    #footer-widgets .widget_categories li a { background:transparent url(styles/images/footer-arrow.png) left 4px no-repeat; }

    /* Archives Widgets */
    .widget_archive li { float:left; padding:6px 0; border-bottom:1px dotted #ddd; }
    .widget_archive li a { display:inline; padding:0 0 0 8px; background:transparent url(styles/images/sidebar-arrow.png) left 4px no-repeat;}

    #footer-widgets .widget_archive li { border-bottom:1px solid #222; }
    #footer-widgets .widget_archive li a { background:transparent url(styles/images/footer-arrow.png) left 4px no-repeat; }

    /* Text Widget */
    .widget_text .textwidget { padding-top:6px; }
    .widget_text p { font-size:12px; line-height:18px; color:#aaa; margin-bottom:10px; }
    .widget_text p a { border-bottom:1px solid #ff9900; }
    .widget_text p a:hover { border-bottom:1px solid #666; }

    #footer-widgets .widget_text p { color:#666; }
    #footer-widgets .widget_text p a { color:#999; }
    #footer-widgets .widget_text p a:hover { border-bottom:1px solid #999; }

    /* Search Widget */
    .search-widget { padding-top:6px; }
    .search-widget input#searchsubmit { background-color:#ff9900; background-image: url(styles/images/icon-mglass.png); background-position: center center; background-repeat: no-repeat; border:none; margin:0; width:34px; height:34px; float:left; clear:none; cursor:pointer; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
    .search-widget input#s { background-color:#f1f1f1; color:#999; margin:3px 0 0 0; width:213px; float:left; border-top:1px solid #ccc; border-right:none; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; padding:4px; }

    #footer-widgets .search-widget input#searchsubmit { background-color:#ff9900; background-image: url(styles/images/icon-mglass.png); background-position: center center; background-repeat: no-repeat; border:none; }
    #footer-widgets .search-widget input#s { background-color:#222; color:#999; width:164px; border-top:1px solid #333; border-right:none; border-bottom:1px solid #333; border-left:1px solid #333; }

    /* Recent Comments Widgets */
    .widget li.recentcomments { float:left; padding:4px 0; border-bottom:1px dotted #ddd;}
    .widget li.recentcomments a { display:inline; padding:0; color:#666; }
    .widget li.recentcomments a:hover { color:#ff9900; }

    #footer-widgets .widget li.recentcomments { color:#666; border-bottom:1px solid #222; }
    #footer-widgets .widget li.recentcomments a { }
    #footer-widgets li.recentcomments a:hover { }

    /* Tag Cloud Widget */
    .widget_tag_cloud a { padding:4px 8px; margin:2px; font-size:12px; display:inline-block; line-height:normal; text-decoration:none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; color:#fff; background-color: #aaa;}
    .widget_tag_cloud a:hover { text-decoration:none; line-height:normal; color:#fff; background-color:#ff9900; }
    .widget_tag_cloud a:visited { background:transparnet; }

    #footer-widgets .widget_tag_cloud a { color:#666; background-color: #333; }
    #footer-widgets .widget_tag_cloud a:hover { color:#fff; background-color:#ff9900; }

    /* Recent Entries Widget */
    .widget_recent_entries li { float:left; text-transform:uppercase; padding:6px 0; border-bottom:1px dotted #ddd; }
    .widget_recent_entries li a { display:inline; padding:0 0 0 8px; text-transform:uppercase; background:transparent url(styles/images/sidebar-arrow.png) left 4px no-repeat; }

    #footer-widgets .widget_recent_entries li { border-bottom:1px solid #222; }
    #footer-widgets .widget_recent_entries li a { background:transparent url(styles/images/footer-arrow.png) left 4px no-repeat; }

    /* Meta Widget */
    .widget_meta li { float:left; text-transform:uppercase; padding:6px 0; border-bottom:1px dotted #ddd; }
    .widget_meta li a { display:inline; padding:0 0 0 8px; background:transparent url(styles/images/sidebar-arrow.png) left 4px no-repeat; }

    #footer-widgets .widget_meta li { border-bottom:1px solid #222; }
    #footer-widgets .widget_meta li a { background:transparent url(styles/images/footer-arrow.png) left 4px no-repeat; }

    /* RSS Widget */
    .widget_rss li { width:256px; float:left; color:#666; padding:2px 0 2px 0; }
    .widget_rss li .rss-date { color:#999; display:block; }
    .widget_rss li cite { display:block; padding:4px 0; color:#999; }
    a.rsswidget img { position:absolute; right:0; top:10px; }

    #footer-widgets .widget_rss li { color:#999; }
    #footer-widgets .widget_rss li cite { color:#666; }

    /* Links Widget */
    .widget_links li { float:left; text-transform:uppercase; padding:6px 0; border-bottom:1px dotted #ddd; }
    .widget_links li a { display:inline; padding:0 0 0 8px; background:transparent url(styles/images/sidebar-arrow.png) left 4px no-repeat; }

    #footer-widgets .widget_links li { border-bottom:1px solid #222; }
    #footer-widgets .widget_links li a { background:transparent url(styles/images/footer-arrow.png) left 4px no-repeat; }

    /* Pages Widget */
    .widget_pages ul { margin:0; }
    .widget_pages li { display:block; width:auto; }
    .widget_pages li a { display:block; padding:8px 0 8px 12px; border-bottom:1px dotted #ddd; background:transparent url(styles/images/sidebar-arrow.png) left 12px no-repeat; }

    #footer-widgets .widget_pages li { }
    #footer-widgets .widget_pages li a { border-bottom:1px solid #222; background:transparent url(styles/images/footer-arrow.png) left 12px no-repeat; }

    /* Menu Widget */
    .widget_nav_menu li { float:left; text-transform:uppercase; padding:6px 0; border-bottom:1px dotted #ddd; }
    .widget_nav_menu li a { display:inline; padding:0 0 0 8px; background:transparent url(styles/images/sidebar-arrow.png) left 4px no-repeat; }

    #footer-widgets .widget_nav_menu li { border-bottom:1px solid #222; }
    #footer-widgets .widget_nav_menu li a { background:transparent url(styles/images/footer-arrow.png) left 4px no-repeat; }

    /* Calendar Widget */
    .widget table#wp-calendar { margin-top:4px; }
    .widget table#wp-calendar a { display: block; background:#ccc; color:#666; line-height:25px; text-decoration:none; }
    .widget table#wp-calendar a:hover { background-color:#ff9900; color:#fff; line-height:25px; text-decoration:none; }
    .widget table#wp-calendar { width:252px; margin-left:2px; }
    .widget table#wp-calendar tbody td { text-align: center; border: 1px solid #ccc; background:#f1f1f1; color:#666; font-size:12px; line-height:25px; }
    .widget table#wp-calendar caption { font-size: 13px; font-weight: bold; color:#666; padding:0 0 8px 0; }
    .widget table#wp-calendar th { font-weight: normal; color:#666; text-align: center; padding-bottom:2px; }
    .widget table#wp-calendar #next a { text-align: right; color:#666; padding-top:4px; background:none; }
    .widget table#wp-calendar #prev a { text-align: left; color:#666; background:none; padding-top:4px; }

    #footer-widgets .widget table#wp-calendar { width:203px; margin-left:2px; }
    #footer-widgets .widget table#wp-calendar tbody a { background:#222; color:#999;}
    #footer-widgets .widget table#wp-calendar tbody a:hover { background-color:#ff9900; color:#fff; }
    #footer-widgets .widget table#wp-calendar tbody td { border: 1px solid #222; background:#111; color:#666; }

    /* ---- Rascals Widgets ---- */

    /* R-Cat */
    .widget_r_cat li { width:100%; float:left; padding:6px 0; border-bottom:1px dotted #ddd; }
    .widget_r_cat li a { display:inline; padding:0 0 0 8px; background:transparent url(styles/images/sidebar-arrow.png) left 4px no-repeat; }

    #footer-widgets .widget_r_cat li { border-bottom:1px dotted #222; }
    #footer-widgets .widget_r_cat li a { background:transparent url(styles/images/footer-arrow.png) left 4px no-repeat; }

    /* R-Subpages navigation */
    .widget_r_subnav li { width:100%; float:left; padding:6px 0; border-bottom:1px dotted #ddd; }
    .widget_r_subnav li a { display:inline; padding:0 0 0 8px; background:transparent url(styles/images/sidebar-arrow.png) left 4px no-repeat; }
    .widget_r_subnav li.current_page_item a { color:#ff9900; }

    /* R-Flickr */
    .widget_r_flickr { width:256px; overflow:hidden;}
    .flickr_badge_image { display:block; float:left; line-height:0; }
    .widget_r_flickr a { display:inline-block; margin:0 5px 5px 0 !important;}
    .widget_r_flickr a img { background:#fff; margin:0 !important; width:80px; height:80px; }

    #footer-widgets .widget_r_flickr { width:209px; }
    #footer-widgets .flickr_badge_image { }
    #footer-widgets .widget_r_flickr a { margin:0 3px 3px 0 !important; }
    #footer-widgets .widget_r_flickr a img {width:66px; height:66px; border:none; }

    /* R-Twitter */
    .widget_r_twitter ul { padding: 5px 0 0 0; overflow:hidden; }
    .widget_r_twitter li { padding-top: 12px; overflow:hidden; }
    .widget_r_twitter li:first-child { padding:0; }
    .widget_r_twitter p { line-height:18px; margin:0 0 4px 0; }
    .widget_r_twitter p a { display:inline; padding:0; color:#ff9900; }
    .widget_r_twitter span { background:transparent url(styles/images/timeline.png) left 2px no-repeat; padding:0 10px 0 20px; font-size:10px; color:#aaa; line-height:normal; display:inline-block; float:right;}

    #footer-widgets .widget_r_twitter span { color:#333; background:transparent url(styles/images/timeline-dark.png) left 2px no-repeat;}
    #footer-widgets .widget_r_twitter p { color:#666; }

    /* R-Comments */
    .widget_r_comments ul { padding-top:6px; }
    .widget_r_comments ul li a { float:left; }
    .widget_r_comments ul li a:hover img { float:left; border:1px solid #ddd; }
    .widget_r_comments ul li { position:relative; margin-bottom:10px; overflow:hidden; }
    .widget_r_comments img { padding:3px; position:absolute; left:0; top:0; border:1px solid #ddd; background:#f1f1f1;}
    .widget_r_comments .r-comments-body { margin-left:70px; min-height:60px;}
    .widget_r_comments .r-comments-body p { color:#666; }
    .widget_r_comments span { position:absolute; bottom:0; right:0; font-size:10px; text-transform:uppercase; color:#999; }

    #footer-widgets .widget_r_comments img { border:1px solid #000; background:#333; }
    #footer-widgets .widget_r_comments .r-comments-body { }
    #footer-widgets .widget_r_comments .r-comments-body p { color:#666; line-height:18px; }
    #footer-widgets .widget_r_comments span { color:#333; }

    /* R-Posts */
    .widget_r_posts ul { padding-top:6px;}
    .widget_r_posts li { margin: 0 0 10px 0; overflow:hidden; }
    .widget_r_posts li p { width:auto; margin-bottom:0; }
    .widget_r_posts li .r_post_text { padding:0 10px 0 70px; }
    .widget_r_posts li p a { font-size:12px; }
    .widget_r_posts li p span { display:block; color:#aaa; font-size:11px; }
    .widget_r_posts li a.r_post_thumb { width:48px; height:48px; position:relative; z-index:1; padding:3px; float:left; background-color:#f1f1f1; background-image: url(styles/images/no-photo.png); background-position:center center; background-repeat:no-repeat; }
    .widget_r_posts li a:hover.r_post_thumb { background-color:#ff9900; }
    .widget_r_posts li a:visited.r_post_thumb { background: transparent; }
    .widget_r_posts li img { position:absolute; left:3px; top:3px;}

    #footer-widgets .widget_r_posts li a.r_post_thumb { background-color:#333; background-image: url(styles/images/no-photo-footer.png); }
    #footer-widgets .widget_r_posts li a:hover.r_post_thumb { background-color:#ff9900; }
    #footer-widgets .widget_r_posts li a:visited.r_post_thumb { background: transparent; }
    #footer-widgets .widget_r_posts li img { }
    #footer-widgets .widget_r_posts p { color:#666; }
    #footer-widgets .widget_r_posts span { color:#333; line-height:normal; }


    /* Default WordPress Classes
    ------------------------------------------------------------------------*/
    .wp-caption {}
    .wp-caption-text {}
    .sticky {}
    .gallery-caption {}
    .bypostauthor {}


    /* Plugins
    ------------------------------------------------------------------------*/

    /* Breadcrumb Navigation */
    #breadcrumb-wrap { width:920px; overflow:hidden; margin:0 40px; padding-top:10px; }
    ul#breadcrumb { list-style: none; float: left; display:inline; font-size:10px; text-transform:uppercase; background:#fff; padding:4px 12px;}
    ul#breadcrumb li { float: left; padding: 0; color:#bbb; }
    ul#breadcrumb li.breadcrumb-home a { padding-left:0; }
    ul#breadcrumb li.breadcrumb-title { margin-left:6px; line-height:14px; }
    ul#breadcrumb li a { color:#999; text-decoration:none; padding-right:12px; padding-left:4px; display:inline; float:left; background:transparent url(styles/images/breadcrumb-arrow.png) center right no-repeat; }
    ul#breadcrumb li a:hover { color:#666; }

    /* WP-Pagenavi */
    .wp-pagenavi { width:auto; overflow:hidden; padding:8px 0; margin-bottom:48px; }
    .wp-pagenavi a { padding: 4px 6px; margin-right: 5px; font-weight:normal; text-decoration: none; color: #aaa; line-height:normal; text-align:center; }
    .wp-pagenavi span { }
    .wp-pagenavi a:hover { text-decoration: none; color:#333; background-color:#ddd; }
    .wp-pagenavi span.pages { padding:0; margin-right: 10px; color:#999; }
    .wp-pagenavi span.current { padding: 4px 6px; margin-right: 5px; font-size:12px; background-color:#ddd; color:#666; }
    .wp-pagenavi span.extend { padding: 4px 6px; margin-right: 5px; text-decoration: none; color: #666; }

    /* Tipsy */
    .tipsy { padding: 5px; font-size: 11px; background-repeat: no-repeat; /*background-image: url(styles/images/tipsy.gif);*/ }
    .tipsy-inner { padding: 5px 8px 4px 8px; background-color:#ff9900; color:#fff; max-width: 200px; text-align: center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;}
    .tipsy-inner { }
    .tipsy-north { background-position: top center; }
    .tipsy-south { background-position: bottom center; }
    .tipsy-east { background-position: right center; }
    .tipsy-west { background-position: left center; }



    < Bu mesaj bu kişi tarafından değiştirildi neoplan06 -- 9 Nisan 2013; 21:29:02 >



    _____________________________




  • up
    _____________________________
  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
    
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.