/*  
Template name: Freshmade Software
Template URI: http://templates.arcsin.se/freshmade-software-website-template/
Release date: 2009-06-21
Last updated: 2009-08-10
Description: A software company styled template in light colors of white, orange and brown.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* 
   Reset
------------------------------------------------------------------- */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input,
select {
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    margin-bottom: 0px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
table,
td,
th {
  vertical-align: middle;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a img {
  border: none;
}
:focus {
  outline: 0;
}

/* 
   General 
------------------------------------------------------------------- */

html {
  /*margin-left:-1px;*/
  overflow-y: scroll;
  height: 100%;
  padding-bottom: 1px; /* force scrollbars */
}
body:nth-of-type(1) {
  background-position-x: 49.99%;
}

body {
  background: url("img/body-background.gif") repeat-y center top;
  height: 100%;
  /*background: #000000;*/
  color: #444;
  font: normal 75% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    Verdana, Tahoma, sans-serif;
  /*font: normal 75% Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;*/
  line-height: 1.5;
}

/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #444;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.3em;
}
h5,
h6 {
  font-weight: bold;
}

h2 span {
  color: #008dce;
}

h3 span {
  color: #008dce;
}

h4 span {
  color: #756fa3;
}

h5 span {
  color: #008dce;
}

h6 span {
  color: #008dce;
}

h1 {
    font-size: 2.3em;
    margin-bottom: 0px;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1.1em;
}
h6 {
  font-size: 1em;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}

/* Text elements */

p {
  margin-bottom: 0.5em;
}

a:focus,
a:hover {
  color: #ff5500;
}
a {
  color: #ff901b;
  text-decoration: underline;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
}
address {
  margin-bottom: 1.5em;
}
blockquote {
  margin: 1.2em;
  line-height: 1.4em;
}
blockquote span {
  font-size: 1.4em;
  color: #000;
}
del {
  color: #666;
}
em,
dfn,
blockquote,
address {
  font-style: italic;
}
strong,
dfn {
  font-weight: bold;
}
/* sup, sub {line-height: 0;} */

sub,
sup {
  font-size: 80%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.2em;
}

cite {
  color: #666;
}

pre {
  margin: 1.5em 0;
  white-space: pre;
}
pre,
code,
tt {
  font: 1em monospace;
  line-height: 1.5;
}

/* Lists */

li ul,
li ol {
  margin-left: 1.5em;
}
ul,
ol {
  margin: 0 1.5em 1.5em 1.5em;
}

ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}

dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
ul.sub {
  list-style-type: circle;
  margin-bottom: -0.1rem;
}

/* Tables */

table {
  margin-bottom: 1.4em;
  width: 100%;
}
th {
  font-weight: bold;
}
thead th {
  background: #c3d9ff;
}
th,
td,
caption {
  padding: 4px 10px 4px 5px;
}
tr.even td {
  background: #f2f6fa;
}
tfoot {
  font-style: italic;
}
caption {
  background: #eee;
}

table.data-table {
  border: 1px solid #eee;
  margin-bottom: 2em;
  width: 100%;
}
table.data-table th {
  background: #eee;
  border: 1px solid #ddd;
  color: #555;
  text-align: left;
}
table.data-table tr {
  border-bottom: 1px solid #eee;
}
table.data-table td,
table th {
  padding: 8px 10px;
}
table.data-table td {
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
}
table.data-table tr.even td {
  background: #fcfcfc;
}

/* Misc classes */

.small {
  font-size: 0.9em;
}
.smaller {
  font-size: 0.8em;
}
.smallest {
  font-size: 0.7em;
}

.large {
  font-size: 1.1em;
}
.larger {
  font-size: 1.2em;
}
.largest {
  font-size: 1.3em;
}

.hidden {
  display: none;
}

.quiet {
  color: #666;
}
.loud {
  color: #000;
}
.highlight {
  background: #ff0;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

.error,
.notice,
.success {
  border: 1px solid #ddd;
  margin-bottom: 1em;
  padding: 0.6em 0.8em;
}

.error {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
.error a {
  color: #8a1f11;
}

.notice {
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
}
.notice a {
  color: #514721;
}

.success {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
.success a {
  color: #264409;
}

div.more {
  padding-top: 6px;
}
.more a,
a.more {
  color: #666;
}
.more a:hover,
a.more:hover {
  color: #002;
}

div.indent {
  margin-left: 40px;
}

/* 
   Forms 
------------------------------------------------------------------- */

label {
  font-weight: bold;
  cursor: pointer;
}
fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ddd;
  background: #f6f6f6;
}
legend {
  font-weight: bold;
  font-size: 1.2em;
}
textarea {
  overflow: auto;
}
input.text,
textarea,
select {
  background: #fcfcfc;
  border: 1px inset #aaa;
  margin: 0.5em 0;
  padding: 4px 5px;
}
input.text:focus,
textarea:focus,
select:focus {
  background: #fffff5;
}

input.button {
  background: #ddd;
  border: 1px outset #aaa;
  padding: 4px 5px;
}
input.button:active {
  border-style: inset;
}

.form-error {
  border-color: #f00;
}

/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Images */

img.bordered,
img.alignleft,
img.alignright,
img.aligncenter {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 3px;
}
img.alignleft,
img.left {
  margin: 0 1.5em 1em 0;
}
img.alignright,
img.right {
  margin: 0 0 1em 1.5em;
}

/* Floats */

.left,
.alignleft {
  float: left;
}
.right,
.alignright {
  float: right;
}

.clear,
.clearer {
  clear: both;
}
.clearer {
  display: block;
  font-size: 0;
  line-height: 0;
}

/* Columns */

.col2 {
  width: 47%;
}

/* 
   Separators 
------------------------------------------------------------------- */

.content-separator,
.archive-separator {
  background: #eee;
  clear: both;
  color: #ffe;
  display: block;
  font-size: 0;
  height: 1px;
  line-height: 0;
  margin: 12px 0 24px;
}
.archive-separator {
  margin: 0 0 14px;
}

.separator-vertical {
  background: url("img/separator-vertical.gif") repeat-y center top;
}

/* 
   Posts 
------------------------------------------------------------------- */

.post {
  margin-bottom: 24px;
}

.post a {
  text-decoration: none;
  font-weight: bolder;
}
.post a:hover,
.post-body a {
  text-decoration: underline;
}

.post-title {
  border-bottom: 1px solid #e5e5e5;
}

.post-date {
  color: #777;
  font-size: 0.9em;
  padding: 8px 0 0;
}
.post-date a {
  color: #444;
}

.post-body {
  padding-top: 12px;
}

.post-meta {
  background: #fcfcfc;
  border: 1px solid #ececec;
  color: #777;
  font-size: 0.9em;
  padding: 6px 10px;
}
.post-meta a {
  color: #345;
}
.post-meta a:hover {
  color: #001;
}

ul.nice-list {
  /*border-top: 1px solid #F0F0F0;*/
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
}
ul.nice-list li {
  border-bottom: 1px solid #f0f0f0;
  list-style: none;
  padding: 6px 5px;
}
ul.nice-list li a {
  text-decoration: none;
}
ul.nice-list li a:hover {
  text-decoration: underline;
}

.nice-list li:last-child {
  border-bottom: none;
}

ul.nice-list span {
  color: #666;
}

#sidebar ul.nice-list li,
#sidebar ul.nice-list {
  border-color: #e0e0e0;
}


ul.nice-list-single {
  /*border-top: 1px solid #F0F0F0;*/
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
}
ul.nice-list-single li {
  /*border-bottom: 1px solid #f0f0f0;*/
  list-style: none;
  padding: 6px 5px;
}
ul.nice-list-single li a {
  text-decoration: none;
}
ul.nice-list-single li a:hover {
  text-decoration: underline;
}
ul.nice-list-single span {
  color: #666;
}



#sidebar ul.nice-list-single li,
#sidebar ul.nice-list-single {
  border-color: #e0e0e0;
}

/* Archives */
.archive-pagination {
  margin-bottom: 1.6em;
}
.archive-pagination a {
  text-decoration: none;
}
.archive-pagination a:hover {
  text-decoration: underline;
}
.archive-post {
  margin-bottom: 14px;
}
.archive-post-date {
  background: #f5f5f5;
  border-bottom: 1px solid #c5c5c5;
  border-right: 1px solid #cfcfcf;
  float: left;
  margin-right: 12px;
  padding: 2px 0 5px;
  text-align: center;
  width: 46px;
}
.archive-post .post-date {
  border: none;
  padding: 0;
}
.archive-post-day {
  font: normal 1.6em Georgia, serif;
}
.archive-post .post-date,
.archive-post-title {
  padding-top: 3px;
}

/* 
   Thumbnails
------------------------------------------------------------------- */

.thumbnails {
  margin: 0 0 1em -8px;
}
.thumbnails a.thumb {
  background: #dad6d0;
  display: block;
  float: left;
  margin: 0 0 8px 8px;
  padding: 1px;
}
.thumbnails a.thumb:hover {
  background: #aaa;
}
.thumbnails .thumb img {
  display: block;
}

/* 
   Box
------------------------------------------------------------------- */

.box {
  /*background: url('img/box2.gif') no-repeat left top;
	border-bottom: 1px solid #DFDFDA;*/
  border-top: 1px solid #dfdfda;
  padding: 16px 20px 0;
}
.box a {
  color: #fefefe;
}
.box a:hover {
  color: #ffffff;
}
.box-title {
  color: #ffffff;
  font: normal 1.8em serif;
  font-weight: 700;
  text-shadow: -2px -2px 5px #000;
}
.box-content {
  color: #ffffff;
  /*font:normal 1em Tahoma, Verdana, Segoe, sans-serif;*/
  font: normal 1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    Verdana, Tahoma, sans-serif;
  padding: 8px 0;
}

/* 
   Comments 
------------------------------------------------------------------- */

div.comment-list {
  border-top: 1px solid #eee;
  margin: 1em 0 2em;
}

.comment {
  border-bottom: 1px solid #eee;
  padding: 10px 8px 0;
}
.comment-date {
  font-size: 0.9em;
}
.comment-date a {
  color: #567;
  text-decoration: none;
}
.comment-date a:hover {
  color: #001;
  text-decoration: underline;
}
.comment-body {
  padding-top: 4px;
}

.comment-gravatar {
  width: 48px;
}
.comment-gravatar img {
  background: #fff;
  border: 1px solid #ddd;
  padding: 2px;
}

/* 
   Layout 
------------------------------------------------------------------- */
/* General 
#container {
min-height:100%;
position:relative;
}

#container-header{
	padding:0px;
}


#container-body{
	padding-bottom:70px;
}

#container-bottom{
	 position:relative;
   bottom:0;
   width:100%;
   height:70px;   /* Height of the footer */
/*margin-left:1px;
}*/

#container {
  /*width:760px;
    background:#ffffcc;*/
  margin: auto;
  min-height: 100%;
  margin-top: -74px; /*footer height - this drags the outer 40px up through the top of the monitor */
  text-align: left;
}
* html #container {
  height: 100%;
}
#container-header {
  border-top: 74px solid #fff; /* soak up negative margin and allows header to start at top of page*/
}
#container-bottom {
  /* footer now sits at bottom of window*/
  margin: auto;
  height: 74px; /* must match negative margin of #outer */
  clear: both;
}

/* Common */
.center-wrapper {
  width: 960px;
  margin: 0 auto;
}

/* Header */

#header-wrapper {
  background: #ffffff;
}
#header-wrapper-2 {
  background: #ffffff;
}
#header {
  background: #ffffff;
  padding: 32px 32px 0 46px;
}

#help-wrapper {
  background: url("img/help.gif") no-repeat left top;
  height: 39px;
  margin: -8px 0 0 auto;
  width: 239px;
}
#help {
  color: #666;
  font-size: 1.2em;
  padding: 10px 28px 0 32px;
}
#help a {
  color: #999;
  text-decoration: none;
}
#help a:hover {
  color: #ddd;
}

#help span.text-separator {
  color: #444;
  padding: 0 7px;
}

#logo {
  color: #fff;
  margin-left: -20px;
}
#site-title a {
  text-decoration: none;
}
#site-title,
#site-title a {
  color: #fff;
}
#site-title span,
#site-title a span {
  color: #ddd;
}
#site-slogan {
  color: #b58361;
  font-size: 1.3em;
}

/* Navigation */

ul.tabbed {
  display: inline;
  margin: 0;
  padding: 0;
  font: normal 110% GillSans, Trebuchet, Calibri, sans-serif;
}
ul.tabbed li {
  float: left;
  list-style: none;
}
ul.tabbed a {
  text-decoration: none;
}

#navigation-wrapper {
  background: url("img/navigation2.gif") repeat-x left top;
}
#navigation-wrapper-2 {
  background: url("img/navigation-wrapper-2.gif") no-repeat center top;
}
#navigation {
  background: url("img/navigation2.gif") repeat-x left top;
  min-height: 80px;
  padding: 0px 8px;
}

#navigation a {
  color: #eae6dd;
  display: block;
  font-weight: bold;
  font-size: 1.3em;
  padding: 2px 12px 9px;
}
/*#navigation a:hover {color: #FFF;}*/
#navigation a:hover {
  color: #f0ab2e;
}
#navigation li.current_page_item a,
#navigation li.current_page_parent a {
  color: #ffe;
}
#navigation li.current_page_item a {
  background: url("img/navigation-arrow-2.gif") no-repeat center bottom;
}
#navigation li.current_page_parent a {
  background: url("img/navigation-arrow.gif") no-repeat center bottom;
}

/* Subnav */

#subnav-wrapper {
  background: #e9e9e9 url("img/subnav-wrapper.gif") repeat-x left bottom;
}
#subnav-wrapper-2 {
  background: url("img/subnav-wrapper-2.gif") no-repeat center bottom;
}
#subnav {
  padding: 0 8px;
}

#subnav a {
  color: #666;
  display: block;
  font: bold 1.1em sans-serif;
  padding: 12px 12px;
}
#subnav a:hover {
  color: #111;
}
#subnav li.current_page_item a {
  color: #333;
}

/* Content */

.content {
  font-size: 1.1em;
}
#content-wrapper {
  background: #ffffff;
} /*url('img/content-wrapper.gif') repeat-y center top;}*/
.content#content-two-columns {
  background: url("img/content-two-columns.gif") repeat-y left top;
}

/* Main */

#main-wrapper {
  float: right;
  width: 698px;
}
#main {
  padding: 24px;
}

#main .text-separator,
#featured .text-separator {
  color: #aaa;
  padding: 0 5px;
}

/* Sidebar */

.sidebar-wrapper {
  float: left;
  width: 260px;
  margin-top: -22px;
  /*border: 1px solid #999;*/
}

.sidebar-wrapper-3 {
  background: url("img/sidebar.gif") no-repeat left top;
}

.sidebar-wrapper-2 {
  background: url("img/sidebar-wrapper-2.gif") repeat-y left top;
}

.sidebar-center-wrapper {
  /*background: #63629B;*/
  background: #4d4686;
  width: 234px;
  margin-left: 13px;
  padding-top: 20px;
}

/* Footer */

#footer-wrapper {
  background: #ffffff; /*url('img/footer-wrapper.gif') no-repeat center bottom;*/
  padding-bottom: 36px;
}
#footer {
  background: #ffffff;
  font-size: 1.1em;
  border-top: 1px solid #999;
  padding: 2px 0px 0px 0px;
  margin-left: 5px;
  float: right;
  width: 698px;
}
#footer a {
  color: #645f8d;
  text-decoration: none;
  padding-left: 3px;
}
#footer a:hover {
  color: #302b55;
}
#footer span.text-separator {
  color: #999;
  padding: 0 3px;
}

/* Bottom */

#bottom {
  color: #eae6dd;
  background: #008dce;
  padding: 6px 6px 12px;
  margin-top: -6px;
}

#bottom-line {
  background: url("img/bottom-line.gif") repeat-x left top;
  margin-bottom: -13px;
  margin-top: 0px;
}
#bottom a {
  color: #eae6dd;
  text-decoration: none;
}
#bottom a:hover,
#bottom .right a:hover {
  color: #302b55;
}
#bottom span.text-separator {
  color: #888;
  padding: 0 3px;
}
#bottom .right,
#bottom .right a {
  color: #eae6dd;
}

/* Featured Box */
#featured-wrapper {
  background: url("img/gradient-light.gif") repeat-x left bottom;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 22px;
}
#featured {
  padding: 42px 124px 12px 48px;
}

#featured h2 {
  font: normal 3em sans-serif;
  color: #008dcf;
  margin: 0;
}
#featured h2 span {
  color: #4d4687;
}

/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {
  border: 0;
}
.notborder {
  border-top: 0;
}
.norborder {
  border-right: 0;
}
.nobborder {
  border-bottom: 0;
}
.nolborder {
  border-left: 0;
}

/* Margin */

.nomargin {
  margin: 0;
}
.notmargin {
  margin-top: 0;
}
.normargin {
  margin-right: 0;
}
.nobmargin {
  margin-bottom: 0;
}
.nolmargin {
  margin-left: 0;
}

.smallbottommargin {
  margin-bottom: 10px;
}

/* Padding */

.nopadding {
  padding: 0;
}
.notpadding {
  padding-top: 0;
}
.norpadding {
  padding-right: 0;
}
.nobpadding {
  padding-bottom: 0;
}
.nolpadding {
  padding-left: 0;
}

/* Single Line IE Fixes */
* html .separator-vertical,
* html .content {
  height: 0.01%;
  min-height: 0.01%;
}