/*  
Theme Name: statement
Theme URI: http://www.blogohblog.com
Description: The "Statement" WordPress theme has been built by <a href="http://www.blogohblog.com" title="Free WordPress Themes">Blog Oh! Blog</a> and comes under a Creative Commons License.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/*+++++++ BODY +++++++*/
* { margin: 0; padding: 0; list-style:none; text-decoration:none; }
body { font-family: Verdana; font-size: 12px; color: #4d4b4c; background: white url(./images/bkg.gif) repeat-x; }

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { font: bold 26px/32px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px; font-variant: small-caps; }
h4 { margin: 12px 0; font-size: 18px; font-weight: bold; }
h5 { margin: 3px 0; font-size: 14px; font-weight: bold;  font-variant: small-caps; }
a:link {  text-decoration: none; color: #00aeef; border: 0;}
a:active { color: #006666; border: 0px;}
a:visited { color: #00aeef; border: 0px; text-decoration: none;}
a:hover	{ background-color: #00aeef; color: white; } 

.clear { clear: both; }

/*+++++++ MAIN +++++++*/
#wrapper { width: 990px; margin:auto; background: white; }
#frame, #content { width: 100%; }

/*+++++++ TOP +++++++*/
#topHeader { height: 50px; width: 100%; background: url(./images/bg_topheader.gif) repeat-x; overflow: hidden;  }
#header { height: 155px; width: 100%; background: url(./images/bg_header.gif) repeat-x; overflow: hidden;  }
#menu { float: left; }
#infobar { float: left; height: 100%; }
#infobar span { padding-left:250px; color: #6c6c6c; font-size: 12px; font-style: italic; font-variant: small-caps; font-weight: bold; position: relative; top: 16px;}


/*+++++++ ENTRY +++++++*/
#left { float: left; width: 670px; }
.entry { width: 640px; padding:10px; background:#fff; margin-bottom:10px; line-height:175%; }
.entry h2 { font: bold 36px/44px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px; font-variant: small-caps;}
.entry h2 a {  color:#222 !important; }
.entry h2 a:hover {color: #444 !important; background: none !important; text-decoration: underline;}
.entry p { padding-bottom:10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 0; }
.entry ol { padding:0; margin: 20px 0;}
.entry img {margin: 0; }
.entry a img { border: 3px solid #93d2f3; }
.entry a:hover img { border: 3px solid #00aeef; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
.allinfos { font-size:11px; height:20px; padding: 3px 8px; background: #dcf3ff; margin-top: -5px; margin-bottom: 5px;  border: 1px dotted #00AEEF; }
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; padding-bottom: 3px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; padding-bottom: 3px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; padding-bottom: 3px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }
.endPost { width: 100%; padding: 10px 0; border-top: 1px dotted #dadada; border-bottom: 3px solid #00AEEF; font-size: 11px; }
.leermas { text-align: center; padding: 5px 0; border-bottom: 1px dotted #dadada; }
.leermas a { font-variant: small-caps; font-weight: bold; text-decoration: none; color: black; }
.more-link:link { font-variant: small-caps; text-decoration: none; font-weight: bold; }

/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:left; width: 300px; }
#right { float:left; width: 300px; }
#topsidebar { width: 280px; padding:0 10px 0 10px; background:#fff; margin-bottom:10px; }
#right h2 { font-size: 18px; letter-spacing: -1px; } 
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada;}
#sidebarbottom p{padding:0 5px;}
.sidebarSecc { border-top: 3px solid #00AEEF; padding-top: 10px; }
#quienesSomos { padding-top: 22px; text-align: justify; }
#quienesSomos p { font-size: 11px; margin: 10px 0; line-height: 1.5em; } 

/*+++++++ COMMENTS +++++++*/
.postmetadata { padding:5px; background:#feffe5; }
#commentform input { font-family: Verdana, Arial; font-size: 11px; color: #333; padding: 3px; } 
#commentform p { padding-bottom:10px;}
#commentform #author, #commentform #email, #commentform #url { border:1px solid #dadada; height:20px; width:200px; }
#commentform #comment { border:1px solid #dadada; height:200px; width:400px;}
#commentlist li { margin: 0px; }
#commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
#commentlist cite a { color:#333;}
#commentlist .ctext { font-size:11px; border-bottom: 1px dotted #dadada; padding: 10px 0 30px 0; }
#commentform textarea { font-family: Verdana, Arial; font-size: 11px; color: #333;	padding: 5px; overflow: auto; } 
#commentform p { font-size: 11px; }
.commentData { font-size: 11px; color: #999;  }
.editComment { font-size: 10px; font-weight: bold; } 
.alt { background: #fafafa; }

/*+++++++ FOOTER +++++++*/
#footer { background: #222222 url(images/footer.gif) repeat-x; width: 100%; margin:15px auto 0px; height:50px; font-size:11px; text-align: center; }
#footer span { position: relative; top: 17px; color: #999; }

/**************** Forms ********************/
#formlist { padding: 0; }
#formlist label { font-size: smaller; }
#formlist li {  }


/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: 0; }
.alignright { float:right; }
.alignleft { float:left; }
img.centered{display:block;margin-left:auto;margin-right:auto;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
.mays { font-variant: small-caps; font-weight: bold; }

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}
