/*
Theme Name: Freshmade Software
Theme URI: http://templates.arcsin.se/freshmade-software-wordpress-theme/
Description: A software company styled theme in light colors of white, orange and brown. Supporting widgets and nested comments. Based on the <a href="http://templates.arcsin.se/freshmade-software-website-template/">Freshmade Software website template</a>.
Version: 1.0
Author: Viktor Persson
Author URI: http://arcsin.se/
Tags: clean, fixed width, two columns, widgets
Last updated: 2009-06-30
*/


/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, h1, h2, h3, p, a, em, img, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
a img {border: none;}


/* 
   General 
------------------------------------------------------------------- */

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: #FFFFE6;
	color: #444;
	font: normal 75% sans-serif;
	line-height: 1.5;
}


/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}

h1 {font-size: 2.6em; margin-bottom: 0;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}

h1 img, h2 img, h3 img {margin: 0;}


/* Text elements */

p {margin-bottom: 1em;}

a:focus,a:hover {color: #002;}
a {
	color: #246;
	text-decoration: underline;
}

/* Lists */

li ul {margin-left: 1.5em;}
ul {margin: 0 1.5em 1.5em 1.5em; list-style-type: disc;}


/* Tables */

table {margin-bottom: 1.4em; width: 315px;}
th {font-weight: bold; background: #FFFFE6;}
.info th {background: #FFF;}
th,td,caption {
	padding: 8px 10px;
	vertical-align: top;
}
caption {background: #FED760; color: #C70000; font-weight: bold; text-align: center;}


/* Misc classes */

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

/* 
   Forms 
------------------------------------------------------------------- */

label {font-weight: bold; cursor: pointer;}
textarea {overflow: auto;}
input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.3em 0;
	padding: 2px 5px;
}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button {
	background: #C70000;
	border: 1px outset #AAA;
	padding: 3px 15px;
	color: #FFFFFF;
}
input.button:active {border-style: inset;}

/* 
   Alignment 
------------------------------------------------------------------- */

/* Images */

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%;}



/* 
   Posts 
------------------------------------------------------------------- */

.post {margin-bottom: 24px;}

.post a {text-decoration: none; color: #C70000;}
.post a:hover, .post-body a {text-decoration: underline;}

.post-title {border-bottom: 1px solid #F8BA01;}

.post-body {padding-top: 12px;}

/* Sidebar list */
ul.nice-list {
	border-top: 1px solid #F8BA01;
	margin-left: 0;
	margin-right: 0;
}
ul.nice-list li {
	border-bottom: 1px solid #F8BA01;
	list-style: none;
	padding: 6px 5px 6px 15px;
}
ul.nice-list li a {text-decoration: none;}
ul.nice-list li a:hover {text-decoration: underline;}
ul.nice-list span {color: #666;}

ul.nice-list li.current_page_item {background: url('../images/layout/navigation-arrow-oriz.gif') no-repeat left;}

/* 
   Box
------------------------------------------------------------------- */

.box {
	background: url('../images/layout/box.jpg') repeat-y left top;
	border-bottom: 1px solid #F8BA01;
	border-top: 1px solid #FFFFA6;
	padding: 16px 20px 0;
}
.box a {color: #004394;}
.box a:hover {color: #310;}
.box-title {	
	color: #C70000;
	font: normal 1.6em sans-serif;
}
.box-content {padding: 8px 0;}



/* 
   Layout 
------------------------------------------------------------------- */

/* Common */
.center-wrapper {
	width: 960px;
	margin: 0 auto;
}

/* Header */

#header-wrapper {background: #010125 url('../images/layout/bk_sfumato.jpg') repeat-y center top;}
#header {
	background: #333 url('../images/layout/header.jpg') repeat-y left top;
	padding: 12px 0 0 30px;
}

#lang-wrapper {
	background: url('../images/layout/box_lang.jpg') no-repeat left top;
	height: 39px;
	margin: -39px 0 0 auto;
	width: 290px;
}
#lang {
	color: #C70000;
	font-size: 1.2em;
	padding: 10px 28px 0 32px;
}
#lang a {
	color: #004394;
	text-decoration: none;
	padding: 0 25px;
}
#lang a:hover {color: #C70000;}

#lang span.text-separator {
	color: #004394;
	padding: 0 7px;
}

#logo {color: #FFF;}
#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;
}
ul.tabbed li {
	float: left;
	list-style: none;
}
ul.tabbed a {text-decoration: none;}

#navigation-wrapper {background: url('../images/layout/navigation.jpg') repeat-x left top;}
#navigation-wrapper-2 {background: url('../images/layout/navigation-wrapper-2.jpg') no-repeat center top;}
#navigation {
	background: url('../images/layout/navigation.jpg') repeat-x left top;
	min-height: 46px;
	padding: 0 8px;
}

#navigation a {
	color: #C70000;
	display: block;
	font-weight: bold;
	font-size: 1.3em;
	padding: 11px 12px 11px;
}
#navigation a:hover {color: #FFF;}
#navigation li.current_page_item a {background: url('../images/layout/navigation-arrow-2.gif') no-repeat center bottom;}


/* Content */

.content {font-size: 1.1em;}
#content-wrapper {background: #FFFFE6 url('../images/layout/content-wrapper.jpg') repeat-y center top;}

#content-two-columns.content {
background: transparent url('../images/layout/box.jpg') repeat-y scroll left top;
}

/* Main */

#main-wrapper {
	float: right;
	width: 698px;
}
#main {padding: 24px;}

/* Sidebar */

#sidebar-wrapper {
	float: left;
	width: 260px;
}


/* Footer */

#footer-wrapper {
	background: #010125 url(../images/layout/footer-wrapper.jpg) no-repeat scroll center bottom;
	padding-bottom: 20px;
}
#footer {
	background: #FFF url(../images/layout/box.jpg) repeat-y scroll left top;
	font-size: 1.1em;
	padding: 12px 16px;
}
#footer a {
	color: #C70000;
	text-decoration: none;
}
#footer a:hover {color: #FFF;}

/* Bottom */

#bottom {
	background: #010125 url(../images/layout/bk_sfumato.jpg) repeat-y scroll center top;
	color: #CCC;
	padding: 0 6px 12px;
	margin-top: -6px;
}
#bottom a {
	color: #CCC;
	text-decoration: none;
}
#bottom a:hover, #bottom .right a:hover {color: #FFF;}
#bottom .right, #bottom .right a {color: #CCC;}
