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;
font-size : 100%;
line-height: 1.5;
}

/* background */
#search input.submit                       { background: url(image/search_box.gif) 0 0 no-repeat; }
#comments .commentlist li.author span.name { background: url(image/comment_bubble_start02.gif?2) left -12px no-repeat; }
#comments .commentlist li span.name        { background: url(image/comment_bubble_start01.gif?1) right -12px no-repeat; }
#comments .commentlist .children           { background: url(image/reply_arrow.png) 8px 0 no-repeat; }
.post dd                                   { background: url(image/dd_bullet.png) left 8px no-repeat; }
.post ul li                                { background: url(image/li_bullet.png) -4px 4px no-repeat; }
.post h2 a                                 { background: url(image/icon_sprite.png) left -224px no-repeat; }
.post blockquote cite                      { background: url(image/blockquote_c.png) right 0 no-repeat; }
.post blockquote                           { background: url(image/blockquote_o.png) 0 0 no-repeat; }
.post .comment_num                         { background: url(image/icon_comment.gif) left top no-repeat; }
.breadcrumb                                { background: url(image/icon_home.gif) left center no-repeat; }
#logo                                      { background: url(image/logo2.png) center top no-repeat; }
#submit                                    { background: url(image/search_box.gif) 0 0 no-repeat; }


/* color */
#tags a:link             { color: #aba8a6; }
#tags a:visited          { color: #aba8a6; }
#tags a:active           { color: #aba8a6; }
#tags a:hover            { color: #fa4d30; }
#search input.submit        { color: #fff; }
#submit                     { color: #fff; }
#content .post h1 a:link    { color: #666; }
#content .post h1 a:visited { color: #666; }
#content .post h1 a:active  { color: #666; }
#content .post h1 a:hover   { color: #fa4d30; }
#content .post h2 a:link    { color: #666; }
#content .post h2 a:visited { color: #666; }
#content .post h2 a:active  { color: #666; }
#content .post h2 a:hover   { color: #fa4d30; }
#content a:link             { color: #fa4d30; }
#content a:visited          { color: #fa4d30; }
#content a:active           { color: #fa4d30; }
#content a:hover            { color: #666; }
#tags li                    { color: #aba8a6; }
#menu li                    { color: #aba8a6; }
#menu li a                  { color: #aba8a6; }
#menu li a:link             { color: #aba8a6; }
#menu li a:visited          { color: #aba8a6; }
#menu li a:active           { color: #aba8a6; }
#menu li a:hover            { color: #fa4d30; }

/* font-family */
body                                { font-family: Verdana; }
.post h1                            { font-family: "Century Gothic", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif; }
.post h2                            { font-family: "Century Gothic", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif; }
.post h3                            { font-family: "Century Gothic", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif; }
.post h4                            { font-family: "Century Gothic", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif; }
#search input.submit                { font-family: Arial; }
#submit                             { font-family: Arial; }
#comments .commentlist li span.date { font-family: Arial; }
#comments .commentlist li span.name { font-family: Arial; }
.post div.tag                       { font-family: Arial; }

/* font-size */
.post div.date                 { font-size: 300%; }
#comments .commentlist li p    { font-size: 87.5%; }
#comments .commentlist li span { font-size: 87.5%; }
#menu li                       { font-size: 87.5%; }
#menu li a                     { font-size: 87.5%; }
.post h1                       { font-size: 175%; } /* 28px */
.post h2                       { font-size: 125%; } /* 20px */
.post h3                       { font-size: 100%; } /* 16px */
.post h4                       { font-size: 100%; } /* 16px */
.post h5                       { font-size: 87.5%; } /* 14px */

/* background-color */
#comments .commentlist li.author p { background-color: #e1ebff; }
#comments .commentlist li p        { background-color: #f8f8f8; }
#search input.submit               { background-color: #aba8a6; }
#search input.submit:hover         { background-color: #fa4d30; }
#search input.serachtext           { background-color: #f4f4f4; }
#commentform .textarea             { background-color: #fff; }
#commentform .text                 { background-color: #fff; }
#submit                            { background-color: #aba8a6; }
#submit:hover                      { background-color: #fa4d30; }




body {
background-color: #fff;
color: #666;
}

img {
border: 0;
}

* html body * {
zoom : 1;
}

h1.top { display: none; }
.analyze { display: none; }

a {
font-weight: bold;
}

.breadcrumb {
margin: 1em 24px;
padding-left: 20px;
}

#content {
margin-left: 200px;
margin-top: 93px;
}

.post {
margin: 0em 24px 4em 24px;
position: relative;
max-width: 55em;
}

.post .comment_num {
padding-left: 20px;
margin-left: 16px;
}

.post blockquote {
padding: 0 32px;
}

.post blockquote cite {
margin-top: -2em;
margin-right: -32px;
font-style: normal;
display: block;
padding-top: 29px;
}


.post p {
margin: 1em 0;
color: #333333;
letter-spacing: 1px;
}

.post h1 {
z-index: 4;
position: relative;
margin-bottom: 1em;
}
.post h1 a {
text-decoration: none;
}
.post h2 {
z-index: 4;
position: relative;
}
.post h2.current a {
text-decoration: none;
}

.post h2 a {
padding-left: 20px;
margin-left: -20px;
}

/* <for IE7 */
*:first-child+html .post h2 {
margin-left: -20px;
}
*:first-child+html .post h2 a {
margin-left: 0;
}
/* for IE7> */

/* <for IE6 */
* html .post h2 a {
margin-left: 0;
}
/* for IE6> */

.post h2 a:hover {
background-position: left -270px;
}

.post h2:before { content: "+ " }
.post h2.link:before { content: "" }
.post h3:before { content: "++ " }
.post h4:before { content: "+++ " }

.post h3 {
margin: 1em 0;
}
.post ol {
margin: 1em 1em;
padding: 0 1em;
}
.post ol ol {
margin: 0;
}
.post ul {
margin: 1em 0;
padding-left: 0;
}
.post ul ul {
margin: 0;
}

.post ul li {
list-style-type: none;
padding-left: 16px;
}

.post dl {
margin: 1em 0;
}

.post dl + dl {
margin: 0;
}

.post dd {
padding-left: 12px;
}
.post div.tag {
}
.post div.date {
font-weight: bold;
color: #eee;
position: absolute;
right: 0;
top: 0.5em;
line-height: 1;
z-index: 2;
}





#tags {
  text-align: right;
  width: 90px;
  list-style-type: none;
float: left;
}
#tags li {
font-size: 87.5%;
font-weight: bold;
height: 16px;
line-height: 16px;
margin-bottom: 4px;
}
#tags li a {
font-size: 87.5%;
font-weight: normal;
height: 12px;
line-height: 12px;
}

/* sidebar */
#side {
position: fixed;
left: 0;
top: 0;
width: 200px;
height: 100%;
}

/* <for IE6 */
* html #side {
width: 200px;
margin-top: 0;
}
* html #side {
position: absolute;
top: 0;
}
/* for IE6> */

#logo {
width: 180px;
height: 33px;
text-align: center;
margin: 30px 0 30px 10px;
}

#logo a {
text-indent: -9999px;
display: block;
width: 100%;
height: 100%;
}

#menu {
list-style-type: none;
margin: 0 0;
width: 90px;
float: right;
}

#menu li {
width: 90px;
float: left;
height: 16px;
line-height: 16px;
margin-bottom: 6px;
font-weight: bold;
}

#menu li:first {
}

#menu li a {
font-weight: normal;
padding-left: 18px;
text-decoration: none;
display: block;
height: 16px;
background-image: url(image/icon_sprite.png);
background-repeat: no-repeat;
}

#menu li a.contact        { background-position: left 0px; }
#menu li a.contact:hover  { background-position: left -16px; }
#menu li a.product        { background-position: left -32px; }
#menu li a.product:hover  { background-position: left -48px; }
#menu li a.about          { background-position: left -96px; }
#menu li a.about:hover    { background-position: left -112px; }
#menu li a.snippet        { background-position: left -128px; }
#menu li a.snippet:hover  { background-position: left -144px; }
#menu li a.archives       { background-position: left -160px; }
#menu li a.archives:hover { background-position: left -176px; }
#menu li a.note           { background-position: left -192px; }
#menu li a.note:hover     { background-position: left -208px; }
#menu li a.rss            { background-position: left -316px; }



/* search */
#search {
  position: fixed;
  bottom: 10px;
  left: 10px;
}
#search input.submit {
display: block;
width: 180px;
border: 0;
height: 20px;
font-weight: bold;
}
* html #search input.serachtext {
width: 180px;
}
#search input.serachtext {
border: 0;
display: block;
width: 172px;
height: 24px;
padding: 0px 4px;
margin-bottom: 1px;
}


/* related post */
p.st-related {
margin-top: 2em;
font-weight: bold;
}

ul.st-related-posts {
padding-left: 0;
margin-left: 0;
}



/* comments */
#comments {
margin-top: 2em;
}

#comments .commentlist .children {
padding-left: 56px;
clear: left;
list-style-type: none;
}

#comments .commentlist {
list-style-type: none;
}

#comments .commentlist li:first-child {
padding-top: 0;
}
#comments .commentlist .children li:first-child  {
padding-top: 16px;
}
#comments .commentlist li {
clear: left;
padding-top: 16px;
padding-left: 0;
background-image: none;
}

#comments .commentlist li p {
margin: 0;
padding: 4px;
letter-spacing: 1px;
}


#comments .commentlist li span.date {
display: block;
float: right;
padding: 2px 4px;
}

#comments .commentlist li span.name {
display: block;
float: left;
padding: 2px 28px 2px 4px;
}

#comments .commentlist li.author span.date {
float: left;
}
#comments .commentlist li.author span.name {
float: right;
padding: 2px 4px 2px 28px;
}

#commentform {
clear: left;
padding-top: 32px;
}

#commentform .text {
border: 4px solid #ddd;
padding: 4px;
}
#commentform .text:focus {
border-color: #fa4d30;
}

#commentform .textarea {
width: 90%;
height: 6em;
border: 4px solid #ddd;
padding: 4px;
}
#commentform .textarea:focus {
border-color: #fa4d30;
}

#submit {
width: 180px;
height: 20px;
font-weight: bold;
line-height: 20px;
border: 0;
}




/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*Gray red Pagination*/
#content .wp-pagenavi {
font-size: 75%;
font-family: Arial;
padding:4px 8px;
background-color:#c1c1c1;
}
#content .wp-pagenavi .pages {
margin-right: 32px;
}
#content .wp-pagenavi a {
padding: 2px 5px 2px 5px;
margin: 2px;
background-color:#c1c1c1;
text-decoration: none; /* no underline */
color: #000;
}
#content .wp-pagenavi a:hover, .wp-pagenavi a:active {
background-color:#99ffff;
color: #000;
}
#content .wp-pagenavi span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
font-weight: bold;
background-color: #fff;
color: #303030;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
#content .wp-pagenavi span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
background-color:#c1c1c1;
color: #797979;
}













#content .syntaxhighlighter
, #content .syntaxhighlighter div
, #content .syntaxhighlighter code
, #content .syntaxhighlighter span
{
font-size: 14px !important;
font-family: monospace !important;
}