/*
Theme Name: Rashid Zakat
Theme URI: http://rashidzakat.com
Description: My personal theme
Version: 1 (WP2.7)
Author: Rashid Zakat
Author URI: http://rashidzakat.com
Tags: Rashid Zakat Photo Video Web
*/

* { margin: 0; padding: 0; border: none; }
body { margin: 0 auto; width: 100%;  height: auto; background: url(images/bg2.jpg) no-repeat; background-position: -250px -200px; background-attachment: fixed; font: 18px Georgia, "Times New Roman", Times, serif; }
ul { list-style: none; }
:focus { outline: none; }
p { line-height: 20px; }

#home_bg { width: 100%;  height: 100%; background: url(images/femibg.jpg) no-repeat; background-position: -110px -100px;  position: fixed; }
#header { margin: 10px auto 90px auto; padding: 16px 0 -16px 0;  padding-top: 16px;  width: 100%; height: 59px; background: url(images/headerbg.png);  }
#header h1 { margin-left: 60px; padding: 0; width: 272px; height: 45px; background: url(images/headertitle2.png) no-repeat; text-indent: -9999px; }
#header h1:hover { background-position: 0 -45px; cursor: pointer;  }
#wrap { margin: 86px auto; width: 950px; }
#left { margin-top: -12px; width: 145px; float: left; }
#left li { margin: 10px 0; }
#left a { height: 60px; display: block; text-indent: -9999px; background-position: 0 0; }
	a#nav_photo { width: 145px; background: url(images/nav_photo.gif) no-repeat; }
	a#nav_video { width: 145px; background: url(images/nav_video.gif) no-repeat; }
	a#nav_web { width: 145px; background: url(images/nav_web.gif) no-repeat; }
	a#nav_blog { width: 145px; background: url(images/nav_blog.gif) no-repeat; }
	
/*Temporary Sidebar Buttons*/
	a#nav_twitter { width: 189px; background: url(images/btn_big_twitter.gif) no-repeat; }
	a#nav_facebook { width: 216px; background: url(images/btn_big_facebook.gif) no-repeat; }
	a#nav_vimeo { width: 145px; background: url(images/btn_big_vimeo.gif) no-repeat; }
	a#nav_myspace { width: 201px; background: url(images/btn_big_myspace.gif) no-repeat; }
	a#nav_flickr { width: 152px; background: url(images/btn_big_flickr.gif) no-repeat; }
	a#nav_playlist { width: 198px; background: url(images/btn_big_playlist.gif) no-repeat; }



#left a:hover { background-position: 0 -60px; }
#right { width: 705px; height: 150px;  background: url(images/bg.png) ; float: right; }
#right h2 { margin: 10px; width: 119px; height: 54px; background: url(images/hiya.png) no-repeat; text-indent: -9999px; }
#right p { margin: 10px; color: white;  }

/*Photo Rules*/
#photo_bg { width: 100%;  height: 100%; background: url(images/bg.jpg) no-repeat; background-position: -110px -100px;  position: fixed; }
#photo { width: 705px; height: 150px;  background: url(images/bg.png) ; float: right; }
#photo h2 { margin: 10px; width: 200px; height: 54px; background: url(images/photos.png) no-repeat; text-indent: -9999px; }
#photo p { margin: 10px; color: white;  }
#photo_box { margin: 20px -10px 0 0; padding: 10px; width: 705px; height: auto; float: right;   }
#photo_box li { margin-right: 1px; height: 30px; float: left; display: inline; text-indent: -9999px; cursor: pointer;  }
#photo_box li:hover { background-position: 0 30px; }
li#photo_people { width: 92px; background: url(images/photo-people.png); background-position: 0 0; }
li#photo_places { width: 92px; background: url(images/photo-places.png); background-position: 0 0; }
li#photo_things { width: 92px; background: url(images/photo-things.png); background-position: 0 0; }
#photo_people_box { margin: 0; padding: 10px; width: 705px; height: 150px; background: url(images/bg.png); float: left; }
#photo_places_box { margin: 0; padding: 10px; width: 690px; height: 150px; background: url(images/bg.png); float: left; }
#photo_things_box { margin: 0; padding: 10px; width: 690px; height: 150px; background: url(images/bg.png); float: left; }
#slides { width: 705px; height: 150px; }
#slides img { margin-left: 5px; border: 2px white solid; }
#slides img:hover {  border: 2px red solid; }

/*Web Rules*/
#web_bg { width: 100%;  height: auto; background: url(images/shaunbg.jpg) no-repeat; background-position: -110px -100px; background-attachment: fixed;  }
#web { width: 705px; height: 150px;  background: url(images/bg.png) ; float: right; }
#web h2 { margin: 10px; width: 105px; height: 54px; background: url(images/web.png) no-repeat; text-indent: -9999px; }
#web p { margin: 10px; color: white;  }
.web_box { margin: 20px 0 0 0; padding: 10px; width: 685px; height: 150px; float: right; background: url(images/bg.png); }
.web_box_left { width: 350px; float: left; }
.web_box_left img { border: 3px solid white; }
.web_box_left img:hover { border: 3px solid red; }
.web_box_right { margin-top: 5px; padding: 0 10px 0 10px; width: 300px; height: 140px; border-left: 1px solid white;  float: right; }
.web_box_right h3 { color: white; font-size: 30px; font-weight: 100;  }
.web_box_right p { color: white; }
a.launch_btn { margin-top: 10px; width: 250px; height: 25px; display: block; background: url(images/btn_launch.gif) no-repeat; text-indent: -9999px; background-position: 0 -25px;  }
a.launch_btn:hover { background-position: 0 0; }

/*Coming Soon Rules*/
#soon_bg { width: 100%;  height: 100%; background: url(images/shrugbg.jpg) no-repeat; background-position: -110px -200px;  position: fixed; }
#soon { width: 705px; height: 150px;  background: url(images/bg.png) ; float: right; }
#soon h2 { margin: 10px; width: 400px; height: 55px; background: url(images/coming_soon.png) no-repeat; text-indent: -9999px; }
#soon p { margin: 10px; color: white;  }
#soon_box { margin: 20px 0 0 0; padding: 10px; width: 685px; height: 100px; float: right; background: url(images/bg.png); }
#soon_box p { margin: 10px; color: white;  }
#soon_box li { margin: 10px; display: inline; float: left;  }
#soon_box a { height: 33px; display: block; text-indent: -9999px; background-position: 0 -33px; }
	a#facebook { width: 108px; background: url(images/btn_facebook.gif) no-repeat; background-position: 0 -33px; }
	a#twitter { width: 96px; background: url(images/btn_twitter.gif) no-repeat; background-position: 0 -33px; }
	a#myspace { width: 101px; background: url(images/btn_myspace.gif) no-repeat; background-position: 0 -33px; }
	a#vimeo { width: 71px; background: url(images/btn_vimeo.gif) no-repeat; background-position: 0 -33px; }
	a#flickr { width: 76px; background: url(images/btn_flickr.gif) no-repeat; background-position: 0 -33px; }
#soon_box a:hover { background-position: 0 0; }

/*Blog Rules*/
#blog_bg { position: relative; }
#blog { width: 700px; float: right; }
#blog_header { margin-left: 115px; padding: 10px; width: 555px; height: 40px; background: url(images/bg.png); float: left; } 
#blog_header h2 { padding: 10px 20px; width: 92px; height: 42px; background: url(images/blog.png) no-repeat; text-indent: -9999px; }
.entry { /* margin: 10px 0; padding-bottom: 10px; */ width: 700px; height: auto; }
.entry_date { margin-top: 15px; padding: 5px 0 0 5px; width: 130px; height: 25px; float: left; background: black; color: white;  }
.entry_right { margin-left: -20px; padding: 10px; float: left; width: 555px; background: white; }
.entry_right h3 a { margin: 8px 0 8px -2px; padding: 2px; color: black; text-decoration: none; font-size: 24px; font-weight: 100;  }
.entry_right h3 a:hover { color: white; background: red; }
.entry_right p { margin: 10px 0; font-size: 16px; }
.entry_right ul { margin-bottom: 20px; }
.entry_right li { padding: 1px 3px; display: inline; background: black; color: white; font-size: 20px; font-weight: 100; }
.entry_right li:hover { background: red; }
.entry_right li a { color: white; text-decoration: none; }
#pagination { padding: 5px 0; margin-left: 115px; width: 575px; float: left; background: white; display: inline;  }
#pagination ul {float: left; }
#pagination li { display: inline; text-indent: -9999px; }
#pagination a { display: block; }
#pagination a:hover { background-position: 0 0; }
#pagination_prev {  margin-left: 10px; height: 44px; width: 159px; background: url(images/btn_prev.png) no-repeat; background-position: 0 -44px; float: left;  }
#pagination_next { margin-left: 243px; height: 44px; width: 153px; background: url(images/btn_next.png) no-repeat; background-position: 0 -44px; float: left; }


/*Blog Entry Rules*/
#blog p a { color: red; text-decoration: none; }
#blog p a:hover { color: white; background: red; }
#blog_entry_header { margin-left: 115px; padding: 10px; width: 555px; height: 40px; background: black; float: left; } 
#blog_entry_header h2 { padding: 10px 0x; font-size: 36px; color: white; font-weight: 100; }
#comment_box { width: 555px; height: 40px; background: black; float: right }
#comment_box h3 { margin-left: 24px; color: white; font-weight: 100; font-size: 24px; }
#comments { margin-left: 115px; width: 555px; float: left; }
.comment { margin: 10px 0; padding: 10px; width: 555px; height: auto;  }
.comment h3 { padding: 5px; width: 545px; height: 28px; color: white; background: red; font-weight: 100; font-size: 22px;  }
.comment p { padding: 10px; color: white; background: url(images/bg.png);  }
.comment_alt { margin: 10px 0; padding: 10px; width: 555px; height: auto;  }
.comment_alt h3 { padding: 5px; width: 545px; height: 28px; color: white; background: black; font-weight: 100; font-size: 22px;  }
.comment_alt p { padding: 10px; color: white; background: url(images/bg.png);  }
#comment_entry { margin-left: 10px; width: 400px;  float: left; }
#comment_entry input { margin-top: 5px; padding: 5px; width: 290px; height: 20px; border: 1px solid #333; background: url(images/bg.png); float: left; color: white; font-size: 16px;  }
#comment_entry input.text { margin-top: 5px; padding: 5px; width: 390px; height: 200px; background: url(images/bg.png);  display: block; float: left; color: white; }
#comment_entry input.btn_submit { margin-top: 5px; padding: 0; width: 134px; height: 47px; border: none; background: none; background: url(images/btn_submit.gif); text-indent: -9999px;  }
#pagination_entry { padding: 5px 0; margin-left: 0; width: 575px; float: left; display: inline;  }
#pagination_entry ul {float: left; }
#pagination_entry li { display: inline; text-indent: -9999px; }
#pagination_entry a { display: block; }
#pagination_entry a:hover { background-position: 0 0; }
#pagination_entry_prev {  height: 44px; width: 159px; background: url(images/btn_prev.png) no-repeat; background-position: 0 -44px; float: left;  }
#pagination_entry_next { margin-left: 243px; height: 44px; width: 153px; background: url(images/btn_next.png) no-repeat; background-position: 0 -44px; float: left; }

/*Footer Rules*/
#footer { margin: 10px auto; width: 100%; height: 30px; bottom: 0; position: absolute;  background: url(images/bg.png);  }
#footer li { margin-right: 50px; display: inline; float: right;  }
#footer a { margin: 3px 10px; ; height: 23px; display: block; text-indent: -9999px; background-position: 0 0; }
a#about { width: 66px; background: url(images/about.png) no-repeat; }
a#contact { width: 86px; background: url(images/contact.png) no-repeat; }
#footer a:hover { background-position: 0 -23px; }
.ui-tabs-hide { display: none; }

.clear:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }
#photo_slider_nav li.jFlowSelected { background-position: 0 30px; }

/*Blog Footer Rules*/
#blog_footer { margin: 10px auto; width: 100%; height: 30px; bottom: 0; /*position: absolute; */ background: url(images/bg.png);  }
#blog_footer li { margin-right: 50px; display: inline; float: right;  }
#blog_footer a { margin: 3px 10px; ; height: 23px; display: block; text-indent: -9999px; background-position: 0 0; }
a#about { width: 66px; background: url(images/about.png) no-repeat; }
a#contact { width: 86px; background: url(images/contact.png) no-repeat; }
#blog_footer a:hover { background-position: 0 -23px; }
.ui-tabs-hide { display: none; }

.clear:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }
#photo_slider_nav li.jFlowSelected { background-position: 0 30px; }