@charset "utf-8";
/*  
Theme Name: Hoop ENGLISH
Theme URI: http://www.hoop.co.il/
Description: Hoop site theme.
Version: 1.0
Author: Matty Mariansky
Author URI: http://www.hoop.co.il/
ENGLISH ENGLISH ENGLISH ENGLISH ENGLISH
*/

/*general*/
html, body {
	text-align: center;
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	background-color: #1f1206;
	color: #c9c4c0;
	font-size: 62.5%;
}

html>body li a{
  height:auto;
  min-height:1em;
}

ul, li, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, img {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	font-weight: normal;
	font-size: 1em;
}

strong {
	color:white;
}

.clean {
	clear: both;
}

.hide, hr, #offtext, #thetop h1, #smalltop h1, #thebottom span {
	display: none;
}

a {
	text-decoration: none;
	color:white;
}

a:visited {
	color:white;
}

/*a:hover {
	color: #ff0099;
}*/

a:hover img {
	background: none;
}

#outside {
	font: 1em Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 875px;
	position:relative;
}

/*top part */
#thetop {
	position: relative;
	height: 122px;
}

#randompic {
	position: relative;*/
	width:706px;
	height:300px;
/*	float:right;
	border-left:3px solid  black;*/
}

#randompic p a {
		text-decoration:underline;
}

#randompic p {
	color:white;
	position: absolute;
	font-size:14px;
	font-weight:bold;
	background: black;
	right: 0;
	bottom: 0;
	padding: 7px;
	margin: 0;
	opacity: .7; /* Firefox 1.5, Safari, Opera 9 */
	-moz-opacity: .7; /* Firefox 1.0.x */
	filter: alpha(opacity=70); /* IE */
	width:694px; /*pic width -twice padding*/
	text-align:left;
	display:none;
}

/* main content area */
#side-left {
	float: right;
	width: 710px;
	padding: 0 0 0 0;
}

#maincontent {
	margin-top:15px;
	width:710px;
	float:left;
}

#maincontent-single {
	width: 710px;
	/*background-color:#00FF00;*/
	/*float:right;*/
	margin-left: 15px;
}

/*new compact site box*/
#maincontent img { width: 116px; height: 100px; }
.site { position: relative;  display: block; width: 116px; height: 100px; float: left; margin: 0 0 2px 2px; overflow: hidden; } 
.site a.site-link { display: block; width: 116px; height: 100px; position: absolute; z-index: 1; top: 0px; left:0px; background-repeat: no-repeat; background-color: #202020; }
.site:hover .site-link { z-index: 0;  }
.site:hover .detail { z-index: 2;  }
.site .detail { display: block; position: absolute; width: 116px;  top: 0px; left:0px; height: 100px; background: url(images/sitepic.jpg) left top repeat-x; }
.site .detail-link { font-size: 14px; font-weight: bold; position: absolute; width: 116px; height: 100px; top: 0px; leftt: 0px; text-align: left; padding:5px;}
.site .detail-link a { position: relative; display: block; color: #cccccc; text-decoration: none; overflow: hidden; width: 116px; height: 100px; }
.site .detail-link a strong { position: absolute; top: 10px; left: 5px;width: 96px; color: #ffffff; }
.site .detail-link a strong:hover { color: #ffffff; }
.site .site-tb { position: absolute; bottom: 10px; left: 10px; }
.site .site-tb a { color: #666666; text-decoration: none;  font-size:12px;}
.site .detail-link a:hover { color: #ffffff; }
.site .site-tb a:hover { color: #cccccc;  }

/*banner zone*/
#adzone {margin-bottom:5px;}
.banner { position: relative;  display: block; width: 116px; height: 100px; float: right; margin: 0 2px 15px 0; overflow: hidden; } 


#logo {
	width: 178px;
	height: 64px;
	display: block;
	position: absolute;
	top: 50px;
	left: -7px;
}

#logo a {
	background: url(images/hoop_english-logo.gif) top right no-repeat;
	display: block;
	width: 178px;
	height: 64px;
}

#langlink {
	di-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/israel_flag.gif) no-repeat scroll 0 2px;
	bottom:0;
	display:block;
	height:28px;
	position:absolute;
	right:-17px;
	width:124px;
}

#langlink a {
	font-size:1.1em;
	width: 180px;
	height: 30px;
	color:#666666;
}

/*top part for single page*/
#smalltop {
	position: relative;
	height: 60px;
}

#smalllogo {
	width: 111px;
	height: 40px;
	display:block;
	position: absolute;
	top: 14px;
	left:22px;
}

#smalllogo a {
	background: url(images/logo_english_small.gif) top right no-repeat;
	display: block;
	width: 111px;
	height: 40px;
}

/*middle part*/
#themid {
	padding: 0 0 0 0;
}

/*right menu, has side colors*/
#column-right {
	float: left;
	width: 150px;
	margin-right: 15px;
}

.color-menu {
	width: 150px;
	padding: 0 0 0 0;
	margin-bottom: 9px;
}

.color-menu h2 {
	display: block;
	height: 28px;
	width: 150px;
}

#menu-categories h2 {
	padding: 0 0 0 0;
	background: url(images/menuhead-cat.gif) 0 0 no-repeat;
}

.color-menu li {
	text-align:left;
	font-size:1.1em;
	border-top: 2px solid #1f1206;
}

.color-menu li a {
	color: #dddddd;
	background-color: #4e4e4e;
	display: block;
	width: 125px;
	padding: 2px 10px;
}

.color-menu li a:hover {
	color: #dddddd;
	background-color: #5B5B5B;
}

/*active category*/
.catactive {
	color: white !important;
	background-color: #8c8c8c !important;
}

/*category colors*/
#cat1 {
	border-left: 5px solid #7d7d7d;
}

#cat2 {
	border-left: 5px solid #ca2b6b;
}

#cat3 {
	border-left: 5px solid #8cbe0d;
}

#cat4 {
	border-left: 5px solid #4eadf7;
}

#cat5 {
	border-left: 5px solid #e57139;
}

#cat6 {
	border-left: 5px solid #5c4ff8;
}

#cat7 {
	border-left: 5px solid #f8e112;
}

#cat8 {
	border-left: 5px solid #f7f7f7;
}

#cat9 {
	border-left: 5px solid #ff73c2;
}

#cat10 {
	border-left: 5px solid #ff0000;
}

#cat11 {
	border-left: 5px solid #0cd28f;
}

#cat12 {
	border-left: 5px solid #9993d1;
}

/*left menu */

#jobbanner {
	margin-top:9px;
	padding:0;
}

#addsitebanner {
	margin-top:5px;
	padding:0;
}

#column-left {
	float: left;
	width: 150px;
	padding: 0 0 0 0;
}

#menu-options h2 {
	padding: 0 0 0 0;
	background: url(images/menuhead-options.gif) 0 0 no-repeat;
}

.general-menu {
	width: 150px;
	padding: 0 0 0 0;
	margin-top: 9px;
}

.general-menu-other {
	width: 150px;
	padding: 0 0 0 0;
	margin-top: 9px;
}

/*for single page, no top margin*/
.general-menu-single {
	width: 150px;
	padding: 0 0 0 0;
}

.general-menu h2 {
	display: block;
	height: 28px;
	width: 150px;
}

.general-menu-other h2 {
	display: block;
	height: 28px;
	width: 150px;
}

.general-menu-single h2 {
	display: block;
	height: 28px;
	width: 150px;
}

#general-categories h2 {
	padding: 0 0 0 0;
	background: url(images/menuhead-cat.gif) 0 0 no-repeat;
}

#general-sort h2 {
	padding: 0 0 0 0;
	background: url(images/menuhead-sort.gif) 0 0 no-repeat;
}

.general-menu li {
	text-align:left;
	font-size:1.1em;
	border-top: 2px solid #1f1206;
	width: 142px;
	/* fixed this in the header, with conditional css
	position:relative;
	right:-4px;
	*/ 
}

.general-menu-single li {
	text-align:left;
	font-size:1.1em;
	border-top: 2px solid #1f1206;
	width: 142px;
}

.general-menu-other li {
	text-align:left;
	font-size:1.1em;
	border-top: 2px solid #1f1206;
	width: 142px;
}

.general-menu li a {
	color: #dddddd;
	background-color: #4e4e4e;
	display: block;
	width: 125px;
	padding: 2px 10px;
	border-left: 5px solid #7d7d7d;
}

.general-menu-single li a {
	color: #dddddd;
	background-color: #4e4e4e;
	display: block;
	width: 125px;
	padding: 2px 10px;
	border-left: 5px solid #7d7d7d;
}

.general-menu li a:hover {
	color: #dddddd;
	background-color: #5B5B5B;
}

.general-menu-single li a:hover {
	color: #dddddd;
	background-color: #5B5B5B;
}


#selector-form {
	padding-right: 8px;
	background-color: #4e4e4e;
	padding-top:10px;
	border-top: 2px solid #1f1206;
	border-bottom: 10px solid #1f1206;
	height:32px;
}

#selector-form select {
	background: #cccccc;
	font: 0.9em Arial, Helvetica, sans-serif;
	width: 130px;
	display: block;
}

#menu-search h2 {
	padding: 0 0 0 0;
	background: url(images/menuhead-search.gif) 0 0 no-repeat;
}

#search-form {
	padding-left: 8px;
	background-color: #4e4e4e;
	padding-top:10px;
	border-top: 2px solid #1f1206;
	height:32px;
}

#search-form input {
	background: #cccccc;
	font: 0.9em Arial, Helvetica, sans-serif;
	width: 130px;
	display: block;
}

#menu-talkbacks h2 {
	padding: 0 0 0 0;
	background: url(images/menuhead-comments.gif) 0 0 no-repeat;
}

#menu-blognow h2 {
	padding: 0 0 0 0;
	background: url(images/menuhead-blognow.gif) 0 0 no-repeat;
}

.talkbacks {
	background: #4e4e4e;
	text-align: left;
	padding: 5px;
}

.talkbacks li {
	border:none;
	padding:0;
	margin-bottom:15px;
}

.talkbacks li a {
	margin-top:10px;
	border-bottom: 1px dashed #707070;
}

.blognow {
	background: #4e4e4e;
	text-align: right;
	padding: 5px;
	direction:rtl;
}

.blognow li {
	border:none;
	padding-right: 7px;
	margin-bottom:5px;
	background: url(images/blogbullet.gif) right 1px no-repeat;
}

.blognow li a {
	margin-top:10px;
	font-size:1.1em;
}

/*job stuff*/
#jobheadline {
	background:url(images/jobHeadline.gif) 0 0 no-repeat;
	padding-bottom:31px;
	margin-left:9px;
	text-align:center;
}

#premiumjob {
	display:block;
	text-align:right;
	background-color:#6aa254;
	margin: 0 0 9px 9px;
	color: black;
	font-size:1.2em;
	border-right: 6px solid #C2F53F;
	padding: 4px 9px 5px 0;
}

#premiumjob strong {
	color:black;
}

#premiumjob a {
	color:black;
	text-decoration:underline
}

.sitetitle {
	text-align:center;
	width:100%;
	display:block;
	height: 15px;
	background-color: #4e4e4e;
}

.sitetitle:hover {
	background-color: #606060;
}

.sitetitle h3 a {
	color: white;
	display:block;
}

.sitetitle h4 a:hover {
	background-color: #606060;
	color:white;
}

.sitepic {
	width: 116px;
	height: 100px;
	display: block;
	float:left;
	margin-top:2px;
	/*border: 1px solid #ffffff;*/
}

/*blog stuff */
#containerblog {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 930px;
	position:relative;
}

#containerpage {
	margin: 0 auto;
	padding: 0;
	width: 928px;
}

#side-leftblog {
	float: left;
	width: 780px;
	padding: 0;
}

#side-leftpage {
	float: right;
	width: 778px;
	padding: 0;
}

#maincontentblog {
	background-color:#353939;
	border-left:9px solid #1f1206;
	float:left;
	width:608px;
}

#maincontentpage {
	width:706px;
}

#bloglogo {
	background:#353939;
	float:left;
	height:72px;
	margin:0pt 9px 9px;
	padding:9px;
	width:592px;
	display:block;
}

.blogcontent {
	background-color:#3d4141;
	direction:rtl;
	font-size:1.3em;
	text-align:right;
	margin:9px;
	padding: 9px 9px 18px 9px;
}

address {
/*used for image captions*/
	font-size: 10px;
	color: #888888;
	font-style:normal;
}

.blogcontent  h2, .blogcontent h2 a{
	font-size:35px;
	color: #5eb9fe;
}

.underheadline {
	border-bottom:1px dotted #5E6565;
	padding-bottom:15px;
}

.blogtime {
	float:right;
	font-size:10px;
}

.blogcomment {
	font-size:10px;
	float:left;
}

.blogcommentmark {
	float:left;
	width:30px;
	background:url(images/commentmark.gif) no-repeat 1px 2px;
}

.blogcomment a {
	color: #8cbe0d;
}

.blogtags {
	color: #8cbe0d;
	font-size:11px;
	padding:20px 19px 0pt 0pt;
	background:transparent url(images/tagicon.gif) no-repeat scroll right 20px;
	
}

.blogtags a {
	color: #8cbe0d;
}

.blogtags a:hover{
	border-bottom:1px dotted;;
}

.blogentry {
	line-height:1.4em;
}

/*blog comments*/
.maincommentblog {
	background-color: #3d4141;
	margin:0 9px 9px;
	direction:rtl;
	text-align:right;
	padding:9px;
	line-height:1.3em;
	font-size:1.3em;
}

h3#comments_headline_blog {
	background-color: #3d4141;
	direction:rtl;
	text-align:right;
	font-weight:bold;
	font-size:1.6em;
	color:#cccccc;
	display:block;
	margin: 9px 9px 3px;
	padding:9px;
}

/*spacing between text paragraphs*/
.blogentry  p {
	margin-top:15px;
}

.blogentry a {
	color: #ca2b6b;
}

.blogentry a:visited {
	color: #ca2b6b;
}

.blogentry a:hover {
	border-bottom:1px dotted;
}


/*page stuff */
.pagecontent {
	background-color:#4e4e4e;
	font-size:1.3em;
	text-align:left;
	padding: 9px 9px 18px 9px;
	margin-top:15px;
}

.pagecontent  h2{
	font-weight:bold;
	font-size:1.6em;
	color:white;
}

.entry {
	line-height:1.3em;
}

/*spacing between text paragraphs*/
.entry  p {
	margin-top:15px;
}

.entry a {
	color: #D9F8FF;
	text-decoration:underline;
}

.entry a:visited {
	color: #D9F8FF;
}

.entry a:hover {
	color:white;
}

/*single post page stuff*/
#bigimagebox {
	width: 706px;
	height: 300px;
	margin-top: 3px;
	position:relative;
}

#bigimagebox p {
	color:white;
	position: absolute;
	font-size:14px;
	font-weight:bold;
	background: black;
	left: 0;
	bottom: 0;
	padding: 7px;
	margin: 0;
	opacity: .7; /* Firefox 1.5, Safari, Opera 9 */
	-moz-opacity: .7; /* Firefox 1.0.x */
	filter: alpha(opacity=70); /* IE */
	width:694px; /*pic width -twice padding*/
	text-align:left;
}

.prevnextbox {
	position:absolute;
	bottom:43px;
	width: 672px;
	right:15px;
}

.prevnexttitle {
	display:block;
	height: 14px;
	background-color: #4e4e4e;
	margin-bottom: 2px;
}

#left {
	background:#fe136b url(images/left_arrow.gif) left no-repeat ;
	width: 153px;
	float:left;
}

#right {
	background:#fe136b url(images/right_arrow.gif) right no-repeat ;
	width: 153px;
	float:right;
}

#left a, #right a {
	color: black;
	display:block;
	width:153px;
}

.prevnexttitle a {
	padding-right: 3px;
	padding-left: 3px;
	text-align:center;
}

.infocatlistout {
	height:14px; 
	float:left;
	margin-bottom:2px;
	width:100%;
	background-color: #4e4e4e;
}

.infocatlistout li {
	display:inline;
	float:right;
	margin-bottom:-3px; /*fix annoying ie bug when inserting image, makes a bottom margin here?*/
}

.infocatlist h5 a{
	float:right;
	display:inline;
	margin: 0px 0px 0px 0px;
	padding:0;
}

/*comments*/
.maincommentblock {
	background-color: #4e4e4e;
	margin-top:2px;
	text-align:left;
	padding:9px;
	width:688px;
	line-height:1.3em;
	font-size:1.3em;
}

h3#comments_headline {
	background-color: #4e4e4e;
	text-align:left;
	border-bottom: 3px solid #1f1206;
	font-weight:bold;
	font-size:1.6em;
	color:#cccccc;
	display:block;
	margin-top:9px;
	padding:9px;
	width:688px;
}

 .sitename {
 	color:white;
}

.cmd-avatar {
	border: 2px solid #dddddd;
}


.commenttext {
	display:block;
	background-color:#606060;
	padding:9px 9px 4px 9px;
	color:white;
	margin-bottom:9px;
	margin-top:3px;
}

.commenttext a, .commenttext  a:visited{
	text-decoration:underline;
}

.commenttext hr {
	border-bottom-style:dotted;
}

.commentmetadata {
	border-top:1px dashed #707070;
	display:block;
	margin-top:6px;
	text-align:right;
}

.commentmetadata  a,  .commentmetadata a:visited{
	color: #cccccc;
}

.commentlist li {
	margin-bottom:5px;
}
#commentform small {
	font-size:1em;
}

#respond {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:25px;
}

/*footer*/
#footer {
	margin-bottom:25px;
	padding-top:45px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

/* google stuff */
.top-google {
	background: #4e4e4e;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 0 0;
	width: 771px;
	height: 18px;
	float:left;
}

.top-google-single {
	background: #4e4e4e;
	text-align: left;
	padding: 5px 0;
	margin: 0 0 0 0;
	width: 706px;
	height: 18px;
}

.body-googleblog {
	background: #4e4e4e;
	text-align: center;
	height: 662px;
	padding-top:15px;
}

.body-google {
	background: #4e4e4e;
	text-align: center;
	height: 662px;
	padding-top:15px;
	margin-top:15px;
}