/* Theme Name: Optimize Version: 1.3.1 Description: Designed by Magnus Jepson. Author: WooThemes Author URI: http://www.woothemes.com */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Featured Area -2.8 Homepage -2.9 Portfolio 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 14px Arial, Times New Roman, Sans-Serif; direction: rtl; text-align: right; line-height: 1.5; color: #333; background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Arial, Times New Roman, Sans-Serif; color: #333; } h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #06a0f0; text-decoration:none; } a:hover { text-decoration:underline; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #container { } #top{background:url(images/bg.jpg) repeat-x top center;min-height:0;} .col-left { float: left; } .col-right { float: right; } .col-full { width: 960px; margin: 0 auto; } /* 2.2 Navigation */ #navigation{font-size:11px;} #navigation ul.rss{background:url(images/ico-rss.png) no-repeat 0 5px;padding:6px 0 3px 15px;} #navigation ul.rss li{display:inline;padding:0 10px;} ul#nav { /*margin-top:9px; padding-top:20px*/ } #nav, #nav ul { z-index:100; position:relative; margin:0; padding:0; list-style:none; line-height:1; } #nav a { display:block; z-index:100; padding:0 10px; line-height:28px; font-size:17px; color:#fff; text-decoration:none;} #nav li { float:right; position:relative; width: auto; padding:2px 5px;} #nav li:hover, #nav li.current_page_item { background: #222; } #nav li li.current_page_item { background: none; } /* 2.2.1 Drop-down menus */ #nav li ul { position: absolute; clear:both; zoom:1; top:30px; right: -999em; width: 172px; background: #FFF; border:1px solid #efefef;} #nav li ul li { border: 1px solid #efefef; border-width: 0 0 1px; padding:0; } #nav li ul li a { background:url(images/ico-bullet.png) no-repeat right 10px; width:145px; padding-right:15px; line-height:30px; font-size:12px; color:#000; } #nav li ul li:hover { background:#fafafa; } #nav li ul { padding:5px; } #nav li ul ul { margin: -25px 0 0 120px; } #nav li ul li ul li a { border-width: 0 0 1px; } #nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul { right:-999em; } #nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul { right:0/*auto*/; } #nav li:hover,#nav li.hover { position:relative/*static*/; } #nav .sf-sub-indicator {display:none;} /* 2.3 Header */ #header{background:url(images/bg-top.png) repeat;padding:15px 0 13px;clear:both;position:relative;z-index:10;} #logo { margin-top:7px } #logo img { } #logo .site-title, #logo .site-description { display: none; } #logo .site-title a { color:#fff; font-size:32px; line-height:28px; text-transform:uppercase; letter-spacing:1px; } #logo .site-title a:hover { text-decoration:none; color:#eee; } #logo .site-description { color:#bbb; text-transform:uppercase; font-size:12px;} /* 2.4 Content */ #content{background:url(images/bg-content-top.png) repeat-x top center; min-height:400px;padding:20px 0; } * html #content{height:550px;} #main{width:644px;} #main.fullwidth { width: 960px; } /* 2.5 Sidebar */ #sidebar{width:260px;overflow:hidden; padding:20px 18px 12px; background:#f7f7f7; border-bottom:1px solid #dbdbdb; } /* 2.6 Footer */ #footer{background: #232323 url(images/bg-footer-top.png) repeat-x top center; font-size:12px;padding: 20px 0;border-top: 1px solid #eee; } #footer #credit, #footer #copyright { color: #777; } #footer #credit a, #footer #copyright a { color: #999; } #footer #footer-credits { background:url(images/bg-footer-bevel.png) repeat-x top center; padding:25px 0 20px; margin: 20px 0; } #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} #footer #footer-widgets { margin-top:20px; color:#bbbbbb; font-size:14px; } #footer #footer-widgets p { color:#bbbbbb; } #footer #footer-widgets .block { float:right; width:210px; margin:0 40px 0 0; } #footer #footer-widgets .block.last { margin-right:0; } #footer #footer-widgets h4, #footer #footer-widgets h3 { font-size:18px; color:#fff; font-weight:normal;} #footer #footer-widgets ul { border:none; } #footer #footer-widgets li { padding-right:15px; } #footer #footer-widgets li a { border:none; color:#fefefe; line-height:18px; padding:3px 0; } #footer #footer-widgets li a:hover { color:#06a0f0; } /* 2.7 Featured Area */ #featured { background:url(images/bg-border-top.png) repeat-x top left; } #featured #page-title { padding: 25px 0; } #featured h2, #featured h1, #featured span.archive_header { color:#fff;font-size:40px; line-height:40px; letter-spacing:-1px; } #featured span.archive_header { display:block; font-size: 30px; font-weight:bold; } #featured span.archive_header.blog { font-size: 40px; } /* 2.8 Homepage */ #featured.home .featured-image { width:480px; padding:40px 0 0; margin-bottom:-60px; position:relative; text-align:center; } #featured.home .play { background:url(images/btn-play.png) no-repeat; position:absolute; bottom:0; left:0; width:470px; height:380px;} #featured.home .featured-content { width:470px; padding:60px 0 0; } #featured.home h2 { font-size:35px; padding:20px 0 0px;} #featured.home p { color:#FFFFFF;font-size:18px;font-weight:bold;line-height:19px;margin-top:35px; } #featured .screens {float:right; width:355px; height:267px; background:url(images/main-screens.png) no-repeat scroll 0 0; margin: 35px 55px 0 0} #featured .featuredText {float:left;margin-left:35px;width:500px;color:#FFFFFF} #featured .featuredText .title {text-align: left; font-size: 19px; color:#FFD3AF; color:#FFD3AF; /*color: black;*/ margin: 0px 40px 0pt 0pt; width: 350px} #featured .featuredText .title .magento {color:#FFFFFF;text-shadow:#000 0px 1px 0;font-size:21px} #featured .featuredText .title .version {} #featured .featuredText .buttons {margin:31px 0 0 22px} #featured .featuredText .buttons a {float:left} #featured a.button { background: url(images/btn-featured-right.png) no-repeat scroll top left; display: block; float: right; height: 44px; padding-left: 16px;text-decoration: none;color: #777;font-family:Arial, Helvetica, sans-serif; font-size:22px;margin:30px 0 20px 30px;letter-spacing:-1px;} #featured a.button span { float:right; background: transparent url(images/btn-featured.png) no-repeat scroll right top; display: block; line-height: 44px; padding: 0px 50px 0px 10px; } #featured a.button:hover span{ text-decoration:none; color:#555; } #featured a.button:hover { cursor:pointer; } #breadcrumb.home { min-height:100px; height:auto; padding:10px 0 15px; line-height:27px; color:#444444} #breadcrumb.home .left { width:460px; margin-top:0px;} #breadcrumb.home .right { width:450px; margin-right:30px } #breadcrumb.home a.thumb { float:left; margin-left:20px; border:1px solid #ddd; width:70px; height:70px; background:url(images/thumb-hover.png) no-repeat; } #breadcrumb.home a.thumb img { padding:5px; height:60px; width:60px; } #breadcrumb.home h2 { font-size:18px; text-transform:uppercase; margin:10px 0;} #breadcrumb.home p { color:#555; line-height:22px; font-size:14px; padding:0 0 15px;} #breadcrumb.home ul li {padding-right:30px; background:url(images/star.png) no-repeat scroll right 0; font-size:14px; font-weight:normal} #twitter { background: #f7f7f7; border-bottom:1px solid #dbdbdb; margin:10px 0 0; padding:18px 30px 16px; color:#777; font-size: 18px; min-height:42px; } #twitter #twitter_update_list { margin-left:65px; } #twitter #twitter_update_list li { line-height:22px; } #mini-features { margin:30px 0 0; } #mini-features .block { width:440px; margin:0 0 30px 40px; float:right; } #mini-features .block.last { margin:0; } #mini-features .feature { margin-right:55px; } #mini-features .home-icon { float:right; } #mini-features h3 { font-size:18px; padding-bottom:10px; } #mini-features p { padding-bottom:15px; } #mini-features a.btn { margin: 15px 0 0 0; background:#f0f0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 12px 4px 20px; } #mini-features a.btn:hover { background:#06a0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#fff; text-decoration:none; } #main-page1 { padding: 30px 0 0; } #main-page2 { padding: 0 0 30px; } #info-box { background: #f7f7f7; border-bottom:1px solid #dbdbdb; padding:20px 40px 10px; margin:0 0 20px; } #info-box .block { width:420px; margin:0 0 20px 40px; float:right; } #info-box .block.last { margin-left:0; } #info-box .icon { float:right; } #info-box h3 { background: url(images/bg-info-box-title.png) repeat-x scroll center bottom; text-transform:uppercase; font-size:14px; padding:0 50px 15px 0; line-height:30px; margin-bottom:15px; } #info-box p { padding-bottom:15px; } #info-box blockquote { background:url(images/bg-quote.png) no-repeat top right; padding:0 50px 15px 0; font-family:Georgia, serif; font-size:14px; color:#777; font-style:italic; min-height:12px; } #info-box cite { padding:0 50px 0 0; } #info-box .quote { padding-bottom:20px; } /* 2.9 Portfolio */ #portfolio .block { width:460px; margin:0 10px 20px 10px; display:inline; } #portfolio .block a.thumb { background: url(images/portfolio-hover.png) no-repeat; border:1px solid #ddd; padding:4px; margin:0 0 20px 0; display:block;} #portfolio .block img.portfolio-img { } #portfolio .block h2 { font-size:18px; margin-bottom:15px; } .port-cat { text-transform:uppercase; } .port-cat a { padding:2px 6px; background:#e4e4e4; margin:0 0 0 5px; border:1px solid #ccc; } .port-cat a:hover { text-decoration:none; background:#eee; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb { background:#eee url(images/bg-breadcrumb-top.png) repeat-x top center; height:44px; border-top:1px solid #efefef; border-bottom:1px solid #d5d5d5; color:#777; line-height:44px; } #breadcrumb img.rss { position:relative; margin:9px 0 0 10px; } .post { margin: 0 0 25px 0;} .post ul {list-style:disc inside none!important} .post .title { width:100%;position:relative; margin: 0 0 5px 0; } .post .title a:link, .post .title a:visited { color: #222; } .post-meta{font-family:Arial, Helvetica, sans-serif; margin: 0 0 15px 0;font-size:11px;color:#9F9F9F;} .post-meta .comments a { padding: 0 0 0 20px; text-transform: uppercase; } .post p.tags{background:url(images/ico-tag.gif) no-repeat center right;padding-right:25px;width:100%;clear:both;} .entry {} /* 3.1 Typographic Elements */ .entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 15px 0; } .entry p { margin: 0 0 15px 0; } .entry blockquote { padding: 10px 30px; color: #666; } .entry blockquote p {} .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: circle; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img { padding: 5px; border: 1px solid #ccc; } img.wp-smiley { padding: 0; border: none; } .entry .alignleft { float: left; width: auto; margin: 10px 15px 10px 0; } .entry .alignright { float: right; width: auto; margin: 10px 0 10px 15px; } .entry .aligncenter { text-align: center; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; } /* 3.3 Pagination / WP-Pagenavi */ .more_entries {font-size:14px; line-height:18px; font-style:italic !important;} .more_entries a { display: block; margin: 0; background:#F7F7F7; border-bottom:1px solid #DBDBDB; padding:4px 8px; color:#777; } .more_entries a:hover { text-decoration:none; } .more_entries .wp-pagenavi { margin: 15px 0; text-align: right; } .more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none; background: #efefef;color: #777; padding: 4px 8px; border:none; border-bottom:1px solid #DBDBDB; } .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover { padding: 4px 8px; background: #F7F7F7; color:#777; border:none; border-bottom:1px solid #DBDBDB; } .more_entries .wp-pagenavi .extend, .more_entries .wp-pagenavi span.pages { background: #F7F7F7;color: #777; padding: 4px 8px; border:none; border-bottom:1px solid #DBDBDB;} /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { margin: 0 0 15px 0; } .widget h4, .widget h3 { margin: 0 0 15px 0;text-transform:uppercase; font-size:14px; text-transform:uppercase; color:#777; } .widget p { color:#666; } .widget ul { clear:both; } .widget ul li { background: url(images/ico-bullet.png) no-repeat right 8px; /*padding-left:15px;*/ } .widget ul li a { display: block; padding: 3px 0; line-height: 18px; text-decoration: none; color:#666; } .widget ul li a:hover { color: #000; } .widget ul ul { padding: 0 15px 0 0; border-top: none; } /* 4.2 Specific Widgets */ /* WIDGET FORMS */ #searchform { margin: 15px 0 0 0; background:#fff; border: 3px solid #e2e2e2; position:relative; } #searchform .btn { position:absolute; left:10px; bottom:0; } .widget input#s, .widget input.field { width: 180px; padding: 6px 0; margin-right:10px; border: 0; color:#999999; } .widget input.submit { } .widget .screen-reader-text { display: none; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { width: 75px; float: left; margin: 4px 6px; } .widget_woo_flickr .wrap { margin-left: -5px; position: relative; margin-bottom: 25px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0; display: block; border: #CECFC6 1px solid; padding: 3px;} .widget_woo_flickr a:hover img { border:#A8AA99 1px solid; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* MISC */ .adspace-widget { text-align:center; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin-top:20px;padding:0;} #comments h3{ color:#555; font-weight:normal; } #comments .comment.thread-even { background: #f7f7f7; border-bottom:1px solid #b2b2b2; } #comments .comment{margin-top:10px;width:100%;list-style-type:none;} #comments .comment .comment-container { padding: 15px 20px; } #comments .comment-head { margin: 0 0 15px 0; } #comments .comment-head .avatar { float: right; margin: 0 0 10px 10px; } #comments .comment-head .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; } #comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { padding-top:10px; } #comments .reply a { padding:1px 15px; background:#e7e7e7; color:#444; text-decoration:none; font-size:12px; text-transform:uppercase;} #comments .reply a:hover { background:#06a0f0; color:#fff; } #comments ul.children{margin:10px 0 0 25px;padding:0; } #comments .cancel-comment-reply{margin-bottom:10px;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } /* 5.2 Comments Form */ #respond { margin: 25px 0 0 0; } #respond h3 { color:#555; font-weight:normal; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #commentform { margin: 15px 0 0 0; } #commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 7px 10px; border: 3px solid #e2e2e2; } #commentform textarea { color:#666; background: #fcfcfc; width: 95%!important; padding: 7px 10px; border: 3px solid #e2e2e2; } input, textarea, submit { font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; font-size: 14px; } #commentform #submit { margin: 15px 0 0 0; background:#f0f0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 15px 4px 25px; } #commentform #submit:hover { background:#06a0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#fff; cursor:pointer; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /* normal ordered list */ .normal-ol-container {} .normal-ol-container ol {list-style:decimal outside none!important; padding-right: 20px} .normal-ol-container ol li {list-style-type:decimal!important} .normal-ol-container ol li ol li {list-style-type:hebrew!important}