/* @override http://sodapoptv.org/wp-content/themes/sodapop/style.css */

/*
Theme Name: Soda Pop
Theme URI: http://roaaar.me/
Description: Theme creado por Pancho para los cabros de Soda Pop: Matías y Maxito la rata.
Version: 0.2
Author: Pancho Ávila
Author URI: http://roaaar.me/
Tags: blanco, muy blanco.

*/

/* @group reset */ 
* {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

img {
	-ms-interpolation-mode: bicubic;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

:focus {
	outline: 0;
}

div.clear {
	clear: both;
}

/* @end */

/* @group core */

body {
	height: 100%;
	min-width: 970px;
	-webkit-transition-duration: 0.5s;
	background-image: url(img/background.png);
}

body#error {
	border-style: none;
}

#message {
	font: bold 9pt "Courier New", Courier, mono;
	background-color: #333;
	padding: 5px;
	color: white;
	text-decoration: none;
	position: fixed;
	width: 100%;
	bottom: 0;
	border-top: 10px solid white;
	z-index: 10;
}

#message a {
	color: white;
	text-decoration: none;
	text-shadow: black 0 1px 1px;
}

#message a:hover {
	text-shadow: #6300a8 0px 0px 0px;
	color: #6300a8;
}

strong {
	font-weight: bold;
}

#container {
	overflow: hidden;
	height: 100%;
	width: 950px;
	margin-bottom: 20px;
}

#header {
	width: 135px;
	padding: 20px;
	float: left;
	text-align: left;
	color: #555;
	margin-left: 20px;
	position: fixed;
	top: 20px;
	left: 0;
}

#header img {
	margin-bottom: 23px;
	height: 130px;
	width: 135px;
	background-color: black;
}

#header #sodacredits {
	margin-bottom: 20px;
	font: 9pt/14pt "Courier New", Courier, mono;
}

#header #sodacredits a {
	color: #6300a8;
	text-decoration: none;
}

#header #sodacredits a:hover {
	color: #555;
}

#header #sodacredits p {
	margin-top: 0;
	margin-bottom: 10px;
	font: 9pt/15pt "Courier New", Courier, mono;
	color: black;
}

#header #sodacredits p strong {
	font-weight: normal;
	font-style: normal;
}

#navigation {
	border-top: 1px solid #dadada;
	font: bold 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#navigation li {
	list-style-position: inside;
	color: #6300a8;
	border-bottom: 1px solid #dadada;
	overflow: hidden;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
}

#navigation li.current-cat {
	background-color: black;
	color: white;
	border-bottom-color: black;
}

#navigation li.current-cat a {
	color: white;
	padding-left: 10px;
}

#navigation li.current-cat:hover {
	background-color: #6300a8;
	color: white;
}

#navigation li:hover {
	background-color: #000;
	color: white;
	border-bottom-color: black;
}

#navigation li:hover a {
	color: white;
}

#navigation li a {
	color: #6300a8;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 10pt;
	font-weight: bold;
}

#navigation li a:hover {
	color: white;
}

#postflow {
	width: 640px;
	float: left;
	margin-top: 0;
	text-align: left;
	margin-left: 210px;
	margin-bottom: 40px;
}

#ads {
	width: 640px;
	height: 130px;
	float: left;
	margin-left: 210px;
	margin-top: 40px;
	margin-bottom: 30px;
	background-color: #000;
	overflow: hidden;
}

#postflow #maincover {
	width: 640px;
	height: 350px;
	overflow: hidden;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}

#postflow #maincover img {
	width: 640px;
	height: 350px;
	background-color: #f2f2f2;
}

#postflow li.mainpost  {
	padding-bottom: 10px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 10px;
}

.text li.mainpost {
	padding-left: 50px;
	background: url(img/words.png) no-repeat 5px 15px;
}

.text li.mainpost .metadata {
	margin-top: 0;
	margin-bottom: 10px;
}

.audio li.mainpost {
	padding-left: 50px;
	background: url(img/audio.png) no-repeat 5px 15px;
}

.visual li.mainpost {
	padding-left: 50px;
	background: url(img/pic.png) no-repeat 5px 15px;
}

.bio li.mainpost {
	padding-left: 50px;
	background: url(img/bio.png) no-repeat 5px 15px;
}

.visual li.mainpost blockquote {
	padding-left: 30px;
	padding-right: 5px;
	background: url(img/quote.png) no-repeat 5px 2px;
}

li.mainpost .metadata {
	font: italic 9pt Georgia, "Times New Roman", Times, serif;
	color: #555;
	display: block;
	margin-top: 10px;
	overflow: hidden;
	height: 100%;
}

li.mainpost .metadata span.date {
	margin-right: 10px;
	font: 9pt Georgia, "Times New Roman", Times, serif;
}

li.mainpost .metadata span.counter {
	font: bold 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#postflow li.mainpost h2 {
	color: black;
	font: bold 20pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#postflow li.mainpost h2 a:hover {
	color: white;
	background-color: #000;
}

#postflow li.mainpost h3 {
	font: 16pt Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #555;
	clear: both;
}

#postflow li a {
	color: #6300a8;
	text-decoration: none;
}

#postflow li a:hover {
	color: #333;
}

#postflow li.mainpost .coverPost {
	color: black;
	overflow: hidden;
	height: 100%;
	font: 9pt/15pt "Courier New", Courier, mono;
	text-align: justify;
}

#postflow li.mainpost .coverPost .alignright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

#postflow li.mainpost .coverPost .alignleft {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 230px;
}

#postflow li.mainpost .coverPost p .aligncenter {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#postflow li.mainpost .coverPost p {
	margin-bottom: 10px;
	margin-top: 10px;
}

#postflow li.mainpost .coverPost ul {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: -10px;
}

#postflow li.mainpost .coverPost ol {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: -10px;
}

#postflow li.mainpost .coverPost ul li {
	list-style-position: inside;
	list-style-type: disc;
}

#postflow li.mainpost .coverPost ol li {
	list-style-position: inside;
	list-style-type: decimal;
}

#postflow li.mainpost .coverPost blockquote {
	font: italic 10pt/16pt Georgia, "Times New Roman", Times, serif;
	color: #555;
	margin-top: 20px;
	margin-bottom: 10px;
	text-shadow: white 0 1px 0;
	background: #f2f2f2 url(img/quote.png) no-repeat 10px 20px;
	padding: 10px 20px 10px 34px;
}

#postflow li.miniposts {
	overflow: hidden;
	height: 100%;
	margin-left: -10px;
	margin-right: -10px;
	width: 650px;
}

#postflow ul.miniposts {
	overflow: hidden;
	height: 100%;
}

#postflow.home ul.miniposts {
	width: 380px;
	float: left;
	display: inline;
}

#postflow.home ul.articles {
	width: 270px;
	float: left;
	display: inline;
}

#postflow.home ul.articles li {
	font: 9pt "Courier New", Courier, mono;
	margin-left: 30px;
	padding-left: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	list-style-type: disc;
	list-style-position: outside;
	color: black;
}

#postflow.home ul.articles li span {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 8pt;
	color: #555 !important;
}

#postflow.home ul.articles li span a {
	color: black;
	width: 50px;
	text-align: center;
	margin-right: 5px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	font: bold 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#postflow.home ul.articles li a {
	text-decoration: none;
	font: 9pt "Courier New", Courier, mono;
}

#postflow.home ul.miniposts li.theTitle {
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dadada;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	color: #555;
	font: 20pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#postflow.home ul.articles li.theTitle {
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 10px;
	color: #555;
	padding-top: 0;
	list-style-type: none;
	font: 20pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 0;
}

li.theTitle h3 {
	font-size: 13pt;
	font-weight: bold;
}

#postflow ul.miniposts li.pag {
	clear: both;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font: bold 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

#postflow ul.miniposts li.pag a {
	padding-right: 25px;
	padding-left: 25px;
	font: 9pt "Courier New", Courier, mono;
}

#postflow li.posts {
	width: 360px;
	margin: 10px 10px 20px;
	position: relative;
	overflow: hidden;
	height: auto;
}

#postflow li.posts.mini {
	width: 640px;
	position: relative;
	padding-bottom: 30px;
}

#postflow li.posts.mini .miniarticle {
	width: 240px;
	color: #333;
	font: 9pt/13pt "Courier New", Courier, mono;
	float: left;
	margin-left: 40px;
	text-align: left;
}

#postflow li.posts.mini h2 {
	clear: both;
	width: 360px;
	position: absolute;
	top: 210px;
}

#postflow li.posts.mini .minicover {
	float: left;
}

#postflow li.posts h2 a {
	font: bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	padding: 5px;
	color: #6300a8;
}

#postflow li.posts h2 a:hover {
	color: white;
	background-color: black;
}

#postflow li.posts .minicover {
	width: 360px;
	overflow: hidden;
	height: 200px;
	background-color: #f2f2f2;
}

#postflow li.posts .minicover img {
	width: 360px;
	opacity: 0.8;
	height: 200px;
}

#postflow li.posts .minicover img:hover {
	opacity: 1;
	-webkit-transition-duration: 0.5s;
}

a.more-link {
	float: right;
	font: italic 9pt "Courier New", Courier, mono;
	margin-top: 20px;
	margin-right: 5px;
	text-decoration: none;
}

ul.shareoptions {
	overflow: hidden;
	height: 150px;
	margin: -5px -5px -3px;
}

ul.shareoptions li {
	display: block;
	float: left;
	margin: 5px;
	width: 144px;
	border: 1px solid #e5e5e5;
	font: 9pt/13pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 10px 10px 10px 50px;
	height: 120px;
	color: #555;
	background: #f2f2f2 no-repeat 15px 10px;
	text-shadow: white 0 1px 0;
}

ul.shareoptions li.subscribe {
	background-image: url(img/rss.png);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

ul.shareoptions li.share {
	background-image: url(img/Favorite%2024x24.png);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

ul.shareoptions li.save {
	background-image: url(img/Bookmark%2024x24.png);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

ul.shareoptions li h4 {
	margin-bottom: 10px;
	color: black;
	font: bold 12pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#footer {
	clear: both;
	color: #555;
	padding-left: 210px;
	margin-right: 15px;
	font: bold 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 720px;
	margin-bottom: 20px;
}

#footer a {
	color: #6300a8;
}

#footer a:hover {
	color: black;
}



/* @end */

/* @group eye candy */

img.error {
	margin-top: 100px;
	margin-bottom: -180px;
	padding: 15px;
	background-color: white;
}

li.notFound {
	background-color: #f2f2f2;
	padding: 10px;
	text-align: center;
	color: #555;
	font: bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #e5e5e5;
	text-shadow: white 0 1px 0;
	margin: 10px;
}

a#splash {
	width: 100%;
	height: 100%;
	display: block;
	min-height: 756px;
	min-width: 1200px
}

a#splash img {
	width: 100%;
	height: 100%;
	min-height: 756px;
	min-width: 1200px
}



/* @end */

/* @group comments */

#comments {
	margin-top: 20px;
	font-family: "Courier New", Courier, mono !important;
}

#comments h2 {
	margin-bottom: 20px;
}

#comments h3 {
	display: none !important;
}

#comments a.dsq-brlink {
	display: none;
}

#comments div.dsq-dc-logo{
	display: none !important;
}

#comments div.dsq-options {
	display: none;
}

#dsq-content .dsq-comment-footer-left {
	display: none;
}

#dsq-content .dsq-comment-footer-right {
	display: none;
}

#dsq-content .dsq-sharing-options button.dsq-button-small {
	display: none;
}

#dsq-content .dsq-item-trackback {
	border-top: 1px solid #dadada;
	background-image: none !important;
}

.dsq-badge-verified {
	display: none;
}

#dsq-content .dsq-comment-header-meta {
	background-color: #f2f2f2;
	padding-left: 0;
}

#dsq-content .dsq-request-user-stats {
	display: none;
}

#dsq-authenticate.dsq-authenticate {
	background-color: #f2f2f2;
	padding: 10px;
	margin-bottom: 10px;
}

#dsq-content .dsq-login-buttons {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

#dsq-content .dsq-subscribe a,
#dsq-content .dsq-subscribe-label {
	padding: 1px !important;
	-webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
	background-color: rgba(200,200,200,0);
}

#dsq-content .dsq-moderator img.dsq-moderator-star {
	display: none;
}

ul#dsq-references li {
	padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #dadada;
	margin-top: -1px;
}

/* @end */