/*
Theme Name: Digitalec
Theme URI: http://www.alecoxenford.com/
Version: 3.0
Author: Nicolás Fantino
Author URI: http://www.100px.com/

This theme IS copyrighted and IS NOT released under GPL License and it SHOULD NOT be used (nor be copied, distributed, etc.) on other site than http://www.alecoxenford.com without express consent of the site's author
*/

/*** reseting stuff ***/
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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: #000;
background: #fff;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*** beloved clearfix ***/
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cf {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */
/*** /reset ***/

/*** basics ***/
body {
background:#F3F5F0 url(i/bkg.png) repeat-x 0 0;
font:64%/1.4 arial, helvetica, sans-serif;
color:#000;
text-align:center
}
a {
color:#284F62
}
a:hover {
color:#000
}
h1, h2, h3, h4, h5, h6 {
font-family:arial,helvetica-sans-serif 
}
strong {
font-weight:bold
}
em {
font-style:italic
}
p, ul, ol {
margin: 0 0 1em 0
}
.alignleft {
float:left;
}
.alignright {
float:right
}
img.alignleft {
margin:0 20px 15px 0
}
img.alignright {
margin:0 0 15px 20px
}

/*** positions ***/
#supercontainer {
background:transparent url(i/bkg-footer.png) repeat-x 0 100%
}
#container, #header, #content, #footer {
position:relative;
width:960px;
margin:0 auto;
text-align:left;
z-index:10
}
#alec {
position:absolute;
top:37px;
right:0;
width:257px;
height:311px;
background:transparent url(i/alec.png) no-repeat 0 0;
z-index:10000
}

/*** header ***/
#header {
height:230px
}
#header h1 {
width:499px;
height:69px;
position:absolute;
top:120px;
left:0
}
#header h1 a {
display:block;
height:100%;
background:transparent url(i/logo.gif) no-repeat 0 0;
text-indent:-1000em
}
#header h2 {
font-size:1.8em;
letter-spacing:-.05em;
color:#999;
position:absolute;
bottom:20px;
left:2px
}
#menu {
margin:0
}
#menu li {
display:inline;
}
#menu li a {
display:block;
width:160px;
line-height:57px;
font-size:1.8em;
font-weight:bold;
color:#572;
float:left;
text-decoration:none;
text-transform:lowercase;
text-shadow:0 1px 2px #E3F3C2
}
#menu li a:hover {
color:#000;
text-shadow:0 1px 2px #fff
}
#search {
position:absolute;
top:12px;
right:10px;
width:300px;
height:32px;
background:transparent url(i/bkg-search.png) no-repeat 0 0;
}
#s, #s-submit {
border:0;
line-height:1;
background:transparent;
font-size:1.8em;
padding:5px 3px
}
#s {
width:245px;
}
#s-submit {
position:absolute;
top:0;
right:0;
width:40px;
text-indent:-1000em;
cursor:pointer
}
/*** page ***/
#page {
padding-top:20px;
width:770px;
float:left
}
#page h3 {
width:680px;
font-size:2.9em;
letter-spacing:-.05em;
font-weight:bold;
line-height:1;
margin-bottom:.3em
}
#page .post {
padding:0 0 30px
}
/*** data ***/
#data h3 {
display:none
}
	/* post */
.post {
position:relative;
padding:50px 0 30px;
/*border-bottom:1px solid #cde*/
}
.home.post {
width:770px
}
.post h4, #data .post h4 {
width:680px;
font-size:2.9em;
letter-spacing:-.05em;
font-weight:bold;
line-height:1;
margin-bottom:.3em
}
.post h4 a {
text-decoration:none;
text-shadow:0 1px 1px #fff
}
.post .postmeta {
position:absolute;
top:10px;
left:0;
font-family:arial,helvetica,sans-serif;
padding-top:2px
}
.post .postmeta p {
margin:0
}
.date {
line-height:1 !important;
width:100px;
text-shadow:0 1px 1px #eee, 0 -1px 0 #999
}
.day {
display:block;
float:left;
font-size:3.5em;
letter-spacing:-.05em;
font-weight:bold;
padding-right:5px;
color:#fff;
border-right:1px solid #fff;
line-height:.9
}
.month {
line-height:1.1;
padding-left:5px;
font-size:1.5em;
font-weight:bold;
text-transform:uppercase;
clear:right;
color:#fff /*#E0ECF1*/
}
.year {
padding-left:5px;
font-size:1.4em;
font-weight:bold;
display:block;
float:left;
color:#fff /*#E0ECF1*/
}
.postextras {
font-size:1.2em;
position:absolute;
top:0;
left:90px;
width:540px;
}
.ratings {
position:relative
}
.comment-link a {
padding-left:18px;
background:transparent url(i/icons.gif) no-repeat 0 3px
}
.post-ratings {
width:120px;
position:absolute;
left:235px;
top:0;
font-size:1.2em;
font-weight:normal
}
.post-ratings .post-ratings-image, .post-ratings img {
position:relative;
top:2px
}
.posttags {
position:absolute;
bottom:-3px;
left:90px;
width:540px;
font-size:1.2em;
line-height:1.5em;
padding-left:18px;
background:transparent url(i/icons.gif) no-repeat 0 -47px
}
.postimg {
float:right;
margin:0 0 15px 30px
}
.postimg img {
border:5px solid #fff
}
.postdata {
font-size:1.2em
}
.postdata ul {
padding-left:1.7em
}
.postdata ol {
padding-left:2em
}
.postdata ul {
list-style:disc
}
.postdata ol {
list-style:decimal
}
.postdata li {
display:list-item
}
.more-link {
display:block;
width:200px;
margin-top:1em
}
.more-link span {
display:none
}
	/* archive */
#archive {
width:450px;
padding:20px 20px 20px 0;
float:left;
/*border-right:1px solid #cde*/
}
#archive .post {
position:relative;
padding-top:35px;
border-bottom:0;
color:#444
}
#archive .post h4 {
width:100%;
font-size:1.6em;
letter-spacing:-.05em;
font-weight:bold;
line-height:1;
margin-bottom:.3em
}
#archive .post .postmeta {
position:absolute;
top:0;
left:0;
font-family:arial,helvetica,sans-serif;
padding-top:2px;
font-size:.87em
}
#archive .date {
line-height:1 !important;
width:80px;
text-shadow:none
}
#archive .day {
display:block;
float:left;
font-size:3.5em;
letter-spacing:-.05em;
font-weight:bold;
padding-right:5px;
color:#999;
border-right:1px solid #999;
line-height:.9
}
#archive .month {
line-height:1.1;
padding-left:5px;
font-size:1.5em;
font-weight:bold;
clear:right;
color:#666
}
#archive .year {
padding-left:5px;
font-size:1.4em;
font-weight:bold;
display:block;
float:left;
color:#666
}
#archive .posttags, #archive .postextras {
left:80px;
width:360px
}
#archive .posttags {
/*top:1.4em*/
}
#archive .postimg {
float:left;
margin:0 10px 5px 0
}
#archive .postimg img {
border:5px solid #fff
}
#archive .post-ratings {
left:205px;
}

/*** extras ***/
#extras {
width:300px;
float:left;
/*background:#fff;*/
font-size:1.2em
}
#extras .block {
padding:10px 10px 20px;
margin-bottom:10px;
position:relative;
background:#D8EFF8 url(i/bkg-extras-block.png) no-repeat 0 0
}
#extras .block h3 {
font-size:1.3em;
font-weight:bold;
color:#fff;
text-transform:uppercase;
letter-spacing:-.05em
}
#extras .block h3 a {
text-decoration:none
}
#extras .block h3 a:hover {
color:#fff
}
#extras .block li {
margin-bottom:3px
}
#extras .block li a {
padding:3px 0 0 20px;
background:transparent url(i/bkg-extras-block-li-a.gif) no-repeat 0 3px;
text-decoration:none
}
#extras .block, #extras .block li {
zoom:1
}
#extras .block li a:hover {
background-position:0 -117px
}
#extras .block .bot {
position:absolute;
bottom:0;
left:0;
height:5px;
width:300px;
background:transparent url(i/bkg-extras-block-bot.gif) no-repeat 0 100%
}
	/* twitter */
.twitter {
background:transparent url(i/bkg-twitter.gif) no-repeat 0 100%;
padding-left:40px;
padding-bottom:7px;
}
.twitter li {
font-size:1.5em;
line-height:1;
letter-spacing:-.05em;
color:#999;
padding:10px;
background:#fff url(i/bkg-twitter-li.gif) no-repeat 0 0;
}
#extras .block .twitter li a {
background-image:none;
padding-left:0
}
	/* video */
#extras #video {
background:#0E0E0E url(i/bkg-extras-video.png) no-repeat 0 0
}
#extras #video a {
color:#999;
text-decoration:none
}
#extras #video a:hover {
color:#fff;
}
#extras #video h4 {
font-size:1.4em;
font-weight:bold;
letter-spacing:-.05em;
margin-bottom:5px
}
#extras #video h4 small {
font-size:.5em;
letter-spacing:0;
}
#extras #video.block li a {
padding:3px 0 0 20px;
background:transparent url(i/bkg-extras-video-li-a.gif) no-repeat 0 3px;
}
#extras #video.block li a:hover {
background-position:0 -117px
}
	/* tabs */
#extras #tabs.block {
background:#DFF19F url(i/bkg-extras-tabs.png) no-repeat 0 0
}
#tabs {
position:relative;
}
#nanotabs {
position:relative;
z-index:10;
}
#nanotabs li {
display:inline;
line-height:1;
font-weight:bold
}
#extras .block #nanotabs li a {
color:#97bF10;
display:block;
padding:6px 4px 6px 3px;
margin-right:1px;
float:left;
border:1px solid #B7DF30;
background:#de9;
text-decoration:none
}
#extras .block #nanotabs li a:hover {
border-color:#6F8914;
background:#9c0;
color:#fff;
}
#extras .block #nanotabs li a.selected, #extras .block #nanotabs li a.selected:hover {
border-color:#999;
background:#fff;
color:#999;
cursor:default;
}
.list1 {
position:relative;
top:5px;
z-index:1;
clear:both;
padding:10px;
}
#extras .block .list1 li a {
padding-top:3px;
/*color:#419BCC;*/
background: transparent url(i/bkg-extras-li-a.gif) no-repeat 0 3px;
padding-left:20px;
}
#extras .block .list1 a:hover {
color:#000;
background-position:0 -117px
}
#extras .block .list1 ul ul {
margin-left:20px
}
#extras .block .list1 ul ul a, #extras .block #tagcloud a {
background-image:none;
padding-left:0
}


/*** subextras ***/
#subextras {
position:relative;
width:160px;
float:right;
background:#fff url(i/bkg-subextras.gif) no-repeat 0 0;
font-size:1.1em;
padding:20px 0  10px
}
.home #subextras {
position:absolute;
top:90px;
right:0
}
#subextras .bot {
position:absolute;
bottom:0;
left:0;
height:5px;
width:160px;
background:transparent url(i/bkg-subextras.gif) no-repeat 0 100%
}
#subextras .block {
padding:0 10px 20px
}
#subextras .block h3 {
font-size:1.3em;
font-weight:bold;
color:#ccc;
text-transform:uppercase;
letter-spacing:-.05em
}

/*** video ***/
#extras .vvqbox, #extras .vvqbox object {
width:279px !important;
height:238px !important;
}

/*** archives ***/
.snazzy {
font-size:.8em;
overflow:visible
}
.snazzy td {
padding:3px
}
.sz_date_day {
background:#fff !important
}
.snazzy .sz_day a {
font-size:1.2em;
line-height:1.4em
}

/*** single ***/
#single {
width:740px;
float:left
}
#content.single {
padding-top:20px;
}
.single .post-ratings {
left:235px;
font-weight:bold
}
h4#comments {
font-size:2.2em;
letter-spacing:-.05em;
color:#999;
line-height:1;
margin-bottom:20px
} 
h4#comments strong {
color:#666
}
/*** commetns ***/
#comments {
margin-top:30px
}
#data h4 {
font-size:2.3em;
font-weight:normal;
letter-spacing:-.05em;
color:#8AB509 /*#B7E038*/;
line-height:1;
}
#data h4 strong {
font-size:1.2em;
font-weight:bold;
display:block
}
.comment {
border-top:1px solid #ddd;
padding:10px 0 0 15px;
position:relative;
}
.comment-text {
font-size:1.2em;
padding-bottom:30px
}
.bypostauthor {
background:transparent url(i/bkg-comments.png) repeat-x 0 -400px;
border-top:1px solid #CEEBEF;
}
.comment-author {
font-size:2em;
letter-spacing:-.05em;
text-align:left;
color:#666
}
.comment-author img {
float:left;
margin:0 15px 15px 0;
border:3px solid #f1f1f1
}
.bypostauthor .comment-author img {
border-color:#CEEBEF
}
.children {
padding-left:20px
}
.reply {
position:absolute;
top:58px;
left:15px;
font-size:1.1em
}
/*** form ***/
#respond {
margin-top:30px
}
#respond h3 {
font-size:2.2em;
letter-spacing:-.05em;
color:#666;
line-height:1
}
.disclaimer {
border:1px solid #ddd;
background:#f1f1f1;
padding:10px 10px 0;
margin:5px 0;
font-size:1.1em;
color:#999
}
.cancel-comment-reply {

}
.cancel-comment-reply small a {
display:block;
border:1px solid #fdd;
background:#fff1f1;
padding:10px;
margin:5px 0;
font-size:1.2em;
color:#900;
text-decoration:none
}
.cancel-comment-reply small a:hover {
color:#000;
background:#fdd;
border-color:#000
}
#commentform {
font-size:1.2em;
padding-top:5px
}
textarea#comment {
width:100%;
font-family:arial,helvetica,sans-serif;
font-size:1.2em
}
#commentform p {
border:1px solid #fe9;
background:#fffaf1;
padding:10px;
margin:5px 0
}
#commentform p small {
font-size:.9em;
color:#600
}
#submit {
font-size:2em;
letter-spacing:-.05em;
color:#007CA5;
font-weight:bold;
font-family:arial,helvetica,sans-serif;
text-shadow:0 1px 1px #fff
}

/*** archive ***/
.archive #data h3, .archives #data h3 {
display:block;
font-size:2.2em;
letter-spacing:-.05em;
font-weight:bold;
line-height:1;
margin-bottom:.5em;
color:#fff
}
#content.archive  {
padding-top:20px
}
.archive #archive {
padding-top:0
}
#content.archives {
padding-top:20px
}
.archives .post {
padding-top:0
}
/*.post ul {
margin-left:2em;
list-style:disc
}
.post ol {
margin-left:2em;
list-style:roman
}
.post li {
display:list-item
}*/
.post img {
border:5px solid #fff
}
.post h5 {
font-size:1.9em;
font-weight:bold;
color:#666;
letter-spacing:-.05em;
clear:both;
margin-bottom:.3em
}

/*** page ***/
#content.page {
padding-top:20px
}

/*** wip ***/
#wip {
width:56px;
height:56px;
position:absolute;
top:81px;
left:129px;
background:transparent url(i/wip.png) no-repeat 0 0;
}

/*** footer ***/
#footer {
margin-top:40px;
font-size:1.1em;
color:#888;
width:auto;
padding:11px 180px 5px 0;
background:transparent url(i/bkg-footer-internal.png) no-repeat 0 0;
}
#footer a {
color:#aaa;
font-weight:bold;
text-decoration:none
}
#footer a:hover {
color:#fff
}

#wp_page_numbers {
background:transparent !important
}
#wp_page_numbers li.page_info, #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
font-size:1.3em !important;
}
#wp_page_numbers li.page_info {
padding:5px !important
}
#wp_page_numbers a {
font-size:1em !important;
padding:5px 6px !important
}
#wp_page_numbers li.space {
background:transparent !important
}