/*======================================
THEME NAME: Extreme Georgia 0.1
DESCRIPTION: Typographic Layour for Smashing Magazine competition
CODENAME: ExtremeGeorgia
VERSION: 0.1
AUTHOR: Mohd Huzairy bin Mohd Rezuan @ Bat InfoMalaya
AUTHOR URI: http://www.mentariworks.com
MODIFS by : buzz / www.buzzkompany.info
LAST DATE MODIFIED: 1er août 2009
STYLE NAME: Master stylesheet
======================================*/

body {
background:#fff;
font: 76%/115% georgia,verdana,arial;
text-align:left;
line-height:20px;
color:#444;
border-top:10px solid #eee;
}

blockquote {
background:transparent url(images/blockquote.png) no-repeat left 9px;
border-top:3px double #eee;
border-bottom:3px double #eee;
padding:15px 0 3px 0;
margin-bottom:10px;
font-style:italic;
}

code, pre { 
font-family: georgia,"lucida monospace", monospace; 
color: #444;
}

pre { 
overflow: auto; 
background: #fff; 
padding-left: 5px; 
margin-top:10px;
margin-bottom:10px;
border-top: 1px dashed #bbb; 
}

pre * { 
padding: 0 8px; 
line-height: 1.3;
}


cite {
font-size:1.9em;
font-weight:bold;
}

/* Prelude nav */

#prelude {
position: absolute;
top: 7px;
right: 7px;
margin: 0;
padding: 0;
color: #ededed;
}

#prelude a {
color: #ededed;
}

#prelude a:focus, #prelude a:hover {
background: ededed;
color:#666;
text-decoration: none;
}

/* Wrapper & Container */

#wrapper {
width:960px;
margin:0 auto;
}

/* Header */

#top {
text-align:center;
margin:80px 0;
width:960px;
}

#top h1 a { 
font-size:6em;
font-weight:normal;
color:#666;
}

#top p {
font-size:2em;
color:#999;
margin-top:20px;
letter-spacing:3px;
}

/* Content */

#main {
width:750px;
float:left;
}

#content {
width:540px;
border:1px solid #ccc;
float:right;
padding-bottom:17px;
margin-bottom:20px;
}

#page-info {
background:#ccc url(images/info_bg.png) repeat-x;
color:#fff;
font-variant:small-caps;
text-align:right;
padding:2px 0;
font-size:1.2em;
}

#page-info span{
background:#ccc;
padding:0 3px;
letter-spacing:3px;
}

.hentry {
width:520px;
margin:20px 0;
overflow:hidden;
padding:0 10px;
}

.post-cat {
text-align:right;
font-size:1.4em;
font-weight:bold;
padding-bottom:10px;
}

#subcategories {
text-align:center;
background:transparent url(images/lala.png) no-repeat bottom center;
padding:0 0 20px 0;
margin:0 0 10px 0;
color:#999;
}

#subcategories h3{
font-size:2.2em;
font-weight:normal;
line-height:175%;
}

.entry-title {
font-size:2.2em;
font-weight:normal;
line-height:175%;
}

.post-title {
font-size: 2.2em;
font-weight: normal;
line-height: 175%;
}

.entry-meta {
text-align:center;
background:transparent url(images/lala.png) no-repeat bottom center;
padding:0 0 20px 0;
margin:0 0 10px 0;
color:#999;
}

.entry-meta p, .entry-meta abbr {
letter-spacing:3px;
border:none;
}

.metadata {
background:transparent url(images/metadata-bg.png) no-repeat top center;
text-align:center;
padding:25px 0 10px 0;
color:#999;
letter-spacing:2px;
}

.entry-content {
padding:0 10px;
}

.entry-content img {
margin-bottom:10px;
}

.entry-content p {
font-size:1.15em;
margin-bottom:15px;
line-height:165%;
color:#444;
width:500px;
text-align:justify;
}

.post-excerpt,.post-content p{
text-align:left;
margin-bottom:10px;
}

.post-content h2{
font-size: 2.2em;
font-weight: normal;
line-height: 175%;
padding-top:5px;
padding-bottom:5px;
}

.post-content h3{
text-align:justify;
border-bottom:1px solid #eee;
font-size:1.6em;
padding-top:5px;
margin-bottom:10px;
}

.post-content h4{
text-align:justify;
font-size:1.3em;
padding-top:5px;
padding-bottom:5px;
}

.post-content h5{
text-align:justify;
font-size:1.1em;
padding-top:5px;
padding-bottom:5px;
}

.post-content li{
background:transparent url(images/bullet.png) no-repeat left 5px;
padding-left:15px;
text-align:left;
margin-bottom:5px;
}

.post-content img{
padding-top:5px;
padding-bottom:5px;
}

.separator {
border-top:1px dotted #ccc;
margin:20px 0 10px 0;
}

#page-navigation {
margin:-10px 0 10px 0;
}

/* Commentaires */

#comments p{
font-size:1.05em;
margin-bottom:10px;
line-height:165%;
width:500px;
text-align:justify;
}

#comments h3{
font-size:2em;
padding-bottom:30px;
}

form {
display: block;
}

#comment-form h3 {
font-size:2em;
padding-bottom:30px;
background-color: transparent;
background-image: url(images/lala.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center bottom;
}

fieldset {
}

#comment-form input { 
padding: 2px; 
}

input[type] { 
background: #f5f5f0; 
border: 1px solid #ddd;
}

input[type=submit] { }

input[type=reset] {}

input[type=submit]:hover { }

textarea[name] { }

p.field { 
margin-bottom: .5em; 
line-height: 1.6;
}

p.field label {
clear: left;
display: block;
width: 11em;
text-align: right;
float: left;
color: #666666;
}

p.field input { 
margin-left: 5px;
}

p.form-help { }

p.validate { }

textarea#c_content { 
background: #f5f5f0; 
border: 1px solid #ddd; 
width: 95%;
}

p.remember{
margin-top:5px;
margin-bottom:5px;
}

#pings h3{
padding-top:20px;
font-size:2em;
padding-bottom:15px;
}

#comments-feed {
margin-top:10px;
margin-bottom:10px;
}

/* Liens */

a {
color:#f25f0f;
}

a:hover {
color:#444;
border-bottom:1px dotted #ccc;
}

#header a:hover {
border:none;
}

/* Navigation */

.previous a {
float:left;
padding:3px 5px;
background:#ccc;
color:#fff;
margin-left:10px;
font-variant:small-caps;
font-size:1.1em;
margin-top:3px;
}

.next a {
float:right;
padding:3px 5px;
background:#ccc;
color:#fff;
margin-right:10px;
font-variant:small-caps;
font-size:1.1em;
margin-top:3px;
}

.previous a:hover, .next a:hover {
border:none;
background:#333;
}

/* Sidebar */

#sidebar {
width:175px;
padding:45px 20px 0 10px;
float:left;
text-align:right;
}

#right {
width:175px;
padding:45px 10px 0 20px;
float:right;
}

#blognav {

}

#blogextra {

}


#blognav h2 {
font-variant:small-caps;
font-size:1.2em;
font-weight:normal;
color:#999;
padding-right:15px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
letter-spacing:3px;
}

#blognav h3 {
font-variant:small-caps;
font-size:1.2em;
font-weight:normal;
color:#999;
padding-right:15px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
letter-spacing:3px;
}

#blogextra h2 {
font-variant:small-caps;
font-size:1.2em;
font-weight:normal;
color:#999;
padding-left:15px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
letter-spacing:3px;
}

#blogextra h3 {
font-variant:small-caps;
font-size:1.2em;
font-weight:normal;
color:#999;
padding-left:15px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
letter-spacing:3px;
}

#blognav ul li {
background:transparent url(images/bullet.png) no-repeat right 5px;
padding-right:15px;
margin-bottom:5px;
}

#blogextra ul li {
background:transparent url(images/bullet.png) no-repeat left 5px;
padding-left:15px;
margin-bottom:5px;
}

/* Archives */

#content-info {
text-align:left;

}

.content-inner {
width:520px;
}

.mois {
float:left;
width:100px;
}

.content-inner h3{
font-variant:small-caps;
font-size:2.2em;
font-weight:normal;

}

#navlinks a.archives {
font-size:1.8em;
font-weight:bold;
}

/* TAGS */

.content-tags{
margin-top:20px;
}

.tag0 { font-size: 50%; }
 .tag10 { font-size: 70%; }
 .tag20 { font-size: 85%; }
 .tag30 { font-size: 100%; }
 .tag40 { font-size: 115%; }
 .tag50 { font-size: 155%; }
 .tag60 { font-size: 195%; }
 .tag70 { font-size: 250%; }
 .tag80 { font-size: 295%; }
 .tag90 { font-size: 320%; }
 .tag100 { font-size: 355%; }

/* Pièces jointes */

#attachments {
margin-bottom:5px;
padding-bottom:25px;
background-color: transparent;
background-image: url(images/lala.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center bottom;
}

#attachments h3{
font-size:1.8em;
font-weight:bold;
margin-top:10px;
padding-bottom:10px;
}

.package a {
display:block;
height:25px;
background:transparent url(img/attach.png) no-repeat left 5px;
text-decoration:none;
padding-left:15px;
}

/* Footer */

#footer {
height:70px;
text-align:center;
padding-bottom:10px;
margin:20px 0;
color:#999;
letter-spacing:2px;
}

/* Images */

.alignleft {
float:left;
margin:0 20px 10px 0;
}

.alignright {
float:right;
margin:0 0 10px 20px;
}

/* Position */
.clear {
clear:both;
}

/* Global reset */
*{margin:0;padding:0;}

/* Reset the headers  */
h1,h2,h3,h4{font-size:100%;}

/* Removes list style */
ol,ul,li{list-style:none;}

/* Removes border from image */
fieldset,img{border:none;}

/* Removes links underline */
a{text-decoration:none;}

/* Remove horizontal ruler */
hr{display:none;}