/*
Theme Name: Sigma
Theme URI: http://dedepress.com/themes/sigma/
Description: A Resposive and Minimalist Portfolio WordPress Theme with HTML5, CSS3, jQuery and Grid for Creative Agency, Freelancer, Blogger and Business.
Author: Cloud Stone
Author URI: http://dedepress.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.1
*/

/*=============================================================================*
 * RESET & BASE
 *=============================================================================*/
html {
    background: #FFF;
    color: #444;
}
body {
    margin: 0;
    font: 13px/1.75 "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* HTML5 Elements 
 *=================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
/* Typography Elements
 *=================================*/
a {
    color: #0C6688;
    text-decoration: none;
    outline: 0;
    -webkit-transition: background-color .15s linear, color .15s linear;
    -moz-transition: background-color .15s linear, color .15s linear;
    -o-transition: background-color .15s linear, color .15s linear;
    -ms-transition: background-color .15s linear, color .15s linear;
    transition: background-color .15s linear, color .15s linear;
}
a:hover {
    color: #BF2726 !important;
    text-decoration: underline;
}
img, video, object {
    max-width: 100%;
    height: auto;
}
iframe { display: block }
a img { border: 0 }
:focus { outline: 0 }
ul, ol, p, table, form, pre { margin: 0 0 1.75em }
h1, h2, h3, h4, h5, h6 {
    color: #A42020;  /** was  @222   MKI 20-09-2012  **/
    margin: 0 0 0.75em;
}
h1, h2, h3 { line-height: 1.25 }
h1 { font-size: 20px } /** was 24 px MKI 11-09-2012  **/
h2 { font-size: 16px }  /** was 20 px MKI 11-09-2012  **/
h3 { font-size: 14px }  /** was 16 px MKI 11-09-2012  **/
h4 { font-size: 12px }  /** was 14 px MKI 11-09-2012  **/
h4, h5, h6 { font-size: 13px }
blockquote {
    background: url(images/quote.png) no-repeat 0 0;
    margin-left: 10px;
    padding-left: 48px;
    color: #777;
    font-family: "Droid Serif", serif;
}
abbr[title], acronym[title] {
    border-bottom: 1px dotted #666;
    cursor: help;
}
/* Code Elements
 *=================================*/
pre, code, kbd, samp, var { font: 12px "Courier New",monospace,serif normal }
pre {
    padding: 20px 20px;
    nowhitespace: afterproperty;
    background: #FFF url(images/bg-pre.png);
    line-height: 20px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    /* CSS-3 */ white-space: -pre-wrap; /* Mozilla, since 1808080 */ white-space: -o-pre-wrap; /* Opera 4-6 */ word-wrap: break-word; /* IE 5.5+ */ ;
}
/* Table Elements
 *=================================*/
table {
    width: 100%;
    nowhitespace: afterproperty;
    border-collapse: collapse;
    border-spacing: 0;
    /* tables still need 'cellspacing="0"' in the markup */
}
th, td, caption { padding: 5px 10px }
caption { font-weight: bold }
th, td { border: 1px solid #DDD }
tr:nth-of-type(odd) td, tr.odd td { background: #FBFBFB }
th {
    text-align: left;
    background: #F6F6F6;
}
/* Form Elements
 *=================================*/
label, input, textarea, select, button {
    font: 13px/19px sans-serif;
    line-height: 19px;
}
input, textarea, select {
    display: inline-block;
    padding: 4px;
    margin: 0;
    outline: none;
    background-color: white;
    border: 1px solid #DDD;
}
textarea { overflow: auto }
input[type="text"], textarea {
    border: 1px solid #DDD;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -webkit-transition: .2s linear background;
    -moz-transition: .2s linear background;
    transition: .2s linear background;
}
input[type="text"]:focus, textarea:focus {
    outline: 0;
    color: #333;
    border-color: #CCC;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 0 8px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 0 8px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 0 8px rgba(0,0,0,.075);
}
input[type="submit"], input[type="button"], button {
    cursor: pointer;
    width: auto;
    text-align: center;
    font-weight: bold;
    padding: 5px 12px;
    border: 1px solid #DDD;
    background: #F5F5F5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-image: -khtml-gradient(linear,left top,left bottom,from(#F5F5F5),to(#F0F0F0));
    background-image: -moz-linear-gradient(#F5F5F5,#F0F0F0);
    background-image: -ms-linear-gradient(#F5F5F5,#F0F0F0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F5F5F5),color-stop(100%,#E5E5E5));
    background-image: -webkit-linear-gradient(#F5F5F5,#F0F0F0);
    background-image: -o-linear-gradient(#F5F5F5,#F0F0F0);
    background-image: linear-gradient(#F5F5F5,#F0F0F0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#F0F0F0');
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    background: #EAEAEA;
    border-color: #CCC;
    background-image: -khtml-gradient(linear,left top,left bottom,from(#F2F2F2),to(#EAEAEA));
    background-image: -moz-linear-gradient(#F2F2F2,#EAEAEA);
    background-image: -ms-linear-gradient(#F2F2F2,#EAEAEA);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F5F5F5),color-stop(100%,#EAEAEA));
    background-image: -webkit-linear-gradient(#F2F2F2,#EAEAEA);
    background-image: -o-linear-gradient(#F2F2F2,#EAEAEA);
    background-image: linear-gradient(#F2F2F2,#EAEAEA);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2',endColorstr='#EAEAEA');
}
/* Common CSS Class Style
 *=================================*/
.alignleft, .left {
    float: left;
    margin: 0 20px 10px 0;
}
.alignright, .right {
    float: right;
    margin: 0 0 10px 20px;
}
.aligncenter, .center {
    display: block;
    margin: 0 auto 20px auto;
}
.alignnone { margin: 0 0 20px }
.required { color: red }
.none, .hidden {
    display: none;
    margin: 0;
    padding: 0;
    border: 0;
}
hr.none {
    display: block;
    background: none;
    height: 0;
    border: 0;
}
hr.mag, hr.mag-10, hr.mag-20, hr.mag-30, hr.mag-40 {
    clear: both;
    background: none;
    height: 0;
    border: 0;
    border-top: 1px solid #EEE;
    margin-top: 20px;
    margin-bottom: 20px;
}
hr.mag-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
hr.mag-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
hr.mag-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
/* Clear Floated Elements
 *=================================*/
/* Clear Fix */
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after { clear: both }
.cf { zoom: 1 } /* IE < 8 */
/* Clear Float */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* WP Style
 *=================================*/
img.alignleft, img.alignright { display: block }
blockquote.alignleft, blockquote .alignright { width: 33% }
.wp-caption img { display: block }
.wp-caption-text {
    padding: 5px 10px;
    color: #777;
    text-align: center;
    font-family: "Droid Serif", serif;
}
img.wp-smiley {
    border: 0 !important;
    background: transparent !important;
}
.gallery {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
/* Grouping Style
 *=================================*/
#site-description, #main-nav li, #main-nav select, .loop-title span, #loop-header .post-edit-link, #home-features h3, #home-features .more, #home-blog .date, #home-blog .more, #home-slider .more, .author-box h3, .related-posts h3, .related-works h3, .widget-title, #pings h3, .archives h3, .hc, .more-link, .loop-nav, .entry-nav, .comment-nav, .comment-reply-link, #cancel-comment-reply-link {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arimod, sans-serif;
    font-size: 14px; /** was 12 px MKI 20-09-2012  **/
    font-weight: bold;
    text-transform: normal;  /** was uppercase 20-09-2012  **/
}

/*=============================================================================*
 * GRID
 *=============================================================================*/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11 {
    float: left;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}
.grid-1 { width: 54px }
.grid-2 { width: 138px }
.grid-3 { width: 222px }
.grid-4 { width: 306px }
.grid-5 { width: 390px }
.grid-6 { width: 474px }
.grid-7 { width: 558px }
.grid-8 { width: 642px }
.grid-9 { width: 726px }
.grid-10 { width: 810px }
.grid-11 { width: 894px }
.grid-12 {
    width: 978px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.alpha { margin-left: 0 }
.omega { margin-right: 0 }
.mag {
    margin-left: 15px;
    margin-right: 15px;
}
.pag {
    padding-left: 15px;
    padding-right: 15px;
}
.nag {
    margin-left: -15px;
    margin-right: -15px;
}
.offset-1 { margin-left: 84px }
.offset-2 { margin-left: 168px }
.offset-3 { margin-left: 252px }
.offset-4 { margin-left: 336px }
.offset-5 { margin-left: 420px }
.offset-6 { margin-left: 504px }
.offset-7 { margin-left: 588px }
.offset-8 { margin-left: 672px }
.offset-9 { margin-left: 756px }
.offset-10 { margin-left: 840px }
.offset-11 { margin-left: 924px }
/*=============================================================================*
 * UI PATTERNS
 *=============================================================================*/
/* Search Form 
 *=================================*/
.searchform {
    height: 24px;
    border: 1px solid #DDD;
    background: #FFF;
    box-shadow: inset 1px 1px 1px #EEE;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}
.search-text-div {
    margin: 0 30px 0 10px;
    background: #F00;
}
input.search-text {
    float: left;
    width: 100%;
    height: 14px;
    line-height: 14px;
    padding: 5px 0;
    background: none;
    border: 0;
    box-shadow: none !important;
}
.search-text:hover, .search-text:focus { outline: none }
input.search-submit {
    background: url(images/btn-search.png) no-repeat 2px center !important;
    border: 0;
    width: 24px;
    height: 24px;
    color: transparent;
    padding: 0;
    min-width: 24px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    overflow: hidden;
    float: right;
    opacity: 0.3;
    filter: alpha(opacity=30);
    line-height: 999em;
    display: block;
}
input.search-submit:hover {
    background-color: FFF;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
/* Horizontal Menu 
 *=================================*/
.hmenu, .hmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hmenu li {
    float: left;
    position: relative;
}
.hmenu li a {
    float: left;
    display: block;
}
.hmenu ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
}
.hmenu ul li {
    min-width: 100px;
    max-width: 200px;
}
.hmenu ul li a { float: none }
.hmenu ul ul {
    left: 100%;
    top: 0;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    -ms-transition: .15s;
    transition: .15s;
}
.hmenu li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.hmenu > li:last-child ul {
    left: auto;
    right: 0;
}
.hmenu > li:last-child ul ul {
    left: auto;
    right: 100%;
}
.hmenu > li:last-child ul ul:before {
    left: auto;
    right: 0;
}
/* Slider
 *=================================*/
.slider img { display: block }
.slider .slider-frame {
    position: relative;
    background: #F5F5F5;
}
.slider .slide {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.slider .slide-caption {
    width: 100%;
    background: #333;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}
.slider .slide-caption-wrap { padding: 5px 10px }
.slider .slide-count {
    padding: 3px 10px;
    position: absolute;
    right: 0;
    top: 0;
    background: #333;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    display: none;
}
/* Thumb Control*/
.slider .slider-thumbs {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
.slider .slider-thumbs li {
    margin: 10px 5px 0;
    float: left;
}
.slider .slider-thumbs li img {
    width: 50px;
    height: 50px;
    display: block;
    padding: 2px;
    background: #FFF;
    border: 1px solid #E5E5E5;
}
.slider .slider-thumbs li:hover img { border-color: #AAA }
.slider .slider-thumbs li.current img {
    border: 0;
    padding: 3px;
    background: #A42020;
}
/* Adjacent Control */
.slider .prev, .slider .next {
    width: 24px;
    height: 24px;
    background: url(images/slider-adj.png) no-repeat;
    text-indent: -5555em;
    overflow: hidden;
    position: absolute;
    top: 50%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 808080;
    margin-top: -12px;
    display: none;
}
.slider .prev:hover, .slider .next:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.slider .prev {
    background-position: 0 0;
    left: 20px;
}
.slider .next {
    background-position: -30px 0;
    right: 20px;
}
/* HoverScroll */
.hoverscroll { position: relative }
.hoverscroll .listcontainer { overflow: hidden }
.hoverscroll ul { width: 999em }
/* Hover Effect */
.slider .slide-count, .slider .slide-caption, .slider .prev, .slider .next {
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    -ms-transition: .15s;
    transition: .15s;
}
.slider-frame:hover .slide-count { display: inline-block }
.slider-frame:hover .slide-caption { display: block }
.slider-frame:hover .prev, .slider-frame:hover .next { display: block }

/* jPlayer Skin
 *=================================*/
.jp-player-container { background: #292A2B }
.jp-jplayer {
    background-color: #292A2B;
    margin: 0 auto;
    overflow: hidden;
}
.jp-jplayer img { }
.jp-gui, .jp-gui a, .jp-progress, .jp-seek-bar, .jp-play-bar, .jp-volume-bar, .jp-volume-bar-value {
    background-image: url(images/jplayer-sprite.png);
    background-repeat: repeat-x;
}
.jp-seek-bar, .jp-play-bar, .jp-volume-bar, .jp-volume-bar-value {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.jp-gui {
    position: relative;
    width: 100%;
    height: 30px;
    background-position: 0 -210px;
    z-index: 100;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.jp-gui a {
    display: inline-block;
    outline: none;
    text-indent: -999em;
    z-index: 1;
    background-repeat: no-repeat;
}
.jp-control {
    width: 33px;
    height: 30px;
    padding-right: 2px;
    background: url(images/jplayer-sep.png) no-repeat right 0;
    position: absolute;
    top: 0;
    left: 0;
}
.jp-play, .jp-pause {
    width: 33px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.jp-play { background-position: 0 0 }
.jp-play:hover { background-position: -33px 0 }
.jp-pause {
    background-position: 0 -30px;
    display: none;
}
.jp-pause:hover { background-position: -33px -30px }
.jp-progress-container {
    margin: 0 80px 0 34px;
    height: 8px;
    padding: 12px 12px 10px 10px;
    background: url(images/jplayer-sep.png) no-repeat right 0;
}
.jp-progress {
    height: 5px;
    padding: 1px 1px 2px;
    background-position: 0 -192px;
    position: static;
}
.jp-seek-bar {
    width: 0px;
    height: 5px;
    background-position: 0 -163px;
    cursor: pointer;
}
.jp-play-bar {
    width: 0px;
    height: 5px;
    background-position: 0 -133px;
}
.jp-mute, .jp-unmute {
    width: 17px;
    height: 13px;
    position: absolute;
    top: 9px;
    right: 55px;
}
.jp-mute { background-position: -10px -68px }
.jp-mute:hover { background-position: -43px -68px }
.jp-unmute { background-position: -10px -98px }
.jp-unmute:hover { background-position: -43px -98px }
.jp-volume-bar {
    width: 40px;
    height: 5px;
    padding: 1px 1px 2px;
    background-position: 0 -192px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 10px;
}
.jp-volume-bar-value {
    width: 0px;
    height: 5px;
    background-position: 0 -133px;
}

/*=============================================================================*
 * LAYOUT
 *=============================================================================*/
body { min-width: 1008px }
#wrapper { overflow: hidden }
.wrap {
    max-width: 1008px;
    margin: 0 auto;
}
#header {
    position: relative;
    z-index: 4;
}
#loop-header {
    position: relative;
    z-index: 3;
}
.sub-nav {
    position: relative;
    z-index: 2;
}
#main {
    position: relative;
    z-index: 1;
    padding-top: 30px;
    padding-bottom: 30px;
}

/*=============================================================================*
 * HEADER
 *=============================================================================*/
#header .wrap {
    position: relative;
    min-height: 48px;
    height: auto !important;
    height: 48px;
}
/* Branding
 *=================================*/
#branding { float: left }
#site-title {
    font-size: 28px;
    margin: 0;
    line-height: 48px;
    float: left;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
}
#site-title a {
    display: inline-block;
    color: #333;
    text-decoration: none;
}
#site-description {
    margin: 5px 0 0;
    font-size: 11px;
    color: #AAA;
    float: left;
    line-height: 20px;
    margin: 14px 0 0 10px;
    padding-left: 10px;
    border-left: 1px solid #EEE;
}
#site-logo { display: block }
#site-logo img { display: block }
.image-branding #site-title, .image-branding #site-description { display: none }
/* Main Navigation
 *=================================*/
#main-nav {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 8px 0;
}
#main-nav ul { float: left }
#main-nav li {
    margin-left: 20px;
    border-color: #A42020;
}
#main-nav li a {
    color: #A42020; /** was  #AAA   MKI 20-09-2012  **/
    text-decoration: none;
}
#main-nav li a:hover { color: #222 !important }
#main-nav > ul > .current-menu-item > a, #main-nav > ul > .current-menu-ancestor > a { color: #A42020 }
#main-nav > ul > li:hover:after, #main-nav ul ul ul:before, #main-nav > ul > li.current-menu-ancestor:after, #main-nav > ul > li.current-menu-item:after {
    content: "";
    overflow: hidden;
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border: 5px dotted transparent;
}
/* top level */
#main-nav > ul > li.current-menu-ancestor:after, #main-nav > ul > li.current-menu-item:after { border-bottom: 5px solid #A42020 }
#main-nav > ul:hover {
    background: none; /* Hack for IE8 */
}
#main-nav > ul:hover > li:after { display: none }
#main-nav > ul:hover > li:hover:after {
    display: block;
    border-bottom: 5px solid #111;
}
#main-nav > ul > li > a { line-height: 32px }
/* second level */
#main-nav ul ul {
    background: #111;
    padding: 4px 0;
}
#main-nav ul ul li {
    padding: 0 10px;
    margin: 0;
}
#main-nav ul ul li a {
    display: block;
    padding: 4px 0;
    color: #AAA;
    float: none;
}
#main-nav ul ul li a:hover { color: #FFF !important }
/* third level and their sub levels */
#main-nav ul ul ul {
    top: -4px;
    background: #333;
}
#main-nav ul ul ul:before {
    top: 12px;
    left: -5px;
    border-right: 5px solid #333;
}
/* last child */
#main-nav > ul > li:last-child ul {
    left: auto;
    right: 0;
}
#main-nav > ul > li:last-child ul ul {
    left: auto;
    right: 100%;
}
#main-nav > ul > li:last-child ul ul:before {
    left: auto;
    right: -10px;
    border: 5px dotted transparent;
    border-left: 5px solid #333;
}
/* select box */
#main-nav .select-div { width: 100% }
#main-nav .select-wrap {
    margin: 0 12px;
    height: 24px;
    overflow: hidden;
    background: url(images/arrow-down.png) no-repeat right center;
}
#main-nav .select-div select {
    background: transparent;
    width: 120%;
    height: 24px;
    padding: 0;
    border: 0;
    color: #777;
}

/*=============================================================================*
 * SUB NAVIGATION
 *=============================================================================*/
.sub-nav {
    background: #444;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    z-index: 3;
}
/* top level */
.sub-nav ul { float: left }
.sub-nav li a {
    padding: 0 10px;
    color: #AAA;
    text-decoration: none;
    line-height: 36px;
}
.sub-nav li:hover { background: #333 }
.sub-nav li:hover a { color: #FFF !important }
.sub-nav .hmenu > .current-menu-item > a, .sub-nav .hmenu > .current-menu-ancestor > a {
    background: #111;
    color: #FFF;
}
.sub-nav .hmenu > .current-menu-ancestor:after, .sub-nav .hmenu > .current-menu-item:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 5px dotted transparent;
    border-top: 5px solid #111;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -5px;
}
/* select box */
.sub-nav .select-div {
    width: 100%;
    padding: 5px 0;
}
.sub-nav .select-wrap {
    margin: 0 12px;
    height: 24px;
    overflow: hidden;
    background: url(images/video_play_24.png) no-repeat right center;
}
.sub-nav .select-div select {
    background: transparent;
    width: 120%;
    height: 24px;
    padding: 0;
    font-size: 13px;
    border: 0;
    color: #AAA;
}

/*=============================================================================*
 * LOOP HEADER
 *=============================================================================*/
#loop-header {
    position: relative;
    background: url(images/diag.png) repeat;
}
/* Loop title
 *=======================================================*/
.loop-title {
    margin: 0;
    display: inline-block;
    font-size: 22px;
    line-height: 48px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Open Sans", Arial,sans-serif;
    float: left;
}
.loop-title b { float: left }
.loop-title span {
    float: left;
    line-height: 18px;
    vertical-align: top;
    display: block;
    margin: 8px 0 0 20px;
    color: #AAA;
}
.loop-title em {
    font-style: normal;
    color: #222;
    display: block;
}
.loop-title i {
    color: #A42020;
    font-style: normal;
}
/* RSS Link on Loop Header
 *=======================================================*/
#loop-header .rss-link {
    background: url(images/sprite-adj.png) no-repeat -150px 0;
    width: 48px;
    height: 48px;
    display: inline-block;
    text-indent: -5555em;
    overflow: hidden;
    vertical-align: top;
    float: right;
    border-left: 1px solid #E5E5E5;
    margin-right: -15px;
}
#loop-header .rss-link:hover {
    background-position: -150px -50px;
    opacity: 1;
}
#loop-header .post-edit-link {
    font-size: 11px;
    padding: 0 10px;
    line-height: 48px;
}
/* Searchform on Loop Header 
 *=======================================================*/
.loop-search {
    float: right;
    height: 48px;
    background: #EEE;
}
.loop-search .searchform-div {
    height: 25px;
    padding: 11px 10px;
}
/* Adjacent Navigation on Loop Header for Work Archive and Single Work
 *=======================================================*/
.work-adj { float: right }
.work-adj div { float: left }
.work-adj span {
    display: block;
    background: #EEE;
    width: 48px;
    height: 48px;
}
.work-adj a {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-indent: -5555em;
    overflow: hidden;
    background: url(images/sprite-adj.png) no-repeat;
    background-color: inherit;
}
.work-adj div:hover span { background-color: #E5E5E5 }
.work-adj .prev { border-right: 1px solid #DDD }
.work-adj .prev span { border-right: 1px solid #F5F5F5 }
.work-adj .prev a { background-position: 0 0 }
.work-adj .prev:hover { border-color: #F5F5F5 }
.work-adj .prev:hover span { border-color: #DDD }
.work-adj .prev:hover a { background-position: 0 -50px }
.work-adj .next { border-left: 1px solid #DDD }
.work-adj .next span { border-left: 1px solid #F5F5F5 }
.work-adj .next a { background-position: -100px 0 }
.work-adj .next:hover { border-color: #F5F5F5 }
.work-adj .next:hover span { border-color: #DDD }
.work-adj .next:hover a { background-position: -100px -50px }
.work-adj .all a { background-position: -50px 0 }
.work-adj .all:hover a { background-position: -50px -50px }
.work-adj .all .sub-nav-toggle-active { background-color: #444 }
.work-adj .all .sub-nav-toggle-active a { background-position: -50px -150px }
.work-adj .disabled { visibility: hidden }
.work-adj .loading .sub-nav-toggle a { background: url(images/loading-fan-white.gif) no-repeat center center !important }
.work-adj .loading .sub-nav-toggle-active a { background: url(images/loading-fan-black.gif) no-repeat center center !important }

/*=============================================================================*
 * GENERAL CONTENT
 *=============================================================================*/
/* Heading Cell */
.hc {
    float: left;
    background: #F5F5F5;
    display: inline-block;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    width: 60px;
}
.hc:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 5px dotted transparent;
    border-left: 5px solid #F5F5F5;
    position: absolute;
    right: -10px;
    top: 5px;
}
.hc-icon {
    width: 50px;
    height: 50px;
    padding: 5px;
    line-height: 50px;
}
.hc-icon img { vertical-align: middle }
.hc-label {
    background: #F0F0F0;
    line-height: 20px;
    height: 20px;
}
.hc-label:after { border-left-color: #F0F0F0 }
.hc-date .day {
    display: block;
    font-size: 28px;
    line-height: 48px;
    color: #666;
}
.hc-date .month {
    display: block;
    font-weight: bold;
    background: #EEE;
    font-size: 13px;
    color: #666;
}
/* entry thumb */
.entry-thumb a { display: block }
.entry-thumb img { display: block }
/* entry header */
.entry-header { margin-bottom: 15px }
.entry-header .entry-title { margin: 0 0 5px }
/* entry title */
.entry-title { font-size: 20px }
.entry-title a { color: #222 }
.entry-title a:hover { text-decoration: none }
.single .entry-title { font-size: 24px }
/* entry meta */
.entry-meta {
    color: #AAA;
    margin-bottom: 10px;
    font-size: 12px;
}
.entry-meta a { color: #777 }
.entry-meta a:hover { text-decoration: underline }
.entry-meta .sep {
    padding: 0 2px;
    color: #CCC;
}
.entry-meta .external {
    background: url(images/icon-external.png) no-repeat right 0px;
    padding-right: 14px;
    color: #0C6688;
}
.type-post .entry-meta .entry-date-span { display: none }
/* entry-summary */
.entry-summary { color: #444 }
/* entry-content */
.entry-content h2 { color: #A42020 }
.entry-content img {
    padding: 5px;
    background-color: #F5F5F5;
}
.entry-content a:hover img { background-color: #E5E5E5 }
.entry-content .alignleft, .entry-content .alignright { margin-top: 0.35em }
.entry-attachment, .entry-description { margin-bottom: 20px }
/* more link */
a.more-link {
    font-size: 11px;
    color: #A42020;
}
/* entry navigation*/
.entry-nav {
    margin-bottom: 20px;
    text-align: center;
}
.entry-nav span { margin-left: 10px }
.entry-nav .pages {
    color: #AAA;
    margin: 0;
}
/* loop navigation */
.loop-nav {
    font-size: 11px;
    line-height: 20px;
}
.loop-nav span { color: #AAA }
.loop-nav .sep {
    color: #CCC;
    margin: 0 5px;
}
/* wp pagenavi */
.wp-pagenavi {
    font-size: 12px;
    color: #AAA;
}
.wp-pagenavi a, .wp-pagenavi span { margin-right: 20px }
.wp-pagenavi a:hover, .wp-pagenavi .current { }
.wp-pagenavi .pages { }

/*=============================================================================*
 * WORK CONTENT
 *=============================================================================*/
 
/* Archive Project
 *=======================================================*/
/* Entry on Work Archive */
.loop-works .hentry {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.loop-works .entry-thumb {
    height: 140px;
    overflow: hidden;
    margin: 0 0 10px;
    background: #FFF;
    position: relative;
    border: 6px solid #F5F5F5;
    -webkit-transition: background-color .15s linear, border-color .15s linear;
    -moz-transition: background-color .15s linear, border-color .15s linear;
    -o-transition: background-color .15s linear, border-color .15s linear;
    -ms-transition: background-color .15s linear, border-color .15s linear;
    transition: background-color .15s linear, border-color .15s linear;
    position: relative;
}
.loop-works .entry-thumb img { }
.loop-works .entry-thumb:hover { border-color: #E5E5E5 }
.loop-works .entry-title {
    font-size: 12px;
    margin: 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.loop-works .entry-meta {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
/* Loop Navigation on Work Archive */
.loop-nav-work { text-align: center }

/* Single Project
 *========================================================*/
/* entry media */
.entry-media { margin-bottom: 20px }
.entry-media img { display: block }
.entry-media iframe, .entry-media object { margin-bottom: 0 }
.entry-media .media-frame {
    background: #F5F5F5;
    padding: 10px;
    text-align: center;
}
.entry-media .audio-frame { padding: 0 }
.entry-media.grid-3 .media-frame { padding: 6px }
.media-right .entry-media { float: right }
/* related works */
.related-works {
    margin-top: 20px;
    border-top: 1px solid #EEE;
    padding: 15px 0 0;
}
.related-works h3 {
    margin: 0 0 15px;
    padding: 5px 0 0;
    color: #A42020;
}

/*=============================================================================*
 * BLOG CONTENT
 *=============================================================================*/
/* entry title */
.type-post .entry-title { margin-bottom: 5px }
/* entry thumb */
.type-post .entry-thumb {
    margin-bottom: 20px;
    border: 11px solid #F5F5F5;
    background: #FFF;
    -webkit-transition: background-color .15s linear, border-color .15s linear;
    -moz-transition: background-color .15s linear, border-color .15s linear;
    -o-transition: background-color .15s linear, border-color .15s linear;
    -ms-transition: background-color .15s linear, border-color .15s linear;
    transition: background-color .15s linear, border-color .15s linear;
}
.type-post .entry-thumb a {
    display: block;
    overflow: hidden;
}
.type-post .entry-thumb:hover { border-color: #E5E5E5 }
.single .type-post .entry-thumb:hover { border-color: #F5F5F5 }
.type-post .entry-summary { margin-bottom: 20px }
/* entry date */
.single .type-post { margin-bottom: 10px }
/* entry tags */
.entry-tags {
    margin: 10px 0 0;
    line-height: 20px;
}
/* entry share */
.entry-share { margin: 10px 0 0 }
.entry-share a:hover { }
.entry-share .offset-1 { padding-top: 2px }
/* author box */
.author-box { margin: 20px 0 }
.author-box .hc-icon img { display: block }
.author-box h3 {
    color: #A42020;
    padding: 5px 0 0;
    margin: 0 0 10px;
}
.author-bio { color: #777 }
.author-links {
    display: block;
    margin: 10px 0 0;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
}
.author-links a {
    padding-left: 12px;
    margin: 0 10px 0 0;
    background: url(images/website.png) no-repeat 0 0;
    color: #999;
    background: url(images/contact-methods.png) no-repeat 0 0;
}
.author-links a:hover { color: #333 }
.author-links .all {
    background-position: 0 3px;
    padding-left: 14px;
}
.author-links .twitter { background-position: 0 -18px }
.author-links .facebook { background-position: 0 -39px }
.author-links .website {
    background-position: 0 -58px;
    padding-left: 15px;
}
.author-links a:hover { }
.archive .author-box { margin-top: 0 }
/* related posts */
.related-posts {
    color: #AAA;
    margin: 20px 0 10px;
}
.related-posts .hc { background-image: url(icons/copy.png) }
.related-posts h3 {
    margin: 0 0 10px;
    padding: 5px 0 0;
    margin: 0 0 10px;
    color: #A42020;
}
.related-posts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.related-posts li {
    background: url(images/blt.png) no-repeat 0 7px;
    padding-left: 16px;
}
.related-posts .meta { font-size: 12px }
/* single navigation */
.single-nav {
    margin: 10px 0 20px;
    line-height: 20px;
}
.single-nav .next, .single-nav .prev { margin-top: 10px }

/*=============================================================================*
 * GENERAL WIDGET
 *=============================================================================*/
.widget {
    margin-bottom: 30px;
    color: #000000; /*** was  #777777  MKI 20-09-2012  **/
}
/* widget title */
.widget-title {
    margin-bottom: 18px;
    font-size: 12px;
    border-bottom: 1px solid #EEE;
    line-height: 16px;
    height: 7px;
    color: #A42020;
}
.widget-title span {
    display: inline-block;
    padding: 0 5px 0 0;
    background: #FFF;
}
/* widget list */
.widget ul, .widget ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget li {
    margin: 3px 0 0;
    color: #AAA;
}
.widget li a { color: #555 }
.widget ul ul, .widget ul ol, .widget ol ol, .widget ol ul { margin: 0 0 0 20px }
/* widget tags */
.widget_tag_cloud a {
    display: block;
    font-size: 12px !important;
    color: #555 !important;
}
/* widget rss */
.widget_rss .widget-title img {
    float: right;
    margin-left: 5px;
}
.widget_rss li a { display: block }
.widget_rss cite { font-style: normal }
.widget_rss .rssSummary { color: #777 }
/* widget calendar */
.widget_calendar th, .widget_calendar td {
    padding: 5px;
    text-align: center;
}
.widget_calendar caption {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #222;
}
.widget_calendar th { background: #F5F5F5 !important }
.widget_calendar td { background: #FFF !important }

/* Sidebar
 *=======================================================*/
#sidebar {}

/* Footbar
 *=======================================================*/
#footbar {
    background: #F7F7F7;
    overflow: hidden;
}
#footbar .grid-12 {
    padding-top: 30px;
    position: relative;
    border-bottom: 1px solid #E5E5E5; 
}
#footbar .widget-title { border: 0 }
#footbar .widget-title span { background: none }

/*=============================================================================*
 * COLOPHON
 *=============================================================================*/
#colophon {
    color: #000; /** was #aaa   MKI 20-09-2012  **/
    font-size: 12px;
    background: #F7F7F7;
    
}
#colophon .wrap {
    padding-top: 15px;
    padding-bottom: 15px;
}
#colophon p {
    margin: 0;
    display: inline;
padding-left:40px;  /** added MKI 25-09-2012  **/
}
#colophon a { color: #777;
}
#colophon .wp-link, #colophon .dp-link { display: none }
/* social navigation */
#social-nav { float: right }
#social-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#social-nav li {
    float: left;
    display: block;
    margin: 0 0 0 8px;
}
#social-nav a {
    float: left;
    display: block;
    height: 20px;
    width: 20px;
    text-indent: -555em;
    overflow: hidden;
    background-color: #F7F7F7;
    background-image: url(images/sprite-social.png);
    background-repeat: no-repeat;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#social-nav a:hover {
    background-color: none;
    opacity: 0.85;
    filter: alpha(opacity=85);
}
#social-nav .twitter a { background-position: 0 0 }
#social-nav .facebook a { background-position: -30px 0 }
#social-nav .rss a { background-position: -60px 0 }
#social-nav .email a { background-position: -90px 0 }
#social-nav .gplus a { background-position: -120px 0 }
#social-nav .youtube a { background-position: -150px 0 }
#social-nav .digg a { background-position: -180px 0 }
#social-nav .myspace a { background-position: -210px 0 }
#social-nav .flickr a { background-position: 0 -30px }
#social-nav .vimeo a { background-position: -30px -30px }
#social-nav .tumblr a { background-position: -60px -30px }
#social-nav .delicious a { background-position: -90px -30px }
#social-nav .lastfm a { background-position: -120px -30px }
#social-nav .linkedin a { background-position: -150px -30px }
#social-nav .deviantart a { background-position: -180px -30px }
#social-nav .dribbble a { background-position: -210px -30px }

/*=============================================================================*
 * COMMENTS & RESPOND
 *=============================================================================*/
#comments { margin: 20px 0 }
#comments .hc-icon { background-image: url(icons/comments.png) }
#comments-title {
    margin: 0 0 20px;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
}
/* Comment List */
.comment-meta {
    color: #BBB;
    font-size: 12px;
    margin-bottom: 10px;
    background: #F7F7F7;
    height: 32px;
    line-height: 32px;
}
.comment-meta a { color: #888 }
.comment-meta a:hover { }
.comment-avatar {
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px;
    background: #DDD;
    float: left;
    position: relative;
    margin-right: 15px;
}
.comment-avatar:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 5px solid transparent;
    border-left-color: #DDD;
    position: absolute;
    right: -10px;
    top: 11px;
}
.comment-author { margin: 0 5px 0 0 }
.comment-author .fn {
    font-style: normal;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    float: ;
}
.comment-author .fn a { color: #333 }
.comment-author .fn a:hover { }
.comment-time {
    float: rightd;
    font-size: 11px;
}
.comment-content { }
a.comment-reply-link {
    float: right;
    font-size: 11px;
    padding: 0 10px 0 16px;
    background: url(images/icon-reply.png) no-repeat 0 10px;
}
#cancel-comment-reply-link {
    font-size: 11px;
    font-weight: bold;
}
/* comment navigation */
.comment-nav {
    text-align: center;
    margin: 20px 0;
}
.comment-nav a, .comment-nav span { padding: 0 5px }
/* ping list */
#pings { margin: 20px 0 }
#pings h2 {
    padding: 5px 0 0;
    margin: 0 0 10px;
    color: #A42020;
}
#pings ol {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #AAA;
}
#pings li {
    background: url(images/blt.png) no-repeat 0 7px;
    padding-left: 16px;
}
#pings .meta { font-size: 12px }
/* comment closed*/
.comments-closed {
    background: #FFF9C2;
    padding: 7px 10px;
}
/* comment form */
#respond .hc-icon { background: #F5F5F5 url(icons/comment-plus.png) no-repeat center center }
#respond { margin: 0 0 30px }
#reply-title {
    margin: 0 0 10px;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
}
#respond p { margin: 0 0 15px }
#author, #email, #url, #comment {
    display: block;
    padding: 5px 5px;
}
#author, #email, #url {
    height: 18px;
    line-height: 18px;
    width: 60%;
}
#comment {
    width: 96%;
    height: 140px;
    overflow: auto;
}
.comment-notes, .form-allowed-tags, .logged-in-as {
    color: #888;
    font-size: 12px;
}
/* comment children */
.comment-list .depth-1 .comment {
    padding-left: 24px;
    background: url(images/com-depth-arrow.png) no-repeat 0 8px;
}
.comment-list #respond .offset-1 { margin-left: 0 }
.comment-list #respond .hc { display: none }

/*=============================================================================*
 * HOME PAGE
 *=============================================================================*/

/* Home Slider
 *=======================================================*/
#home-slider {
    margin: 0 0 20px;
    background: url(images/diag.png);
    position: relative;
    z-index: 2;
}
#home-slider .slides { position: relative }
#home-slider .slides_control { }
#home-slider .slide {
    overflow: hidden;
    display: none;
}
#home-slider .slide:first-child { display: block }
#home-slider .slide-image { }
#home-slider .slide-image img {
    display: block;
    max-width: 100%;
}

/* Slider Caption */
#home-slider .slide-caption-bg, #home-slider .slide-caption {
    width: 306px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 30;
    overflow: hidden;
}
#home-slider .slide-caption-bg {
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#home-slider .slide-caption { }
#home-slider .slide-caption-inner {
    padding: 20px;
    overflow: hidden;
}
#home-slider .slide-title {
    color: #FFF;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
}
#home-slider .slide-title a { color: #FFF }
#home-slider .slide-desc { color: #DDD }
#home-slider .slide-desc a {
    color: #FFF;
    border-bottom: 1px dotted #FFF;
}
#home-slider .slide-desc a:hover {
    color: #FFF !important;
    text-decoration: none;
    border-bottom: 0;
}
#home-slider .more {
    margin: 15px 0;
    display: block;
    color: #A42020;
}

/* Slider Navigation */
#home-slider .slider-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 40;
}
#home-slider .slider-nav a {
    float: left;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    margin-left: 1px;
    background: #222;
    background: rgba(0,0,0,0.5);
    text-decoration: none;
    font-weight: bold;
    color: #AAA;
    display: block;
}
#home-slider .slider-nav a:hover {
    color: #fff !important;
    background-color: #A42020;
}
#home-slider .prev, #home-slider .next {
    text-indent: -5555em;
    overflow: hidden;
}
#home-slider .slider-nav .prev { background: #222 url(images/home-slider-adj.png) no-repeat 6px 5px }
#home-slider .slider-nav .next { background: #222 url(images/home-slider-adj.png) no-repeat -13px 5px }
#home-slider .pagination {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#home-slider .pagination li { float: left }
#home-slider .pagination .current a {
    background: #A42020;
    color: #FFF;
}

/* Home Notice
 *=======================================================*/
#home-notice {
    margin: 10px 0;
    text-align: center;
    color: #555;
}
#home-notice .inner {
    padding: 7px 15px 5px 15px;
    background: #f3f3f3;  /** wass  FFF9C2  MKI 20-09-2012  **/
    border-bottom: 1px solid #EFE9AD;
    font-size: 13px;
    font-family: "Droid Serif", serif;
}

/* Home Blog
 *=======================================================*/
#home-blog {
    margin: 10px 0;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}
#home-blog .grid-12 { background: #F7F7F7 } 
#home-blog .date {
    padding: 0 10px;
    background: #E9E9E9;
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
#home-blog .date:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 6px solid transparent;
    border-left-color: #E9E9E9;
    position: absolute;
    right: -12px;
    top: 10px;
}
#home-blog .title {
    color: #555;
    padding: 10px;
}
#home-blog .more {
    float: right;
    padding: 0 10px;
    font-size: 11px;
}

/* Home Features
 *=======================================================*/
#home-features {
    margin: -10px 0 30px;
    line-height: 1.5;
    position: relative;
    overflow: hidden;
}
#home-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#home-features li {
    margin-top: 20px;
    position: relative;
    display: block;
}
#home-features .thumb {
    overflow: hidden;
    margin: 0 0 10px;
    padding: 6px;
    background: #F5F5F5;
}
#home-features img {
    width: 100%;
    display: block;
}
#home-features h3 { margin: 0 0 10px }
#home-features h3 a { color: #222 }
#home-features .desc p {
    margin: 0 0 10px;
    color: #666;
}
#home-features .thumb:hover { background: #E5E5E5 }
#home-features .more { font-size: 11px }

/* Home Clients
 *=======================================================*/
#home-clients {
    text-align: center;
    margin: 30px 0;
}
#home-clients .wrap { }
#home-clients .inner {
    display: block;
    border: 5px solid #F5F5F5;
}
#home-clients a.inner:hover { border-color: #EEE }
#home-clients img { vertical-align: middle }

/*=============================================================================*
 * CONTACT PAGE
 *=============================================================================*/
/* Cotact Intro */
.contact-intro {
    border-bottom: 1px solid #EEE;
    margin-bottom: 30px;
}
/* Contact Card */
.contact-card {
    color: #555;
    margin-bottom: 20px;
}
.contact-card ul {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}
.contact-card .fn {
    font-size: 13px;
    margin: 0 0 10px;
}
.contact-card .adr { margin: 0 0 10px }
.contact-card .type { display: none }
.contact-card .label {
    font-weight: bold;
    color: #222;
}
/* Contact Map */
.contact-map {
    background: #F5F5F5;
    margin-bottom: 20px;
}
.contact-map .map-wrap { padding: 5px }
.contact-map #map-canvas {
    width: 100%;
    height: 200px;
}
.contact-map img { max-width: none }
/* Contact Form */
.contact-form { line-height: 2 }
.contact-form p { margin: 0 0 1em }
.wpcf7-text, .wpcf7-form textarea { width: 98% }
.wpcf7-form textarea { height: 120px }

/*=============================================================================*
 * ARCHIVES PAGE
 *=============================================================================*/
.archives ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
.archives ul li {
    background: url(images/blt.png) no-repeat 0 7px;
    padding: 0 0 0 16px;
    color: #AAA;
}
.archives h3 {
    text-align: right;
    padding-top: 4px;
    margin-bottom: 10px;
}

/*=============================================================================*
 * Error 404, No Results and Noting Found
 *=============================================================================*/
.not-found .entry-title { color: #A42020 }
.not-found .searchform { margin-right: 300px }
.not-found .hc-icon { background-image: url(icons/404.png) }
.post-404 { text-align: center }
.post-404 .entry-title {
    font-size: 120px;
    color: #A42020;
}
.post-404 .searchform { margin: 0 100px }

/*=============================================================================*
 * BROWSER
 *=============================================================================*/
#ie8 img { width: auto }