/*
	Woop woop woop
*/

body
{
	background-image:url(img/paint.jpg);
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	color: #333;
        font-size:0.95em;
        margin: 0;
        padding: 0;
        width: 100%;
}


a img
{
        border:none;
}

p
{
	line-height: 1.4em;
	margin: 1.4em 0;
}

.tag strong { color: #cc3333; }

.title .tag
{
	margin-top: -0.5em;
	margin-bottom: 0.5em;
}

.readMore
{
	font-weight: bold;
	font-size: 0.88em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.entry
{
  padding-top: 1em;
}

#container
{
  margin-top: 75px;
  margin-left: 45px;
}

a:link, a:visited
{
	text-decoration: underline;
	color: #333;
}

a:hover, a:active
{
	color: #cc3333;
}

h1 a:link , h1 a:visited 
{
	text-decoration: none;
}

h1 a:hover, h1 a:active
{
	text-decoration: underline;
	cursor: pointer;
}

h2, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
     color: #cc3333;
     font-size: 1em;
     text-transform: uppercase;
     letter-spacing: 0.2em;
     
}

#header {
	margin-left: 15px;
	position: relative;
}

#title
{
	margin-bottom: 3em;
	height:3.7em;
}

#globalNav
{
  position: absolute;
  top: 45px;
  font-size: 1.05em;
  line-height: 1.4em;
}

#globalNav ul
{
  padding: 0px;
  margin: 0;
  list-style: none;	
}

#globalNav ul li
{
  padding: 0px;
  margin: 0 0.45em 0 0;
  display: inline
}

#globalNav a:link, #globalNav a:visited
{
  color: #333;
  text-decoration: none;
}

#globalNav a:hover, #globalNav a:active
{
  color: #cc3333;
  text-decoration: underline;
}


#content
{
  width: 40em;
  float: left;
  position: relative;
  padding-right: 2em;
  margin-bottom: 2em;
}

.post
{
  width: 39em;
  float: left;
  position: relative;
  padding: 1em 3em 1em 15px;
}

.post .title
{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
	text-align: center;
}

#content div :first-child { margin-top: 0px; }

#content .row1
{
  width: 14.5em;
  float: left;
}

h1:first-letter, h1 a:first-letter
{
  font-size: 1.5em;
  line-height: 1.3em;
}

h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
  font-size: 1em;
  font-weight: bold;
  color: #cc3333;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

h1:first-child
{
  margin-top: 0em;
}

div#comments h3 {
  background-color:white;
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
  font-size:1em;
  font-weight:lighter;
  margin-top:0em;
  padding-bottom:0.5em;
  padding-top:0.5em; color: #666; text-align: center;
}

textarea#comment {
  width: 38em;
}

.row2
{
	float: left;
	width: 14.5em;
	margin-top: 0.5em;
}

#right 
{
    float: left;
	width: 14em;
	padding: 1.25em 1.5em 2em 2em;
	margin: 0 0 3em 1.02em;
}

#right ul
{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
}

#right ul li
{
    margin-left: 0;
    padding-left: 0;
}

#right ul li ul
{
    font-size: 0.88em;
    line-height:1.4em;
	margin-bottom: 2em;
}

#right ul li a:link,
#right ul li a:visited {
    text-decoration: none;
}

#footer
{
    clear: both;
    font-size: 0.88em;
}

.widget ul 
{ 
    margin-bottom: 1em;
}

h1.postTitle {
	border-top: solid 1px #ccc;
	padding-top: 0.5em;
	text-align: center;
}

p.summary {
  position: absolute;
  top: 3.5em;
  color: #666;
  font-weight: lighter;
  text-align: center;
  border-bottom: solid 1px #ccc;
  width: 91%;
  padding-bottom: 0.5em;
}

ol.commentlist {
     list-style: none;
     padding-left: 0;
}

ol.commentlist {
     padding: 0em;
     
}

ol.commentlist li {
  padding: 0.25em;
}

.comment_text {
  padding: 0.7em 0.7em 0.7em 1.5em;
}

.comment_text p {
  margin: 0.7em 0em;
}

ol.commentlist cite {
  background-image: url("img/icons/16-comment.png");
  background-repeat: no-repeat;
  padding-left: 1.5em;
  padding-right: 0.5em;
  border-bottom: dotted 1px #eee;
}

#commentform div {
  margin-bottom: 1em;
  padding: 6px;
}

#commentform span {
  border: 1px solid #B2B2B2;
  padding: 4px 0 4px 27px;
}

input#author, input#url, input#email {
  background-color: #F4F4F4 !important;
  border: none !important;
  font-family: Georgia;
  font-size: 1em;
}

textarea#comment {
  background-color: #F4F4F4 !important;
  border: solid 1px #B2B2B2;
  font-family: Georgia;
  font-size: 1em;
  padding: 4px;
  width: 38em;
  margin-left: 0.45em;
}

#commentform #authorwrap { background: #F4F4F4 url(img/icons/16-member.png) no-repeat 5px 50%; width: 12em; }
#commentform #emailwrap { background: #F4F4F4 url(img/icons/16-email.png) no-repeat 5px 50%; width: 12em; }
#commentform #urlwrap { background: #F4F4F4 url(img/icons/16-file-page.png) no-repeat 5px 50%; width: 12em; }

pre {
  padding: 0.25em 2em;
}


/**/

.twoColumnExample {
   /* For the Firefox users */
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  /* Safari's implementation */
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  /* to make it stand out from rest of the article  */
  padding: 2em;
  border: 1px solid #ccc;
}

.twoColumnExample2 {
  /* For the Firefox users */
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  /* Safari's implementation */
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  /* to make it stand out from rest of the article  */
  padding: 2em;
  border: 1px solid #ccc;
}

.twoColumnExample2, .twoColumnExample2 * {
  line-height: 1.5em;
  margin: 1.5em 0;
}

.twoColumnExample2:first-letter {
  font-size: 5.2em;
  line-height: 0.5em;
  margin-top: 0.1em;
  float: left;
  padding-right: 0.1em;
  color: #CC3333;
}

.twoColumnExample2:first-line {
  font-variant: small-caps;
  letter-spacing: 0.1em;
}

p.decorate:before {
  content: "\2767"; 
  padding-right: 0.4em;
  margin-top:0
}

div.sociable_tagline{
  display: inline;
}

/* google ads */
#aus #aubg {
  background-color: transparent;
}

/* music */

div.album {
  position: relative;
  float: left;
  width: 19em;
}

div.album div.position {
  background-color:white;
  font-size: 2em;
  height: 1.25em;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1.25em;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

div.album img {
  width: 240px;
  height: 240px;
  padding-bottom: 2em;
}

/* twitter */

#right ul#twitter_update_list {
	margin-bottom: 0em;
}

#right ul#twitter_update_list a, 
#right ul#twitter_update_list a:link, 
#right ul#twitter_update_list a:visited,
#right a#twitter-link:link, 
#right a#twitter-link:visited {
	color: #1C83A6;
}

#right ul#twitter_update_list a:hover,
#right ul#twitter_update_list a:active,
#right a#twitter-link:hover, 
#right a#twitter-link:active{
	color: #1C83A6;
	text-decoration: underline;
}

#right ul#twitter_update_list li {
	padding-bottom: 1em;
}

#right #twitter-link {
	font-size: 85%;
	text-align: left !important;
}

#twitter_div {
	margin-bottom: 1em;
}

/*
	=================
*/

.portfolio {
}

.portfolio div {
	clear: both;
	position: relative;
	padding-top: 1em;
	border-top: solid 1px #dedede;
}

.portfolio div:first-child {
	
}

.portfolio img {
	float: left;
	border: double 4px #ccc;
	margin: 0 1em 1em 0;
}

.portfolio h2 {
	margin: 0 0 0.25em 0;
}

.portfolio p {
	margin-top: 0;
}

.portfolio div a.mark {
	position: absolute;
	top: 15px;
	right: 15px;
	
	color: #CC3333;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 2px #333;
}

/*
	=================
*/

ul.education,
ul.experiences {
	margin-bottom: 2em;
	padding: 0;
}

ul.education li,
ul.experiences li {
	list-style: none outside;
	margin-bottom: 1em;
}

ul.education  .duration,
ul.experiences .duration {
	float: left;
	width: 11em;
}

ul.education h3,
ul.experiences h3 {
	float: left;
}

ul.courses, 
ul.experiences .details {
	margin: 0 0 0 11em;
	padding-left: 0px;
	clear: both;
}

ul.courses li {
	margin: 0;
}

ul.courses li span.name {
	width: 15em;
	display: block;
	float: left;
}

ul.courses li span.level {
	width: 10em;
	display: block;
	float: left;
}