/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
object{ outline: 0; }
strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }
/* BACKGROUND */
body{
color: #1e1e1e;
font-family: Arial, Verdana, Tahoma;
font-size: 12px;
background: #f7f3c3 url('images/bg.jpg') top center no-repeat;
}
/* LINKS */
a{ color: #226b86; }
div#wrapper{ position: absolute; top: 0; left: 50%; margin: 0 0 0 -480px; width: 960px; }
div#main{ width: 100%; }
/* HEADER */
div#header{ width: 100%; height: 135px; }
div#logo{ float: left; display: inline; width: 275px; height: 85px; margin: 35px 0 0 0;}
div#follow{ float: left; display: inline; width: 500px; margin: 35px 0 0 185px; }
#follow img{ float: right; }
/* MENU */
div#menu{ width: 100%; height: 110px; background: url('images/menu-bg.gif') 0 0 no-repeat; }
#menu ul{ width: 960px; }
#menu li{
float: left;
display: inline;
margin: 26px 0 0 32px;
padding: 0 0 3px 0;
text-align: center;
font-family: Georgia, Times New Roman;
font-size: 14px;
font-weight: bold;
}
#menu a{ color: #ffffff; text-decoration: none; }
#menu a:hover{ text-decoration: underline; }
#menu a.active{ color: #ffe400; }
/*#mainMenu li{ margin: 26px 0 0 0; }*/
#subMenu li{ margin: 20px 0 0 32px; }
#subMenu a.active{ color: #063042; }
/* MAIN CONTAINER */
div#mainContainer{ width: 100%; background: url('images/main-bg.gif') 0 0 repeat-y; float: left; display: inline; }
/* CONTENT */
div#content{ width: 640px; float: left; display: inline; }
div#mainHeader{ width: 100%; height: 50px; background: url('images/main-header.gif') 0 0 no-repeat; }
/* MAIN ARTICLE */
div#mainArticle{ width: 600px; margin: 0 0 0 20px; position: relative; }
#mainArticle h1, #mainArticle h1 a{ width: 500px; color: #000000; font-family: Georgia, Times New Roman; font-size: 28px; text-decoration: none; margin: 5px 0 0 0; letter-spacing: -0.5px; }
#mainArticle h1 a:hover{ text-decoration: underline; }
#mainArticle div.comments{ width: 51px; height: 49px; background: url('images/bubble-big.gif') 0 0 no-repeat; position: absolute; top: -10px; left: 556px; text-align: center; }
#mainArticle .comments a{ color: #191700; font-weight: bold; font-size: 18px; font-style: italic; text-decoration: none; margin: 12px 0 0 0; display: block; width: 100%;}
#mainArticle .comments a:hover{ text-decoration: underline; }
#mainArticle div.info{ width: 100%; background: url('images/dots.gif') 0 0 repeat-x; margin: 15px 0 0 0; }
#mainArticle .info p{ padding: 10px 0 10px 0; display: block; font-size: 11px; font-family: Georgia; color: #848484; font-style: italic; }
#mainArticle .info a{ color: #000000; text-decoration: none; font-weight: normal; font-style: italic; }
#mainArticle .info a:hover{ color: #ffffff; background: #000000; }
#mainArticle div.article{ width: 100%; }
#mainArticle div.thumb{ width: 265px; float: left; display: inline; }
#mainArticle div.content{ width: 335px; float: left; display: inline; }
#mainArticle .content p{ line-height: 20px; }
#mainArticle p.cat_tags{ color: #969696; font-family: Georgia; font-style: italic; font-size: 11px; }
#mainArticle .cat_tags a{ color: #000000; text-decoration: none; }
#mainArticle .cat_tags a:hover{ color: #ffffff; background: #000000; }
#mainArticle a.readMore{ display: block; width: 171px; height: 38px; background: url('images/readMore-bg.gif') 0 0 no-repeat; padding: 26px 0 0 10px; color: #ffffff; font-family: Georgia; text-decoration: none; font-weight: bold; font-size: 12px; letter-spacing: -0.2px; }
#mainArticle a.readMore:hover{ text-decoration: underline; }
#mainArticle a.more-link{ display: block; width: 171px; height: 41px; background: url('images/readMore-bg.gif') 0 0 no-repeat; padding: 23px 0 0 10px; color: #ffffff; font-family: Georgia; text-decoration: none; font-weight: bold; font-size: 12px; letter-spacing: -0.2px; }
#mainArticle a.more-link:hover{ text-decoration: underline; }
#mainArticle div.singleArticle{ line-height: 22px; }
#mainArticle .singleArticle p{ margin:0 0 20px 0; font-size: 13px; }
#mainArticle div.related{ width: 100%; }
#mainArticle .related h2{ background: url('images/related-bg.gif') 0 0 no-repeat; width: 357px; height: 58px; color: #ffffff; font-family: Georgia; font-size: 14px; font-weight:bold; padding: 32px 0 0 20px; }
#mainArticle .related ul{ width: 100%; }
#mainArticle .related li{ width: 100%; background: url('images/dots.gif') bottom left repeat-x; padding: 5px 0 5px 0; }
#mainArticle .related li a{ color: #000000; font-weight: bold; font-family: Georgia; text-decoration: none; }
#mainArticle .related li a:hover{ background: #1e1e1e; color: #ffffff; }
/* HOME ARTICLES */
div#articles{ width: 600px; margin: 20px 0 0 20px; float: left; display: inline; }
#articles div.article{ width: 100%; background: url('images/dots.gif') 0 0 repeat-x; float: left; display: inline; position: relative; }
#articles .article div.thumb{ float: left; display: inline; margin: 20px 0 0 0; width: 135px; height: 140px; }
#articles .article div.comments{ position: absolute; width: 33px; height: 32px; background: url('images/small-bubble.gif') 0 0 no-repeat; top: 15px; left: 568px; }
#articles div.content{ float: left; display: inline; width: 465px; margin: 20px 0 0 0; }
#articles .comments a{ color: #ffffff; font-family: Georgia; text-decoration: none; font-weight: bold; font-size: 14px; font-style: italic; display: block; margin: 7px 0 0 0; width: 33px; text-align: center; }
#articles h2, #articles h2 a{ font-family: Georgia; color: #000000; font-size: 18px; text-decoration: none; margin: 0; width: 415px; float: left; display: inline; }
#articles h2 a:hover{text-decoration: underline; }
#articles div.excerpt{ float: left; display: inline; width: 435px; margin: 10px 0 0 0; line-height: 20px; }
#articles div.info{ width: 220px; position: absolute; top: 125px; left: 135px; font-weight: bold; font-size: 11px; }
#articles .info a{ text-decoration: none; }
#articles .info a:hover{ text-decoration: underline; }
#articles div.author{width: 200px; position: absolute; left: 399px; top: 125px; text-align: right; font-size: 11px; color: #848484; font-style: italic; font-family: Georgia; }
#articles .author a{ color: #000000; text-decoration: none; }
#articles .author a:hover{ background: #000000; color: #ffffff; }
/* PAGINATION */
div#pagination{ float: left; display: inline; width: 600px; height: 24px; margin: 10px 0 20px 20px; background: url('images/pagination-bg.gif') 0 0 no-repeat; text-align: center; padding: 16px 0 0 0; word-spacing: 5px; font-size: 11px; }
#pagination a{ color: #ffffff; font-weight: bold; text-decoration: none; font-family: Georgia; font-size: 12px; word-spacing: 0px; color: #484001; }
#pagination a:hover{ text-decoration: underline; }
/* SIDEBAR */
div#sidebar{ width: 300px; float: left; display: inline; margin: 0 0 0 20px; }
/* CAMPAIGN */
div#campaign{ margin: 10px 0 30px 20px;}
/* SEARCH */
div#search{ width: 300px; height: 105px; background: url('images/search-bg.gif') 0 0 no-repeat; position: relative; }
#search input.text{ font-size: 14px; position: absolute; top: 48px; left: 25px; border: 0; width: 200px; }
#search input.image{ width: 35px; height: 35px; position: absolute; top: 41px; left: 247px; }
/* TOP ARTICLES */
div#topArticles{ width: 260px; margin: 0 0 0 20px; }
#topArticles div.buttons{ width: 100%; height: 48px; }
#topArticles .buttons a{ width: 130px; height: 32px; float: left; display: inline; background: url('images/top-bg-inactive.gif') 0 0 no-repeat; color: #ffffff; font-weight: bold; font-family: Georgia; text-decoration: none; text-align: center; padding: 16px 0 0 0; }
#topArticles .buttons a:hover{ text-decoration: underline; }
#topArticles .buttons a.active{background: url('images/top-bg-active.gif') 0 0 no-repeat; color: #000000; padding: 20px 0 0 0; height: 28px; }
#topArticles .buttons a:focus{-moz-outline-style: none; }
#topArticles ul{ width: 100%; background: #ffffff; padding: 10px 0 0 0; }
#topArticles li{ width: 220px; margin: 0 0 7px 20px; background: url('images/dots.gif') bottom left repeat-x; padding: 0 0 7px 0; }
#topArticles li a{ text-decoration: none; color: #1e1e1e; padding: 2px;}
#topArticles li a:hover{ background: #1e1e1e; color: #ffffff; }
#topArticles div.footer{ width: 260px; height: 50px; background: url('images/top-footer.gif') 0 0 no-repeat; margin: -7px 0 0 0; }
div#tagCloud{ width: 100%; }
#tagCloud h3{width: 299px; height: 72px; background: url('images/clouds.gif') 0 0 no-repeat; color: #000000; font-family: Georgia; font-size: 16px; text-align: center; padding: 45px 0 0 0; font-weight: bold; letter-spacing: -0.5px; }
div.tags{ width: 260px; margin: 0 0 0 20px; text-align: center; }
.tags a{ color: #323232; font-family: Georgia; text-decoration: none; line-height: 18px;}
.tags a:hover{ text-decoration: underline; }
div#instant{ width: 260px; height: 155px; margin: 20px 0 0 20px; background: url('images/disc-inst.gif') 0 0 no-repeat; position: relative; }
#instant div.content{ width: 180px; position: absolute; top: 40px; left: 75px; font-family: Georgia; font-weight:bold; font-style: italic; text-align: center; }
#instant div.link{ position: absolute; bottom: 20px; width: 100%; text-align: right; }
#instant .link a{ font-weight: bold; color: #000000; font-style: italic; font-family: Georgia; text-decoration: none; padding: 2px; }
#instant .link a:hover{ color: #ffffff; background: #000000; }
/* MAIN FOOTER */
div#mainFooter{ width: 960px; height: 60px; background: url('images/mainFooter.gif') 0 0 no-repeat; float: left; display: inline; }
/* FOOTER DRAWING */
div#footerDrawing{
width: 960px;
text-align: center;
}
/* FOOTER */
div#footer{ width: 100%; height: 106px; background: url('images/footer.gif') top center no-repeat; text-align: center; font-size: 11px; }
#footer p{ padding: 45px 0 0 0; line-height: 22px; }
#footer a{ color: #000000; font-weight: bold; }
/* COMMENTS */
div#comments{ width: 100%; margin: 30px 0 0 0; }
#comments div.header{ width: 100%; height: 58px; background: url('images/comments-header.gif') 0 0 no-repeat; position: relative; }
#comments .header h2, #comments .header h2 a{ font-size: 14px; font-weight: bold; color: #ffffff; position: absolute; top: 20px; left: 20px; font-family: Georgia; }
div#commentsRSS{ position: absolute; top: 20px; left: 600px; }
div.comment{ width: 100%; float: left; display: inline; }
.comment div.cthumb{ width: 135px; height: 135px; position: relative; float: left; display: inline; }
.comment .cthumb img{ position: absolute; top: 28px; left: 28px; }
.comment div.content{ width: 485px; float: left; display: inline; margin: 20px 0 0 0; }
.comment span.author{ font-family: Georgia; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; display: block; }
.comment .author a{ text-decoration: none; }
.comment span.info{ display: block; font-size: 10px; margin: 3px 0 0 0; padding: 0 0 8px 0; }
.comment p{ line-height: 20px; margin: 10px 0 55px 0; }
#comments div.impar{ background: #ffffe2 url('images/comment-footer-impar.gif') left bottom no-repeat; }
#comments div.par{ background: #e8e6ad url('images/comment-footer-par.gif') left bottom no-repeat; }
#comments .impar div.cthumb{ background: url('images/avatar-bg-impar.gif') 0 0 no-repeat; }
#comments .par div.cthumb{ background: url('images/avatar-bg-par.gif') 0 0 no-repeat; }
#comments .impar span.info{ background: url('images/dots-impar.gif') left bottom repeat-x; }
#comments .par span.info{ background: url('images/dots-par.gif') left bottom repeat-x; }
div#addComment{ width: 100%; float: left; display: inline; }
#addComment div.header{ width: 640px; height: 60px; margin: -20px 0 0 0; position: relative; }
#addComment .header h2, #addComment .header h2 a{ font-size: 14px; font-weight: bold; color: #ffffff; position: absolute; top: 20px; left: 20px; font-family: Georgia; }
#addComment div.impar{ background: #000000 url('images/addcomment-impar.gif') 0 0 no-repeat; }
#addComment div.par{ background: #000000 url('images/addcomment-par.gif') 0 0 no-repeat; }
#addComment div.noComments{ background: #000000 url('images/addcomment-noComments.gif') 0 0 no-repeat; }
#addComment input.text, #addComment textarea{ font-family: Arial, Verdana, Tahoma; font-size: 13px; }
#addComment div.form{ width: 620px; margin: 20px 0 0 20px; }
#addComment div.element{ width: 310px; float: left; display: inline; margin: 0 0 20px 0; }
#addComment input.text{ width: 280px; padding: 3px; margin: 5px 0 0 0; }
#addComment div.bigElement{ width: 600px; float: left; display: inline; }
#addComment textarea{ width: 594px; height: 200px; }
#addComment input#sendComment{
float: left;
display: inline;
margin: 20px 0 0 478px;
}
/* WP */
img.alignleft{ float: left; margin: 0 20px 20px 0; }
img.alignright{ float: right; margin: 0 0 20px 20px; }
p.contactform{ line-height: 40px; }
.contactform input, .contactform textarea{ width: 592px; font-family: Arial; font-size: 12px; padding: 4px; }