@media screen {  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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%; vertical-align: baseline; list-style:none outside none; } :focus { outline: 0; }  body { color:#575757; font:13px/1.6 Arial, Helvetica, sans-serif; } #wrapper { width:980px; margin:0 auto; }  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; color:#1a1a1a !important; } h1 { font-weight:bold; float:left; margin-top:5px; } #logo { display:inline; float:left; } h1#logo a { display:block; height:38px; } h2 { font-size:26px; letter-spacing:-1px; font-weight:bold; } .ribbon { display:inline-block; padding:10px 30px; position:relative; left:-55px; border-radius:3px 3px 3px 0px; -moz-border-radius:3px 3px 3px 0px; -webkit-border-radius:3px 3px 3px 0px; } .triangle-ribbon { border-style:solid; border-width:13px; height:0; position:relative; width:0; left:-67px; top:-13px; z-index:-1; margin-bottom:20px; } body.ie8 .triangle-ribbon { margin-bottom:0 } .ribbon.full { width:890px; } .ribbon span { font-size:20px; font-weight:bold; position:absolute; right:25px; top:15px; } h3 { font-size:24px; font-weight: bold; margin-bottom:10px; color:#1a1a1a; } h3.portfolio { font-size:20px; } #sidebar h3 { border-bottom:4px solid #D9D9D9; color:#333333; font-size:14px; font-weight:bold; margin-bottom:10px; padding-bottom:7px; text-transform:uppercase; clear:both; } h4 { color: #1A1A1A; font-size: 18px; font-weight: bold; margin-bottom: 5px; } #sidebar h4 { font-size:13px; font-weight: normal; margin-bottom:10px; } #sidebar h4 a:link, #sidebar h4 a:visited { color:#1D94C3 !important; text-decoration:underline; } h5 { font-size:13px; } h5.inline { float:left; margin-right:10px; } h6 { font-size:12px; }  #header { margin:10px 0 10px; height:120px; }  #logo { display:block; float:left; }  #nav { float:right; line-height:100%; margin:45px 0 0; padding:0; } #nav li { float: left; padding-bottom: 5px; position: relative; list-style: none; z-index:100; margin-left:20px; }  #nav a { font-weight: bold; color:#fff; text-decoration: none; display: block; padding: 8px 12px 9px; font-size: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #nav a:hover { background: #000; color: #000; }  #nav .current-menu-item a, #nav li:hover > a { background: #e5e5e5; color: #444; border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:7px 11px 8px; text-shadow:0 1px 0 #FFFFFF; }  #nav ul li:hover a, #nav li:hover li a { background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none; } #nav ul a:hover { background: #f2f2f2 !important; color: #1A1A1A !important; padding:10px; -webkit-border-radius: 0; -moz-border-radius: 0; }  #nav li:hover > ul { display: block; }  #nav ul { display: none; margin: 0; padding: 0; width: 185px; position: absolute; top: 35px; left: 0; background: #fafafa; border: solid 1px #d9d9d9; z-index:100; font-size:13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #nav ul li { float: none; margin: 0; padding: 0; } #nav ul a { font-size:13px; font-weight:normal; padding:10px !important; } #nav ul a:hover { font-size:13px; font-weight:normal; padding:10px; }  #nav ul ul { left: 185px; top: 1px; }  #nav ul li:first-child > a { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; } #nav ul li:last-child > a { -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; }  #nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #nav { display: inline-block; } html[xmlns] #nav { display: block; } * html #nav { height: 1%; }  #footer { padding:10px 0; } #footer .menu { float:right; } #footer .menu li { display:inline; border-right:1px solid #CCCCCC; } #footer .menu li:last-child { border-right:0; } #footer .menu a, #footer .menu a:visited { text-decoration:none; margin:0 15px; } #footer li a:hover { color:#666666; text-decoration:none; }  #feature { margin-bottom:40px; } .feature-img-left, .feature-img-right { margin-top:10px; margin-bottom:20px; } .feature-img-left { float:left; margin-right:20px; } .feature-img-right { float:right; margin-left:20px; } .feature-text { margin-left:545px; } #feature h2 { font-size:240%; } #feature h3 { font-weight:normal; font-size:100%; color:#4d4d4d; line-height:1.6; margin-bottom:25px; } .feature-screenshots { margin:0; list-style:none; } .feature-screenshots li { float:left; margin: 0 20px 10px 0; } #feature .gallery img, .feature-screenshots li img { background: #FAFAFA; border: 1px solid #CCCCCC; padding: 5px; box-shadow: 0 0 5px #D9D9D9; -moz-box-shadow: 0 0 5px #D9D9D9; -webkit-box-shadow: 0 0 5px #D9D9D9; } .gallery { margin: 0 0 20px !important; overflow: hidden; } .gallery p { margin:0; } .gallery p br { display: none; } .feature img { float:left; } #feature-list p { margin-left:70px; } .scrollable { height:110px; overflow:hidden; position:relative; width:100%; } .scrollable .items { clear:both; position:absolute; width:20000em; } .items div, .items p { float:left; width:740pxpx; } .scrollable img { -moz-border-radius:4px 4px 4px 4px; background-color:#FFFFFF; border:1px solid #CCCCCC; float:left; height:100px; margin:0 4px 0 60px; padding:2px; width:100px; } .scrollable .active { border:2px solid #000000; cursor:default; position:relative; }  .scrollable { float:left; }  a.browse { background:url(/wp-content/themes/kameleon/img/scrollable.png) no-repeat; display:block; width:30px; height:30px; margin:40px 10px; cursor:pointer; font-size:1px; position:absolute; }  a.right { background-position: 0 -30px; clear:right; margin-right: 0px; right:25px; } a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; }  a.left { margin-left: 0px; left:25px; } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; }  a.up, a.down { background:url(/wp-content/themes/kameleon/img/scrollable/arrow/vert_large.png) no-repeat; float: none; margin: 10px 50px; }  a.up:hover { background-position:-30px 0; } a.up:active { background-position:-60px 0; }  a.down { background-position: 0 -30px; } a.down:hover { background-position:-30px -30px; } a.down:active { background-position:-60px -30px; }  a.disabled { visibility:hidden !important; } #feature-list { margin-left:-40px; margin-bottom:20px; } #feature-list ul { list-style:none outside none; margin:0; } #feature-list li { float:left; margin-left:40px; width:272px; } #feature-list.Two-col li { width:429px; } #feature-list.Three-col li { width:272px; } #feature-list.Four-col li { width:194px; } #feature-list img { float:left; } #feature-list .text { margin-left:70px; }  #main { background: #fff; color:#191919; border:1px solid #d9d9d9; padding:40px; position:relative; width:898px; z-index:1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } div#main.sidebar-right #main-content { float:left; padding-right:40px; width:598px; display:inline; } div#main.sidebar-left #main-content { float:right; padding-left:40px; width:598px; display:inline; } #sidebar { overflow:hidden; width: 260px; } #crumbs { margin:0 0 20px; list-style:none; padding:10px 15px; background:#f2f2f2; border:1px solid #D9D9D9; font-size:12px; color:#333333; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #crumbs a { color:#1a1a1a; } .category-item { border-bottom:1px solid #D9D9D9; margin-bottom:25px; padding-bottom:20px; } .category-content.thumb-left { margin-left:190px; } .category-content.thumb-right { margin-right:190px; } .category-content p { line-height:1.8; } .post-thumb-category_wrap.thumb-left { float:left; } .post-thumb-category_wrap.thumb-right { float:right; } .post-thumb-category { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #CCCCCC; padding:5px; box-shadow: 0 0 5px #D9D9D9; -moz-box-shadow: 0 0 5px #D9D9D9; -webkit-box-shadow: 0 0 5px #D9D9D9; } .post-meta { background:#F0F0F0; color:#808080; display:inline-block; font-size:12px; font-style:italic; padding:4px 8px; margin-bottom: 5px; } .post-meta a:link, .post-meta a:visited { color:#808080; text-decoration:underline; } .post-meta a:hover { text-decoration:none; } .post-box { width:220px; float:left; margin:0 20px 20px 0; } .post-box .post-thumb-small { } .post-box .post-meta { margin-bottom:5px; display:block; } #authorbox { background:#F0F0F0; color: #808080; padding: 20px; border:1px solid #D9D9D9; border-left:0; border-right:0; margin-bottom:20px; } #authorbox img { float:left; } #authorbox .authorbox-text { margin-left:100px; } #comments { margin:0 0 30px 0; } #comments ol.commentlist .message p { padding:0 0 20px 0; } #comments ol.commentlist { list-style:none; margin:0; border-top:1px solid #DDD; } #comments ol.commentlist li { padding:20px 0 0 0; } #comments .user_wrapper { float:left; width:110px; } .avatar { margin: 0 10px 0px 0; padding:3px; background:#FAFAFA; border:1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #comments .comment-reply-link { display:inline; float:right; top:0; text-decoration:none; margin:0 0 10px 0; text-transform:uppercase; font-size:10px; } #comments .comment-reply-link:focus { padding:1px 9px 1px 9px; } #cancel-comment-reply-link { margin:0 0 20px 0; display:inline-block; } #comments .message { background:#F9F9F9; border:1px solid #CCC; padding:18px 25px 5px 25px; width:420px; float:right; font-size:13px; line-height:20px; position:relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #comments .message .c_arrow { position:absolute; left:-20px; top:19px; } #comments .comment_user { padding:0; font-weight:bold; font-size:11px; margin:0; } #comments .comment_date { padding:0 0 0 0; font-size:11px; line-height:15px; } #comments ul.children { margin:0; padding:0 0 0 40px; background:url(/wp-content/themes/kameleon/img/c_reply.png) 10px 60px no-repeat; } #comments ol.commentlist ul.children li { padding-right:0; border:none; } #comments ol.commentlist ul.children li .message { width:380px; } #comments ol.commentlist ul.children ul li .message { width:320px; } #comments ol.commentlist ul.children ul ul li .message { width:280px; } #comments ol.commentlist ul.children ul ul ul li .message { width:240px; } #comments ol.commentlist ul.children ul ul ul ul li .message { width:200px; } #comments ol.commentlist ul.children ul ul ul ul ul li .message { width:160px; } #commentform input.txt { margin: 0 5px 0 0; } #commentform textarea { height: 100px; width: 400px !important; } #commentform input.txt, #commentform textarea { background: #F4F4F4; width:200px; padding: 6px 8px; border:1px solid #CCCCCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #commentform input.txt:focus, #commentform textarea:focus { background:#fff; } #commentform p { margin:0 0 15px; } #commentform { border-top: 1px solid #ddd; padding-top: 20px; }  #portfolio { list-style:none; margin:0 0 0 -40px; padding:0; width: 936px; overflow:hidden; } #portfolio li { float:left; margin-left:40px; margin-bottom:20px; } #portfolio.twocol { } #portfolio.twocol li { width:428px; } #portfolio.threecol { } #portfolio.threecol li { width: 272px; } #portfolio.fourcol { } #portfolio.fourcol li { width: 188px; }  .button { cursor:pointer; display:inline-block; font-size:13px; font-weight:700; margin:0 5px 15px 0; outline:none; padding:10px 15px; width:auto; text-align:center; text-decoration:none !important; vertical-align:middle; background:url(/wp-content/themes/kameleon/img/grad-grey.gif) repeat-x center top #c3c3c3; color:#444444 !important; border:1px solid #c3c3c3; text-shadow:0 -1px 0 #FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .button:hover { background:url(/wp-content/themes/kameleon/img/grad-grey-hover.gif) repeat-x center top #c3c3c3; text-decoration:none; outline:none; } .button:active { position:relative; top:1px; outline:none; background:url(/wp-content/themes/kameleon/img/grad-grey-rev.gif) repeat-x center top #c3c3c3; }  .button.blue { background:url(/wp-content/themes/kameleon/img/grad-blue.gif) repeat-x center top #166890; border:1px solid #11506F; color:#FFFFFF !important; text-shadow:0 -1px 0 #11506F; } .button.blue:hover { background:url(/wp-content/themes/kameleon/img/grad-blue-hover.gif) repeat-x center top #166890; } .button.blue:active { background:url(/wp-content/themes/kameleon/img/grad-blue-rev.gif) repeat-x center top #166890; }  .button.green { background:url(/wp-content/themes/kameleon/img/grad-green.gif) repeat-x center top #518f14; border:1px solid #406f11; color:#FFFFFF !important; text-shadow:0 -1px 0 #406f11; } .button.green:hover { background:url(/wp-content/themes/kameleon/img/grad-green-hover.gif) repeat-x center top #166890; } .button.green:active { background:url(/wp-content/themes/kameleon/img/grad-green-rev.gif) repeat-x center top #166890; }  .button.red { background:url(/wp-content/themes/kameleon/img/grad-red.gif) repeat-x center top #8f1e14; border:1px solid #6f1811; color:#FFFFFF !important; text-shadow:0 -1px 0 #6f1811; } .button.red:hover { background:url(/wp-content/themes/kameleon/img/grad-red-hover.gif) repeat-x center top #166890; } .button.red:active { background:url(/wp-content/themes/kameleon/img/grad-red-rev.gif) repeat-x center top #166890; }  .button.purple { background:url(/wp-content/themes/kameleon/img/grad-purple.gif) repeat-x center top #8f146e; border:1px solid #6f1156; color:#FFFFFF !important; text-shadow:0 -1px 0 #6f1156; } .button.purple:hover { background:url(/wp-content/themes/kameleon/img/grad-purple-hover.gif) repeat-x center top #166890; } .button.purple:active { background:url(/wp-content/themes/kameleon/img/grad-purple-rev.gif) repeat-x center top #166890; }  .button.black { background:url(/wp-content/themes/kameleon/img/grad-black.gif) repeat-x center top #3b3b3b; border:1px solid #3b3b3b; color:#FFFFFF !important; text-shadow:0 -1px 0 #3b3b3b; } .button.black:hover { background:url(/wp-content/themes/kameleon/img/grad-black-hover.gif) repeat-x center top #3b3b3b; } .button.black:active { background:url(/wp-content/themes/kameleon/img/grad-black-rev.gif) repeat-x center top #3b3b3b; } .button.large { font-size:15px; padding:10px 30px; } .button.small { font-size:12px; padding:5px 10px; }  .pagination { text-align: center; width: 890px; } .pagination a, .pagination span { background: url(/wp-content/themes/kameleon/img/grad-grey.gif) repeat-x center top #C3C3C3; border: 1px solid #C3C3C3; color: #444444 !important; text-shadow:0 1px 0 #fff; display: inline-block; font-size: 11px; margin-right: 4px; padding: 2px 8px; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .pagination a.current, .pagination span.current { background: url(/wp-content/themes/kameleon/img/grad-grey-rev.gif) repeat-x center top #C3C3C3; color: #444444; } .pagination a:hover { background: url(/wp-content/themes/kameleon/img/grad-grey-hover.gif) repeat-x center top #C3C3C3; color: #444444; }  .fl { float:left; } .fr { float:right; }  .widget { margin-bottom:40px; }  #s { padding:10px 5px; background:#fff url(/wp-content/themes/kameleon/img/bg-input.gif) repeat-x top; border:1px solid #D9D9D9; display:inline; width:164px; margin-right:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #searchsubmit { background:#fff url(/wp-content/themes/kameleon/img/grad-grey.gif) repeat-x top; border:1px solid #d9d9d9; color:#404040; display:inline; width:auto; height:38px; line-height:12px; font-size:14px; font-weight:bold; padding:8px 8px 10px; text-shadow:0 1px 0 #FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .screen-reader-text { display:none; }  .post-widget li { border-bottom:1px solid #D9D9D9; margin-bottom:10px; padding-bottom:10px; } .post-widget .post-thumb { float:left; } .post-widget .post-content { margin-left:100px; }  .widget_recent_entries ul { margin-top:-10px; } .widget_recent_entries li a { background:url(/wp-content/themes/kameleon/img/icons/bullet_arrow_right.png) no-repeat center left; padding:10px 5px 10px 25px; border-bottom:1px solid #D9D9D9; padding:10px 5px 10px 25px; display:block; } .widget_recent_entries li a:hover { background-color:#F2F2F2; }  .flickr_badge_image { float: left; margin-right: 7px; margin-bottom: 25px; border: solid 2px #d7d7d7; height: 75px; }  .twitter_widget ul { margin:0 0 40px; list-style:none; } .twitter_widget li { margin-bottom:10px; padding-bottom:10px; line-height:1.6; border-bottom:1px solid #d9d9d9; } .twitter_widget li a { background:url(/wp-content/themes/kameleon/img/social/16/twitter.png) no-repeat scroll 10px 50% transparent; padding:10px 40px; color: #404040; text-decoration: none; }  table { border: 1px solid #ccc; border-collapse: collapse; } table th { font-size: 12px; padding: 4px 12px; background-color: #f1f1f1; border-right: 1px solid #ccc; } table td { border: 1px solid #ccc; padding: 5px; padding-left:13px; } table td:hover { background-color: #f1f1f1; } #calendar_wrap table td { text-align: center; padding:4px; } #calendar_wrap table td.pad:hover { background:#fff; } #calendar_wrap table td#prev { text-align: left; padding-left: 15px; } p { padding:0; margin:0 0 20px; } .cl { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }  .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-right: 10px; } .alignright { float: right; margin-left: 10px; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -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; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .sticky { background: #f7f7f7; padding: 0 10px 10px; } .sticky h2 { padding-top: 10px; }  .post ul { margin-left:30px; margin-bottom:20px; } .post ul li { background: transparent url(/wp-content/themes/kameleon/img/starlist.png) no-repeat 0 3px; padding-left: 20px; } #feature ul { margin-left:0!important; margin-bottom:0!important; } #feature ul li { background: none!important; padding-left:0px!important; } #holder-footer { clear: both; width: 980px; margin: 0 auto; } }  body { color:#f2f2f2; background: #1a1a1a url(/wp-content/themes/kameleon/css/themes/../../img/bg-dark.jpg) repeat-x top; } h1#logo { background:url(/wp-content/themes/kameleon/css/themes/../../img/logo-dark.png) no-repeat scroll 0 0 transparent; } nav a, nav a:visited { color:#f2f2f2; text-shadow:0 1px 0 #000000; } nav a:hover { color:#d9d9d9; } #nav ul a { text-shadow:0 1px 0 #FFFFFF; } footer { color:#f2f2f2; } footer li a, footer li a:visited { color:#f2f2f2; } footer li a:hover { color:#d9d9d9; }  a, a:active, a:visited { color:#c31d25; } a:hover { color:#c31d25; } .ribbon { background:url(/wp-content/themes/kameleon/css/themes/../../img/grad-red.gif) repeat-x center top #8f1e14; border:1px solid #6f1811; color:#FFFFFF; text-shadow:0 -1px 0 #6f1811; } .triangle-ribbon { border-color:transparent #5c130d transparent transparent; } .sidebar-nav li.current { background:url(/wp-content/themes/kameleon/css/themes/../../img/grad-red.gif) repeat-x center top #8f1e14; border:1px solid #6f1811; }