*{font-family:Courier;
position:relative;
text-align:center;
vertical-align:middle;
line-height:1.5em;}



.code {background-color:#444; margin:0 10px; color:white; padding:0 10px; font-size:smaller;}

.strong{font-weight:bold}
.italic{font-style:italic;}

body{background-color:#ddf;}

span#home{font-size:small;}
h1, h2, #footer, #feeds{background-color:#EEEEEE !important;
border:1px solid #CCCCCC !important;
margin:20px auto !important;
width:400px !important;
}

#arrow{left:370px; position:relative; top:-550px;}
.hideme{display:none;}
h2{font-size:200% !important;}
h3{margin:0;}
h4{margin:10px; border-bottom:1px solid #ddd;}
h5{margin:auto 10px;}

#nav {margin:10px auto;}
#nav ul, #site{padding:0;}
#nav ul li, #site li{display:inline; background-color:#eee; border:1px solid #ccc;  margin:auto 5px; font-size:small; padding:2px 5px; padding-bottom:5px;}
#nav ul, #site {margin-top:0;}
#nav .active{display:none;}

.nav li {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
display:inline;
margin:auto 5px;
}

.nav#page li {
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
}

.skip{display:none !important;}

h3.title{background-color:#eee; border:1px solid #ccc; margin:20px auto !important; font-size:140%; text-align:left !important; padding-left:10px; width:900px;}

.example{width:900px; margin:auto auto; position:relative !important; height:157px; margin-bottom:20px !important;}
.example img{left:0 !important; position:absolute !important; border:1px solid #ccc}
.example div{margin-left:220px !important; background-color:white; margin-bottom:10px; border:1px solid #eee; height:100%;}
.example p, .aboutme p{padding-left:15px; padding-right:15px;}

.contact, #cloud, #aboutmyskills, .aboutme{background-color:white; width:900px; margin:auto auto; border:1px solid #eee;}
#newgame{font-size:23px; font-weight:bold; margin-top:20px; width:585px; border:2px solid red;}
#newgame p {margin:10px;}
.contact li, #cloud li{list-style:none;}

.connect_widget{margin-top:10px;}

#aboutmyskills{margin-bottom:10px; padding-left:10px; padding-right:10px;}
#aboutmyskills *{text-align:left;}
#cloud{position:relative; height:200px;}
#cloud li{position:absolute;}
#cloud li span{cursor:pointer;}

#cloud ul{margin-left:100px; text-align:left;}

.aboutme p, .aboutme h4, .aboutme h5{text-align:left;}
.aboutme p{text-align:left;}
.aboutme div{width:104px; float:left; height:150px !important; margin:12px;}
.aboutme img{padding:2px; border:1px solid #ccc; margin:0px;}
.aboutme ul{padding:0px; margin:auto 0px;}
.aboutme li{list-style:none;}
.aboutme li h5, .aboutme li p{margin:10px 10px;}


.basic{font-size:0.5em;}
.low{font-size:1em;}
.medium{font-size:1.5em;}
.high{font-size:1.6em;}
.expert{font-size:2.5em; font-weight:bold;}

#footer{width:600px !important; clear:both; padding-left:10px; padding-right:10px;}

/* #### FEEDS #### */
#feeds{width:670px !important; height:140px; background:none !important; border:none !important;}
.twitter, #lastfm{float:left; border:1px solid #CCCCCC !important;}
.twitter{background-color:lightblue !important; clear:both; padding-left:10px; padding-right:10px; width:300px !important; margin-right:6px; padding-bottom:5px;}
.twitter h3, #lastfm h3{text-align:left;}
#lastfm h3{color:red; padding-left:10px;}
.twitter h3{color:yellow;}
.twitter p{margin:0;}
.tweet_list *{vertical-align:top;}
#lastfm{background-color:#CCFFCC !important; width:340px !important;}

#myblog #site-description{}

#myblog #wrapper{float:left; width:100%; margin-bottom:30px;}
#myblog #main{width:960px; margin:auto auto;}
#myblog #container, .widget-area{float:left;}
#myblog #container {width:680px; padding-right:20px;}
#myblog .widget-area {width:250px; margin-left:10px;}
#myblog .widget-area *{text-align:left;}
#myblog .entry-content *{text-align:justify;}
#myblog .xoxo {padding-left:0;}
#myblog .xoxo li{list-style:none;}
#myblog .xoxo ul {padding-left:30px;}
#myblog .xoxo ul li {list-style:disc;}


#myblog .post{background-color:#eee; border:1px solid #bbb; 
padding-top:10px; padding-bottom:10px; margin-bottom:10px;}
#myblog .post p{margin:0; padding:10px;}
#myblog .entry-meta, #myblog .entry-utility{font-size:small;}
#myblog .entry-content{background:white; margin:10px 10px; border:1px solid #bbb;}
#myblog .entry-title{background:white !important; font-size:26px !important; width:657px !important; margin:0 10px 10px 10px !important;}

#myblog #comments * {text-align:justify;} 
#myblog #comments {margin-top:20px;}
#myblog #comments h3 {border-bottom:2px solid #999}

#commentform label {font-weight:bold;}
#commentform textarea {width:100%;}
#respond *{margin-left:0;}
.widget_links{margin-bottom:15px}

.entry-content h2{background-color:white !important; border:none !important; border-bottom:1px solid #ddd !important; width:97% !important; margin:10px !important; font-size:22px !important;}
.entry-content h3 {margin-left:10px;}

.entry-content ul, .entry-content ol {margin-left:35px;}
.entry-content ul {list-style: inside !important;}
.entry-content ol {margin-left:55px; list-style: decimal !important;}