/*
Theme Name: TheMetaPicture
Theme URI: http://themetapicture.com/
Description: TheMetaPicture's theme.
Version: 1.6
Author: Ezequiel
Author URI: http://themetapicture.com/
Tags: fixed width, two columns, widgets

*/

@import url("css/reset.css");

html, body {
    height: 100%;
}

body {
margin: 0;
padding: 0;
background: #eaeaea;
font: 13px Arial, Verdana, Helvetica, sans-serif;
color: #000;
/*text-align: center;*/
}

h1 { font-size: 21px; font-weight: bold }
h2 { font-size: 19px; font-weight: bold }
h3 { font-size: 17px; font-weight: bold }
h4 { font-size: 15px; font-weight: bold }
h5 { font-size: 13px; font-weight: bold }
h6 { font-size: 11px; font-weight: bold }

a, a:hover, a:visited {
text-decoration: none;
}

a, a:hover {
color: #3399ff;
}

a:visited {
color: #8dc0f5;
}

p {
margin-bottom: 10px;
}

strong {
font-weight: bold
}

.default_list ol, .default_list ul {
margin: 1em 1.5em 1em 1.5em;
}

.default_list ol {
list-style-type: decimal;
}

.default_list ul {
list-style-type: disc;
}

.default_list ol li, .default_list ul li {
margin: 1em 1em;
}

/* *******************************************
                   WRAPPERS
********************************************** */

#wrapper {
width: 890px;
margin: 0px auto 0px auto;
}

#wrapper2 {
width: 1137px; /*1103*/
margin: 0px auto 0px auto;
}

#wrapper_910px {
width: 910px;
margin: 0px auto 0px auto;
}

#wrapper_1000px {
width: 1000px;
margin: 0px auto 0px auto;
}

#wrapper_1080px {
width: 1080px;
margin: 0px auto 0px auto;
}

/* *******************************************
                   HEADER
********************************************** */

#header_holder {
height: 40px;
background: #e1e1e1;
margin-bottom: 10px;
border-bottom: 0px solid #999;
border-top: 0px solid #999;
}

#header {
width:890px;
padding: 5px 0px;
margin: 0px auto;
}

#header2 {
width:1137px;
padding: 5px 0px;
margin: 0px auto;
}

#header_910px {
width:910px;
padding: 5px 0px;
margin: 0px auto;
}

#header_1000px {
width:1000px;
padding: 5px 0px;
margin: 0px auto;
}

#header_1080px {
width:1080px;
padding: 5px 0px;
margin: 0px auto;
}

.linea1 {
overflow: hidden;
}

/* ------- logo ------- */

.logo a {
display: block;
width: 151px;
height: 28px;
float: left;
background: url(images/header/logo.png) 0px 0px no-repeat;
text-indent: -2000em;
outline: none;
}

/* ******* buscar ******* */

.busqueda {
}

/* ----- cuadrito input buscar ----- */

.busqueda_cuadrito {
background: #fff url(images/header/field_background.gif) repeat-x top left;
font: 12px Verdana, Arial, Helvetica, sans-serif;
width: 165px;
border: 1px solid #999999;
padding: 5px;
color: #333;
}

/* ----- boton buscar ----- */

.busqueda_boton {
font-size: 11px;
padding: 5px;
background: #637bad;
border-top: 1px solid #8a9cc2;
border-bottom: 1px solid #1a356e;
border-left: 0px solid;
border-right: 0px solid;
color: #fff;
}

/* *******************************************
                   MIDDLE
********************************************** */

#middle {
overflow: hidden;
background: #eaeaea url() repeat-y 0 0;
padding:0px 0px 0px 0px; /*NEW NEW*/
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
}

/* *******************************************
                   CONTENT
********************************************** */

#content {
width: 540px;
float: left;
padding: 18px 0px 0px 20px;
background-color: #fff;
}

#content2 {
width: 540px;
float: left;
padding: 32px 0px 0px 50px;
}

#content_article {
width: 880px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 20px 15px 0px 15px;
}

#content_1000px {
width: 650px;
float: left;
background-color: #fff;
padding: 20px 10px 0px 20px;
}

#content_1080px {
width: 730px;
float: left;
background-color: #fff;
padding: 20px 10px 0px 20px;
}

/* ----- Link de respuestas ----- */

.icono_respuestas a {
padding-left: 12px;
background: url(images/post/comments.gif) no-repeat 0px 3px;
}

/* ==============================
                Post
================================= */

/* --- txt --- */

.text {
font-size: 15px;
}

.text a {
color: #3399ff;
}

.text ul {
list-style:square;
padding-left: 15px;
margin-left: 15px;
margin-bottom: 15px;
}

.text_art {
font: 17px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.text_art a {
color: #3399ff;
}

.text_art p {
display: inline-block;
padding-bottom:0px;
}

.text_art p img {
display: inline-block;
padding-bottom:0px;
}

/* --- image --- */

.pic img {
padding: 1px;
border: 1px solid #eee;
margin: 0 0 10px 0;
}

.picl img {
padding: 1px;
border: 1px solid #eee;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.picr img {
padding: 1px;
border: 1px solid #eee;
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

/* --- fecha --- */

.fecha {
font-size: 10px;
padding: 7px;
background: #edebd6;
float: left;
margin-bottom: 10px;
}

.fecha p {
margin: 0px;
}

/* --- titulo --- */

.titulo h2 a {
/*font: 27px Georgia, Arial, Verdana, Helvetica, sans-serif;*/
font: bold 18px Arial, Verdana, Helvetica, sans-serif;
/*font: italic 42px Georgia, Arial, Verdana, Helvetica, sans-serif;*/
color: #111;
text-decoration: none;
letter-spacing: 0px;
}

.titulo h2 a:hover {
text-decoration: underline;
}

.titulo_art h2 a {
font: italic 38px Georgia, Arial, Verdana, Helvetica, sans-serif;
color: #111;
text-decoration: none;
letter-spacing: 0px;
}

.titulo_1000px h2 a {
font: italic 38px Georgia, Arial, Verdana, Helvetica, sans-serif;
color: #111;
text-decoration: none;
letter-spacing: 0px;
}

.titulo_1080px h2 a {
font: italic 38px Georgia, Arial, Verdana, Helvetica, sans-serif;
color: #111;
text-decoration: none;
letter-spacing: 0px;
}


/* --- meta --- */

.meta p {
font-size: 11px;
padding-left: 17px;
padding-bottom: 10px;
color: #888;
background: url(images/post/reloj.gif) no-repeat 0 0;
margin-bottom: 0px;
}

/* --- Avoid visited color in category link --- */

.meta_category a, .meta_category a:visited {
color: #3399ff;
}

.meta_category a:hover {
text-decoration: underline;
}

.dotted_line {
background: url(images/post/dots.gif) repeat-x top left;
height: 1px;
padding-bottom: 15px;
width: 570px;
}

/* --- no se --- */

.post_input_title {
width: 65px;
padding: 3px 5px 3px 0px;
float: left;
text-align: right;
}

.post_input {
font: 10px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
width: 180px;
border: 1px solid #7f9db9;
padding: 2px;
}

.tags {
background: #dde6ec;
color: #87abcf;
font-size: 10px;
padding: 5px;
margin-bottom: 10px;
}

.tags a {
color: #87abcf;
font-size: 10px;
}


/* *******************************************
                   SIDEBAR
********************************************** */

#sidebar_container {
width: 300px;
float: right;
position:relative;
padding:18px 20px 0 0;
}

#sidebar {
width: 300px;
position:absolute;
top: 0;
overflow: hidden;
padding:18px 20px 0 0;
}

#sidebar_container_1000px {
width: 300px;
float: right;
position:relative;
padding:18px 15px 0 0;
}

#sidebar_1000px {
width: 300px;
position:absolute;
top: 0;
overflow: hidden;
padding:18px 15px 0 0;
}

#sidebar_container_1080px {
width: 300px;
float: right;
position:relative;
padding:18px 15px 0 0;
}

#sidebar_1080px {
width: 300px;
position:absolute;
top: 0;
overflow: hidden;
padding:18px 15px 0 0;
}

#sidebar.fixed {
position: fixed;
top: 0;
margin-top:20px;
}

.sidebar_latest_articles ul li {
margin-bottom: 5px;
}

.sidebar_categories ul li {
margin-bottom: 5px;
}

/* *******************************************
                THUMB SIDEBAR
********************************************** */

#flowing_thumbs_main {
float:left;
background-color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#flowing_thumbs {
width: 194px; /*207*/
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
padding: 10px 10px 0 10px;
margin-right:-7px;
height:0%;
}

#flowing_thumbs li {
width: 100%; /*90px*/
margin-bottom: 10px;
display: inline-block;
/*-webkit-column-break-inside: avoid;*/
/*box-sizing: border-box;*/
/*vertical-align: middle;*/
/*text-align: center;*/
/*position:relative;*/
}

#flowing_thumbs li:hover {
}

#flowing_thumbs li img {
}

#flowing_thumbs li img:hover {
width:90px;
/*border:5px solid red;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;*/
}

/* *******************************************
                   FOOTER
********************************************** */

#footer {
background:#f0f0ed;
padding-top: 0px;
font-size: 11px;
color:#000;
}

#footer p {
}

#footer a {
}

.line1 {
padding: 0px 0px 10px 0px;
_display: inline-block;
text-align:center;
}

/* *******************************************
                   UNIVERSAL
********************************************** */

.mb_5 {margin-bottom: 5px}
.mb_7 {margin-bottom: 7px}
.mb_10 {margin-bottom: 10px}
.mb_20 {margin-bottom: 20px}
.mb_30 {margin-bottom: 30px}
.pb_5 {padding-bottom: 5px}
.pb_10 {padding-bottom: 10px}
.pb_20 {padding-bottom: 20px}
.pb_30 {padding-bottom: 30px}
.chiquita {font-size: 11px}
.negrita {font-weight: bold}
.color_999 {color: #999}
.trebuchet { font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; }
.txt_25 { font-size: 25px }
.ls_m1 { letter-spacing: -1px }
.floatleft { float: left }
.floatright { float: right }
.clearboth { clear: both }
.center {text-align: center}

.etiqueta a {
font-size: 10px;
color: #666;
background: #ecedf4;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
padding: 5px;
text-decoration: none;
display: inline-block;
}

/* *******************************************
                 BOX SIDEBAR
********************************************** */

.box {
font-size: 11px;
padding: 20px;
border-right: 1px solid #bbbcbc;
border-bottom: 1px solid #c4c5c5;
border-left: 1px solid #cdcfcf;
}

.box_1 {
font-size: 11px;
padding: 20px;
border-right: 1px solid #b8babb;
border-bottom: 1px solid #bbbcbc;
border-left: 1px solid #b8babb;
background: #cecece;
}

.box_2 {
font-size: 11px;
padding: 20px;
border-right: 1px solid #bbbcbc;
border-bottom: 1px solid #c4c5c5;
border-left: 1px solid #c2c4c5;
background: #d9d9d9;
}

.box_white_line {
border-bottom: 1px solid #fff;
}

/* --- titulo sidebar --- */

.sidebar_title p {
font: 18px Arial, Verdana, Helvetica, sans-serif;
color: #333;
}




/* *******************************************
                  COMMENTS
********************************************** */

/* ----- CANCEL REPLY ----- */

.cancel-comment-reply {
font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #105cb6;
}

/* >>>>>>>>>>>>>>>>>>>>>>>> */
/* ----- COMMENT FORM ----- */
/* >>>>>>>>>>>>>>>>>>>>>>>> */

#commentform {
}

/* ----- COMMENT FORM - LABEL ----- */

#commentform label {
display: block;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/* ----- COMMENT FORM - FIELDS ----- */

#commentform #author, #commentform #email, #commentform #url {
width: 250px;
border: 2px solid #e1e1e1;
padding: 7px;
font: 14px Arial, Verdana, Helvetica, sans-serif;
}

#commentform #author:focus, #commentform #email:focus, #commentform #url:focus {
border: 2px solid #333;
}

#commentform #comment {
width: 522px;
height: 70px;
border: 2px solid #e1e1e1;
padding: 7px;
font: 14px Arial, Verdana, Helvetica, sans-serif;
}

#commentform #comment:focus {
border: 2px solid #333;
}

#commentform #submit {
font: bold 11px Arial, Verdana, Helvetica, sans-serif;
background: url(images/post/submit.png) 0px 0px;
color: #fff;
width:131px;
height:33px;
cursor: pointer;
border: 0px;
}

#commentform #submit:hover {
background: url(images/post/submit.png) 0px -33px;
}

/* ----- COMMENT FORM - ERROR ----- */

#commentform label.error {
font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #666;
background: #fbfcda url('images/home/error.png') no-repeat 6px;
border: 1px solid #dbdbd3;
width: 150px;
margin-top: 4px;
padding: 5px 5px 5px 21px;
}

/* --- COMENTARIOS --- */

.numero_comentarios {
float: left;
font-size: 11px;
background: #fff8cc;
padding: 5px 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.numero_comentarios a {
padding: 2px 0px 2px 20px;
background: url(images/post/comentarios.gif) no-repeat 0px 3px;
}

.comentario_index {
clear: both;
background: #fff8cc;
border: 0px solid #cdcdcd;
font-size: 11px;
padding: 10px;
/*margin-left: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;*/
}

.comentario_index p {
margin: 0px;
}

.comentario_index_texto {
margin-left: 30px;
}

/* ----- COMMENTS ----- */

.avatar_comentario { float:left; margin: 0px 7px 0px 0px }
.avatar_comentario img { padding: 1px; border: 1px solid #d7ddb7 }
.comment_meta { overflow: hidden; background: #e6e9cf; border-top: 1px solid #fff; padding: 5px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; font: 13px Arial, Verdana; Helvetica, sans-serif; }
ol.commentlist li { height:1%; margin:0 0 10px 0; padding:0px; position:relative; border: 1px solid #d7ddb7; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { }

/* data del comentario */
ol.commentlist li div.vcard { padding:0px 170px 0 0; font: 11px Arial, Verdana, Helvetica, sans-serif; }
ol.commentlist li div.vcard a { text-decoration: none; color: #737f30 }
ol.commentlist li div.vcard a:hover { text-decoration: none; }
ol.commentlist li div.vcard a:visited { text-decoration: none; color: #737f30 }

/* nombre de autor */
ol.commentlist li div.vcard cite.fn { }
ol.commentlist li div.vcard cite.fn a.url { }
ol.commentlist li div.vcard cite.fn a.url:hover { }
ol.commentlist li div.vcard img.avatar { border:5px solid #d5d5d5; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 { }
ol.commentlist li div.vcard img.photo { }
ol.commentlist li span.commentmetadata { }
ol.commentlist li span.comment-meta { }
ol.commentlist li span.comment-meta a { }
ol.commentlist li span.comment-meta a:hover { }

/* text */
ol.commentlist li div.comment_text p { padding: 10px 15px; background: #f7f8f2; border-top: 1px solid #fff }

ol.commentlist li p { margin:0 0 0em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }

/* Boton reply */
ol.commentlist li div.reply { margin: 0px 0px 0px 5px; }
ol.commentlist li div.reply a { color:#444; font-size: 9px; padding: 3px 3px;  text-align:center; width:36px; text-decoration:none; display:block }
ol.commentlist li div.reply a:hover { background:#37c1f4; border:1px solid #37c1f4; color:#fff; }

ol.commentlist li ul.children { list-style:none; margin:1em 0 0 0.8em; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd { }
ol.commentlist li ul li.even { }
ol.commentlist li ul li.odd { }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


.flow {
padding: 10px 20px 10px 20px;
margin-bottom: 10px;
background: #ffffe0;
border: 1px solid #e6db55;
}

em {
font-style: italic;
}

.recent_posts ul {
margin-left: 20px;
/*padding-left: 30px;*/
list-style: square;
}

.recent_posts ul li a, .recent_posts ul li a:visited {
font-size: 12px;
text-decoration: none;
color: #111;
}

.box_related_pics {
clear:both;
width: 540px;
}

.box_related_pics ul {
}

.box_related_pics li {
border: 0px solid #111;
float: left;
width: 115px;
height: 115px;
margin-right: 20px;
margin-bottom: 20px;
display: table-cell;
vertical-align: middle;
text-align: center;
position:relative;
}

.box_related_pics li img {
display: block;
margin-left: auto;
margin-right: auto;
position: absolute; bottom:0; top:0; left:0; right:0; margin:auto;
}

.marine {
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
}

.source_link {
float:right;
padding:10px;
background:#eee;
font:italic 13px Georgia, Arial, Verdana, Helvetica, sans-serif;
}

.source_link a, .source_link a:visited {
color:#2a86e3;
}

.box_related_pics_sidebar {
clear:both;
width: 270px;
margin:20px 0 0 25px;
}

.box_related_pics_sidebar ul {
}

.box_related_pics_sidebar li {
border: 0px solid #111;
float: left;
width: 115px;
height: 115px;
margin-right: 20px;
margin-bottom: 20px;
display: table-cell;
vertical-align: middle;
text-align: center;
position:relative;
}

.box_related_pics_sidebar li img {
display: block;
margin-left: auto;
margin-right: auto;
position: absolute; bottom:0; top:0; left:0; right:0; margin:auto;
}

.crop_picture {
overflow:hidden;
}

.crop_picture img {
margin-bottom:-50px;
}

.list_share_buttons_single {
display: inline;
list-style-type: none;
background: red;
margin: 1000px 0 1000px 0;
}

.list_share_buttons_single li {
float:left;
margin-right:60px;
}


a.facebook-share-button-single {
	display: block;
	padding: 0 5px 0 73px;
	width: 24px;
	line-height: 20px;
	height: 20px;
	color: #666;
	font-size: 11px;
	position: relative;
	text-align: center;
	background: url(http://themetapicture.com/wp-content/themes/themetapicture/images/post/fb-share-button-single.png) 0 0 no-repeat;
}

a.facebook-share-button-single:hover {
	background: url(http://themetapicture.com/wp-content/themes/themetapicture/images/post/fb-share-button-single.png) 0 -20px no-repeat;
}

a.facebook-share-button-single:active {
	background: url(http://themetapicture.com/wp-content/themes/themetapicture/images/post/fb-share-button-single.png) 0 -40px no-repeat;
}

.facebook-share-button-big-cont {
float:right;
margin:15px 120px 0 0;
}

a.facebook-share-button-big {
	display: block;
	padding: 0 5px 0 233px;
	width: 24px;
	line-height: 32px;
	height: 32px;
	color: #666;
	font-size: 13px;
	position: relative;
	text-align: center;
	background: url(http://themetapicture.com/wp-content/themes/themetapicture/images/post/big-facebook-button.png) 0 0 no-repeat;
}

#brothers {
overflow:hidden;
background-color: #fff;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

#brothers2 {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
width:920px;
background-color: #fff;
margin-left:10px;
float:right;
}

.button2{padding:5px 13px;font-size:15px;line-height:2;font-weight:bold;font-family:arial,helvetica,verdana,sans-serif;color:#fff;background:#07e;border-radius:4px;-moz-border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(#2299ff),to(#1166dd));background-image:-moz-linear-gradient(top,#2299ff,#1166dd);border:1px solid #07e;text-shadow:1px 1px 1px rgba(0,0,0,0.2);-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
.button2:hover{color:#fff;background:#29f;background:-webkit-gradient(linear,left top,left bottom,from(#5af),to(#27d));background-image:-moz-linear-gradient(top,#5af,#27d);border-color:#07c; cursor: pointer;}
.button2:active{color:#fff;background:#e32;background:-webkit-gradient(linear,left top,left bottom,from(#0055cc),to(#2299ff));background-image:-moz-linear-gradient(top,#0055cc,#2299ff);border-color:#29f;}
input.button2{line-height:1;*width:1;*overflow:visible;*padding:0 5px;/* fix ie button width issues */}

.button2.facebook-share-button { overflow: hidden; display:inline-block; padding:0; font:bold 16px/1 "Lucida Grande",verdana,tahoma,sans-serif; color:#fff;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D84B4', endColorstr='#415495');background:-webkit-gradient(linear,left top,left bottom,from(#6D84B4),to(#415495));background-image:-moz-linear-gradient(top,#6D84B4,#596C95);border:1px solid #3B5998;}
.button2.facebook-share-button span.icon { position: relative; display:inline-block; float: left; padding:7px 7px; border-right:1px solid #3B5998; background:url(http://themetapicture.com/wp-content/themes/themetapicture/images/post/facebook-share-button.png) 0 5px no-repeat;}
.button2.facebook-share-button span.word { position: relative; display:inline-block; float: left; padding:7px 7px; border-left:1px solid #6273A6; color:#fff; }
.button2.facebook-share-button:hover { background:-webkit-gradient(linear,left top,left bottom,from(#5D72C6),to(#1D4088));background-image:-moz-linear-gradient(top,#37509C,#1D4088);border-color:#1D4088; }

/* big fb share */
.button2.big.facebook-share-button { font: bold 12px/1 "Lucida Grande",verdana,tahoma,sans-serif; height: 26px; float: none; margin: 0; padding: 0;}
.button2.big.facebook-share-button span.icon { width: 15px; background:url(http://buzzfeed.com/static/images/public/social/facebook-share-button-icons.png?v=1344536055) -2px -18px no-repeat;}

.big_fb_button_arrow {
background: url(http://themetapicture.com/wp-content/themes/themetapicture/images/post/fb-arrow.gif) 0px 0px no-repeat;
width: 6px;
height:10px;
display: inline;
}

.big_fb_button_number_cont {
position:relative;
top: -8px;
padding-left:33px;
}

.big_fb_button_number {
padding: 4px;
border: 1px solid #bbb;
margin-top: -10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.footer_link_container {
position:relative;
width:100%;
background:#f0f0ed;
}
.footer_link_both {
width:890px;
overflow:hidden;
margin:0 auto 0 auto;
padding:10px 10px 10px 10px;
}
.footer_link {
width:430px;
float:left;
margin-right:10px;
}
.footer_link_text {
position:relative;
font: bold 19px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#fff;
}
.footer_link_text p {
position:absolute;
margin:0 0;
width:280px;
background: rgb(0, 0, 0); 
background: rgba(0, 0, 0, 0.6);
padding:5px 0px 5px 5px;
}
.footer_link_text p:hover {
background: rgb(4, 99, 193); 
background: rgba(4, 99, 193, 0.6);
}
.footer_link_text a {
text-decoration:none;
color:#fff;
}
.img_src {
font: 9px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

.headline1 {
font: 26px Georgia, Arial, Verdana, Helvetica, sans-serif;
}

.headline2 {
font: 22px "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, sans-serif;
letter-spacing: 0px;
}

.big_links {
width: 420px;
}

.big_links li {
margin-bottom:33px;
}

.big_links li a {
font: bold 19px Arial, Verdana, Helvetica, sans-serif;
color:#333;
}

.big_links li a:hover {
color:#105cb6;
}

.big_links li img {
display: block;
width: 100%;
/*margin: -12% auto;
padding-bottom:50px;*/
}

.giraffe {
width: 270px;
float:left;
}

.giraffe li {
margin-bottom:20px;
}

.giraffe li a {
font: 16px Arial, Verdana, Helvetica, sans-serif;
color:#333;
}

.giraffe li a:hover {
color:#105cb6;
}

.giraffe li img {
margin-bottom:5px;
width: 100%;
}

.elephant {
width: 300px;
}

.elephant li {
margin-bottom:20px;
}

.elephant li a {
font: 18px Arial, Verdana, Helvetica, sans-serif;
color:#333;
}

.elephant li a:hover {
color:#105cb6;
}

.elephant li img {
margin-bottom:5px;
width: 100%;
}

.leopard {
width:730px;
}

.leopard li {
float:left;
margin:0 7px;
width: 228px;
}

.leopard li a {
font: 14px Arial, Verdana, Helvetica, sans-serif;
color:#333;
}

.leopard li a:hover {
color:#105cb6;
}

.leopard li img {
width: 228px;
}