/* Default Styles
----------------------------------------------------*/
/* 
1 Main
2 Wrappers
3 Masthead,Menu & Navigation 
4 Boxes,grids,lists and columns
5 Clearing
*/
/* --------------------------------- */
/* =Main */
/* -------------------------------- */
/* 
=removes scrollbars from reduced width heights
html {overflow:-moz-scrollbars-vertical;}
*/ 
html {margin:0 !important;}
body {text-align:left;/* centering for older browsers*/
background-color:#e2eeff;
/*font-size:62.5%;*/ /*sets font-size to baseline 10px then set container to 1.1,1.2.,1.3 for 11,12 13 px baseline font-size*/
font-size:62.5%;color:#444444;font-family:Verdana,Arial,Helvetica,sans-serif;/* font-family:Georgia,"Times New Roman",Times,serif;*/
}

/* --------------------------------- */
/* =Wrappers */
/* -------------------------------- */
#container {width:980px;margin:0;text-align:left;background-color:#fff;font-weight:normal;font-size:1em;min-height:800px;font-size:1.3em}
/* center the element and set font size to 13px */
#header {margin:0;} 
.header-toggle {display:none;}
#content {margin:0 10px;}
/* total available content width = 940px */
#footer {font-size:1.1em;text-align:center;padding:21px 0;color:#666;clear:both;width:100%;}
#footer .cc {margin:0 auto;width:88px;}
/* --------------------------------- */
/* =Text Formating */
/* -------------------------------- */

p {line-height:1.5em;font-size:1em;padding:0 0 1.5em 0;}
/*font size:13px line-height:19px margin-bottom:19px*/

a {font-weight:normal;text-decoration:none;}
a:link {color:#FF0F0F;}
a:visited {color:#FF0F0F;}
a:hover {color:#333;text-decoration:underline;}
/*link styles should be in the order LVHA*/

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

.tx-l {text-align:left;}
.tx-c {text-align:center;}
.tx-r {text-align:right;}

/*floats*/
.left {float:left;display:inline;} /*display inline avoids double float margin bug in IE*/
.right {float:right;display:inline;}

.v-space {margin-top:1.5em;}

ul li,ol li {line-height:1.5em;font-size:1.4em;margin:0 0 0 21px;list-style-type: disc;}

hr {border:none 0;border-top:1px solid #ccc;height:1px;clear:both;margin-top:1.4em;}

.tiny {font-size:1em;} /*10px*/
.small {font-size:0.9em;} /*11px*/
.normal {font-size:1.3em;} /*13px*/
.large {font-size:1.5em;} /*15px*/

.hide {display:none;}
/* Alternate hide sets line-height massive with set height and overflow:hidden - althoug be careful with ie6
#header h1.logo a span {line-height:537px;overflow:hidden;} */

.opacity_70 {
filter: alpha(opacity=70); /* Internet Explorer */
-moz-opacity: 0.7; /* Mozilla */
-khtml-opacity: 0.7; /* Safari */
opacity: 0.7; /* Opera */
}

.rel {position:relative;}
img {border:none;display:block;} /*display block to avoid IE6 whitespace on inline elements due to baseline spacing (for descender space),i.e. images*/

.no_margin {margin:0}
.inline {display:inline;} /*used to fix IE6 double margin bugs*/
.highlight {color:#c00;}
.button {overflow:visible;display:block;}

.row {width:100%;}
.pb10  {padding-bottom:10px;}
.pb14  {padding-bottom:14px;}
.pb21  {padding-bottom:21px;}

/*fixes many IE bugs for buttons*/
.skipto, #skipnav {position:absolute;top:0;left:-100000px;width:0;height:0;overflow:hidden;}

/*en dash list*/
.list li {list-style-type:none;}
.list li:before {
 	content: "– ";
}  

/*
=Data tables
*/
table {margin:0 0 1.5em;border-collapse:separate;border-spacing:0;border-bottom:1px solid #ccc;}
caption {margin:0;padding:0.5em 0;font-weight:bold;text-align:left;}
th {font-weight:bold}
th,
td {padding:0.25em 0.5em 0.25em 0;border-top:1px solid #ccc;vertical-align:top;text-align:left;font-size:1.4em;}

/*
=Forms
*/ 
legend {margin:0 0 13px 0;}
label.screen-reader-text {display:none;}  
input[type="button"],
input[type="submit"], input#searchsubmit {
    font-size: 12px !important;
    background: #231f20 !important;
    -moz-border-radius: 2px !important;
-webkit-border-radius: 2px;
    padding: 4px 8px !important;
    border: 0 !important;  
	color: #ffffff;  
	vertical-align:top; 
	text-transform:lowercase;
}  
input#searchsubmit:hover, input[type="submit"]:hover {background: #595556 !important;cursor:pointer;}
input#s {font-size:1em;width:200px;color:#666;height:15px;vertical-align:top;} 
input[type="checkbox"] {border:0;width:auto;}  
select {margin:0 0 0 10px;}
textarea {width:490px;height:150px;font-family:Verdana,Arial,Helvetica,sans-serif;}
legend, label, input, select, textarea  {font-size:1.4em;}

/*jquery form focus*/
.focusField {background:#EFF5FF;color:#000;}
.idleField {background:#EEE;color:#6F6F6F;}

/*columns*/                          
div#content {padding-top:1.154em;}
.c1 {width:655px;}
.c2 {width:255px;} /* 665 + 255 + 25px = 940px */
.c3 {width:100px;}
.c4 {width:535px;} /* 390 + 250 + 25px = 665px */                                                       
.c5 {width:190px;} /* 190 + 190 + 10px = 390px */


/* ---------------------------------------- */
/* =Boxes,grids,lists and columns */
/* ---------------------------------------- */
.grids:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .grids {height:1%;} /*to avoid ie6 miscalcuating an elements height (if block level) due to caching previous content height*/
.grids {display:inline-block;}
.grids {display:block;margin:0;}
.grids .unit_sm,.grids .unit_lg {float:left;overflow:hidden;display:inline;margin:0 0 0 30px;}
.grids .unit_sm {width:175px;}
.grids .unit_lg {width:285px;}
.grids .unit_half {width:48%;margin-left:1.895%;float:left;overflow:hidden;display:inline;}
.grids .unit_third {width:31.2%;margin-left:1%;float:left;overflow:hidden;display:inline;}
.grids .first {margin:0;}  

/* List grids */
/* =content-sub */
.content-sub ul {margin-bottom:0;}
.content-sub li {float:left;margin:0 5px 0 0;width:102px;}

/* -------------------- */
/* =Clearing */
/* ------------------ */
.clear {clear:both;line-height:0px;font-size:0px;height:0px;padding:0px;margin:0px;border:none;}
.clearfix:after {clear:both;content:".";display:block;height:0pt;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
.clr {overflow:hidden;/*method for clearing floats*/}

/* -------------------- */
/* =Custom */
/* ------------------ */  
h1,h2,h3,h4 {font-family:Georgia, "Trebuchet MS", "Times New Roman", Times, serif;}
h1 {font-size:2.1em;color:#2d2d2d;text-decoration:none;}         
h2 {color:#FF0F0F;font-size:2.1em;}
h3 {color:#333;font-size:1.6em;margin:3px 0 0 0;}
h4 {color:#333;font-size:1.4em;margin:0 0 10px 0;}  

/*meta*/
.meta {font-size:0.9em;}

/*archive.php*/
h2.pagetitle {margin:0 0 10px 0;color:#2d2d2d;}

/*single.php*/
.post {padding:0 0 20px 0;}   
.post img {max-width:530px;}
.post h2, .post h2 a, .post h2 a:link, h2.pagetitle {font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2";font-weight:bold;} 
.post .flickr-image img {border:15px solid #2d2d2d;}
.post .flickr-image:hover img {border:15px solid #000;}
.post ul li {font-size:1.1em;}   
.entrytext {margin:0 0 10px 0;}
.entry ul li, .entry ol li {font-size:1em;}   
.entry ul, .entry ol {margin:0 0 20px 0;}
.page-navigation {padding:10px 0;}
.page-navigation a {
    font-size: 12px;
    background: #231f20;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 4px 6px;
    border: 0;  
	color: #ffffff;  
	vertical-align:top;	         
	font-size:0.9em;
}

#content .page-navigation a, #content .page-navigation a:link, #content .page-navigation a:visited {color:#fff;}
.page-navigation a:hover {background: #ff00a2;color:#ffffff;text-decoration:none;}     
.return {font-size:0.9em;} 
h2#comments {margin:10px 0 0 0;padding:10px 0 10px 0;border-top:1px solid #ccc;}
.commentlist li, .trackbackslist li {list-style-type:none;margin:0;font-size:1em;padding:5px 0;border-bottom: 1px solid #ccc;margin:0 0 10px 0;font-size:1em;}  
.commentlist li:last-child, .trackbackslist li:last-child {border:0;}  

#postcomment {padding:0 0 15px 0;}
#commentform textarea {font-size:1em;padding:5px;}   
#commentform label {display:block;clear:both;float:left;width:150px;margin:0 0 5px 0;padding:0;font-size:1.1em;font-weight:bold;}     
#commentform label.comment-label {float:none;}
.avatar {float:left;}       

.commentmetadata, cite.fn, .says {font-size:1.1em;}
.commentmetadata {margin:0 0 10px 0;} 
 
.authcomment {
background-color: #B3FFCC !important;
}
.trackbackslist .commentmetadata, .trackbackslist cite.fn {padding:0;}  
.comment p {clear:left;} 
cite.fn {padding-left:15px;margin:0 0 5px 0;}
span.created_at {font-size:90%;color:#999999;}

/*archives dropdown*/
.archives_widget .box-content-beige{height:50px;}
ul.archives-dropdown{
background: #231f20;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
border: 0;  
color: #ffffff;  
margin:0 0 10px 0;}

ul.archives-dropdown li {list-style-type:none;margin:0;position:relative;font-size:1em;}
ul.archives-dropdown li a {display:block;padding:0 0 0 8px;height:23px;line-height:23px;
padding: 4px 6px;}
ul.archives-dropdown li a:link,ul.archives-dropdown li a:visited {font-size:1em;color: #ffffff;  }
ul.archives-dropdown li a:hover {background-color:#ff00a2;}
ul.archives-dropdown ul {display:none;}
ul.archives-dropdown ul {left:0;background-color:#231f20;}
ul.archives-dropdown ul li a{padding:0 0 0 5px;text-align:left;display:block;}   
ul.archives-dropdown li ul li a, ul.archives-dropdown li ul li a:link, ul.archives-dropdown li ul li a:visited {}
ul.archives-dropdown li:hover ul{display:block;width:255px;margin:0;}

/*categories*/
.c3 .category {background-color:#efefef;color:#ffffff;display:block;}     
.c3 .category em {line-height:28px;height:28px;font-size:1.4em;text-transform:lowercase;}
.c3 .category em a {display:block;text-indent:-9999px;}
 
/*Blog-post*/ 
.category-4 .c3 .category, .category-4 .c3 .toggle {background-color:#ff00a2;color:#ffffff;} 
.category-4 .c3 .category em a {background:transparent url('../images/icons/blog-post.gif') no-repeat;}
.category-4 a, .category-4 a:link, .category-4 a:visited, .category-4 a:active, .category-4 h2
{color:#ff00a2;}        

/*Flickr post*/
.category-5 .c3 .category, .category-5 .c3 .toggle {background-color:#00a6eb;color:#ffffff;} 
.category-5 .c3 .category em a {background:transparent url('../images/icons/blog-photo.gif') no-repeat;}
.category-5 a, .category-5 a:link, .category-5 a:visited, .category-5 a:active, .category-5 h2
{color:#00a6eb;}   

/*Video post*/
.category-6 .c3 .category, .category-6 .c3 .toggle {background-color:#14d300;color:#ffffff;} 
.category-6 .c3 .category em a {background:transparent url('../images/icons/blog-video.gif') no-repeat;}
.category-6 a, .category-6 a:link, .category-6 a:visited, .category-6 a:active, .category-6 h2
{color:#14d300;}  

/*Code post*/
.category-3 .c3 .category, .category-3 .c3 .toggle {background-color:#e07f01;color:#ffffff;} 
.category-3 .c3 .category em a {background:transparent url('../images/icons/blog-code.gif') no-repeat;}
.category-3 a, .category-3 a:link, .category-3 a:visited, .category-3 a:active, .category-3 h2
{color:#e07f01;}  
 
/*toggle*/
a.more-link {position:relative;}
a:hover.more-link {text-decoration:none;}
a.more-link span {width:12px;height:12px;position:absolute;right:0;bottom:0;background:#fff;font-size:0.6em;text-indent:0;}
.c3 .category em a.more-link span {line-height:10px;text-align:center;}
a:link.more-link span {color:#2d2d2d;}  

.toggle {padding:5px;}
.toggle ul, .toggle ul li {margin:0;}
.toggle ul li {list-style-type:none;font-size:0.9em;padding:0 0 3px 0;border-bottom:1px #ffffff dotted;}    
.toggle ul li:last-child {border:none;padding:0;}
#content .c3 .toggle a,#content .c3 .toggle a:link,#content .c3 .toggle a:visited,#content .c3 .toggle a:active {color:#ffffff;}  
.toggle p {font-size:1em;margin:0;padding:0;}

.header-toggle {position:relative;}
.header-toggle span.home {background:transparent url('../images/icons/home.png') no-repeat;left:15px;
position:absolute;
text-indent:-9999px;
top:10px;}
.header-toggle span.home a {display:block;height:22px;width:22px;}
.tweet {color:#2d2d2d;left:10px;font-size:3em;line-height:1.5em;padding:5px;position:absolute;top:35px;z-index:10;}
span.tweet em {
background-color:#FFFFFF;
font-style:normal;
line-height:1.8em;
font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2";
font-weight:bold;
}   
span.tweet em a, span.tweet em a:link {font-weight:bold; }
/*archives*/ 
.monthly ul {}
.monthly ul  li {float:left;display:inline;margin:0 10px 0 0;font-size:1em;list-style-type:none;}
.archives ul {margin:0;}
.archives ul li {margin:0;font-size:1em;list-style-type:none;}

/*Rights*/ 
#footer {font-size:0.8em;} 
#footer a, #footer a:link {color:#666;line-height:13px;}
.license {float:left;margin:0 0 0 300px;} 
.license .Plain {margin:0 0 0 5px;}
.license .ccIcn em {float:left;}    
.f-sprite {background-image:url(../images/icons/icons-sprite.png);}    
.fs-cc_icon_noncomm_small {background-position:0 -63px;} 
.fs-cc_icon_attribution_small {background-position:0 -16px;}
em.f-sprite {width:15px;height:13px;text-indent:-9999px;font-size:0;display:block;}    

/*Code colouring*/ 
/* Pretty printing styles. Used with prettify.js. */    
pre.prettyprint{margin:0 0 10px 0;font-size:1em;border:1px solid #efefef;padding:10px;width:500px;}  
.str{color:#080;}
.kwd{color:#008;}
.com{color:#800;}
.typ{color:#606;}
.lit{color:#066;}
.pun{color:#660;}
.pln{color:#000;}
.tag{color:#008;}
.atn{color:#606;}
.atv{color:#080;}
.dec{color:#606;}
@media print{.str{color:#060;}
.kwd{color:#006;font-weight:bold;}
.com{color:#600;font-style:italic;}
.typ{color:#404;font-weight:bold;}
.lit{color:#044;}
.pun{color:#440;}
.pln{color:#000;}
.tag{color:#006;font-weight:bold;}
.atn{color:#404;}
.atv{color:#060;}
}    

.tumblr {margin:10px 0 10px 0;}


/* ----------------------------- */
/* =Pseudo elements */
/* --------------------------- */
/* targeting attributes 
a[rel="alternate"] {padding-left :20px;background :url(../images/rss.png) no-repeat 0 50%;}*/