/*

Theme Name: Rob Barrett Design 2011
Description: WordPress Theme for Rob-Barrett.com
Version: 1.0
Author: Rob Barrett
Author URI: http://www.rob-barrett.com

*/

/* ===== HTML5 Support ===== */

header, section, nav, aside, footer, article { display: block; }

/* ==== STRUCTURE ==== */

html, body { height: 100%; }

body {
	background: #F7F7F7 url(images/bg_body.gif) repeat;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
  line-height: 1.5;
}
#page {
	background-color: #FFFFFF;
	width: 960px;
  padding: 30px;
  margin-right: auto;
	margin-left: auto;  -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
		-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
		box-shadow: 0px 0px 20px rgba(0,0,0,0.05);} 
#header {
	background: #00335B url(images/bg_header.gif) repeat;
  width: 900px;
  height: 186px;
  padding: 30px;
  position: relative;
}
#content {
	width: 600px;
  float: left; }
#content.full-width {
	width: 960px;
  float: none; }
#sidebar {
	width: 330px;
  float: right; }
#sidebar > .section {
	margin-top: 2.858em; }
#sidebar > .section *:first-child {
	margin-top: 0; }
#footer {
	background: #00335B url(images/bg_header.gif) repeat;
  color: #FFFFFF;
  padding: 30px;
  margin: 4em auto 0;
}


/* ===== HEADER ====== */

#header .col1,
#header .aside {
	color: #FFFFFF;
	width: 435px; }
#header .col1 { float: left; }
#header .aside {
  background: url(images/header-rob.png) no-repeat;
  width: 417px;
  height: 246px;
  float: left;
  position: absolute;
  top: 0;
  right: 40px;
}

#header h1 { margin: 0; }
#header h1 a {
	background: url(images/logo_rob-barrett.png) no-repeat;
	text-indent: -999em;  display: block;
  width: 437px;
  height: 129px;
}
#header h2 { display: none; }


/* ===== NAVIGATION ===== */

.nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.nav ul li {
	font-family: 'Rokkitt', Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
	float: left;
	padding: 0;
	margin: 0;
}
.nav ul li a,
.single-rbdportfolio .nav ul li#menu-item-1258 a {
	background-color: #10182F;
  background-repeat: no-repeat;
  background-position: left top;
	color: #FFFFFF;
	text-indent: -999em;;
	display: block;
	margin: 0;
}

.nav#primary {
	margin-top: 20px;
  margin-right: auto;
	margin-left: auto; }

.nav#primary ul li:hover a,
.nav#primary ul li a:active,
.nav#primary ul .current_page_item a,
.single-rbdportfolio .nav ul li#menu-item-1234 a {
	color: #E05A27;
}

.nav#primary ul.menu > li:hover > a,
.nav#primary ul li.parent:hover a,
.nav#primary ul li.current_page_item a,
.nav#primary ul li.current_page_parent a,
.nav#primary ul li.current_page_ancestor a,
.single-rbdportfolio .nav ul li#menu-item-1234 a { 
  background-position: left bottom;
}
.single-rbdportfolio .nav ul li#menu-item-1258 a { background-position: left top; }

.nav#primary li { margin-left: 20px; }
.nav#primary a {
	width: 100%;
  height: 37px; }
.nav#primary #menu-item-1234 {
  margin-left: 0; }
.nav#primary #menu-item-1234 a {
	background-image: url(images/nav_portfolio.gif);
	width: 93px; }
.nav#primary #menu-item-1258 a {
	background-image: url(images/nav_blog.gif);
  width: 56px; }
.nav#primary #menu-item-1238 a {
	background-image: url(images/nav_about-me.gif);
  width: 106px; }
.nav#primary #menu-item-1237 a {
	background-image: url(images/nav_contact-me.gif);
  width: 119px; }


/* ===== ELEMENTS ===== */

p {
  font-size: 1.4em;
  margin-top: 1.429em;}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Rokkitt', Calibri, Arial, Helvetica, sans-serif; }
h1 {
  font-size: 3em;
  line-height: 1.333em;
  margin-top: 0.667em;}
h2 {
  font-size: 2.7em;
  line-height: 1.481em;
  margin-top: 0.741em;}
h3 {
  font-size: 2.4em;
  line-height: 1.667em;
  margin-top: 0.833em;}
h4 {
  font-size: 2.1em;
  line-height: 1.905em;
  margin-top: 0.952em;}
h5 {
  font-size: 1.8em;
  line-height: 1.889em;
  margin-top: 1.111em;}
h6 {
  font-size: 1.4em;
  line-height: 1.786em;
  margin-top: 1.429em;}
a { color: #1B6298; }
a:hover { text-decoration: none }
a img:hover { border-color: #AAA; }
hr {
  background-color: #CCC;
  height: 0px;
  margin-top: 3em;
  border-color: #CCC;
  border-style: solid;
  border-width: 1px 0 0;
}

/* Lists */
ul,
ol,
dl {
  margin-top: 1em;}
li,
dt,
dd {
  font-size: 1.4em;
  line-height: 1.786em;
}
li,
dt {
  font-size: 1.4em;
  line-height: 1.786em;
  margin-top: 0.7145em;
}
dt { font-weight: bold; }
ul {
  padding-left: 15px;
  list-style: disc;
}
ul li { padding-left: 10px; }
ol li {
  text-indent: -25px;
  padding-left: 25px;
  list-style-position: inside;
}
li li,
li p {
  font-size: 1em;
}

/* Forms */
fieldset {
  padding: 20px;
  margin-top: 1em;  border: solid 1px #00335B;
  -moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;}
legend {
  font-size: 1.2em;
  line-height: 2.083em;
  padding: 0 10px;
  border: solid 1px #00335B;
  -moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;}
legend + * { margin-top: 0; }
form {
  padding: 20px;
  margin-top: 1.429em;  border: solid 1px #CCC;
  -moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;}
form *:first-child { margin-top: 0; }
form label {
  display: block; }
form label.required { font-weight: bold; }
form input {
  font-size: 1em;
  color: #333;
  margin-top: 1.786em;
}
form input[type=file] { font-size: 1.6em; }
form input[type=text],
form input[type=password] {
  background-color: #FFF;
  border: solid 1px #999;
}
form input[type=text],
form input[type=password] {
  width: 298px;
  padding: 5px;
}
form input[type=text],
form textarea { background: #FFF url(images/bg_input.gif) repeat-x left top; }
form input[type=submit] {
  font-family: 'Rokkitt', Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.154em;
  font-weight: bold;
  color: #FFF;
  background-color: #10182F;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}
form input[type=submit]:hover { background-color: #002F54; }
form input[type=reset] {
  font-weight: bold;
  color: #FFF;
  background: #333;
  padding: 5px;
  border: none;
  cursor: pointer;
}
form input[type=radio],
form input[type=checkbox] { margin-top: 1.429em;; }
form select {
  color: #333;
  background-color: #FFF;
  width: 298px;
  padding: 5px;
  margin-top: 1.429em;;
  border: solid 1px #999;
}
form textarea {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #333;
  background-color: #FFF;
  width: 448px;
  min-height: 9.375em;
  padding: 5px;
  margin-top: margin-top: 1.429em;;
  border: solid 1px #999;
}
form span.required { display: none; }
form p.comment-form-author label,
form p.comment-form-email label,
form p.comment-form-comment label { font-weight: bold; }

/* Tables */
table {
  margin-top: 1em;  border-style: solid;
  border-color: #CCC;
  border-width: 1px 0 0 1px; }
table th,
table td {
  padding: 10px;
  border-style: solid;
  border-color: #CCC;
  border-width: 0 1px 1px 0; }
table td { font-size: 1.4em; }
table th > ul,
table td > ul { font-size: 0.857em; }
table th > p,
table td > p { font-size: 1em; }
table th *:first-child,
table td *:first-child { margin-top: 0; }
table th,
table thead td {
  font-size: 2em;
  font-weight: bold;
  background-color: #00335B;
  border-bottom-width: 2px; }

/* Blockquotes */
blockquote {
  background-color: #EEE;
  padding: 2em 20px;
  margin-top: 1.429em;}
blockquote.alt { background-color: #CCC; }
blockquote *:first-child { margin-top: 0; }
blockquote cite {
	font-size: 1.4em;
  font-weight: bold;
  display: block;
  margin-top: 1.429em;;
}

/* Code */
code,
pre {
  font-size: 1.4em;
  line-height: 1.786em;
  background-color: #dae9e9;
  padding: 1.429em 20px;
  margin-top: 1.429em;  border: solid 1px #6cb4b6;
}
p code,
p pre { font-size: 1.286em; }
pre { white-space: pre-wrap /* css-3 */;
  white-space: -moz-pre-wrap !important /* Mozilla, since 1999 */;
  white-space: -pre-wrap /* Opera 4-6 */;
  white-space: -o-pre-wrap /* Opera 7 */;
  word-wrap: break-word /* Internet Explorer 5.5+ */;; }

/* Various */
abbr,
acronym {
  border-bottom: dotted 1px #999999;
  cursor: help;
}
sup {
  font-size: 0.75em;
  vertical-align: super; }
sub {
  font-size: 0.75em;
  vertical-align: sub; }
.focus-box {
  background-color: #E0FFBC;
  padding: 2em 20px;
  margin-top: 2em;
  border: solid 1px #27C400; }
.focus-box > *:first-child {
  margin-top: 0; }
#date-warning {
  padding: 2em 20px;
  margin-top: 2em;
  border: solid 1px #EFD68B;
  background: #F9F6A1;
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZjhiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y0OGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #fbf8b8 0%, #f7f48a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf8b8), color-stop(100%,#f7f48a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fbf8b8 0%,#f7f48a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fbf8b8 0%,#f7f48a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fbf8b8 0%,#f7f48a 100%); /* IE10+ */
		background: linear-gradient(top,  #fbf8b8 0%,#f7f48a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf8b8', endColorstr='#f7f48a',GradientType=0 ); /* IE6-8 */
	 }
#date-warning p {
  background: url(images/icon_warning.png) no-repeat left center;
	min-height: 50px;
  padding-left: 80px;
  margin-top: 0; }

a.main-link {
  font-size: 1.143em;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  background-color: #10182F;
  display: inline-block;
  padding: 5px 10px; }
a.main-link:hover {
  background-color: #002F54; }


/* ===== CONTAINER ===== */

.section {
	margin-top: 3em; }
.section > *:first-child: {
	margin-top: 0; }

	/* ~~~~~ NHC & Yo Illo ~~~~~ */
  #nhc .col1,
  #yoillo .col1 {
  	width: 270px;
    float: left; }
  #nhc .col1 > *:first-child,
  #yoillo .col1 > *:first-child {
  	margin-top: 0; }
  #nhc .col1 p,
  #yoillo .col1 p {
  	font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    margin-top: 0.556em; }
  #nhc .col1 p a,
  #yoillo .col1 p a {
  	color: #000;
    text-decoration: none; }
  #nhc .col1 p a:hover,
  #yoillo .col1 p a:hover {
    text-decoration: underline;}
  #nhc .col2,
  #yoillo .col2 {
  	width: 660px;
    float: right; }
  #nhc .col2 > *:first-child,
  #yoillo .col2 > *:first-child {
  	margin-top: 0; }
  #nhc .col2 .description > *:first-child,
  #yoillo .col2 .description > *:first-child {
  	margin-top: 0; }
  .section .links .site {
  	font-size: 	1.286em;
    font-weight: bold; }
  .section .links .social {
    float: right; }
  .section .links .social a {
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -999em;    display: block;
    width: 25px;
    height: 25px;
    float: left; }
  .section .links .social a.twitter {
  	background-image: url(images/icon_twitter-t.png);
    margin-right: 10px; }
  .section .links .social a.facebook {
  	background-image: url(images/icon_facebook.png); }
  
  /* ~~~~~ NHC ~~~~~ */
  #nhc h1 a {
  	background: url(images/logo_nice-hot-cuppa.gif) no-repeat left top;
  	text-indent: -999em;    display: block;
    width: 269px;
    height: 181px; }
  #page #nhc #portfolio-strip {
    padding: 0;
    margin: 0; }
  #nhc #portfolio-strip li {
    font-size: 1em;
    line-height: 0;
    float: left;
    padding: 0;
    margin: 0 0 0 10px;
    list-style: none; }
  #nhc #portfolio-strip li:first-child {
    margin: 0; }
  #nhc #portfolio-strip a {
    display: block;
    border: solid 2px #CCC;
    -moz-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px; }
  #nhc #portfolio-strip li span,
  #portfolio #illustration span {
    display: none; }
  #nhc #portfolio-strip #go-to-portfolio a {
    background: url(images/go-to-portfolio.png) no-repeat left center;
    text-indent: -999em;    width: 76px;
    height: 76px;
    margin-top: 9px;
    border: none; }
	#nhc * + .description {
  	margin-top: 2em; }
  
  /* ~~~~~ Yo Illo ~~~~~ */
  #yoillo h1 a {
  	background: url(images/logo_yo-illo.gif) no-repeat left top;
  	text-indent: -999em;    display: block;
    width: 270px;
    height: 154px; }
  #yoillo .col1 p a span {
  	color: #3DB44A; }
  #yoillo #next-meet-up {
    font-size: 1.8em;
    margin-top: 1.111em; }
  #yoillo #next-meet-up span {
    font-weight: bold;
    color: #C00; }
  
  /* ~~~~~ Latest Posts ~~~~~ */
  #posts .post {
  	width: 300px;
    float: left; }
  #posts .post + .post { margin-left: 30px; }
	#posts h2 {
  	font-size: 2.4em;
    line-height: 1.667em;
    margin-top: 0.833em; }
  #posts h2 a {
    color: #002F54;
    text-decoration: none; }
  #posts > p { clear: both; }
  .post-meta,
  .client-name {
    color: #666;
    margin-top: 0; }
  .post-meta a,
  .client-name a {
  	color: #444; }
  #posts .read-more {
  	font-weight: bold; }
  #posts .links {
  	font-size: 1.6em;
    font-weight: bold;
    margin-top: 1.25em;  	float: left; }
  #posts .links a {
  	color: #FFF;
    text-decoration: none;
    background-color: #10182F;
  	display: block;
    padding: 5px 10px; }
  #posts .links a:hover {
    background-color: #002F54; }
  
  /* ~~~ Blog ~~~ */
  #content .wp-pagenavi {
    text-align: center;
    padding-top: 2em;
    margin-top: 2em;
    border-top: solid 1px #CCCCCC; }
  #content .wp-pagenavi span,
  #content .wp-pagenavi a {
    font-size: 1.4em;
    font-weight: bold;
    background-color: #002F54;
    padding: 5px 10px;
    margin: 0 5px;
    border: none; }
  #content .wp-pagenavi span.pages {
    font-weight: bold;
    background: none; }
  #content .wp-pagenavi span.current {
  	color: #FFF;
    background-color: #10182F; }
  #content .wp-pagenavi a {
    color: #FFF; }
  #content .wp-pagenavi a:hover {
    background-color: #10182F; }
  #content .post-navigation {
    clear: both;
    margin-top: 2em; }
  #content .post-navigation span a {
  	font-size: 1.6em;
  	color: #FFF;
  	background-color: #10182F;
    display: block;
    padding: 5px 10px;
    text-decoration: none; }
  #content .post-navigation span a:hover {
  	background-color: #002F54; }
  #content .post-navigation span.next a {
    float: right; }
  #content .post-navigation span.prev a {
    float: left; }
  .format-link .read-more,
  .single-format-link .read-more {
    font-size: 1.8em;
    font-weight: bold;
    background: url(images/icon_link-post.png) no-repeat left center;
		min-height: 30px;
    padding-left: 40px;
    margin-top: 1.111em; }
  
  /* ~~~~~ Comments ~~~~~ */
  #content ol.commentlist {
  	list-style: none;
    margin-top: 2em; }
  #content ol.commentlist li {
    text-indent: 0;
    width: 100%;
    padding-left: 0;
    margin-top: 1.071em;
    margin-left: 0; }
  #content ol.commentlist li:first-child {
    margin-top: 0; }
  #content ol.commentlist ul.children li:first-child { margin-top: 0;}
  #content ol.commentlist .avatar {
    float: left;
    margin-right: 20px; }
  #content ol.commentlist .comment-body {
    background-color: #EDEDED;
    float: left;
    width: 500px;
    padding: 0.714em 10px; }
    #content ol.commentlist .comment-body *:first-child { margin-top: 0; }
  #content ol.commentlist p.comment-meta {
    font-size: 0.857em;
    color: #666;
    padding-top: 0.833em;
    margin-top: 1.25em;
    border-top: solid 1px #CCC; }
    ol.commentlist a.comment-reply-link {
    font-size: 1.083em;
    line-height: 1em;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    background-color: #002F54;
    display: inline-block;
    padding: 6px;
    margin-left: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px; }
  ol.commentlist a.comment-reply-link:hover {
  	background-color: ; }
  /* -- Nested Comments -- */
  #content ol.commentlist ul.children {
  	float: left;
    clear: left;
  	margin-left: 80px;
    padding-left: 0;
    list-style: none; }
  #content ol.commentlist li.depth-2 ul.children { margin-left: 60px; }
  #content ol.commentlist ul.children li {
  	margin-left: 0;
    padding-left: 0; }
  #content ol.commentlist ul.children li.depth-2 .comment-body { width: 440px; }
  #content ol.commentlist ul.children li.depth-3 .comment-body { width: 380px; }
  
  #content #comments li.pingback {
    font-size: 1.1em;
    color: #666;
    background-color: #E3E9EB;
    width: 500px;
    padding: 0.455em 10px;
    margin-left: 80px; }
  #content #comments li.pingback * {
    padding: 0;
    margin: 0; }
  #content #comments li.pingback a {
  color: #444; }
  
  #comments .navigation {
  	clear: both;
    margin-top: 2em; }
  #comments .navigation:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  #comments .navigation div a {
  	font-size: 1.2em;
  	color: #FFF;
    text-decoration: none;
  	background-color: #696f80;
    display: block;
    padding: 5px 10px; }
  #comments .navigation div a:hover {
  	background-color: #002F54; }
  #comments .navigation div.nav-next a {
    float: right; }
  #comments .navigation div.nav-previous a {
    float: left; }
  
  /* ~~~~~ Portfolio ~~~~~ */
  #portfolio #content .column {
  	width: 363px;
  	float: left;
    margin-right: 20px;
  }
  #portfolio #content .column#illustration {
  	width: 174px;
    margin-right: 0;
  }
  #portfolio #content .column ul {
  	list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #portfolio #content .column li {
  	width: 174px;
    float: left;
    padding-left: 0;
    margin-left: 0;
  	list-style: none;
  }
  #portfolio #content .column#illustration li {
  	float: none;
  }
  #portfolio #content .column li a {
  	line-height: 0;
    display: block;
    border: solid 2px #CCC;
    -moz-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;   }
  #portfolio #content .column li a.project-name {
  	line-height: 1.5em;
  	font-weight: bold;
  	color: #666;
    margin-top: 0.429em;
    border: none;
   }
  #portfolio #content .column .two-col li:nth-child(2n-1) {
  	margin-right: 15px;
    clear: left;
  }
  #portfolio #content .column li:first-child {
    margin-top: 0;
  }
  #portfolio #content .column .two-col li:nth-child(2) {
    margin-top: 0;
  }
  #project-meta .client-name {
  	width: 35%;
    float: left;
  }
  #project-meta .tags {
    text-align: right;
  	width: 60%;
    float: right;
    padding-top: 0.273em;
  }
  p.tags {
    color: #999999;
    display: inline-block;
    font-size: 1.1em;
    margin-top: 0;
    text-transform: uppercase;
  }
  #portfolio p.tags {
  	font-size: 0.786em;
    border-top: 1px dotted #CCCCCC;
    margin-top: 0.545em;
    padding-top: 3px;
  }
  
  /* ~~~~~ Social Sharing Links ~~~~~ */
  #social-share {
    margin-top: 2em;
  }
  #social-share > * {
    display: inline-block;
  }
  #social-share .twitter-share-button {
  	margin-right: 20px;
  }
  #social-share .fb_iframe_widget {
  	margin-top: -1px;
  }


/* ===== SIDEBAR ===== */

.widget-box {
	margin-top: 2em; }
.widget-box > *:first-child {
	margin-top: 0; }


/* ===== FOOTER ===== */

#footer > div {
  width: 280px;
  float: left; }
#footer > div + div { margin-left: 30px; }
#footer > div > *:first-child { margin-top: 0; }

#footer a {
	color: #52E0FF;
  text-decoration: none }
#footer a:hover { text-decoration: underline }

	/* ~~~~~ Icons ~~~~~ */
  #footer .col1 ul,
  #footer .col1 li {
    padding: 0;
    margin: 0;
    list-style: none; }
  #footer .col1 li {
    float: left;
    margin-top: 10px; }
  #footer .col1 li:first-child,
  #footer .col1 li:nth-child(2) {
    margin-top: 0; }
  #footer .col1 li:nth-child(2n) {
    margin-left: 30px; }
  #footer .col1 a {
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    width: 75px;
    min-height: 40px;
    padding-left: 50px; }
  #footer .col1 #dribbble a { background-image: url(images/icon_dribbble.png); }
  #footer .col1 #google-plus a { background-image: url(images/icon_google-plus.png); }
  #footer .col1 #flickr a { background-image: url(images/icon_flickr.png); }
  #footer .col1 #behance a { background-image: url(images/icon_behance.png); }
  #footer .col1 #twitter a { background-image: url(images/icon_twitter.png); }
  
  /* ~~~~~ Twitter ~~~~~ */
  #footer .col2 a { text-decoration: none; }
  #footer .col2 a:hover { text-decoration: underline; }
  #footer .col2 h3 { line-height: 1em; }
  #footer .col2 h3 a {
    color: #FFFFFF;
    text-decoration: underline; }
  #footer .col2 h3 a:hover { text-decoration: none; }
  #footer .col2 ul,
  #footer .col2 li {
    padding: 0;
    list-style: none; }
  #footer .col2 li > a {
    font-size: 0.786em !important;
    color: #FFFFFF;
    line-height: 1.5em;
    display: block; }
  #footer .col2 > p {
    font-weight: bold;
    background: url(images/icon_twitter-t.png) no-repeat left center;
    min-height: 24px;
    padding-left: 34px; }


/* ===== GENERAL ===== */

.edit-link a {
  font-weight: bold;
  color: #CF007D;
  background-color: #FFAFDF;
  padding: 5px 10px; }
.normal { font-weight: normal; }
.hidden { display: none; }
.clear { clear: both; }
div.clear { height: 0px; }
.float-right, .alignright {
  float: right;
  clear: right;
  margin-left: 20px;
  margin-bottom: 20px; }
div.float-right, div.alignright { margin-left: 20px; }
.float-left, .alignleft {
  float: left;
  clear: left;
  margin-right: 15px;
  margin-bottom: 10px; }
.aligncenter, .center {
  display: block;
  margin-right: auto;
  margin-left: auto; }
.larger { font-size: 1.143em; }
p.larger {
  font-size: 1.6em;
  margin-top: 1.25em;
}
.smaller { font-size: 0.857em; }
p.smaller {
  font-size: 1.2em;
  margin-top: 1.667em;
}
.subtle, .disclaimer { color: #666; }
.subtle a, .disclaimer a { color: #666; }
#sidebar p.subtle, #sidebar p.disclaimer {
  font-size: 1.2em;
  margin-top: 1.667em;}
.nowrap { white-space: nowrap; }
input[type=hidden] { display: none; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}