/*
Theme Name: The Omar
Theme URI: 
Description: 
Author: Ricardo Felix
Author URI:
Version: 1.0
*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none;  } /* Gets rid of IE's blue borders */

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

@font-face {
    font-family: 'Futura';
    src: url('fonts/futura_hv_bt_heavy-webfont.eot');
    src: url('fonts/futura_hv_bt_heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura_hv_bt_heavy-webfont.woff') format('woff'),
         url('fonts/futura_hv_bt_heavy-webfont.ttf') format('truetype'),
         url('fonts/futura_hv_bt_heavy-webfont.svg#FuturaHvBTHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Century';
    src: url('fonts/tt0039m_-webfont.eot');
    src: url('fonts/tt0039m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0039m_-webfont.woff') format('woff'),
         url('fonts/tt0039m_-webfont.ttf') format('truetype'),
         url('fonts/tt0039m_-webfont.svg#CenturyExpdBTRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* oculta header en home */
#off #header{ height: 1px; overflow: hidden;}

body{ font:18px 'Century', Georgia, serif; color: #222; width: 100%; letter-spacing: 1px; overflow-x: hidden;}

a:link, a:visited{ text-decoration: none; color: #222; }
a:hover{text-decoration: none; color: #0000ff;}

.box:hover{background:#0000ff; }

h1 { font:24px 'Futura', Helvetica, Sans-serif; letter-spacing: 2px; margin:0 0 6px 0;}
p{ margin: 0 0 12px 0;}	

/* LAYOUT */

#wrapper{  width: 100%; text-align: center; margin:0; padding:0 0 200px 0; position: absolute;}
.box {padding:0.2% 0.2% 0.15% 0.2%; display: inline-block; margin: 0 auto; }
.box a{padding: 0; margin:0; line-height: 0; display: block;}

#header{ margin: 0 auto; width: 100%; padding:0; position: fixed; z-index: 9999;}
.legend{ text-align: center; font:24px 'Futura', Helvetica, Sans-serif; letter-spacing: 2px; padding:6px 0; margin:0; color: #222; }
.legendhome{ text-align: center; font:24px 'Futura', Helvetica, Sans-serif; letter-spacing: 2px; padding:36px 0 0 0; margin:0; color: #222; }

.menu-menu-container {margin: 12px auto 0 auto; text-align: center; width: 960px; font:15px 'Century', serif; color: #222;}
.menu{ text-align: center;}
#footer{ position:absolute; bottom:0; height:50px; text-align: center; padding: 50px;  width: 100%; color: #ccc; }

#home{ width: 100%; text-align: center; margin: 150px auto 0 auto;}
#works{ width: 960px; text-align: center; margin: 150px auto 0 auto;}
#content{ width: 960px; text-align: center; margin: 0 auto}

#sidebar{float: left; width: 212px; margin:0 0 120px 0; font-size: 11px; list-style: none; padding:0 6px 0 12px; border-right: thin solid #ddd; border-top: thin #ddd solid;}

.contact{ position: absolute; left: 24px; top:48%; color: #222; z-index: 9999; position: fixed; font: 20px 'Futura', sans-serif; }
.info-boton{ position: absolute; right: 24px; top:48%; color: #222;z-index: 9999; position: fixed; font: 20px 'Futura', sans-serif;}

.mailhome{ position:fixed; bottom:24px; color: #222;z-index: 9999; font: 20px 'Futura', sans-serif; text-align: center; width: 100%; }

.searchweb{ width: 960px; text-align: center; margin: 0 auto; padding:6px 0;}
.searchweb input{width:150px; font:14px 'Century', Georgia, serif; color: #666; text-align: center; }
.searchweb submit{width:75px;}

/* MENU */
.current_page_item a, .current-menu-item a, .current-post-parent a { color: #222}
.sub-menu li{ font-size: 14px; padding: 0; margin: 0 0 0 12px; border: none}
.sub-menu{ margin: 0 0 12px 0; }

/* Works */
.post{ text-align: center; margin: 12px 0 30px 0 ;}
 .post a:hover{text-decoration: none;}
.thumb{margin: 6px auto; padding:1px; width: auto;line-height: 0;}
	#works a img {padding: 2px; }
#works a:hover img {
border: solid 2px #0000ff; padding: 0; }

.excerpt{font:15px 'Century', serif; color: #222;}




/* HOME */
#home .post{  margin: 0 0 6px 0; float: left }
.home-info{ width: 700px; float: left;}

/* content */
#content-home img{ display: block;
  width: 100%;}
#content .post{ height: 236px; margin: 0 0 12px 0;}
#page{ width: 100%; text-align: center; padding:0; margin: 0 auto;}

/* ENTRY*/
#content .entry {}
#page .entry { width: 690px; margin: 0 auto;}
#page #content{margin: 100px auto 0 auto; line-height: 22px;}
.about #content{margin: 69px auto 0 auto!important;}


.share{ margin: 12px auto; width: 700px;  text-align: left;}
.share .tweet {margin: 0 auto; width: 100px; float: left; padding: 1px 0 0 0;}
.share .fb-like{width: 200px; float: left;}

.navigation-n, .navigation-p{ position: fixed; top: 46%; height: 50px; padding: 15px; font: 20px 'Futura', sans-serif; z-index: 9999;}
 .navigation-n{ left: 0;}
 .navigation-p{ right: 0;}
span.next{ width:105px; }
span.prev{ width: 105px; text-align: right;}


/* news */
h2, h2 a, h2 a:visited { font:30px din, helvetica; color: #ddd; text-shadow: #777 -1px -1px 1px; width: 706px; border: none;}

.news .post p{ width: 350px;}
#news .post{ float: left; margin: 0 0 24px 0; width: 700px;}
#news .post h2{ padding:3px 0 0 0; font-weight: bold;}

#news .single{ padding:0; float: left}
#news .navigation{ float:left;width: 180px}
#news .back{ float: left; width:160px; font-weight: bold; font-size: 10px; margin: 12px 0; clear: both}



/* info */
.info{ width: 500px; margin: 0 auto;}


/* selección navegador */
::selection {background:#0000ff;color:#fff; }
::-moz-selection {background:#0000ff;color:#fff;}
::-webkit-selection {background:#0000ff;color:#fff;}


/* own */

.gravatar{
	float: right;
}

.comments-template{
	margin: 10px 0 0;
	padding: 30px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template textarea{
	width: 500px;
}

.wp-caption {
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; /* optional rounded corners for browsers that support it */
  margin: 10px;
  padding-top: 4px;
  text-align: center;
}

.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}





#widget i{background: none!important;}