/*  
Theme Name: Itay Pearl
Theme URI: http://itaypearl.com/
Description: האתר של איתי פרל
Version: 0.9
Author:  ארז כהן, יואב פרחי

*/

 
/* PAGE STRUCTURE
---------------- */
/*html body.itay div{border:1px dashed black;}*/
body.itay {background: url(images/background.jpg); font:normal 14px arial; direction:rtl; unicode-bidi:embed; text-align:right; position:relative;}
/*html body.itay div {border:1px dotted green;}*/
#wrapper {width:960px !important; width:970px; margin:25px auto 0;  height:100%;}
#header {width:640px; height:78px; margin:0 80px 40px 0!important;   margin:0 80px 10px 0; }
#sidebar1 {width:200px;  float:left; height:100px;}
#sidebar2 {width:30px;  float:right;padding-top:240px; margin-right:-20px !important; padding-right:10px;}
#content {margin:0px 70px 50px 0 !important;margin:0 0 50px 0;  width:662px !important;background: url(images/back_content.jpg) 0 0px repeat-y; padding:10px 10px 30px; min-height:401px;  position:relative;}
#footer {z-index:99; width:960px; padding:0px 0 65px 0; text-align:left;margin:0;position:absolute; height:20px;}
#video {height:420px;}
#ustream {background:url(images/video_back.gif) top right no-repeat;  width:572px; height:390px; margin:0 auto; text-align:center; padding:40px 0 0 0 ; float:right;}
#promo {position:absolute; top:auto !important;margin-top:-35px;top:17px; margin-right:550px !important;margin-right:500px; z-index:99;}
/* -------------------
HEADER AND MENU
---------------- */
#header div#menu_title { width:640px;  height:78px; float:right;}
div#menu_title ul {height:20px; padding: 12px 0 0 0 !important; padding: 12px 0 0 0; margin:10px -20px 0 0 !important; margin:10px 0 30px 0;}
div#menu_title ul li {list-style-type: none; float:right; display:block;}
div#menu_title ul li a span{display: block; padding-left:30px; font:bold 20px Aharoni, sans-serif;padding-top:22px; overflow: hidden; height: 0px !important;height /**/:11px; margin-bottom:0; }
div#menu_title ul li a span{color:#000; text-decoration:none;}



/* -------------------
MAIN CONTENT
---------------- */
div#main {margin-right:320px !important; margin-right:0px; padding:10px 16px 0 0 !important; width:310px !important; width:320px; line-height:18px; float:none !important; float:left; padding-right: 6px;}
div#sec {width:355px !important; height:470px; margin:-40px -27px -10px 0 !important; margin:-40px -14px -10px 0; background:url(images/envelop.jpg) no-repeat; float:right; position:relative;}
div#sec_main {height:492px; text-align:center; background: url(images/envelop_bottom.gif) bottom no-repeat; }
div#sec_side {background: url(images/envelop_right.gif) left no-repeat; height:485px; width:27px; float:right; }
div#sec_content {text-align:center; padding:50px 10px 0 0;}
/* -------------------
FOOTER
---------------- */
div#footer ul {list-style-type:none; margin:0px 0px 0px 5px; padding:20px 365px 0 0;float:left; width:384px; background:url(images/line_dots2.gif) repeat-x;}
div#footer ul li {list-style-type: none; float:right; }
div#footer ul li a {display:block; height:62px;}
div#footer ul li a{display: block; padding-right:22px; font:bold 16px Aharoni, sans-serif;padding-top:11px; overflow: hidden; height: 0px !important;height /**/:11px; margin-bottom:0; }
div#footer div#artbox {width:200px; height:80px; float:left; text-align:left; margin-top:-50px !important; margin-top:0;}

div#footer span.tools{float:right;margin-top:-15px;}

/* -------------------
SIDEBARS
---------------- */
#sidebar2 ul, #sidebar2 ul li {list-style-type:none; margin:0; padding:0;}
#sidebar2 ul li a {display:block; height:62px; width:75px;}
body div#sidebar2 ul li a:hover, body div#sidebar2 ul li.current a {background-position: 0px -62px;}
#sidebar2 ul li a{padding-top:62px; overflow: hidden; height: 0px !important;height /**/:62px; margin-bottom:0; }

span.stamp {display:block;  height:102px; width:216px; background: url(images/itay_stamp.gif) right no-repeat; cursor:pointer;}
span.video_stamp {display:block;  height:196px; width:248px; background: url(images/video_stamp.gif) right no-repeat; cursor:pointer;}
div.player {margin:15px 50px 10px 0;width:165px;}
div #sec_main img.art {margin:0 auto;}
/* -------------------
TYPO and Image Replacement
---------------- */
h2, h3, h4, a , small {font-family: arial;}
body small{font-family: arial;}
body h2 {font:bold 20px arial;margin:10px 0;} 
body h3 {font:bold 18px arial;margin:10px 0;} 
body a{color: #8f7749}
body a img {border:0;}
body strong {font-weight:bold;}
h1.site_title {visibility:hidden;font:bold 46px Aharoni, sans-serif;display:block;width:161px; margin-right:-80px !important; margin-right:0;}
h1.site_title {padding-top:36px;overflow: hidden;height: 0px !important;height /**/:36px; background: url(images/h1_itaypearl.gif) right top  no-repeat;margin-bottom:0;}
div.comments_number {margin:0 0 40px 0; padding:0; text-align:left;}
div.comments_number a {font-weight:bold; color:#000;}

div#menu_title ul li a {display:block;padding-right:12px; background: url(images/li_bullet.gif) right -10px no-repeat;}
div#menu_title ul li a:hover {background-position: right 0px;}
div#menu_title ul li.menu_news  a span{background: url(images/li_menu_news.gif) right top  no-repeat; width:107px;} 
div#menu_title ul li.menu_about a  span{background: url(images/li_menu_about.gif) right top  no-repeat;width:39px;} 
div#menu_title ul li.menu_gallery a  span{ background: url(images/li_menu_gallery.gif) right top  no-repeat;width:37px;} 
div#menu_title ul li.menu_blog a  span{background: url(images/li_menu_blog.gif) right top  no-repeat;width:28px;} 
div#menu_title ul li.menu_video a  span{background: url(images/li_menu_video.gif) right top  no-repeat;width:34px;} 

div#footer ul li.footer_listcontact  a{background: url(images/footer_listcontact.gif) left top  no-repeat; width:147px;} 
div#footer ul li.footer_facebook  a{background: url(images/footer_facebook.gif) left top  no-repeat; width:42px;} 
div#footer ul li.footer_links  a{background: url(images/footer_links.gif) left top  no-repeat; width:46px;} 
div#footer ul li.footer_forum  a{background: url(images/footer_forum.gif) left top  no-repeat; width:58px;} 

div#sidebar2 ul li.hats_news  a{background: url(images/hats_news.gif) right top  no-repeat;} 
div#sidebar2 ul li.hats_about a {background: url(images/hats_about.gif) right top  no-repeat;} 
div#sidebar2 ul li.hats_gallery a { background: url(images/hats_gallery.gif) right top  no-repeat;} 
div#sidebar2 ul li.hats_blog a {background: url(images/hats_blog.gif) right top  no-repeat;} 
div#sidebar2 ul li.hats_video a {background: url(images/hats_video.gif) right top  no-repeat;} 
p.postmetadata {margin-top:20px;}
p.postmetadata small{font:normal 10px arial;}
div.navigation {clear:left;padding-top:20px;height:30px;}

div#main h2  {color: #8f7749}
div#main h3  {color: #8f7749; font-size:16px;}
div#main h2 a {text-decoration:none;}
div.entry {line-height:18px;padding-right:10px;}
#sidebar1 h4 {font:bold 14px arial; margin:22px 12px 4px 0;}

/* -------------------
lists
---------------- */
ul.events, div.sem_recent ul, ul.songs_list, ul.links_list,  ul.songs_names {list-style-type:none; padding:0 10px 0 0; line-height:17px; margin:0;}
ul.events li h4 {font:bold 14px arial;}
ul.events li span.events_description{font:normal 14px arial; color:#8f7749; display:block;}
ul.events li, div.sem_recentul li {margin:20px 0 0 0;}
div.sem_recent {margin:30px 0 0 0;}
div.sem_recent ul {margin-top:0;}
div.sem_recent h4 {font:bold 13px arial;}
ul.songs_list strong {font-size:12px;}
ul.songs_names {padding:0;margin-right:4px;}
ul.commentlist {list-style-type:none; padding:0 10px 0 0;}
small.commentmetadata {font-size:10px;}
span#PlaylistTitle {color:#8f7749;font-size:12px; cursor:pointer;}
/* -------------------
Forms
---------------- */
#commentform {padding-bottom:20px;}
input#wpcf_website, input#wpcf_your_name, input#wpcf_email,textarea#wpcf_msg , #commentform textarea, #commentform input#author,#commentform input#email, #commentform input#url {height:18px; font-size:14px; font-family:david; width:200px; background: url(images/back_input.gif); border:none; padding:2px 10px 2px 10px;}
#commentform textarea#comment, textarea#wpcf_msg {width:280px; height:140px;}
#commentform  input#submit, input#contactsubmit {width:57px; height:23px; text-align:center; color:#cfcfcf; background: url(images/back_button.gif) top no-repeat; border:0; margin:3px 0 0 0; padding:0 0 3px; font-weight:bold; float:left;}
#commentform  input#submit:hover, input#contactsubmit:hover {background-position:0 -23px; color:#fff;}
div.contactform label{line-height:22px;}

/* -------------------
More stuff
---------------- */
#wp-admin-bar {margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}

span.addtofacebook {font-size:12px;display:block;float:right;width:45%;}
span.addtofacebook img {border:0;display:block;float:right;margin-left:5px;margin-top:3px;}