@charset "UTF-8";
/* CSS Document */
#navbar-iframe {
   display: none !important;
}

body {
  background:#004071 url(http://www.origindev.co.uk/newOrigin/images/blue-bg.png) fixed center no-repeat;
  font-family:Arial, Helvetica, sans-serif;
  margin:0;
  font:x-small Georgia Serif;
  font-size:0.7em;
  text-align: center;
  }
  
  
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}
  
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }

/* Header
-----------------------------------------------
 */

#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }

#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}

#header { 
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}

#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }

#header a:hover {
  color:$pagetitlecolor;
  }

#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;
 }

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}

#logo { width:840px!important; height:30px; margin: 40px auto !important ; text-align:left;}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 820px;
  margin:0px auto;
  border:10px #000000 solid;
  background:#FFFFFF url(http://www.origindev.co.uk/newOrigin/images/grey-bg.png) repeat-x;
  text-align:left;
  }

#main-wrapper {
text-align:left;


padding:0px 0px 10px 13px;
width:410px;
margin-right:30px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
text-align:left;
  width: 160px; padding-top:0px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

#twitter-wrapper {
  width: 175px;
  float: left;
      /* fix for long non-text content breaking IE sidebar float */
}


/* Headings
----------------------------------------------- */

h2 {
  margin:1.5em 0 .75em;
  font-size:90%;
  
  line-height: 1.4em;
  text-transform:uppercase;
  color:#000;
}


/* Posts
-----------------------------------------------
 */
h2.date-header {

  margin:1.5em 0 .5em;
  font-weight:bold;
  
  }

.post {
  margin:.5em 0 1.5em;

  padding-bottom:1.5em;
  }
  
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:150%;
  font-weight:normal;
  line-height:1.4em;
  color:#004071;
  text-transform:uppercase;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:#004071;
  font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
  color:004071;
}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
  margin:0;
  color:#000;
  text-transform:uppercase;
  font-size:80%;
  line-height: 1.4em; 
  padding:0px; border-bottom:3px solid #999999;
}

.post-footer a{
color:#004071;}



.comment-link {
  margin-$startSide:.6em;
  }
.post img {
 padding:0px;
 margin:0px!importantU;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
  
  .post-body a {
color:#004071;
}

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: $startSide;
 }
 
#blog-pager-older-link {
  float: $endSide;
 }

#blog-pager { 
  text-align: center;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

a.comment-link{ color:#660000; }

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
  line-height: 1.5em;
  text-transform:uppercase;
 }
 
 .sidebar a { 
 color:#000;
 }
 
  .sidebar a:hover { 
 color:#004071;
 text-decoration:underline;
 }

.sidebar ul {
  list-style:none;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  line-height:1.5em;
  }

.sidebar .widget, .main .widget { 
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

.main .Blog { 
  border-bottom-width: 0;
}


/* Profile 
----------------------------------------------- */
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:300px;
  clear:both;
  margin:0 auto;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
  background-color:#000;
}



#blog-wrapper { border-right:10px solid #000; width:620px; float:left;}

#friends { width:150px; padding-left:20px; float:left; }

a { color:#004071;}