html {
	background:#111;
}
body {
    background:#111;
	margin:0;
	padding:0;
	font-family:"Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
	color:#ccc;
}
hr {
    border:0;
    background:#333;
    height:1px;
    margin:40px 20px 0 20px;
}
abbr {
    color:#999;
    border-bottom:1px dotted #414141;
}
/* -- LINKS -- */

a        { text-decoration:none; color:#3192b5; }
a:focus  { background:#000; color:#3192b5; }
a:hover  { color:#f69; }
a:active { color:#f69!important; }
a.extlink        { background:transparent url(../img/extlink.gif) no-repeat 99% 50%;padding:0 22px 0 0; }
a.rss-link       { background:transparent url(../img/26.png) no-repeat 0 3px!important;padding:0 0 0 18px; }
a.rss-link:hover { background:transparent url(../img/46.png) no-repeat 0 3px!important; }

/* -- HELPERS -- */

.clear  { clear:both; }
.blue   { color:#269; border-color:#269;}
.pink   { color:#f69; border-color:#f69;}
.center { text-align:center; }
.strong { font-weight:strong; }
.large  { font-size:140%; }
.large  { font-size:120%; }
.small  { font-size:80%; }
.xsmall { font-size:70%; }
.italic { font-style:italic; }
.left   { text-align:left; }
.right  { text-align:right; }
.hidden { display:none; }

code.inline {
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    display:inline;
}

/* -- TABLE-- */

table.grid {
    border-collapse:collapse;
    margin:10px 20px;
    width:710px;
}
table.grid thead {}
table.grid thead tr {}
table.grid thead tr th {}
table.grid thead tr td {}

table.grid tbody {}
table.grid tbody tr {}
table.grid tbody tr th {
    background:#121212;
    padding:8px;
    text-align:right;
    font-size:80%;
    color:#666;
    border:1px solid #111;
    border-right:1px solid #2c2c2c;
}
table.grid tbody tr.even th {
    background:#141414;
}
table.grid tbody tr td {
    padding:8px;
    border:1px solid #111;
    background:#161616;
    font-size:85%;
}
table.grid tbody tr.even td {
    background:#181818;
}

table.grid tfoot {}
table.grid tfoot tr {}
table.grid tfoot tr th {}
table.grid tfoot tr td {}
/* -- HEAD -- */

#hd {
	background:#269 url(../img/header-tile.jpg) top right repeat-x;
}
#hd-crest {
	height:200px; 
	width:271px;
	background:#269 url(../img/header-1.jpg) top right no-repeat;
}

/* -- NAV -- */

#nv {
    margin-top:10px;
}
#nv ul {
	height:32px;
	margin:0 0 0 0;
    padding:0;
}
#nv li {
	float:left;
	margin:8px 12px 0 0;
	list-style:none;
}
#nv li a {
    color:#666;
    font-variant:small-caps;
    font-size:105%;
    padding:0 4px;
}
#nv li a.active {
    color:#3192B5;
}
.h-sub-nav {
	margin-left:20px;
}

.h-sub-nav li {
	margin:0!important;
	list-style:none!important;
}

/* -- HEADINGS -- */
.title-options {
    float:right;
    padding:6px 20px 0 0;
    color:#444;
    font-size:100%;
}
#bd h1, #bd h2, #bd h3, #bd h4, #bd h5, #bd h6 {
    margin:20px 20px 0 20px;
}
#bd h1 {
	color:#444;
	padding:8px 8px 4px 8px;
    margin-top:2px!important;
	border-bottom:1px solid #222;
    font-variant:small-caps;
    font-size:100%;
}
#hd h1 img {
	float:right;
}
#bd h3 {
    border-bottom:1px solid #333;
    color:#eee;
    font-size:160%;
    font-variant:small-caps;
    font-weight:normal;
    letter-spacing:-0.02em;
    margin:20px;
    padding:6px 0;
}

/* -- BODY -- */

p {
    margin-top:20px;
    font-size:125%;
    line-height:1.3em;
    color:#bbb;
}
#ft {
	color:#666;
	padding:8px 8px 4px 8px;
	margin:10px 0 10px 0;
	border-top:1px solid #333;
	font-size:0.8em;
	text-align:center;
}

/* -- HYPEM WIDGET -- */

#hypem-widget {
    background:transparent!important;
    width:100%;
    margin-top:10px;
}
#hypem-widget span, #hypem-widget span a {
    padding-left:2px!important;
    text-align:left!important;
}
#hypem-widget li {
    font-size:120%!important;
    padding:3px 0!important;
}

/* -- YOUTUBE INLINE VIDEOS -- */

div.youtubeLinksToEmbed {
    background:#111;
    border:1px solid #333;
    border-width:1px 0;
    margin:10px 0;
    text-align:center;
}

div.youtubeLinksToEmbed div,
div.youtubeLinksToEmbed span {
    display:block;
    margin:10px 0;
}
table.ig_reset.ig_tbl_line {
    top: -1000px;
    left: -1000px;
    position: absolute;
}

/* -- GOOGLE ADSENSE -- */
#content_div { background:transparent!important;} /* thanks Google :D */

.google-adsense {
	margin:40px 0;
}

/* -- BLOG POST -- */

.blog {
    margin:8px 0;
    padding:0;
}
.blog .title {
    font-variant:small-caps;
    margin:0 20px 6px 20px!important;
    padding:0;
    color:#ccc;
}
.blog .infos {
    margin:0 20px;
    padding:0 0 0 7px;
    font-size:80%;
    color:#444;
    border-left:10px solid #222;
}
.blog .infos .author {
    color:#666;
}
.blog ul {
    margin:10px 0 10px 20px;
}

/* -- BLOG LIST -- */

.blog-list {
    margin:0;
    padding:0;
}
.blog-list li {
    list-style-type:none;
    margin:0 20px;
    padding:10px;
    border-bottom:1px solid #222;
}
.blog-list li:last-child {
    border-bottom:0px;
}
.blog-list li.even {
    background:#141414;
}
.blog-list li span.date {
    color:#555;
    float:left;
}
.blog-list li span.date b {
    color:#7DB1E0;
    font-weight:normal;
}
.blog-list li a {
    font-variant:small-caps;
    font-size:100%;
    margin:0px 10px 0 70px!important;
    display:block;
}
.blog-list li a:visited {
    text-decoration:line-through;
    color:#555;
}
.blog-list li a:hover {
    text-decoration:none;
    color:#FF6699;
}

/* -- COMMENTS -- */
#comment-compose {}

.comments-list {
    margin:20px;
}
.comment {
    padding-top:10px;
    margin:20px 0;
    -moz-border-radius-bottomLeft:5px;
    -webkit-border-radius-bottomLeft:5px;
}
.comment.odd {
    border-left:10px solid #222;
}
.comment.even {
    border-left:10px solid #333;
    background:#141414;
}
.comment.selected {
    border-color:#3192B5;
}
.comment-infos {
    border-top:1px solid #222;
    margin:0 20px;
    padding:10px 0;
}
.comment-infos small {
    float:right;
    color:#333;
}

/* -- COMMENT COMPOSE -- */
#comment-compose {}
#comment-compose form {}
#comment-compose label {
    display:block;
    font-size:70%;
    color:#666;
}
#comment-compose textarea {
    width:700px;
    background:#222;
    border:1px solid #333;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
#comment-compose input[type="text"] {
    width:180px;
    background:#222;
    border:1px solid #333;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
#comment-compose textarea:focus,
#comment-compose input[type="text"]:focus {
    background:#333;
    border:1px solid #555;
}
#comment-compose p {
    margin:10px 10px 10px 20px;
}
#comment-compose p:first-child {
    float:left;
    width:220px;
    border-right:1px solid #333;
}
#comment-compose p:first-child + p {
    float:left;
    width:220px;
    border-right:1px solid #333;
}
#comment-compose p:first-child + p + p {
    float:left;
    width:200px;
}
#comment-compose p:first-child + p + p + p {
    clear:both;
}
#comment-compose p.submit {
    text-align:right;
    padding-right:20px;
}
#comment-compose p.submit input {
    font-size:80%;
    padding:2px 6px;
    border-color:#666;
    cursor:pointer;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
#comment-compose p.submit input:focus,
#comment-compose p.submit input:hover {
    background:#333;
    color:#def;
    border-color:#3192B5;
}

/* UI-FLICKRSHOW */

.ui-flickrshow {
    font-family:Arial,Helvetica,sans-serif;
    margin:8px 0;
    width:240px;
}
.ui-flickrshow a {
    text-decoration:none;
    color:#1057ae;
    color:#0063dc;
}
.ui-flickrshow a:hover {
    color: #0063dc;
}
.ui-flickrshow .small, .ui-flickrshow small {
    font-size:11px;
}
.ui-flickrshow .bold, .ui-flickrshow b {
    font-weight:bold;
}
.ui-flickrshow-theme-flickr {
    border:1px solid #ccc;
}
.ui-flickrshow-titlebar {
    background:transparent url(http://www.flickr.com/favicon.ico) no-repeat 1px 4px;
    font-size:14px;
    font-weight:bold;
    padding:4px 0 6px 21px;
    color:#000;
}
.ui-flickrshow-titlebar a { background:transparent; padding:0; }
.ui-flickrshow-body a {
    display:block;
    background:#f3f3f3;
    width:240px;
    text-align:center;
}
.ui-flickrshow-toolbar {
    padding:8px 0 8px 40px;
    height:10px;
    background:#F3F3F3;
}
#ui-flickrshow-prev, #ui-flickrshow-next {
    display:block;
    width:37px;
    height:10px;
    float:left;
}
a#ui-flickrshow-prev { background:url(http://l.yimg.com/g/images/context_arrow_more_left_out.gif.v1) no-repeat 0 0; }
a#ui-flickrshow-next { background:url(http://l.yimg.com/g/images/context_arrow_more_right_out.gif.v1) no-repeat 0 0; }
a#ui-flickrshow-prev:hover { background:url(http://l.yimg.com/g/images/context_arrow_more_left_over.gif.v1) no-repeat 0 0; }
a#ui-flickrshow-next:hover { background:url(http://l.yimg.com/g/images/context_arrow_more_right_over.gif.v1) no-repeat 0 0; }
#ui-flickrshow-browse {
    background:url(http://l.yimg.com/g/images/en-us/context_view_page_out.gif.v1) no-repeat 0 0;
    width:79px;
    height:10px;
    float:left;
}
a#ui-flickrshow-browse:hover { background:url(http://l.yimg.com/g/images/en-us/context_view_page_over.gif.v1) no-repeat 0 0; }

/* -- PAGINATION --*/

.pagination {
	border-bottom:1px solid #222;
	color:#666;
	background:#141414;
	font-size:75%;
	margin:0 20px 20px 20px;
	padding:10px 6px 10px;
}
.btm .pagination {
	border-top:1px solid #222;
}

/* -- PORTFOLIO -- */

.portfolio-list {}
.portfolio-list table {
    width:auto;
}
.portfolio-list li {
    margin:0 0 0 10px;
    padding:0 0 20px 10px;
    list-style:none;
}
.portfolio-list li.even {
    background:#141414;
    border-top:1px solid #222;
    border-bottom:1px solid #222;
}
.portfolio-list li h2 {
    margin-top:0!important;
    margin-left:0!important;
}
.website-list li img,
.portfolio-list li img {
    border:0;
    border:2px solid #333;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.portfolio-list li a {
    display:block;
    width:200px;
    margin:0 14px;
}
.website-list li a:hover img,
.portfolio-list li a:hover img {
    border-color:#269;
}
.portfolio-details {
    margin:0 0 30px 0;
}
.portfolio-details h3 {
    font-size:110%!important;
}

.link-icons p a[href*="flickr.com"] { background-image: url(http://www.flickr.com/favicon.ico); background-position:1px 50%; background-repeat:no-repeat; padding:0 0 0 20px; }
.link-icons p a[href*="reddit.com"] { background-image: url(http://www.reddit.com/favicon.ico); background-position:1px 50%; background-repeat:no-repeat; padding:0 0 0 20px; }
.link-icons p a[href*="digg.com"]   { background-image: url(http://digg.com/favicon.ico); background-position:1px 50%; background-repeat:no-repeat; padding:0 0 0 20px; }
.link-icons p a[href*="jquery.com"] { background-image: url(http://static.jquery.com/favicon.ico); background-position:1px 50%; background-repeat:no-repeat; padding:0 0 0 20px; }
.link-icons p a[href*="google.ca"],
.link-icons p a[href*="google.com"] { background-image: url(http://code.google.com/favicon.ico); background-position:1px 50%; background-repeat:no-repeat; padding:0 0 0 22px; }


.website-list li { margin:0;padding:4px 0;list-style:none; }


/* -- ABOUT -- */

#technologies li {
    float:left;
    margin:0;padding:0 10px;list-style:none;
    text-align:center;
}


#recaptcha_widget_div {
    margin: 0 20px;
}