/*



Theme Name: Simple Organization



Theme URI: http://templates.arcsin.se/



Description: A simple and elegant theme suitable for organizations. Based on the <a href="http://templates.arcsin.se/simple-organization-website-template/">Simple Organization Website Template</a>.



Tags: light, white, two-columns, right-sidebar, fixed-width, threaded-comments, custom-header



Version: 1.07



Author: Viktor Persson



Author URI: http://arcsin.se/



Last updated: 2010-01-16



*/











/*



   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 {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;}



blockquote:before, blockquote:after, q:before, q:after {content: "";}



blockquote, q {quotes: "" "";}



a img {border: none;}



:focus {outline: 0;}











/*



   General



------------------------------------------------------------------- */







html {



	height: 100%;



	padding-bottom: 1px; /* force scrollbars */



}







body {



	background: #FFF;



	color: #444;



	font: normal 75% sans-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;



}



h4,h5,h6 {font-weight: bold;}







h1 {font-size: 2.6em;}



h2 {font-size: 2em;}

.h2 {font-size: 2em;}



h3 {font-size: 1.5em;}

h3. {font-size: 1.5em;}



h4 {font-size: 1.25em;}



h5 {font-size: 1.1em;}



h6 {font-size: 1em;}







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









/* Links */







a:focus,a:hover {color: #eb0f19;}



a {



	color: #606962;



	text-decoration: none;



}



a:hover {text-decoration: underline;}







a.feed {



	background: url('img/icon-feed.gif') no-repeat left center;



	padding-left: 18px;



}



a.more {



	color: #579;



	font-weight: bold;



}



a.more:hover {color: #234;}











/* Text elements */







p {margin-bottom: 1em;}







abbr, acronym {border-bottom: 1px dotted #666;}



address {margin-bottom: 1.5em;}



blockquote {margin: 1.5em;}



del, blockquote { color:#666; }



em, dfn, blockquote, address {font-style: italic;}



strong, dfn {font-weight: bold;}



sup, sub {line-height: 0;}







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 0 1.5em 1.5em;}







ul {list-style-type: disc;}



ol {



	list-style-type: decimal;



	margin-left: 1.9em;



}







dl {margin: 0 0 1.5em 0;}



dl dt {font-weight: bold;}



dd {margin-left: 1.5em;}











/* Special lists */







ul.plain-list li, ul.nice-list li, ul.tabbed li, .widget ul li {



	list-style: none;



	margin-top: 0;



}







ul.tabbed {



	display: inline;



	margin: 0;



}





ul.tabbed li {float: left;}

.menu a{

list-style-type: none;

font-size:17px;

font-weight:normal;

color: #797d80;}



.menu a:hover{

list-style-type: none;

color: #ccc;

text-decoration:none;}





ul.plain-list {margin: 0;}







ul.nice-list, .widget ul {margin-left: 0; }



ul.nice-list li, .widget ul li {



	border-top: 1px solid #EEE; 



	list-style: none;



	padding: 4px 0;list-style-type:none;



}



ul.nice-list li:first-child, .widget ul li:first-child {border-top: none;}



ul.nice-list li .right, .widget ul li .right {color: #999; background:#999999;}











/* 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 #CCB;



	margin-bottom: 2em;



	width: 100%;



}



table.data-table th {



	background: #F0F0F0;



	border: 1px solid #DDD;



	color: #555;



	text-align: left;



}



table.data-table tr {border-bottom: 1px solid #DDD;}



table.data-table td, table th {padding: 10px;}



table.data-table td {



	background: #F6F6F6;



	border: 1px solid #DDD;



}



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.15em;}



.larger {font-size: 1.25em;}



.largest {font-size: 1.35em;}







.hidden {display: none;}







.quiet, .quiet a {color: #999;}



.loud, .loud a {color: #000;}



.highlight, .highlight a {background:#ff0;}







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



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



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



.text-separator {padding: 0 5px;}



#sep {

border-bottom: 1px dotted #CCCCCC;

margin-bottom:14px;

margin-top:14px;

}



.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;}











/* Labels */







.label {



	border-left-style: solid;



	border-left-width: 4px;



	margin-bottom: 0.2em;



	padding-left: 10px;



}







.label-blue {border-left-color: #55AADA;}



.label-green {border-left-color: #B7D897;}



.label-orange {border-left-color: #FA8F6F;}











/*



   Forms



------------------------------------------------------------------- */







label {



	cursor: pointer;



	font-weight: bold;



}



label.checkbox, label.radio {font-weight: normal;}



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;}











/* Specific */







form .required {font-weight: bold;}







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



.form-row {padding: 5px 0;}



.form-row-submit {



	border-top: 1px solid #DDD;



	padding: 8px 0 10px 76px;



	margin-top: 10px;



}



.legend {



	background: #F0FAF0;



	border: 1px solid #D6DFD6;



	font-size: 1.5em;



	margin: 0;



	padding: 8px 14px;



}



.form-property, .form-value {float: left;}



.form-property {



	padding-top: 8px;



	text-align: right;



	width: 60px;



}



.form-value {padding-left: 16px;}



.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: list-item;



	font-size: 0;



	line-height: 0;



	height: 0;



}







#tabel {



display:block;



}



.tabel_left {



float:left;



padding-right:10px;



padding-left:10px;



border-right: #999999 1px dotted;



}



.separate {



width:1px;



min-height:50px;



float:left;



}







/*



   Separators



------------------------------------------------------------------- */







.content-separator, .archive-separator {



	background: #E5E5E5;



	clear: both;



	color: #FFE;



	display: block;



	font-size: 0;



	line-height: 0;



	height: 1px;



}



.content-separator {margin: 32px 0;}



.archive-separator {margin-bottom: 20px;}











/*



   Posts



------------------------------------------------------------------- */







.post {

width:100%;

float:left;

overflow: auto;

margin:auto;

padding:0;

}







.post img.left, .post img.right {margin-bottom: 0;}







.post-date {



	color: #777;



	margin: 2px 0 10px;



}



.post-date a {color: #444;}







.post-meta a {color: #345; }



.post-meta a:hover {color: #001;}







.post-body {



	font-size: 1.1em;



	overflow: hidden;



}



.post-body a {color: #039;}



.post-body a:hover {color: #039;}







.post-body img.left, .post-body img.right {margin-bottom: 1em;}











/* Pagination */







.pagination .left, .pagination .right {width: 125px;}



.pagination .right {text-align: right;}







.pagination {



	color: #777;



	padding: 10px 0;



}



.pagination-top {



	border-bottom: 2px solid #DDD;



	margin-bottom: 24px;



}



.pagination-bottom {



	border-top: 2px solid #DDD;



	margin-top: 24px;



}







/* Archives */







.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-title .post-date {margin: 0;}



.archive-post-title {padding-top: 4px;}



.archive-post-day {font: normal 1.6em Georgia,serif;}











/*



   Comments



------------------------------------------------------------------- */







.comment-input-text textarea {width: 80%;}







/* Comment list */







.comment-list-wrapper {



	background: #F6F6F6;



	margin: 10px 0 0;



	padding: 5px 12px 10px 7px;



}



.comment-list {



	margin: 0;



	padding: 0;



}



.comment-list li {list-style: none;}



.comment-list ul {margin-bottom: 0;}







.comment-profile-wrapper {



	text-align: center;



	width: 105px;



}







.comment-gravatar {margin-bottom: 3px;}







.comment-content-wrapper {



	float: right;

	width: 481px;



}







.comment-parent, .comment-single {margin-top: 15px;}







.comment-list ul.children, #comments #respond ul {



	border-left: 1px solid #CCC;



	margin: 0 0 0 130px;



}



.comment-list ul.children ul.children {margin-left: 15px;}







.comment-list ul.children li {



	background: url('img/comment-reply.gif') no-repeat left top;



	margin: 0;



	padding: 10px 0 0 15px;



}







.comment-body {



	background: #FFF;



	border: 1px solid #DDD;



	overflow: auto;



	padding: 10px 12px 0;



}



.comment-list ul.children .comment-body {background: #FCFCFC;}







.comment-author {padding-top: 2px;}







.comment-text p {margin-bottom: 0.8em;}







.comment .post-date, .comment-author {font-size: 0.9em;}



.comment .post-date .right a {color: #BBB;}



.comment .post-date .right a:hover {color: #234;}







.comment-arrow {



	background: url('img/comment-arrow.gif') no-repeat left top;



	display: block;



	float: left;



	height: 45px;



	margin: 3px 0 -45px -41px;



	position: absolute;



	width: 29px;



}







/* Respond */







#respond li {list-style: none;}



#respond {



	background: #F6F6F6;



	padding: 10px 12px;



}



#respond ul {margin: 0;}



#respond .legend {margin-bottom: 10px;}







#comments #respond {padding: 0;}



#comments #respond .legend {



	border-bottom: 0;



	margin-bottom: 0;



}



#comments #respond ul {



	background: url('img/comment-reply.gif') no-repeat left top;



	padding: 10px 0 0 15px;



}



#comments ul.children #respond ul {



	margin-left: 30px;



	padding: 0;



}







#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {display: none;}



#comments #respond .comment-body {background: #FFF;}



#comments #respond .comment-content-wrapper {



	float: none;



	width: 100%;



}











/*



   Layout



------------------------------------------------------------------- */







/* Common */







#top, #sub-nav {border-bottom: 1px solid #DDD;}











/* Wrapper */







#site-wrapper {



	margin: 0 auto;



	width: 920px;



}











/* Header */







#header {padding-top: 14px;}











/* Top */







#top {padding-bottom: 12px;}











/* Site description */



#site-description {



	color: #666;



	font-size: 1.2em;



	padding-top: 16px;



}











/* Logo */







#logo {



	border-right: 1px solid #DDD;



	margin-right: 40px;



	max-width: 300px;



	padding: 10px 20px 10px 0;



}



#logo img {}











/* Splash */



#splash {padding-top: 22px;}











/* Navigation */







.navigation a {



	color: #888;



	text-decoration: none;



}



.navigation a:hover {color: #002;}



.navigation li.current-tab a,.navigation li.current_page_item a  {color: #222; border-bottom:#55AADA 3px solid;}











.navigation2 a {



	color: #888;



	text-decoration: none;



}



.navigation2 a:hover {color: #002;}



.navigation2 li.current-tab a,.navigation li.current_page_item a  {color: #222;}



#main-nav li:first-child, #sub-nav li:first-child {margin-left: 0;}











/* Main navigation */







#main-nav {



	padding-top: 22px;



	max-width: 644px;
	



}



#main-nav li {margin: 0 1.5em;}



#main-nav a {



	font-size: 1.4em;



	line-height: 1.5em;



	padding-bottom: 0px;




}



#main-nav li.current-tab a {color: #333;}



#main-nav a:hover {color: #002;}



#main-nav li.current-tab a {border-bottom: 2px solid #94CC5F;}











/* Subnav */







#sub-nav {



	border-bottom: 1px solid #DDD;



	padding: 12px 0;

	height:30px;



}



#sub-nav a {



	font-size: 1.2em;



	text-decoration: none;



}

#subsub a {



	font-size: 1.2em;



	text-decoration: underline;



}



#sub-nav ul {margin: 0 1em;}



#sub-nav ul.current-tab a {font-weight: bold;}



#sub-nav li {margin: 0 1em;}



#sub-nav li.current-tab a {font-weight: bold;}











.breadcrumb {

float:left;

width:920px;

height:30px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#999999;

margin-top:15px;

border-bottom: #CCCCCC 1px solid;

}







#sub-nav2 {



	border-bottom: 3px solid #DDD;



	padding: 2px 0;



}



#sub-nav2 a {



	font-size: 1.2em;



	text-decoration: underline;

	font-weight:bold;



}



#sub-nav2 li {margin: 0 1em;}



#sub-nav2 li.current-tab a {font-weight: bold;}







/* Main */







.main {margin: 24px 0;}



.main#main-two-columns {background: url('img/main-two-columns.gif') repeat-y right top;}



.main#main-two-columns-left {background: url('img/main-two-columns-left.gif') repeat-y left top;}



.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {width: 620px;}











/* Sidebar */







#sidebar {width: 255px; list-style-type:none;}











/* Columns */







.col3, .col3-mid {width: 31%;}



.col3-mid {margin-left: 3%;}











/* Sections */







.section {margin-bottom: 24px;}



.section-title {



	background-color: #F9F9F9;



	border-bottom: 1px dashed #ccc;



	color: #7A7A7A;



	font: bold 1.2em sans-serif;



	margin-bottom: 16px;



	padding: 7px 2px 6px;



}



#sidebar .section-title {margin-bottom: 8px;}











/* Footer */







#footer {



	border-top: 1px solid #DDD;



	color: #999;



	padding: 16px 0 4px;



}

#footer a{

	color: #999;

}



#footer-left {width: 379px;}



#footer-right {



	width: 539px;



	text-align: right;



}



#footer p {margin-bottom: 0.4em;

font-size:11px;}



#footer .text-separator {



	padding: 0 3px;



	color: #CCCCCC;



}



#footer a:hover {color: #000;}















/*



   WordPress Captions



------------------------------------------------------------------- */







.wp-caption {



   border: 1px solid #DDD;



   text-align: center;



   background-color: #F9F9F9;



   padding-top: 4px;



   margin-top: 10px;



   margin-bottom: 10px;



}







.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption p.wp-caption-text {



   font-size: 0.9em;



   padding: 4px;



   margin: 0;



}















/*



   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;}







/* Padding */







.nopadding {padding: 0;}



.notpadding {padding-top: 0;}



.norpadding {padding-right: 0;}



.nobpadding {padding-bottom: 0;}



.nolpadding {padding-left: 0;}











/*



   IE Fixes (zzz)



------------------------------------------------------------------- */







* html .navigation, * html #footer, * html #splash, * html .comment ul, * html .archive-pagination {height: 0.01%;}



.navigation, #splash, .comment ul, .archive-pagination {min-height: 0.01%;}



* html #footer-left {width: 500px;}