Temaya Hem Sağ Hem Sol Sidebar Ekleme

/*------------------------------------------------------------------------ 
   
   
  /* 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; }