@import url(http://fonts.googleapis.com/css?family=Lobster);
/*  The CSS Reset    */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike,text, strong, sub, sup, tt, var,dl, dt, dd,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
/*
        UTILITY
*/
.clear{ clear: both; }
img.aligncenter {
    margin: 0 auto;
    display: block;
}
.alignleft {    float: left;    }
img.alignleft {    
    float: left;    
    margin: 5px 10px 0 0;
    display: inline;
}
.alignright {    float: right;  }
img.alignright {
    float: right;
    display: inline;
    margin: 5px 0 0 10px;
}
/* BODY */
body { 
    font-size: 80%; 
    font-family: Trebuchet MS, Arial; 
    color: #fff;
    background: url(images/body-bg.jpg) top center repeat-x #0A224F; 
}
a:hover     { text-decoration:none; color:#BADBF8}
a           { text-decoration:none; color:#fff}
/*-----------------------------------------------------------------Start Upper-part Layout-------------------------------------------------------*/
/* HEADER WRAP */
#header-wrap  { 
    margin: 0px auto;
    margin: 0px auto 30px; width: 952px;
    margin-top:10px;
    height:258px;
    background-color: #173369;
    border:1px solid #4089C9;
}
#logo {
    height:221px;
    width: auto;
    margin-top:10px;
    background: url(images/ikuheader.jpg) center no-repeat;
}
#logo h1{
    font-size:36px;
    font-family:Trebuchet MS;
    text-transform:uppercase;
}
#top-ads {      float:right;        }
#top-ads img{   padding-top:10px;   }
/* Menu WRAP */
#menu-wrap { margin: 0px auto 15px; width: 955px; height:30px;}
#menu-wrap ul{margin-left:10px; margin-bottom:5px}
#menu-wrap ul li {display:inline;margin-right:20px;font-size:14px;}
#menu-wrap ul li a {padding-bottom:5px;line-height:14px;}
#menu-wrap ul li a:hover {color:#7FD4FF;}
/*-----------------------------------------------------------------End Upper-part Layout-------------------------------------------------------*/
/*-----------------------------------------------------------------Start Middle-part Layout-------------------------------------------------------*/
/* Content-Area */
#content-wrap{margin: 0px auto; width: 952px; background:#173369;border:1px solid #4089C9;}
#content-area{width:921px;margin:15px;min-height:400px;}
/* Category-Nav */
#cat-nav {height:40px;background:#071531;margin:15px}
#cat-nav ul {padding-left:10px;margin:0}
#cat-nav ul li {float:left;display:inline;padding-right:10px;font-size:13px;margin-top:10px;}
#cat-nav ul li a {padding:3px;line-height:14px;}
#cat-nav ul li a:hover {background:#1C428A;color:#fff;}
/* Post-wrap */
#post-wrap {float:left;width:600px;margin-bottom:0px; background:#3184a3}
#postnavigation {
    margin-left:14px;
    margin-bottom:24px;
    background: #02102b;
    height:30px;
    margin-right:14px;
    padding-top:12px;
    padding-left:65px;
}
/* Featured Slideshow Area */
#post-featured {background:#3184a3;width:590px;height:270px;margin: 0 0 20px 0;float:left }
.titles-featured a, .titles-featured a:hover, .titles-featured {
    display:block;
    font-size:20px;
    margin-bottom:5px;
    margin-left:40px;
    margin-top:5px;
    width:500px;
}
.featured-inside {
    background:#0A1B3D none repeat scroll 0 0;
    margin-top:171px;
    overflow:hidden;
    width:570px;
}
.next-button {
    display: none;
    position: absolute;
}
.prev-button {
    display: none;
    position: absolute;
}
#sections {
    overflow:hidden;
    width: 590px;
    height: 240px;
    margin: 0px;
    float: left;
    margin-bottom: 13px;
}
#sections ul {
    height: 240px;
    margin: 0px;
    list-style-image: none;
    list-style-type: none;
    padding: 0px;
    width: 4000px;
}
#sections ul li {
    border:10px solid #0A1B3D;
    float:left;
    height:220px;
    margin:0;
    padding:0;
    width:570px;
}
.post-info {
    border-bottom:1px solid #0A1B3D;
    border-top:1px solid #0A1B3D;
    display:block;
    font-size:10px;
    padding:2px 0 2px 40px;
}
.post-info-small {
    color: #5B6461;
    font-size: 10px;
    display: block;
    width: 228px;
    border-top: 1px solid #3B4341;
    border-bottom: 1px solid #3B4341;
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    float: right;
}
.post-info a {    color: #6DB9ED;   }
.prev {
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(images/left.png) no-repeat top left;
    position: absolute;
    top: 186px;
    z-index: 1;
    left: 10px;
}
.next {
    display: block;
    background: url(images/right.png) no-repeat top left;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    top: 186px;
    left: 555px;
    z-index: 2;
}
.ikuhead {
    background-color: #3184a3;
    width: 923px;
    height:231px;
    margin-top:13px;
    margin-right: 0pt;
    margin-left: 15px;
    text-align:center;
}
/*Blog Entries */
.post {background:#3184a3;width:590px;height:auto;margin: 0 0 20px 0;float:left;display: inline; }
.post li {margin-left:40px;}
.post ul,ol {margin-top:10px;margin-bottom:10px}
.post h2, #post-wrap h2 {margin:10px;
          font-size: 160%;
          color: white;
          text-align: center;
          font-weight: normal;
          background-color: black;
          border-bottom-width: medium;
          border-bottom-style: solid;
          border-bottom-color: #ffffff;}
.post h2 a, #post-wrap h2 a{color:#fff;font-weight:normal;}
.post h2 a:hover, #post-wrap h2 a:hover {color:#BADBF8}
.post a {color:#55D4FF ;font-weight:bold;}
.post a:hover {color:white; background:black;}
.date {font-size: large;padding-left:15px; height:20px; padding-top:5px; display: inline;}
.thumbnail {float:left;width:140px;height:140px;margin-left:15px;margin-top:10px;padding-bottom:20px;display: inline;}
.entry {width:590px;float:left;margin:10px;display: inline; background:#3184a3}
.entry p {
    width:576px;
    padding-top:10px;
    padding-left:2px;
}
.entry p img {
    padding-bottom:0px;
}
.entry  h1 {
    font-size: 180%;
    padding:10px;
}
.post .youtube{
    width:576px;
    margin:0px;
    padding-left:10px;
    padding-top:10px;
}
.entrysearch{float:left;margin:10px}
.searchtitle {margin-left:10px;font-size:20px;margin-bottom:10px;}
.more {background:transparent url(images/more.jpg) no-repeat scroll 0 0;float:right;height:29px;margin-right:10px;padding-left:10px;padding-top:5px;text-align:left;width:90px;}
.more a {color:#EDEFF1;padding-right:20px;font-size:11px;padding-left:7px;}
.more a:hover {color:#BADBF8}
.meta {float:left;height:61px;background:#02102B;margin:15px 0 10px 15px;width:574px; font-size:12px;display: inline;}
.cat {background:transparent url(images/cat-icon.jpg) no-repeat scroll 7px 50%;float:left;padding:10px 10px 10px 30px;display: inline;}
.commentcount {float:right; font-size:14px; margin-right:10px; display: inline; text-align:center}
li.bypostauthor {
    /* CSS styles for author comments */
    background:url('images/logoiku.png') no-repeat top right #0a1b3d;
    border-top:2px solid white;
    border-bottom:2px solid white;
}
/*Single-post */
.single-entry {float:left;margin:15px 15px 10px;padding-bottom:10px;width:555px;display: inline;}
#share {float:left;width:590px;background:#0A1B3D url(images/share-bg.jpg) no-repeat top left;height:166px;margin-bottom:20px;display: inline;}
#share ul{padding-top:50px;margin-left:20px;padding-top:60px;}
#share li {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 5px 0 0;}
#post-meta{color:#FFFFFF;font-size:12px;margin-left:20px;margin-top:5px;}
/*Comments */
#comment-wrap {float:left;width:576px;margin-left:13px; background:#0A1B3D;display: inline; margin-bottom:10px;}
#comment-wrap .comment-author {
    font-size:18px;
}
#comment-wrap .comment-author a{
    color:#55D4FF;
}
#comment-wrap .comment-author a:hover{
    color:#4089C9;
}
#comment-wrap p {
    padding-top:5px;
    padding-bottom:5px;
    
}
#comment-wrap p a {color:#55D4FF ;font-weight:bold;}
#comment-wrap p a:hover {color:white; background:black;}
#comment-wrap h3 {color:#FFFFFF;font-size:24px;}
#commentlist-wrap {float:left;margin-left:25px;margin-top:10px;width:570px;display: inline;}
.commentlist {float:left;list-style-position:inside;list-style-type:none; margin-left:4px; width:555px;display: inline;}
.comment {background:#173369 none repeat scroll 0 0;border:1px solid #3F86C5;clear:both;float:left;list-style-image:none;
          list-style-position:outside;list-style-type:none;margin-bottom:15px;padding-bottom:10px;padding-left:10px;width:540px;display: inline;}
.comment-counts  {font-size:18px; margin-right:22px; float:right}
.nocomments {font-size:18px;margin-left:22px;}
.commentlist.pings .comment-reply-link {
    display:none;
    }
#comment-wrap    .commentlist.pings .comment-author {
        font-size:14px;
        width:90%;
    }
    .commentlist.pings li {
        padding:5px;
    }
#pieFoto {
    text-align: center;
    color: rgb(153, 255, 255);
    font-size: 13px;
    font-style: italic;
    line-height:16px;
    width:576px;
    padding-top:5px;
    padding-bottom:5px;
}
#comments {margin-top: 30px;}
#commentform {clear: both;float: left;margin-top:10px;display: inline;}
h3.reply-replace{width: 139px; height: 29px;text-indent: -9999px;}.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {color:#3F86C5;}
.comment-reply-link:hover {background-color: #7bab96;color: #fff;}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #fff !important;display: block;font-weight: bold;background-color: #3F86C5;padding: 0px 5px;text-transform: lowercase;font-size: 11px;float: left;clear: both;display: inline;}
.cancel-comment-reply a:hover {background-color: #7bab96;	color: #fff;}
.children .comment {margin-left:20px;margin-bottom:10px; clear:both;width:90%;}
.comment-reply-link, .comment-reply-link:visited {background-color:#3F86C5;color:#FFFFFF !important;display:block;float:right;font-size:11px;font-weight:bold;margin-bottom:20px;margin-right:10px;margin-top:10px;padding:2px 7px;text-transform:lowercase;display: inline;}
.fn, .fn a:link, .fn a:hover, .fn a:visited, .says {color:#FFFFFF;font-style:normal;}
.avatar {height:40px;margin-left:10px;margin-top:15px;width:40px;}
#respond {float:left;margin-left:10px;padding:10px ;display: inline;}
input#author{background:#fff;border:1px solid #3F86C5;color:#173369}
input#email{background:#fff;border:1px solid #3F86C5;color:#173369}
input#url{background:#fff;border:1px solid #3F86C5;color:#173369}
textarea#comment  {font-family:trebuchet MS;font-size:12px;background:#fff;border:1px solid #3F86C5;width:100%;color:#173369}
#submit {background: white; padding: 3px 8px;border:none}
#submit:hover {background:#3F86C5;color:#fff}
/*Sidebar */
#sidebar {float:right ;width:305px; height:auto;display: inline;}
/* Feeds */
#feeds {background:#0A1B3D url(images/feeds.jpg) no-repeat center right;height:125px;padding-left:10px;margin-bottom:20px;background-position:right;}
#feeds a {font-size:11px;}
.textarea {background:#153576 none repeat scroll 0 0;color:#DEF0F9;font-size:12px;height:25px;padding-left:10px;padding-top:5px;width:180px;border:none;margin-bottom:5px;margin-top:10px;}
#feeds p {padding-top:10px;}
/*ads*/
#ads-block {background:#0A1B3D ;padding:20px 25px; margin-bottom:20px;}
.ads {margin-bottom:5px;}
/* Tabber */
#tabs {background:#0A1B3D;margin-bottom:20px;}
#ikuIphone {
    text-align:center;
    width:50%;
    margin-left:50px;
}
#ikuIphone table td{
    text-align:center;
}
#sidebar #tabber {
    margin: 0 0 10px;
    padding: 10px 0 0 0;
    list-style-type:none;
    background:#0A1B3D ;
    float:left;
}
#sidebar #tabber li {
    margin: 0;
    padding: 5px 10px 10px;
    background: #0A1B3D;
    position: relative;
    border: none;
}
#sidebar #tabber li li {
    margin: 0;
    padding: 3px 5px;
    background: #02102B;
    width:275px;list-style-type:none; list-style-position:outside;
    border-bottom: 1px dashed #173369;
    font-size:14px;
}
#sidebar #tabber ul {
    margin: 7px 0 0;
    padding:0;
    border: none;
    list-style-type:none;
}
#sidebar #tabber .tablist {
    color: #fff;
    font-style: italic;
    position: relative;
    display: block;
}
* html #sidebar #tabber .tablist {
    display: inline-block;
}
*:first-child+html #sidebar #tabber .tablist {
    display: inline-block;
}
#sidebar #tabber .tablist a {
    color: #fff;
    font-style: normal;
}
#sidebar #tabber .tablist a:hover {
    color:#4089C9;
}
#sidebar #tabber .tabber-title {
    margin:0 0 0 10px;
    padding:4px 10px 4px 10px;
    font-size:14px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    background: #02102B;
    border: none;
}
#sidebar #tabber .active,
#sidebar #tabber .tabber-title:hover {
    background: #4171CE;
}
/* Widgetize Area */
#longsidebar {
    height:auto;width:305px; margin-top:10px;
}
#longsidebar ul{
    list-style-type:none;
}
#longsidebar ul li {
    padding-top:5px;
}
#longsidebar a:hover {
    color:#4089C9;
}
#mini-side {background:#fff;height:400px;}
#mini-left {float:left;height:auto;width:145px;}
#mini-right {float:right;height:auto;width:145px;}
.widget {background:#0A1B3D;margin-bottom:20px;padding-bottom:10px}
.widget-title {background-color: black; margin:10px 0 5px 0px;width:120px; display: inline;}
.widget-title h2 {color: white;
                  font-size: large;
                  text-align: left;
                  border-bottom-width: thin;
                  border-bottom-style: dashed; line-height:22px}
.widget ul {list-style:disc inside;padding-left:15px}
select#cat {margin:10px;width:130px;
            background-image: none;
            background-repeat: repeat;
            background-attachment: scroll;
            background-position: 0% 0%;}
/*----------------------------------------------------------------End Middle-part Layout-------------------------------------------------------*/
/*-----------------------------------------------------------------Start Bottom-part Layout-------------------------------------------------------*/
/*Footer Area */
#footer {background:url(images/footer-bg.jpg) repeat-x; height:393px;border-top:1px solid #4089C9}
#bottombar {width:970px;margin: 0 auto;height:393px;}
#bottom-widget{float:left;width:970px;margin-top:20px;display: inline;}
#credit {color:white;float:left;height:60px;margin-top:22px;width:970px;}
#credit p {color:#325BA9;font-size:11px;margin-left:30px;margin-top:10px;}
#credit a {color:#325BA9;}
#credit a:hover {color:#4089C9}
/*Bottom-Widget */
#twitter-wrap {width:240px;background:url(images/twitterbk.png);height:255px;float:left;margin-left:20px;display: inline;}
#twitter-inside {float:left;font-family:georgia;font-size:10px;margin-left:25px;margin-top:90px;width:200px;color:#65D1FD;display: inline;}
.twitter a {color:#FCD535;float:left;font-size:12px;margin-top:10px;padding-left:100px;display: inline;}
.twitter a:hover {color:#BADBF8}
.twitter-link a{color:#fff}
.twitter-timestamp {
    color:white;
}
#search-wrap {width:257px;background:url(images/search.jpg) repeat scroll 0 2px;height:255px;float:left;display: inline;}
#search-inside{float:left;display: inline;}
form#search-inside{ margin:10px;padding-left:35px;padding-top:120px;}
input#s {width:170px; font-family:verdana; font-size:10px; color:gray}
input#searchsubmit {background:#4585BD none repeat scroll 0 0;color:#0A1B3D;margin-top:5px;border:none;padding: 5px;
margin: 5px;}
input#searchsubmit:hover {background:black;color:white;}
#flickr-wrap {width:442px;background:url(images/flickr.jpg);height:293px;float:left;display: inline;}
#flickr-inside {float:left;margin-left:40px;margin-top:100px;display: inline;}
img#flickr-inside {margin:5px;}
/*----------------------------------------------------------------End Bottom-part Layout-------------------------------------------------------*/
blockquote {background: #173369 url(images/quote.jpg) no-repeat top left;font-style: italic;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px; width:536px;}
.entry blockquote p {
    width:536px;
}
.relacionados a:link {border:none;}
.relacionados table a:hover, .relacionados table a:visited {border:none;}
.relacionados img {border: 1px solid #dedede;padding:5px;}
.relacionados img:hover {border: 1px solid #000;padding:5px;}
.relacionados ul li a:hover {color: #000;border-bottom:1px solid #000; }
.wp-pagenavi {
    font-size:90%;
    margin-left: -13%;
}
.wp-pagenavi span { padding:3px;}
h3 { font-family: 'Zeyada', arial, serif; font-size:300%; padding-top:30px; line-height:30px; color:bisque}

#archiveList {
    list-style-type:none;
}

#archiveList li {
    float:left;
}

.post.archive {
    width:90%;
    border:2px solid white;
    padding:20px;  
    margin:8px;
    background:#0A1B3D;
    position:relative;
}

.post.archive h1 {
    font-family: 'Julee', cursive;
    font-size:34px;
}
.post.archive .imagenLayer {
    height:215px;
position: relative;
width: 100%;
margin-bottom: 10px;
}
.post.archive .imagen {
border: #CCC solid 1px;

}

.ikulista li {
            padding:5px;
}        
.frasecica {
    text-align:center;
    
}