/* Theme Name: חברותא Theme URI: http://www.havruta.co.il/ Description: העיצוב הבסיסי לאתר חברותא. Version: 1.0 Author: אי ג'י סטודיו Tags: blue, custom header, fixed width, two columns, widgets */ @import "post.css"; @import "category.css"; @import "calendar.css"; @import "form.css"; * { margin:0;padding:0;direction:rtl } body { font: normal 12px Arial; line-height: 16px; color: #464646; background:#f0f0f0 url(images/body-bg.jpg) repeat-x top left; text-align:center; height:100%; } /*General Styles*/ div.clear {clear:both; float: none; width: auto;} a img {border:0;} .left {float:left;} .replace {text-indent: -2000px;} hr {display:block; height:1px; border:0; border-bottom: 1px solid #dbdbdb;clear:both; float: none; width: auto;} a:link, a:visited {color:#3790e3; text-decoration:none;} a:hover {text-decoration:underline;} h1 {color:#114b80; font-size:22px; line-height: 1em; } h2, h3 {color:#114b80; font-size:14px; } h4 {color:#114b80; font-size:12px; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {color:#114b80;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color:#3790e3;} h1, h2, h3, h4 {} ul.hb {list-style:none; font-size:11px; color:#a7a7a7; margin-bottom:5px;} ul.hb li {display:inline;} ul.with-icons li {display:block; float:right; margin-left:5px; margin-bottom:5px;} ul.with-icons li a:link, ul.with-icons li a:visited { float:right;} a.addthis_button_email {float:right; margin-left:5px;} /*IE 6 Fix*/ a.comments:link, a.comments:visited {display:block; font-size:11px; height:14px; background: url(images/comment.gif) no-repeat center right; padding-right:18px;} span.comments {display:none;} /*Remove "Closed for discussion"*/ a.post-edit-link:link, a.post-edit-link:visited {display:block; font-size:11px; height:16px; background: url(images/edit.gif) no-repeat center right; padding-right:18px; margin-bottom:15px;} a.caption-link:link, a.caption-link:visited {font-size:10px; letter-spacing: 0.1em; color:#acacac;} a.caption-link:hover{text-decoration:none; color:#5096ca;} .alignright {float:right;} .alignleft {float:left;} /*Tooltip*/ #tooltip {position: absolute; z-index: 3000; font-size:12px; background-color: #000; padding:10px 15px; opacity: 0.8; color:#f0f0f0; text-align:right; color:#424242; width:200px;} #tooltip h3 {margin:0; font-size:12px; color:#f0f0f0; font-weight:normal;} #tooltip div { margin: 0;} /*~~~~~~~~~~~~~~Layout~~~~~~~~~~~~~~~~*/ #wrapper {width: 960px; text-align:right; margin:0 auto;} #maincolumn {width:640px; float:right; margin-left:25px;} #sidecolumn {width:295px; float:right; } /*header*/ #header {padding: 30px 0 15px;} #header div {float:left;} #header div ul.nav {list-style:none;} #header div ul.nav li {display:inline;} #header div ul.nav li span {color:#cacaca;} #header div ul.nav a:link, #header div ul.nav a:visited {color:#989da2; font-size:11px;} #header div ul.nav a:hover{text-decoration:none; color:#74afe6;} #header form { width:205px; position:absolute; top:75px; right:50%; margin-right:280px; z-index:10; } #header form input.search {font-size:14px; width:140px; font-family: Arial; padding:3px 5px; border:1px solid #d6d6d6; font-weight:bold; color:#838383; margin:1px 0 0 10px;} #header form input.search:focus {border-color:#3790e3; color:#000;} #header div.readibility {width:100px; position:absolute; top:82px; right:50%; margin-right:200px; z-index:1;} #header div.readibility a:link, #header div.readibility a:visited {display:block; width:11px; color:#464646; float: right; margin-left:5px; padding:0 3px 0 0; border:1px solid #a7a7a7; background-color:#fff;} #header div.readibility a:hover {background-color:#a6a6a6; color:#fff; text-decoration:none;} #header div.readibility a.small {font-size:11px;} #header div.readibility a.medium {font-size:12px;} #header div.readibility a.large {font-size:14px;} #header div.readibility a.selected {background-color:#424242; color:#fff; } /*navigation*/ #nav {height:44px; background: url(images/menu-bg.jpg) no-repeat top left; margin-bottom:15px;} #nav ul {list-style:none;} #nav ul li {display:block; float:right; height:28px; padding: 8px 15px; border-left:1px solid #343434;} #nav a:link, #nav a:visited {color:#f3f3f3; font-size:13px; font-weight:bold; line-height:11px;} #nav a:hover {color:#88ccfd; text-decoration:none;} #nav a span {font-size:10px; color:#bcbcbc; display:block;} #nav a:hover span {color:#88ccfd;} #nav a.selected:link, #nav a.selected:visited {color:#88ccfd; text-decoration:none;} #nav a.selected span {color:#88ccfd;} /*~~~~~~~~~~~main column~~~~~~~~~~~~~~*/ /*mainitem*/ div.mainarticle {background-color:#fff; padding:15px; margin-bottom:15px;} div.substory h1 {margin-bottom:3px;} div.mainarticle div.img-container {float:right; width:240px; margin-left:15px;} div.mainarticle div.img-container img {border:1px solid #4c4c4c; width:240px;} div.mainarticle div.body {width:345px; float:right;} div.mainarticle ul.hb {margin-top:5px;} /*substories*/ div.substory {position:relative; width:134px; height:290px; float:right; padding:10px 10px; margin-left:8px; margin-bottom:15px; background-color:#fff; border-top:3px solid;} div.substory h2 {margin-bottom:3px;} div.substory img {border:1px solid #4c4c4c; margin-bottom:5px; width:134px; height:100px;} div.substory img.header-icon {width:auto; border:0; margin-bottom:0; height:auto;} img.header-icon {width:auto; border:0; margin-bottom:0; height:auto; position:absolute; margin: 1px 5px 0 0;} div.last {margin-left:0;} div.blue {border-color:#3b84cd;} div.green {border-color:#76de79;} div.pink {border-color:#ea61c5;} div.orange {border-color:#fdc289;} div.substory a.comments {position:absolute; bottom:10px;} /*category briefs*/ div.category-wrapper {background:#fff; border-top:2px solid #3b84cd; margin-bottom:10px;} div.category-wrapper h3.category-header {padding:5px 15px 0; height:20px;} div.category-wrapper h3.category-header span {font-size:12px; float:left; font-weight:normal;} div.category-wrapper div.inner {padding:10px 15px; border-top: 1px solid #dbdbdb;} div.category-wrapper div.img-container { margin-left: 10px; float:right; } div.category-wrapper div.img-container img { width:95px; border:1px solid #4c4c4c; } div.category-wrapper div.body {width:220px; float:right; height:90px; padding-left:20px; margin-left:20px; border-left:3px dotted #dbdbdb;} div.category-wrapper div.subitems ul {list-style:none;} div.category-wrapper div.subitems a.bold:link, div.category-wrapper div.subitems a.bold:visited {font-weight:bold; color:#114b80;} div.category-wrapper div.subitems a.bold:hover {color:#3790e3; border-color:#fff; /*IE 6 fix*/} /*~~~~~~~~~~~sidebar~~~~~~~~~~~~~~*/ /*top buttons*/ #sidecolumn a.btn:link, #sidecolumn a.btn:visited {display:block; height:23px; padding: 7px 10px 0 0; margin-bottom:15px; width:135px; font-size:14px; font-weight:bold; color:#a4a4a4; background: #414141 url(images/qmark.gif) no-repeat 5px 5px; } #sidecolumn a.btn:hover { text-decoration:none; color:#f4faff;} #sidecolumn a.contact:link, #sidecolumn a.contact:visited {background: #414141 url(images/arrow.gif) no-repeat 5px 5px;} /*calendar*/ /*Other*/ #calendar, #columns, #stuff-we-wrote, #popular {margin-bottom:30px;} #sidecolumn h2 { padding: 5px 25px 5px 0; margin-bottom:10px; font-size:20px; color:#5e656b; border-bottom:3px solid;} #sidecolumn h2 a:link, #sidecolumn h2 a:visited {color:#5e656b; } #sidecolumn h2 a:hover {text-decoration:none; color:#3790e3;} #sidecolumn h2 a span {float:left; font-size:12px; font-weight:normal; margin-left:10px;} #columns h2 {display:block; background: url(images/columns.gif) no-repeat center right; border-color:#5e8fb2;} #stuff-we-wrote h2 {display:block; background: url(images/personal.gif) no-repeat center right; border-color:#ff6300;} #popular h2 {display:block; background: url(images/popular.gif) no-repeat center right; border-color:#3f7e21;} #popular ul {list-style:none;} #popular ul li {display:block; width:95px; height:125px; margin-left:5px; margin-top: 5px; margin-bottom:5px; float:right;} #popular ul li.last {margin-left:0; } #popular ul a:link, #popular ul a:visited {} #popular ul a:hover {text-decoration:none;} #popular ul li img {width:95px; height:72px; float:none;} /*~~~~Footer~~~~~*/ #bottom {width:100%; margin-top:45px;} #bottom div.inner {width:960px; margin:0 auto; text-align:right; padding:20px 0;} #comment-cloud {background-color:#151515; color:#707070;} #comment-cloud h2 {color:#64b4fc; font-size:30px; margin-bottom:30px; } #comment-cloud ul {list-style:none;} #comment-cloud ul li {display:block; background-color:#222222; padding:10px 15px; font-size:11px; line-height:15px; width:275px; height:45px; float:right; margin:0 0 20px 20px;} #comment-cloud ul li.last {margin-left:0;} #comment-cloud ul li img {border:1px solid #000; float:right; margin-left:10px;} #footer {background-color:#292929; color:#4f4f4f;} #footer div.col {float:right; padding-left:20px; border-left: 1px solid #222222; margin-left:28px;} #footer div.col ul {list-style-image:url(images/list-item.gif); line-height:16px;} #footer div.col ul li {font-size:11px;} #footer div.col ul li a {color:#c2c2c2;} #footer div.none {border-left:0; } #footer div.last { padding-left:0; margin-left:0; } #footer div.col h2 {color:#64b4fc; font-size:30px; margin-bottom:30px; } a.joh:link, a.joh:visited {display:block; width:200px; background: url(images/joh.gif) no-repeat top left; height:105px;} a.joh:hover {text-decoration:none;} a.egstudio:link, a.egstudio:visited {display:block; color:#484848; float:left; background-color:#222222; margin-top:30px; font-size:11px; padding:1px 10px;} a.egstudio:hover {text-decoration:none; color:#ffffff; background-color:#64b4fc;}