/*

Theme Name: Cleanr

Theme URI: http://wpshoppe.com/demo/cleanr/about/

Description: Clean, Clear and BIG! Just so easy to READ!

Version: 0.1.1

Tags: black, white, light, two-columns, right-sidebar, fixed-width, threaded-comments, photoblogging

Author: Chandra Maharzan

Author URI: http://www.wpshoppe.com/about/

License: All Rights Reserved

The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/


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,font,img,ins,kbd,q,s,samp,small,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-style:inherit;
font-size:100%;
font-family:"Helvetica Neue W01 55 Roman",'Helvetica Neue', helvetica, arial, sans-serif;
vertical-align:baseline;
font-weight:400;
margin:0;
padding:0
}

a:focus {
outline:1px dotted invert
}

hr {
border:0 #ccc solid;
border-top-width:1px;
height:0;
clear:both;
margin:0
}

h3 {
font-size:1.3125em
}

h4 {
font-size:1.1875em
}

h5 {
font-size:1.0625em
}

h6 {
font-family:"Helvetica Neue W01 45 Light",'Helvetica Neue', helvetica, arial, sans-serif;
font-size:1em
}

h8 {
color:#514E4A
}

ol {
list-style:decimal
}

ul {
list-style:square
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
margin-bottom:30px
}

h2 {
font-size:1.25em;
color:#514E4A;ff
font-weight:400;
margin:0 0 10px;
padding:0
}

body {
font-size:100%;
color:#75736F;
font-family:'Helvetica Neue', helvetica, arial, sans-serif;
line-height:25px;
background-color:#f9f9f9;
}

h1,h2,h3,h4,#nav,small,.postmetadata,.small {
font-family:"Helvetica Neue W01 55 Roman",'Helvetica Neue', helvetica, arial, sans-serif;
font-weight:400
}

a {
color:#514E4A;
text-decoration:none;
outline:none
}

a:visited {
color:#514E4A;
outline:none
}

a:hover {
color:#EDAD27;
outline:none
}

h2 a {
color:#514E4A;
text-decoration:none;
font-size:30px;
border:none;
font-weight:400;
margin:0 0 20px;
padding:0
}

h2 a:hover,#header h1 a:hover {
color:#EDAD27;
border:none;
outline:none
}

small {
font-size:.625em;
color:#8f8d89;
text-align:right;
text-transform:uppercase
}

p {
color:#75736F;
font-size:.875em
}

#wrapper {
width:1000px;
margin-right:auto;
margin-left:auto
}

#header {
float:left;
height:250px;
width:1000px
}

#logo {
float:left;
height:250px;
width:370px;
padding-left:10px;
padding-top:30px;
padding-bottom:7px
}

#content_2 {
float:left;
width:1000px;
margin-bottom:30px
}

#content_2 .post {
display:block;
position:relative
}

#content_2 .post img {
float:left;
height:250px;
width:250px;
margin-bottom:20px;
margin-right:20px
}

#contact_links {
float:left;
height:40px;
width:1000px
}

#filler {
float:left;
height:40px;
width:512px
}

#toplink_container {
float:left;
height:40px;
width:488px;
font-size:14px;
}

#twitter {
padding-bottom:5px;
height:27px
}

#content_box {
width:1000px
}

#center_h1 {
width:1000px;
font-size:2.25em;
height:450px;
min-height:10em;
display:table-cell;
vertical-align:middle
}

#center_h1 li {
background-image:url(../images/slash_big.png);
background-repeat:no-repeat;
background-position:0 5px;
padding-left:35px
}

#center_h1 ul {
list-style-type:none;
margin:0;
padding:0 0 0 15px
}

#footer2 {
float:left;
height:50px;
width:1000px;
text-align:left;
border-top-width:1px;
border-top-style:solid;
border-top-color:#E9E9E9;
padding-top:20px;
margin-left:10px;
margin-right:10px
}

#footer2 li {
list-style-position:inside;
background-image:url(http://stapleydesign.com/images/slash2.png);
padding-left:13px;
list-style-type:none;
background-position:0 7px;
background-repeat:no-repeat
}

#bottom_links {
width:610px;
padding-right:10px;
float:left;
display:block;
height:45px;
padding-top:18px;
font-weight:400
}

#bottom_links2 {
width:478px;
float:right
}

#bottom_links2 li {
list-style-type:none;
display:inline;
line-height:48px
}

#work {
text-align:left;
width:102px;
display:block;
float:left;
text-shadow:0 1px 0 #FFFFFF;
}

#services {
text-align:center;
width:178px;
display:block;
float:left
}

#blog {
text-align:right;
width:198px;
display:block;
float:left
}

.current_page_item a {
color:#EDAD27;
text-decoration:none
}

#top_links {
float:left;
height:180px;
width:610px;
text-align:right;
padding-right:10px;
margin-top:5px
}

.h1 {
font-size:2.5em
}

.h2 {
font-size:2.5em;
color:#514E4A
}

.h1_plus {
font-size:3em;
color:#8f8d89;
font-weight:400
}

.h4 {
color:#8f8d89;
letter-spacing:-1px;
font-weight:400;
font-size:.875em;
position:relative;
margin:10px 10px 0
}

.h5 {
font-weight:400;
font-size:.875em;
color:#8f8d89;
font-style:normal
}

.h4 a:link {
color:#F7F7F7;
text-decoration:none
}

.h4 a:hover {
color:#FFF
}

.myBox a{

    margin-right: 10px;
	float: left;
	margin-left: 10px;
    width: 313px;
	height: 248px;
    text-align: left;
    opacity: 1;
}
.myBox a:hover{

   opacity: 1;
}

.myBoxwrapper {
width:333px;
float:left;
height:300px;
margin-top:20px;
margin-bottom:0
}

.titletext {
width:313px;
float:left;
font-size:.75em;
text-align:right;
font-style:normal;
line-height:16px;
margin:5px 15px 30px 10px
}

.titletext .h5 {
font-weight:bold;
font-size:1em;
color:#514E4A;
margin:0
}

.myBox p {
margin:1ex 0;
padding:0
}

#contact_left {
height:292px;
width:269px;
float:left;
margin-bottom:30px;
padding-top:20px;
padding-left:10px
}

#contact_left p {
font-size:16px;
line-height:24px
}

#contact_left ul {
font-size:.85 em
}

#contact_left ul li {
list-style-type:none
}

#contact_right {
height:522px;
width:620px;
padding-left:101px;
padding-top:40px;
background-image:url(http://www.stapleydesign.com/images/envelope2.jpg);
background-repeat:no-repeat;
float:left;
margin-bottom:30px
}

#posts_right {
width:250px;
padding-left:100px;
padding-top:20px;
background-repeat:no-repeat;
float:left
}

#posts_left {
width:640px;
float:left;
padding-left:10px;
padding-top:50px
}

#archive_right {
width:764px;
padding-top:50px;
background-repeat:no-repeat;
float:left
}

#archive_left {
width:236px;
float:left;
padding-top:50px
}

.hptitle {
font-weight:400;
font-size:2.5em;
line-height:40px;
padding-top:160px;
padding-bottom:200px;
float:left;
height:40px;
width:1000px
}

.hptitle a {
font-weight:400
}

.hptitle li {
font-weight:400;
padding-left:45px;
list-style-type:none;
background-position:10px 4px;
background-image:url(http://www.stapleydesign.com/images/slash4.gif);
background-repeat:no-repeat
}

#nav {
list-style:none;
padding-top:45px;
float:right;
margin:0
}

#nav li {
float:left;
position:relative;
font-size:.875em;
line-height:1.8;
zoom:1;
margin:0 0 0 10px;
padding:0 15px 0 0
}

#nav li:last-child {
padding:0
}

#nav .current-cat a,#nav .current_page_item a {
color:#aaa
}

#nav li a {
text-transform:uppercase;
font-weight:400;
color:#000;
border:none;
text-decoration:none;
float:left
}

#nav li span {
width:12px;
height:20px;
background:url(images/arrow-down.gif) no-repeat left 7px;
position:absolute;
right:0;
top:0;
margin:0;
padding:0
}

#nav ul {
display:none;
list-style:none;
position:absolute;
left:0;
top:25px;
width:160px;
border:1px solid #ccc;
border-top:none;
background:#fff;
margin:0;
padding:0
}

#nav li span.child {
width:12px;
height:20px;
background:url(images/arrow-right.gif) no-repeat left 10px;
position:absolute;
right:0;
top:0;
margin:0;
padding:0
}

#nav li a.rss {
background:url(images/rss_feed.png) right 0 no-repeat;
padding:0 30px 0 0
}

#nav li a.rss:hover {
background:url(images/rss_feed.png) right -24px no-repeat;
padding:0 30px 0 0
}

#nav ul li {
display:block;
width:160px;
border-top:1px solid #ccc;
margin:0;
padding:0
}

#nav ul li a {
display:inline-block;
width:100%;
text-transform:none;
zoom:1;
padding:2px 10px
}

#nav ul ul {
left:100%;
top:0
}

#nav .pagenav,#nav .categories {
text-transform:uppercase;
font-weight:400
}

#content {
margin-bottom:0;
padding-bottom:20px;
padding-right:50px;
text-align:justify;
border-right:1px solid #ccc
}

#content .post {
padding-top:30px;
clear:both
}

#sidebar {
width:220px;
float:left;
font-size:.75em;
padding-top:50px;
line-height:25px
}

#sidebar ul {
list-style:none;
margin:0
}

h2.pagetitle {
padding-top:0;
color:#333;
padding-bottom:0;
margin:0
}

.post h2 {
text-shadow:0 1px 0 #FFFFFF;
font-size:30px

}

.post .lipsum {
font-size:3.75em
}

.lipsum {
font-size:3.75em;
line-height:1em;
color:#8f8d89;
letter-spacing:-1px;
padding-top:12px
}

.date {
font-size:10px;
font-weight:400;
line-height:0.8;
color:#8f8d89
}

.postmetadata {
font-size:12px;
color:#bbb;
height:1%;
margin-top:50px
}

.small {
font-size:12px;
color:#aaa;
margin-top:10px
}

.postmetadata small {
font-size:12px;
color:#aaa;
font-weight:400;
padding-top:10px;
margin-top:20px;
text-transform:none
}

img.size-medium {
margin:0 0 10px
}


.entry a img {

vertical-align:top;
margin:0 0 10px
}

.entry img {
border:1px solid #ddd;
text-align:center;
background-color:#fafafa;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:5px 10px 10px 0;
padding:5px
}

dl.gallery-item {
margin:0
}

dl.gallery-icon img {
border:1px solid #ddd
}

img.wp-smiley {
border:none;
margin:0;
padding:0
}

#searchform {
margin-bottom:30px;
padding:0
}

#searchform #s {
border:1px solid #ddd;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font:14px Georgia;
background:#fafafa;
width:200px;
padding:5px
}

#searchbtn {
vertical-align:bottom;
padding:0 0 5px 2px
}

.alignleft {
float:left
}

.alignright {
float:right
}

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

.navigation,.comment-navigation {
display:block;
clear:both
}

.navigation {
margin-top:40px;
padding-bottom:70px
}

.comment-navigation {
margin-top:15px;
padding-bottom:5px
}

.navigation a,.comment-navigation a {
background:#eee;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px 10px
}

.navigation a:hover,.comment-navigation a:hover {
background:#ddd;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px 10px
}

.attachment a {
border:0
}

.navigation a img {
border-radius:0;
border:none
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#fafafa;
padding-top:5px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:5px 25px 25px 0
}

.wp-caption img {
border:0 none;
margin:0;
padding:0
}

.wp-caption p.wp-caption-text {
font-size:12px;
line-height:17px;
font-style:italic;
margin:0;
padding:4px 4px 5px 0
}

ol.commentlist {
list-style:none;
text-indent:0;
margin:0;
padding:0
}

ol.commentlist li {
border:1px solid #ddd;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
height:1%;
position:relative;
margin:0 0 10px;
padding:10px
}

ol.commentlist li div.vcard cite.fn {
font-style:italic
}

ol.commentlist li div.vcard cite.fn a.url {
color:#333;
text-decoration:none
}

ol.commentlist li div.vcard img.avatar {
border:4px solid #d5d5d5;
float:left;
margin-right:10px
}

ol.commentlist li div.comment-meta {
font:12px Arial, Verdana
}

ol.commentlist li div.comment-meta a {
color:#aaa;
text-decoration:none
}

ol.commentlist li div.commentbody {
margin-top:1em;
font-size:14px
}

ol.commentlist li p {
margin:0 0 1em
}

ol.commentlist li ul {
list-style:square;
text-indent:0;
margin:0 0 1em;
padding:0
}

ol.commentlist li div.reply {
margin-bottom:7px
}

ol.commentlist li div.reply a:hover {
background:#c30;
border:1px solid #c00
}

ol.commentlist li div.reply a {
background:#999;
border:1px solid #666;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
font:normal 9px/1 arial,sans-serif;
text-align:center;
width:36px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:5px 6px 4px
}

ol.commentlist li ul.children {
list-style:none;
text-indent:0;
margin:1em 0 0
}

ol.commentlist li.even {
background:#fff
}

ol.commentlist li.odd {
background:#f6f6f6
}

#commentform input {
width:170px;
border:1px solid #ccc;
font-size:14px;
font-family:Georgia, Times;
padding:4px
}

#commentform {
padding-bottom:30px;
margin:5px 10px 0 0
}

#commentform p label {
width:120px;
display:block;
float:left
}

#commentform p {
border-top:1px solid #eee;
font-size:14px;
margin:0;
padding:10px 0
}

#commentform textarea {
width:70%;
border:1px solid #ccc;
font-family:Georgia, Times;
padding:4px
}

#commentform #submit {
margin-left:120px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #aaa;
font-weight:400
}

#commentform small,#commentform #submit {
color:#333;
text-transform:uppercase;
font-family:arial
}

#commentform small {
font-size:11px;
font-weight:400
}

#respond h3 {
padding-top:20px;
margin-bottom:10px
}

.widget ul li ul {
margin-left:10px;
margin-bottom:0
}

.categories ul.children {
margin:0 0 0 10px
}

#sidebar ul li {
color:#8f8d89;
font-family:"Helvetica Neue W01 55 Roman",'Helvetica Neue', helvetica, arial, sans-serif;
font-size:12px
}

#footer p {
text-align:center;
font-size:14px;
font-style:italic;
margin:30px
}

#slideshow * {
margin:0;
padding:0
}

#slideshow {
float:left;
width:1000px;
height:450px;
position:relative;
margin-top:20px
}

#slideshow #loading {
top:200px;
text-indent:-5000px;
width:32px;
height:32px;
visibility:hidden;
z-index:-5;
background-image:url(http://stapleydesign.com/images/spinner.gif);
background-repeat:no-repeat;
display:block;
float:left;
position:absolute;
right:400px
}

#slideshow #pictures {
width:828px;
height:450px;
overflow:hidden;
background-image:url(http://stapleydesign.com/images/loader.gif);
background-repeat:no-repeat;
background-color:#fff;
background-position:center center;
border:1px solid #DBDBDB;
float:left;
position:relative
}

#slideshow #pictures li {
display:block;
position:absolute;
top:0;
width:828px;
height:450px;
overflow:hidden
}

#content_container {
float:left;
width:830px;
margin-left:170px
}

#title h1 {
padding-top:24px;
font-size:40px;
color:#514E4A;
line-height:40px;
padding-bottom:20px;
text-shadow:0 1px 0 #FFFFFF;
margin:0
}

#leftcontent {
float:left;
width:500px;
padding-right:100px
}

#rightcontent {
float:left;
width:220px;
font-size:12px;
line-height:25px
}

#logobox {

}

#rightcontent li {
list-style-position:inside;
list-style-image:url(http://stapleydesign.com/images/slash.png);
font-size:12px;
line-height:25px
}

#rightcontent ul {
list-style:none;
margin:0;
padding:0
}

#slideshow #pictures li img {
display:block;
position:relative;
bottom:0
}

#slideshow #menu {
list-style-type:none;
width:170px;
height:430px;
padding-top:0;
float:left
}

#slideshow #menu li {
display:block;
z-index:1000;
position:relative
}

#slideshow #menu li a {
display:block;
text-decoration:none;
z-index:1000;
color:#7F7A74;
line-height:14px;
font-size:11px;
text-align:right;
padding-top:7px;
padding-right:10px;
padding-bottom:7px
}

#slideshow #menu li.current a {
color:#EDAD27;
padding-top:7px;
padding-right:10px;
padding-bottom:7px;
line-height:14px;
font-size:11px;
z-index:300
}

#slideshow #menu li.background {
background-image:url(http://stapleydesign.com/images/arrow.png);
background-repeat:no-repeat;
background-position:right center;
position:absolute;
font-size:1px;
height:7px;
width:4px;
z-index:5
}

.archives_list {
border-left:4px solid #EDAD27;
list-style-image:none;
list-style-position:outside;
list-style-type:none;

margin-left:40px
}

element.style {
margin-top:0
}

.archives_list li span.date {
color:#8f8d89;
display:block;
float:left;
font-size:10px;
line-height:13px;
width:99px
}

.archives_list li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://stapleydesign.com/images/marker.gif) no-repeat scroll 0 0;
clear:left;
padding-left:16px;
font-size:12px;
line-height:16px;
padding-bottom:.25em
}

.archives_list li a {
line-height:13px;
text-decoration:none!important
}

.single .post h3.archive_year {
border:medium none;
color:#8f8d89
}

#leftcontent h3 {
color:#514E4A;
font-size:20px;
margin-bottom:10px
}

.bl_container {
height:250px
}

.bl_container_text {
height:250px;
width:350px;
padding-left:30px
}

.preview {
border-bottom:1px solid #E9E9E9;
margin-bottom:25px;
padding-bottom:5px;
float:left;
width:640px
}

#content_2 .post .texty {
display:block;
float:left;
width:350px
}

#content_2 .post .tt {
font-size:14px;
font-style:italic;
margin-top:30px
}

.client_thumbs {
width:140px;
height:140px;
float:left
}

#filler_box {
height:435px;
width:250px;
float:left
}

#filler_box2 {
width:235px;
float:left;
padding-left:10px;
padding-right:40px;
padding-top:55px;
font-size:12px
}

#filler_box2 img {
margin-bottom:10px
}

.services_box {
font-weight:400;
font-size:24px;
width:750px;
padding-top:40px;
float:left
}

.services_box li {
font-weight:400;
padding-left:32px;
list-style-type:none;
background-position:4px center;
line-height:60px;
background-image:url(http://www.stapleydesign.com/images/slash5.jpg);
background-repeat:no-repeat;
text-shadow:0 1px 0 #FFFFFF;
}

.services_content {
width:715px;
padding-top:40px;
float:left
}

#pg404 {
width:1000px;
height:200px;
margin-top:100px;
float:left;
margin-bottom:50px;
text-align:center
}

#pg404 p {
font-size:14px
}

#homewrapper {
width:1000px;
float:left;
margin:35px auto 0
}

#howdy {
background-image:url(http://www.stapleydesign.com/images/howdy.jpg);
float:left;
height:376px;
width:986px;
background-repeat:no-repeat;
display:block;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FFF;
padding-bottom:30px
}

#howdytext {
float:left;
width:434px;
margin-left:522px;
font-size:30px;
line-height:33px;
margin-top:126px;
color:#514E4A
}

#howdytext p {
font-size:20px
}

#recent {
float:left;
height:400px;
width:972px;
display:block;
border-top-width:1px;
border-top-style:solid;
border-top-color:#e6e6e6;
padding-left:10px
}

#recent h3 {
font-weight:700;
color:#CCC;
margin-bottom:12px;
font-size:30px;
line-height:33px;
text-shadow:0 1px 0 #FFFFFF;
}

#recentarticle {
float:left;
height:345px;
width:640px;
padding-top:20px;
display:block;
border-right-width:1px;
border-right-style:solid;
border-right-color:#e6e6e6;
padding-right:30px
}

#recentwork {
float:left;
height:345px;
width:254px;
padding-top:20px;
padding-left:30px;
display:block;
border-left-width:1px;
border-left-style:solid;
border-left-color:#fff
}
#recentwork img{

}

#btmfooter {
background-image:url(http://www.stapleydesign.com/images/bottombackground.jpg);
background-repeat:repeat;
float:left;
height:200px;
width:100%;
margin-top:30px;
}

#btmbackground {
background-image:url(http://www.stapleydesign.com/images/footerborder.png);
background-repeat:repeat-x;
height:29px
}

#footercontainer {
height:150px;
width:986px;
margin-right:auto;
margin-left:auto;
margin-top:10px
}

#footercontainer h6 {
color:#323232;
font-weight:700;
font-size:12px;
margin-bottom:10px
}

.footerlogos {
float:left;
height:100px;
width:100px;
margin-right:30px
}

.clientbox {
float:left;
width:986px;
margin-left:10px;
margin-bottom:10px
}

.clientbox h6 {
color:#262626;
font-size:12px
}

.bordertop {
background-color:#e6e6e6;
float:left;
height:1px;
width:986px;
margin-top:30px
}

.borderbottom {
background-color:#fff;
float:left;
height:1px;
width:986px;
margin-bottom:30px
}

h7,.h3 {
font-size:.75em
}

color2#work a#work,color2#services a#services,color2#blog a#blog,,#sidebar a:hover,#slideshow #menu li a:hover,#rightcontent a:hover {
color:#EDAD27
}

.h2_2,#sidebar a,.entry ul li,#rightcontent a {
color:#8f8d89
}

#footer2 ul,.hptitle ul,.services_box ul {
margin-left:0;
padding-left:0
}

#top_links li,#toplink_container li {
list-style-type:none;
display:inline
}

.h4 a:visited,.h4 a:active {
text-decoration:none;
color:#F7F7F7
}

.myBox a:focus,#slideshow #menu li a:focus {
outline:0
}

#contact_left h6,#recent h6 {
font-weight:700;
font-size:12px;
color:#CCC;
margin-bottom:0
}

#nav .current-cat li a,#nav .current_page_item li a,ol.commentlist li div.vcard cite.fn a.url:hover,ol.commentlist li div.comment-meta a:hover {
color:#000
}

#nav .current-cat li a:hover,#nav .current_page_item li a:hover,#nav li a:hover {
color:#c00
}

#nav li:hover > ul,.alignnone {
display:block
}

#sidebar ul li ul li,#rightcontent ul li {
list-style-image:url(http://www.stapleydesign.com/images/slash2.png);
list-style-position:inside;
margin:0
}

#sidebar h2,#rightcontent h2 {
color:#8f8d89;
margin:0 0 6px;
padding:0
}

dl.gallery-item a,.navigation-image a {
border:none
}

.hidden,.cancel-comment-reply {
display:none
}

ol.commentlist li div.comment-author,ol.commentlist li.pingback div.vcard {
padding:0 170px 0 0
}

ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {
margin:0 0 .18em
}

.widget,#pg404 img {
margin-bottom:20px
}