/*
Theme Name: MatiasJose
Theme URI: http://www.matiasjose.com/
Description: Wordpress Theme for matiasjose.com
Version: 1.0
Author: Matias Jose
Author URI: http://www.matiasjose.com/
Tags: dark, fixed width, two columns, widgets

*/

* { margin: 0; padding: 0; }

body { color: #FFFFFF; background: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

p, a, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
input { color: #232323; padding: 1px; }

a { text-decoration: none; color: #f7ebbc; }
a:hover { text-decoration: underline; color: #f7cb1a; }

h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
h1 { font-size: 20px; color: #d1f185; }
h2 { font-size: 16px; }
h3 { font-size: 12px; font-weight: bold; }

#page { width: 960px; overflow: hidden; background: #2d2d2d; margin: 0 auto; }
#header { width: 960px; height: 299px; overflow: hidden; background: #2d2d2d URL('images/header.jpg') no-repeat; }
#outerContent { width: 920px; margin: 20px; overflow: hidden; }
#content { float: left; width: 700px; overflow: hidden; }
#sidebar { float: left; width: 200px; display: inline; margin: 0 0 0 20px; overflow: hidden; }
#footer { clear: both; width: 960px; overflow: hidden; }

/* header */
#topHeader { width: 960px; height: 100px; overflow: hidden; }
#topHeader h1 { display: none; }
#topHeader a.logo { display: inline; float: left; margin: 12px 0 0 16px; }
#topHeader a.logo img { border: none; }
#topHeader h2 { float: right; display: inline; margin: 10px 20px 0 0; }
#navbar { width: 444px; height: 25px; overflow: hidden; list-style-type: none; clear: both; margin: 0 0 0 500px; }
#navbar li { float: left; }
#navbar li a { padding: 0 7px; margin: 5px 0; float: left; border-left: 1px solid #FFFFFF; }
#navbar li a.first { border-left: none; }

#langBar { float: right; clear: right; list-style-type: none; height: 20px; display: inline; margin: 48px 20px 0 0; width: 160px; }
#langBar li { float: left; height: 20px; }
#langBar li a { float: left; display: inline; margin: 2px 0; padding: 0 6px 0 20px; height: 16px; }
#langBar li a.langEs { background: URL('images/ar.png') no-repeat; }
#langBar li a.langEn { background: URL('images/uk.png') no-repeat; }

#topPanels { clear: both; width: 960px; height: 160px; overflow: hidden; }
#panel1, #panel2, #panel3 { width: 302px; height: 138px; float: left; display: inline; margin: 11px 9px; }
#panel1 h2, #panel2 h2, #panel3 h2 { font-weight: bold; font-size: 14px; color: #f2e497; margin: 10px; padding-bottom: 5px; border-bottom: 1px solid #FFFFFF; }
#panel1 ul, #panel2 ul, #panel3 ul { list-style-type: none; margin: 0 10px 10px; overflow: auto; height: 85px; }
#panel1 ul li, #panel2 ul li, #panel3 ul li {  margin: 0 3px 5px 0; padding: 0 0 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #777777; }
#panel1 ul li.last, #panel2 ul li.last, #panel3 ul li.last { padding: 0; border-bottom: none; }
#panel1 ul li a, #panel2 ul li a, #panel3 ul li a { font-size: 11px; }
#panel3 ul li span.meta { font-size: 10px; color: #aaaaaa; }
#panel3 ul li span.meta a { font-size: 10px; }

#panel1 { background: #2d2d2d URL('images/panel1.jpg') no-repeat; }
#panel2 { background: #2d2d2d URL('images/panel2.jpg') no-repeat; }
#panel3 { background: #2d2d2d URL('images/panel3.jpg') no-repeat; }

/* standard contents */
#content h2 { margin: 20px 0 0; }
#content small { margin: 0 0 20px; }
#content h2 a { font-size: 20px; color: #d1f185; }
#content h3 { margin: 10px 0; }

#content p { margin: 20px 0; line-height: 18px; }
#content p.note { width: 400px; margin: 20px auto; border: 1px solid #D1F185; padding: 5px; background: #3F3B3B; }
#content p.note strong { color: #FF0000; }

#content ol.commentlist { list-style-type: none; margin: 20px 0; padding: 0 0 0 20px; }
#content ol.commentlist div.comment-body { width: 600px; margin: 20px auto; border: 1px solid #D1F185; padding: 5px; background: #3F3B3B; overflow: hidden; }
#content ol.commentlist div.comment-body div.comment-author { float: left; width: 380px; overflow: hidden; color: #AAAAFF; }
#content ol.commentlist div.comment-body div.comment-meta { float: right; width: 200px; overflow: hidden; }
#content ol.commentlist div.comment-body p { clear: both; overflow: hidden; margin: 0; padding: 10px 0; }

/* posts */
div.post div.wp-caption { margin: 10px; padding: 5px 0; border: 1px solid #D1F185; }
div.post div.wp-caption img { border: none; margin: 0 auto; padding: 0; display: block; }
div.post div.wp-caption p { padding: 5px; margin: 0 !important; text-align: center; }
div.post div.aligncenter { margin: 10px auto; }

div.post img { margin: 5px; padding: 5px; border: 1px solid #D1F185; }
div.post img.alignright { float: right; clear: right; }
div.post img.alignleft { float: left; clear: left; }

/* sidebar */
#sidebar ul li { margin: 0 0 15px 0; padding: 0 0 15px 0;  border-bottom: 1px solid #AAAAAA; }
#sidebar ul li h2 { color: #d1f185; }
#sidebar ul li ul li { margin: 5px; padding: 0; border-bottom: none; }
/* categories should be the last widget */
#sidebar ul li.widget_categories { margin: 0; padding: 0; border-bottom: none; }

/* footer */
#footer p { margin: 0px 20px; padding: 10px 0; border-top: 1px solid #FFFFFF; }