html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
html {
overflow-y: scroll;
}
body {
color: #666;
background: #f1f1f1;
font: 15px/25px Arial, Helvetica, sans-serif;
text-shadow: #fff 0 1px 0;
}
p {
padding-bottom: 15px;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
acronym {
cursor: help;
border-bottom: 1px dashed #333;
}
strong {
font-weight: bold;
color: #555;
}
em {
font-style: italic;
}
hr {
display: none;
}
big {
font-size: larger;
}
small {
font-size: smaller;
}
.right {
float: right;
}
.left {
float: left;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.2em;
font-weight: bold;
color: #000;
padding-bottom: 5px;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
/* Wraps */
#header_wrap {
min-width: 940px;
padding: 0 10px;
height: 145px;
}
#content_wrap {
background-color: #f1f1f1;
min-width: 940px;
padding: 40px 20px;
min-height: 400px;
}
#footer_wrap {
}
/* Header */
#header {
width: 940px;
margin: 0 auto;
position: relative;
height: 145px;
}
.logo {
position: absolute;
top: 40px;
left: 0;
}
.logo h1 {
float: left;
font-size:32px;
letter-spacing: -2px;
}
.logo h1 a {
color: #eee;
}
.logo h1 a:hover {
text-decoration: none;
}
.logo h2 {
float: left;
}
h2.desc {
font-size: 14px;
font-weight: normal;
line-height: 16px;
margin: 13px 0 0 15px;
padding-bottom: 10px;
background: transparent url(images/bottom-arrow.gif) no-repeat 20px 100%;
}
h2.desc span {
display: block;
padding: 8px 15px;
background: #ccc url(images/btn-gradient.png) repeat-x 0 0;
text-shadow: #666 0 1px 0;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#header .subscribe {
position: absolute;
top: 7px;
right: 0px;
text-shadow: none;
}
#header .subscribe li {
display: inline;
margin-left: 2px;
line-height: 28px;
height: 28px;
font-size: 13px;
}
#header .subscribe li a {
color: #fff;
}
#header .subscribe li a:hover {
text-decoration: underline;
}
#header .subscribe li a img {
vertical-align: middle;
}
#header .subscribe li span {
padding-right: 3px;
}
.extend {
height: 46px;
width: 1500px;
position: absolute;
top: 0;
left: -1500px;
}
/* Page Navigation */
#header .navigation {
position: absolute;
left: 0px;
bottom: 0px;
}
#header .navigation li {
float: left;
}
#header .navigation li a {
display: block;
padding: 3px 15px 4px 15px;
margin-right: 3px;
font-size: 13px;
border: 1px solid transparent;
border-bottom: none;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
}
#header .navigation li a:hover,
#header .navigation li.current_page_item a,
#header .navigation li.current_page_parent a {
text-decoration: none;
}
/* Content */
#content {
width: 940px;
margin: 0 auto;
position: relative;
}
#page {
width: 640px;
float: left;
}
/* Post Head */
.post_head {
overflow: visible;
width: 640px;
}
#page2 {
width: 940px;
float: left;
}
/* Post Head */
.post_head2 {
overflow: visible;
width: 940px;
}
/* Breadcrumb */
#page .breadcrumb {
width: 400px;
height: 36px;
float: left;
color: #000;
font-weight: bold;
}
#page .breadcrumb a {
color: #888;
}
#page .breadcrumb a:hover {
color: #000;
text-decoration: none;
}
/* Pagination */
.valen-paginate {
font-size: 12px;
width: 240px;
height: 36px;
float: right;
text-align: right;
}
.valen-paginate em {
font-style: normal;
margin-right: 5px;
}
/* Gray Button Styles */
#page a.next_btn,
#page a.prev_btn {
background: #e6e6e6;
color: #424242;
text-shadow: #f1f1f1 0 1px 0;
padding: 5px;
border: 1px solid #b6b6b6;
margin-left: 5px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#page a:hover.next_btn,
#page a:hover.prev_btn {
background-color: #ccc;
text-decoration: none;
}
#page span.next_btn,
#page span.prev_btn {
background: #eee;
color: #999;
text-shadow: #f1f1f1 0 1px 0;
padding: 5px;
border: 1px solid #ccc;
margin-left: 5px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/* Post */
#page .post {
padding-bottom: 0px;
margin-bottom: 30px;
background: url(images/divider.gif) repeat-x left bottom;
}
#page .page {
background: none;
}
#page .tag-blog {
padding-bottom: 20px;
}
.post ul {
padding-bottom: 20px;
}
.post ul ul {
padding-bottom: 0px;
margin-bottom: -10px;
}
.post ul li {
padding-left: 30px;
padding-bottom: 20px;
background: url(images/li-square.gif) no-repeat 5px 4px;
}
.post ul li li {
padding: 10px 0 10px 30px;
background: url(images/sub_arrow.gif) no-repeat 15px 16px;
}
.post ol {
padding-bottom: 20px;
margin-left: 22px;
}
.post ol ol {
padding-bottom: 0px;
margin-bottom: -10px;
}
.post ol li {
padding-left: 8px;
padding-bottom: 20px;
list-style: decimal;
}
.post ol li li {
padding: 10px 0 10px 8px;
list-style: lower-alpha;
}
.post ol li li li {
list-style: lower-roman;
}
.post dl {
padding-bottom: 20px;
}
.post dt {
font-weight: bold;
color: #555;
padding-left: 30px;
background: url(images/dl.gif) no-repeat 0px 6px;
}
.post dd {
padding-left: 30px;
padding-bottom: 20px;
}
blockquote {
position: relative;
padding: 20px 30px;
background: #f4f4f4;
margin-bottom: 40px;
border: 1px solid #d2d2d2;
font-style: italic;
color: #282828;
font-size: 17px;
}
blockquote p {
padding-bottom: 0px;
}
blockquote div {
position: absolute;
right: 0px;
bottom: -31px;
height: 31px;
line-height: 31px;
background: url(images/quote_bubble.gif) no-repeat 0 0;
padding-left: 40px;
padding-right: 10px;
font-size: 11px;
text-transform: uppercase;
font-style: normal;
}
.pullquote {
padding: 0px;
margin: 0px;
border: none;
float: right;
width: 330px;
font-size: 28px;
line-height: 32px;
font-weight: bold;
color: #000;
padding-left: 50px;
background: url(images/left_quote.gif) no-repeat 10px 0;
}
.pullquote p {
padding-right: 30px;
padding-bottom: 10px;
background: url(images/right_quote.gif) no-repeat 100% 90%;
}
.post code {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
background:#f4f4f4 url(images/pre_bg.gif) repeat scroll left top;
border:1px solid #d2d2d2;
color:#000000;
display:block;
font-family:"Courier New",Courier,monospace;
font-size:13px;
line-height:18px;
margin-bottom:40px;
overflow:auto;
padding:18px 10px 17px;
}
.image_wrap {
width: 638px;
min-height: 240px;
max-height:358px;
background: #fff;
margin-bottom: 10px;
border: 1px solid #d2d2d2;
overflow: hidden;
}
.image_wrap img {
display: block;
margin: 0 auto;
}
#page h1.postheading {
display:inline;
padding-top: 10px;
padding-bottom: 0px;
}
#page .page h1.postheading {
padding-bottom: 10px;
}
#page h1.postheading a {
color: #272727;
}
#page h1 span {
color: #7b7b7b;
font-size: 18px;
vertical-align: middle;
}
#page h1.postheading a.comments-link {
float: right;
text-align: center;
line-height: 20px;
}
#page h1.postheading a:hover.comments-link {
text-decoration: none;
}
#page h1.postheading a.comments-link em {
display: block;
font-size: 9px;
line-height: 10px;
font-style: normal;
letter-spacing: -0.05em;
font-weight: normal;
}
#page h2.postheading {
display:inline;
padding-bottom: 0px;
}
#page .page h2.postheading {
padding-bottom: 0px;
}
#page h2.postheading a {
color: #272727;
}
#page h2 span {
color: #7b7b7b;
font-size: 18px;
/*vertical-align: middle;*/
}
#page h2.postheading a.comments-link {
float: right;
text-align: center;
line-height: 20px;
}
#page h2.postheading a:hover.comments-link {
text-decoration: none;
}
#page h2.postheading a.comments-link em {
display: block;
font-size: 9px;
line-height: 10px;
font-style: normal;
letter-spacing: -0.05em;
font-weight: normal;
}
#page p.postmetadata {
color: #7b7b7b;
font-size: 12px;
line-height: 16px;
padding-bottom: 20px;
}
.collection_meta {
padding-top: 10px;
padding-left: 20px;
width: 170px;
float: right;
overflow: hidden;
}
.post-ratings {
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
}
.post-ratings .votes {
display: block;
}
.no_text {
}
.no_text .post-ratings {
margin-bottom: 0;
}
.no_text .post-ratings .votes {
display: none;
}
.the_meta {
font-size: 12px;
line-height: 20px;
width: 170px;
margin-bottom: 20px;
}
.right_td {
color: #000;
}
#page a.big_btn {
background: #2c2c2c;
border: 1px solid #2c2c2c;
color: #fff;
text-shadow: #000 0 1px 1px;
text-align: center;
display: block;
margin-bottom: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#page a:hover.big_btn {
background: #444;
text-decoration: none;
}
#page a.big_btn span {
display: block;
width: 168px;
padding: 5px 0;
border-top: 1px solid #5f5f5f;
}
#page2 a.big_btn {
background: #2c2c2c;
border: 1px solid #2c2c2c;
color: #fff;
text-shadow: #000 0 1px 1px;
text-align: center;
display: block;
margin-bottom: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#page2 a:hover.big_btn {
background: #444;
text-decoration: none;
}
#page2 a.big_btn span {
display: block;
width: 168px !important;
padding: 5px 0;
border-top: 1px solid #5f5f5f;
}
.entry {
overflow: hidden;
}
/***** Images *****/
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 6px 26px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 26px 6px 0;
display: inline;
}
.alignright {
float: right;
margin: 0 0 10px 30px;
}
.alignleft {
float: left;
margin: 0 30px 10px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
img.aligncenter {
margin-bottom: 20px;
}
.wp-caption {
border: 1px solid #ccc;
text-align: center;
background: #e2e2e2;
padding-top: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
max-width: 628px;
}
.wp-caption p.wp-caption-text {
font-size: 10px;
line-height: 16px;
padding: 0 4px 5px;
margin: 0;
color: #111;
text-shadow: #ddd 0 1px 0;
}
.discussion {
margin-top: 30px;
font-family: Helvetica, Arial, sans-serif;
font-size: 30px;
line-height: 34px;
color: #000;
font-weight: bold;
letter-spacing: -2px;
padding-bottom: 10px;
}
.your_comment {
font-family: Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 26px;
color: #000;
font-weight: bold;
letter-spacing: -2px;
padding-top: 20px;
}
.comments_wrap {
position: relative;
width: 636px;
padding: 1px;
background: #fff;
border: 1px solid #d8d8d8;
margin-bottom: 40px;
}
.comments {
background: #f5f5f5;
position: relative;
padding: 30px;
}
.comments #pagination {
line-height: 28px;
padding-bottom: 20px;
}
.commentlist li {
position: relative;
background: #fff;
border: 1px solid #d8d8d8;
padding: 20px;
padding-bottom: 20px;
margin-bottom: 50px;
font-size: 13px;
line-height: 20px;
}
.children li {
font-size: 12px !important;
margin-top: 40px;
padding-left: 20px !important;
margin-bottom: 0px;
border: 1px solid #d8d8d8;
background: #fbfbfb;
}
.commentlist p {
padding-bottom: 15px;
}
#page a.comment-reply-link, #page #cancel-comment-reply-link {
background: #2c2c2c;
border: 1px solid #000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-shadow: #000 0 1px 0;
padding: 5px 6px;
font-size: 12px;
}
.cancel-comment-reply {
padding: 10px 0 20px 0;
}
#page a:hover.comment-reply-link, #page a:hover#cancel-comment-reply-link {
background: #444;
text-decoration: none;
}
.comment-author {
font-style: italic;
margin-bottom: 15px;
padding-right: 40px;
}
.comment-author cite {
font-size: 20px;
}
.avatar {
position: absolute;
right: 15px;
top: -20px;
border: 1px solid #505050;
}
.fake_avatar {
position: absolute;
right: 20px;
top: 15px;
}
.comment-meta {
position: absolute;
top: -20px;
right: 70px;
font-size: 10px;
color: #959494;
}
.comment-meta a {
color: #959494;
}
#respond {
clear: both;
}
.input,
.textarea {
border: 1px solid #d8d8d8;
padding: 12px 10px;
width: 464px;
font-size: 14px;
font-family: Arial;
color: #555;
}
.commentlist .input,
.commentlist .textarea {
width: 420px;
}
.children .input,
.children .textarea {
width: 370px;
}
.children .children .input,
.children .children .textarea {
width: 337px;
}
.children .children .children .input,
.children .children .children .textarea {
width: 295px;
}
label {
color: #7a7a7a;
font-size: 10px;
text-transform: uppercase;
float: left;
display: block;
width: 80px;
padding-right: 10px;
line-height: 40px;
text-align: right;
}
#submit {
background: #2c2c2c;
border: 1px solid #000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 5px;
font-size: 12px;
color: #fff;
cursor: pointer;
float: right;
}
#submit:hover {
color: #fff;
background: #444;
}
.commentlist #submit {
margin-bottom: 40px;
}
.req {
color: red;
}
/* Sidebar */
#sidebar {
width: 280px;
float: right;
}
#sidebar .search_wrap {
border: 1px solid #d5d5d5;
background: #fff;
width: 278px;
height: 34px;
margin-bottom: 20px;
}
#sidebar .search_wrap label {
display: none;
}
#sidebar .search_wrap #s {
float: left;
width: 225px;
padding: 9px 0px 9px 10px;
border: none;
font-size: 13px;
color: #848484;
background: none;
}
#sidebar .search_wrap #searchsubmit {
border: none;
text-indent: -9999px;
letter-spacing: -5px;
color: #fff;
float: right;
cursor: pointer;
padding: 9px 15px;
display: block;
background: transparent url(images/search.gif) no-repeat center;
width: 35px;
}
#sidebar h3 {
font-size: 19px;
background: url(images/divider.gif) repeat-x left bottom;
padding-bottom: 10px;
margin-bottom: 0px;
}
#ads {
width: 268px;
padding: 9px 9px 0 0;
background: #e6e6e6;
border: 1px solid #d5d5d5;
overflow: hidden;
margin-bottom: 20px;
}
#ads li {
display: inline;
}
#ads li a {
display: block;
float: left;
background: #f1f1f1;
margin: 0 0 9px 9px;
}
#ads li a:hover {
background-color: #d2d2d2;
}
#ads li a img {
float: left;
}
.left_sidebar {
width: 140px;
float: left;
overflow: hidden;
}
.right_sidebar {
width: 140px;
float: right;
overflow: hidden;
}
.sidebar_widget {
margin: 0 5px 20px 5px;
overflow: hidden;
}
.sidebar_widget h3 {
padding: 0 5px;
}
.sidebar_widget ul {
overflow: hidden;
}
.sidebar_widget ul li {
display: inline-table;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.sidebar_widget ul li a {
display: block;
font-size: 14px;
line-height: 13px;
color: #848484;
text-shadow: #fff 0 1px 0;
padding: 9px 5px 10px 5px;
/*width: 100%;
float: left; */
background: url(images/divider.gif) repeat-x left bottom;
}
.sidebar_widget ul li a:hover {
background-color: #f5f5f5;
color: #000;
text-decoration: none;
}
.full_sidebar {
width: 280px;
float: left;
overflow: hidden;
}
.sidebar_widget ul.wp-tag-cloud {
padding-top: 10px;
}
.sidebar_widget ul.wp-tag-cloud li {
display: inline;
width: auto;
}
.sidebar_widget ul.wp-tag-cloud li a {
background: #e6e6e6;
color: #424242;
text-shadow: #f1f1f1 0 1px 0;
padding: 5px 5px 6px 5px;
border: 1px solid #b6b6b6;
margin: 2px;
width: auto;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.sidebar_widget ul.wp-tag-cloud li a:hover {
background-color: #ccc;
text-decoration: none;
}
#sidebar #envato-marketplace-items li a {
padding: 1px;
background: #fff;
border-color: #d9d9d9;
}
#sidebar #envato-marketplace-items li a:hover {
border-color: #999;
}
/* Footer */
#footer {
width: 940px;
min-height: 300px;
padding-bottom: 40px;
margin: 0 auto;
position: relative;
}
.left_block {
width: 160px;
margin-right: 30px;
float: left;
overflow: hidden;
}
.left_block ul {
display: block;
width: 160px;
height: auto;
overflow: hidden;
padding-top: 2px;
}
.left_block ul li {
display: inline-table;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.left_block ul li a {
display: block;
font-size: 13px;
line-height: 13px;
color: #e0ab2d;
text-shadow: none;
padding: 9px 5px 10px 5px;
width: 100%;
float: left;
}
.left_block ul li a:hover {
text-decoration: none;
}
.right_block {
float: left;
width: 750px;
overflow: hidden;
}
.right_block p {
padding-top: 20px;
font-size: 16px;
padding-bottom: 42px;
margin-bottom: 5px;
}
#footer h2.desc {
float: left;
font-size: 14px;
font-weight: normal;
line-height: 16px;
margin: 30px 0 5px 0px;
padding-bottom: 10px;
min-width: 160px;
text-align: center;
background: transparent url(images/bottom-arrow.gif) no-repeat 20px 100%;
}
#footer h2.desc span {
display: block;
padding: 8px 15px;
background: #ddd url(images/btn-gradient.png) repeat-x 0 0;
color:#666 !important;
text-shadow: #DDD 0 1px 0;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.credits {
font-size: 11px;
text-shadow: none;
text-align: right;
}
.credits li {
display: inline;
}
.credits li a {
color: #ffb606;
}
.credits li a:hover {
text-decoration: underline;
}
/* tables */
table.tablesorter {
font-family:arial;
background-color: #CDCDCD;
margin:10px 0pt 15px;
font-size: 9pt;
width: 100%;
text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #3e5f2f;
border: 1px solid #FFF;
font-size:10pt;
color:#fff;
text-shadow: none;
padding: 4px;
font-weight: bold;
}
table.tablesorter thead tr .header {
/*background-image: url(http://www.skogsmaskinerna.se/wp-content/themes/collection/images/bg.png) !important;*/
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
border: 1px solid #F0F0F6;
background-color: #FFF;
vertical-align: top;
}
table.tablesorter tbody tr.odd td {
background-color:#e5e5e5;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(images/small_asc.gif) !important;
}
table.tablesorter thead tr .headerSortDown {
background-image: url(images/small_desc.gif) !important;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
.sticky_folj {
position:fixed;
background:#ELELEL;
top:200px;
left:0px;
width:32px;
height:160px;
border:1px solid #FFF;
color:#444;
}
.jquery-checkbox {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}
.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}
.jquery-checkbox img{background: transparent url(images/checkbox.png) no-repeat;}
.jquery-checkbox img{
background-position: 0px 0px;
}
.jquery-checkbox-hover img{
background-position: 0px -20px;
}
.jquery-checkbox-checked img{
background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
background-position: 0px -60px;
}
.jquery-checkbox-disabled img{
background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
background-position: 0px -100px;
}