/*  
Theme Name: Modern
Theme URI: http://www.geek-notes.com
Description: A custom theme for Geek-Notes.com
Version: 1.3
Author: Maurizio Petrone
Author URI: http://www.geek-notes.com */
body {
margin:0;
padding:0
}

/* Background for fake right column*/
div#container {
background:#37475B url(img/content_bg.gif) repeat-y center
}

/* General links-look-like (and borders) */
a,a:visited {
color:#4A70EE;
text-decoration:none;
border-bottom:1px dotted #4A70EE
}

a:hover,.sociable li a,.sociable img {
border:0
}

/* Header styles */
div#header {
border-bottom:1px solid;
margin-left:auto;
margin-right:auto;
background-color:#839CA7;
height:4em;
padding:1em 9em
}

div#header a {
font:lighter 3em "Century Gothic",Arial,sans-serif;
border-right:1px solid #ccc;
padding-right:0.5em;
border-bottom:0;
color:#333
}

div#header h1 {
font:0.8em Geneva, Arial, Helvetica, sans-serif;
padding-left:1em;
display:inline;
float:left;
color:#ccc
}

div#header h1#description {
position:relative;
top:1em
}

div#search {
float:right;
margin-top:0.3em;
background:url(img/search-icon.gif) no-repeat center left;
padding:0 1.5em
}

form#searchform input {
background-color:#f5f5f5;
border:1px solid #ebebeb;
font:1em Verdana, Arial, Helvetica, sans-serif;
color:#666;
padding:0.2em
}

form#searchform input:hover {
background-color:#FFF;
border:1px solid #333
}

/* Boxes little title */
h2.title2 {
background-color:#B00;
color:#fff;
margin-bottom:0.1em;
font:0.8em "Century Gothic",Arial,sans-serif;
text-transform:uppercase;
padding:0.2em 1em
}

h2.landing {
background-color:#B00
}

div#landing {
background-color:#CBDB7C;
margin-bottom:2em;
padding:10px
}

div#landing h3 {
text-transform:uppercase;
font:bold 1.2em Georgia, "Times New Roman", Times, serif;
margin-top:0.1em;
text-align:center
}

div#landing p#string {
color:#333;
font-size:1em;
margin:0 0 1em
}

div#landing p#string a {
color:#006;
border:0
}

div#landing dt {
font:bold 0.9em Verdana, Arial, Helvetica, sans-serif
}

div#landing dl {
margin:0
}

div#landing dd {
font-size:0.9em;
margin:0 0 0.5em -0.5em;
padding:0 5px
}

/* Upper part */
div#content {
width:950px;
margin-left:auto;
margin-right:auto
}

/* Left section blog and posts styles */
div#blog {
width:625px;
float:left;
font-size:0.8em;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:1em 0
}

img#nextpost,img#prevpost {
border:0;
margin-top:10px
}

img#nextpost {
float:left;
margin-left:0.5em
}

img#prevpost {
float:right;
margin-right:0.5em
}

.post img#nextpost,.post img#prevpost {
margin-top:-5em
}

.post_nav ul li {
list-style-type:square;
text-align:left
}

.post_nav {
text-align:center;
border:3px solid #ccc;
background-color:#ccc;
color:#333;
margin:0 0 2em;
}

#navbar { height:5em}

.post_nav dl {margin-top:-0.5em}
.post_nav .lft {float:left;}
.post_nav .lft dt {margin:0.5em 0 0 -4em}


.post_nav .rgt {margin-left:315px;text-align:left!important}
.post_nav .rgt dt {margin:0.5em 0 0 0}
.post_nav .rgt dd {margin-left:0}

.post_nav p {margin-bottom:0;font-style:italic}

.post_nav a:hover {
border-bottom:1px dotted #000
}

.post_nav p.nav {
margin:0.3em 60px 0.6em
}

.post_nav p#maplink {
font:italic 1.8em Georgia, "Times New Roman", Times, serif;
margin:10px 0
}

.post_nav a {
border:0;
text-decoration:none;
color:#333
}

.post_nav img#adsarrow {
float:left;
margin:8px 0 0 15px
}

.post_nav ul.nav li {
list-style-type:none;
display:inline;
border-left:1px solid #333;
padding:0 1em
}

.post_nav ul.nav li.nav {
border-left:0
}

h2.posttitle {
border-bottom:1px solid;
padding-bottom:0.2em;
margin-bottom:0.4em;
font:lighter 1.7em "Century Gothic",Arial,sans-serif
}

h2.posttitle a {
text-decoration:none;
color:#5C7EFF;
border:0
}

.singlepostnav {
float:right;
width:100px;
margin-top:1.3em
}

div.postmeta {
border-bottom:1px solid;
padding-bottom:0.6em
}

.postmeta {
font:italic 1em Verdana, Arial, Helvetica, sans-serif;
color:#666
}

.postmeta a,.postmeta a:visited {
color:#999;
text-decoration:none;
border:0
}

.postmeta a:hover {
border-bottom:1px dotted #999;
font-style:normal
}

img.icon {
float:left;
margin:1em 1em 1em 0
}

#same_cat a {
border:0;
color:#fff
}

div .sociable {
text-align:center;
margin:2.5em 0
}

.sociable ul {
display:inline
}

.sociable li {
display:inline;
list-style-type:none;
padding:0 0.25em
}

.sociable li a:hover {
border-bottom:2px solid #000
}

.post {
border:3px solid #fff;
background-color:#fff;
margin:0 0 2em;
padding:0 30px
}

blockquote {
border:3px double #999;
font-style:italic;
padding:10px
}

.post ul li {
list-style-type:square
}

.post dl {
font-weight:700;
margin:0
}

.post dd {
margin:0 0 1em
}

/* End of posts, starting right sidebar (top) */
div#sidebar {
margin-left:660px;
padding:1em 0
}

.sideul {
margin-top:0.3em
}

div#sidebar ul {
list-style-type:none;
margin-left:0.5em;
padding-left:0;
margin-right:1.5em
}

div#sidebar li.pagenav {
border:1px solid #C77138;
margin-bottom:1.5em;
background-color:#F0E1C9;
padding-bottom:0.4em
}

div#sidebar h5 {
border:1px solid #C77138;
text-align:center;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
background-color:#F9EAEA;
margin:1em 1em 0.5em;
padding:0.4em
}

div#sidebar li a {
font:0.8em Verdana, Arial, Helvetica, sans-serif;
color:#333;
border-bottom:1px solid #F9EAEA;
display:list-item;
margin-bottom:0.5em;
padding:0.2em 1.3em
}

div#sidebar li a:hover {
border-bottom:1px solid #666;
padding-left:2em
}

div#sidebar li.pagenav#RSS li {
background:url(img/rss.gif) no-repeat bottom right
}

/* Starting bottom part (in dark red), warping */
div#container2 {
background:#900;
clear:both
}

div#content2 {
border-top:1px solid #FFF
}

div#content2wrap {
width:950px;
margin-left:auto;
margin-right:auto;
padding:1em 0
}

/* the two columns at the bottom */
div#content2 #left {
width:655px;
padding-bottom:2em
}

div#content2 #right {
float:right;
padding-bottom:2em
}

#right ul,#right h5 {
margin-left:-3.5em
}

#left ul,#right ul {
list-style-type:none;
width:15em
}

#left h5,#right h5 {
color:#FF0;
font:1em Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-bottom:0.9em
}

#left li.pagenav a,#right li.pagenav a {
color:#fff;
font:1em Verdana, Arial, Helvetica, sans-serif;
display:list-item;
border-bottom:1px solid #999;
padding-left:1em;
margin-left:-2.5em
}

#left li.pagenav a:hover,#right li.pagenav a:hover {
padding-left:2em;
border-color:#333
}

/* Comment (bottom left) */
div#content2 h2.title2 {
background-color:transparent;
color:#FF0;
font-size:1em;
margin-top:1.5em
}

div#feedback {
margin:3em 2.9em 0 1.9em
}

div#commentsarea ol.commentlist li,div#pingsarea ol.commentlist li {
background-color:#ccc;
font:0.8em Arial, Helvetica, sans-serif;
margin:0 -1.25em 2.8em -5.5em;
padding:0 1em
}

div#pingsarea ol.commentlist li {
padding-bottom:1em
}

div#commentsarea ol.commentlist .commentmetadata {
text-align:right
}

div#commentsarea ol.commentlist .commentmetadata a {
color:#839CA7;
border:0
}

div#commentsarea ol.commentlist .commentmetadata a:hover {
color:#000
}

h3.comments {
font:1em Verdana, Arial, Helvetica, sans-serif;
color:#fff;
margin:-2.5em 0 2em
}

h3.comments a {
color:#FF0
}

div#feedback h3.comments,div#pingsarea h3.comments {
margin-top:-2.3em
}

div#commentsarea h4,div#pingsarea h4,div#feedback h4 {
background-color:#839CA7;
color:#fff;
font:0.8em "Century Gothic",Arial,sans-serif;
text-transform:uppercase;
border-bottom:1px solid #B10000;
margin:-1.7em -1.25em 0;
padding:0.2em 1.3em
}

div#feedback h4.comments {
padding-bottom:1.1em;
border-bottom:1px solid #b10000;
margin:-1em -1.25em 0 -2.4em
}

form#commentform {
background-color:#ccc;
font:0.8em Arial, Helvetica, sans-serif;
border-top:1px solid #b10000;
margin:-1em -1.25em 4em -2.4em;
padding:1em 1.3em
}

div#commentsarea h4 a,div#pingsarea h4 a {
border:0;
color:#FF0;
font-weight:700
}

/* End of comments, starting little custom sections */
acronym,abbr,span.caps {
cursor:help;
border-bottom:1px dashed #333
}

.codespan {
font:bold 1.2em "Courier New", Courier, mono;
color:#333;
border-bottom:1px dashed;
margin:0 5px
}

.codebox {
border:1px dotted #333;
color:#333;
font:bold 1.2em "Courier New", Courier, mono;
background-color:#ebebeb;
padding:8px
}

div.ddsg-sitemap ul {
padding:1em
}

div.ddsg-sitemap li {
list-style-type:none
}

div.ddsg-sitemap .ddsg-cats {
margin-top:1em
}

/* Footer */
div#footer {
clear:both;
border-top:3px double #000;
border-bottom:1px solid transparent;
text-align:center;
background:#788F99;
padding-top:0.3em
}

div#footer li {
display:inline;
padding:1em
}

div#footer a {
border:0;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
color:#000
}

div#footer a:hover {
border-bottom:3px solid #fff;
padding-bottom:0.4em
}

code {background:#ebebeb}