/* 

	Theme Name: Celebrity Hq

	Theme URI: http://designdisease.com

	Description: Designed by Disease. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> <a title="תבניות וורדפרס" href="http://www.webrtl.com">תרגום והסבה לעברית - WebRTL</a>

	Version: 1.0

	Author: Design Disease

	

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

	

	הסבה ותרגום לעברית ע"י WebRTL

	כל הזכויות שמורות (c)

	http://www.webrtl.com

*/











/* Begin Typography & Colors */

* { margin: 0; padding: 0; }

body { background: #ff6767 url(images/bkg_body.jpg) repeat center; font: normal 12px "Verdana", sans-serif; color:#535353; direction:rtl; }

input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#535353; vertical-align: middle; }

legend { display: none; }

fieldset { border: none; }

ul, ol { list-style: none; }

ol { list-style-type: decimal;}

table { border-collapse: collapse; width: 100%; }

hr { display: none; }

img { padding: 0px; margin: -15px; border: none; text-align: center;}



a:link { text-decoration: none; color : #ff3366; border: 0px; -moz-outline-style: none;}

a:active { text-decoration: underline; color : #ff3366; border: 0px; -moz-outline-style: none;}

a:visited { text-decoration: none; color : #ff3366; border: 0px; -moz-outline-style: none;}

a:hover	{ text-decoration: underline; color : #0066cc; border: 0px; -moz-outline-style: none;} 

a:focus { outline: none;-moz-outline-style: none;}



h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#bgc { width: 100%; overflow: hidden; width: 100%; background: url(images/bkg_body_bg.png) repeat-x top; } 

#bgc-all { width: 978px; background:url(images/bkg_header.png) no-repeat top; margin: 0 auto; } 





/* Header

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header { position: relative; width: 920px; padding: 0px 29px 0px 29px; height: 179px; }



/* Logo

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.logo { height: 56px; padding: 44px 0px 45px 0px;}

.logo .txt h1 { font: bold 60px/40px "Arial Black", Gadget, sans-serif ; letter-spacing: -4px; }

.logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#000;}



/* Menu

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.menu { overflow: hidden; width: 920px; background-image: url('http://css33.com/rpoqs/celebrity-hq.gif');}

/**/ * html .menu { height:1%;} /* */ 

.menu ul { width: 914px; float: right; padding: 5px 10px 0px 0px;}

.menu li { display: inline; font: bold 14px/14px "Arial"; float: right; letter-spacing: -1px; }

.menu li ul { display: none;}

.menu li a { padding-right: 10px; margin-left: 2px; background: url(images/menu-left.png) no-repeat right top; float: right; *float:left;}

.menu li a span { padding: 4px 0px 4px 10px; display: block; background: url(images/menu-right.png) no-repeat left top; float: left; }

.menu li a span { float: none; color: #330033;}

.menu li a:hover {  color:#fff; text-decoration: 000;}

.menu li a:hover span {color:#000;}



.menu .current_page_item a {  color:#000; }

.menu .current_page_item a span, .menu .current_page_item a:visited span, .menu .current_page_item a:hover span { color:#000; }



.syn { position: absolute; left: -140px; width: 260px; background: url(images/rss-icon.png) no-repeat right; padding: 10px 25px 10px 30px; font: bold 14px/14px "Arial"; letter-spacing: -1px;}

.syn a { color:#cc0000;}





/* Search

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.search { width: 330px; position: absolute; left: 30px; top: 50px;}

.search form { padding: 15px;}

.search input { float: right; border: none; padding: 7px 5px 8px 5px; width: 220px; color:#333; background: #fff;}

.search button { float: right; background: url(images/search-button.png) no-repeat; width: 70px; height: 29px; border: none; cursor: pointer; color:#fff; text-indent: -35000px;}





/* Container

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.container-bg { width: 978px; background: url(images/bkg_container.png) repeat-y center; overflow: hidden;}

.container { width: 920px; padding: 29px; background: url(images/bkg_con.png) no-repeat top; overflow: hidden;}



/* Central Column

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { float: right; width: 560px;}





.title { font: bold 34px/34px 'Arial'; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ccc solid; color:#000;}

.meta { font: bold 26px/24px 'Arial'; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ccc solid; color:#000;}



/* Posts

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.post { overflow: hidden;}



.p-head { overflow: hidden; }

.p-head h1 { font: bold 34px/34px 'Arial'; letter-spacing: -1px; color:#000;}

.p-head h1 a, .post h1 a:visited  { color: #000; text-decoration: none; }

.p-head h1 a:hover { color: #ff3366; text-decoration: none;}



.p-head h2 { font: bold 24px/24px 'Arial'; letter-spacing: -1px;}

.p-head h2 a, .post h2 a:visited  { color: #000; text-decoration: none; }

.p-head h2 a:hover { color: #ff3366; text-decoration: none;}



.p-head h3 { font: bold 24px/24px 'Arial'; letter-spacing: -1px;}

.p-head h3 a, .post h3 a:visited  { color: #000; text-decoration: none; }

.p-head h3 a:hover { color: #ff3366; text-decoration: none;}



.p-date { font: bold 11px/11px Arial, Helvetica, sans-serif; color: #cc9966; border-bottom: solid 1px #d9d9d9; padding-bottom: 7px; margin-bottom: 7px;}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.p-con { padding: 10px 0px; overflow: hidden;}

.p-con p { font: normal 12px/18px "Verdana"; padding: 4px 0px; margin: 4px 0px;}

.p-con ol { list-style: decimal inside; }

.p-con ol { padding: 10px 25px 10px 0px; margin: 0px; }

.p-con ol li { padding: 2px 0px 2px 0px; }

.p-con ul { padding: 10px 20px 10px 0px; margin: 0px; }

.p-con ul li { padding: 2px 13px 2px 0px; background: url("images/p-con-li.png") no-repeat right 2px; color:#666; }

.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 20px; background: #fbf7d9; margin: 10px 0px; color:#993300; border: solid 1px #f6f3d3; }

.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#cc3300; }

.p-con blockquote li { padding: 2px 13px 2px 0px; list-style-type: none; font-size: 12px; line-height: 17px;}



.p-det { text-align: right; border-top: solid 1px #d9d9d9; padding-top: 10px;}

.p-det li { display: inline; padding: 4px 22px 6px 0px; margin-left: 5px; font: bold 14px/14px "Arial", serif; letter-spacing: -1px;}

.p-det li.p-det-com { background: url("images/p-det-com-ico.png") right 3px no-repeat; }

.p-det li.p-det-cat { background: url("images/p-det-cat-ico.png") right 3px no-repeat; }

.p-det li a, .p-det li a:visited, .p-det li a:hover { margin-left: 3px;}



.wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }

.wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }



/* Images

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.p-con img { padding: 0; max-width: 100%; }

.p-con img.aligncenter { display: block; margin-right: auto; margin-left: auto; padding: 1px; border: solid 6px #d1dee3;}

.p-con img.alignright { margin: 5px 20px 10px 0; display: inline; padding: 1px; border: solid 6px #d1dee3; }

.p-con img.alignleft { margin: 5px 0 10px 20px; display: inline; padding: 1px; border: solid 6px #d1dee3; }

.p-con .alignright { float: left; }

.p-con .alignleft { float: right }



/* Navigation

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.nav { overflow: hidden; position: relative;}

.nav .left a { float: right; background:url(images/nav-left.png) no-repeat right 0px; padding-right: 23px; }

.nav .right a { float: left; background:url(images/nav-right.png) no-repeat left 0px; padding-left: 23px; }

.nav a, .nav a:visited { color:#000; cursor: hand; font: bold 14px/18px "Arial"; letter-spacing: -1px; }

.nav a:hover { color:#000; }





/* Comments

############################################################################################################## */

.comments-list { overflow: hidden; position: relative; background: #f2edde; padding: 8px 8px 0px 8px; }

.comments-list div.corner { position: absolute; top: 0px; right: 0px; height: 23px; width: 23px; background: url(images/comment-list-corner.png);}

.comments-list div.entry { margin-bottom: 8px; background: #fff; padding: 22px;}

.comments-list div.alt {}

.comments-list p.name { padding-top: 10px; font: normal 14px/14px "Arial"; color:#333; letter-spacing: -1px;}

.comments-list p.avt { padding: 0px; margin: 0px; float: left;}

.comments-list p.avt img { border: solid 1px #ccc;}

* html .comments-list p.avt { right: -60px; }

.comments-list p.date { font-size: 11px; margin-bottom: 5px; border-bottom: solid 1px #ccc; padding-bottom: 10px;}

.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999;}

.comments-list .con { font: normal 12px/17px "Verdana"; color:#333;}

.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}

.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 0px; background:#f1f1f1; padding: 5px 15px; }

.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }





/* Comments Form

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.comments-form { background: #fff; border: solid 8px #f2edde; padding: 22px;}

.comments-form h3 {color:#272d36; font: bold 15px/15px "Arial"; letter-spacing: -1px; padding-bottom: 10px; border-bottom: solid 1px #cfc7b1; margin-bottom: 5px;}

.comments-form p { padding: 7px 0px; color:#333;}

.comments-form .required { font-weight: normal; color:#ff0000;}

.comments-form input { padding: 5px; width: 250px; margin-left: 5px; }

.comments-form input.formid { border: 1px solid #cfc7b1; background: #f9f8f3; padding: 5px; color:#333;}

.comments-form input.formemail { border: 1px solid #cfc7b1; background: #f9f8f3; padding: 5px; color:#333;}

.comments-form input.formuri { border: 1px solid #cfc7b1; background: #f9f8f3; padding: 5px; color:#333;}

.comments-form textarea { border: 1px solid #cfc7b1; background: #f9f8f3; padding: 5px; width: 490px; color:#333;}

.comments-form .button { background: url(images/post-comment.png) no-repeat right top; text-indent: -50000px; width: 117px; height: 25px; border: none; display: block;}





/* Right Column

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { float: left; width: 300px; padding: 0px 15px; color:#4e5a6b; }

.SR .adv { width: 300px; height: 250px; background: url(images/adv-banner.png) no-repeat; overflow: hidden; margin-bottom: 15px;}

.SR .note { font: bold 11px/11px Arial, Helvetica, sans-serif; color: #5391a6; border-bottom: solid 1px #b1cfda; padding-bottom: 7px; margin-bottom: 7px; }

.SR h3 { font: bold 14px/14px 'Arial'; letter-spacing: -1px; color:#000; border-bottom: solid 1px #b1cfda; padding-bottom: 7px; margin-bottom: 7px; }



.SR li { padding: 2px 7px 2px 0px; background: url(images/sr-arrow.png) no-repeat right 8px;}

.SR a, .SR a:visited { color:#006699;}

.SR a:hover { color:#000033;}

.SR p { color:#4e5a6b; font: normal 11px/14px 'Verdana'; }



.SR .widget { margin-bottom: 15px; background: #f3fcff; border: solid 1px #fff; padding: 15px;}

.SR .widget li { padding: 2px 7px 2px 0px; background: url(images/sr-arrow.png) no-repeat right 8px;}

.SR .widget li ul li { background: none; font-size: 12px; padding: 2px 0px 2px 0px; font-weight: normal;}



.SR .widget_tag_cloud { line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }



.SR .widget_calendar table { width: 100%;}

.SR .widget_calendar table td { text-align: center; padding: 3px; }



.SR .widget_calendar caption { background: #ceedf8; padding: 5px 0px; margin-bottom: 10px;}

.SR .widget_calendar #today { background: #ceedf8;}



.SR .widget_search #s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px;}



.SR .widget_flickrRSS { overflow: hidden; margin-bottom: 20px; background: #f3fcff; border: solid 1px #fff; 

padding: 15px 15px 10px 0px;}

/**/ *html .SR .widget_flickrRSS { height: 1%;} /**/ 

.SR .widget_flickrRSS h3 { width: 270px; margin-bottom: 10px;}

.SR .widget_flickrRSS ul { float: right;}

.SR .widget_flickrRSS li { background: none; display: inline; padding: 0px; float: right; margin: 0px 0px 7px 7px;}

.SR .widget_flickrRSS li a img, .SR .widget_flickrRSS li a:visited img { border: solid 1px #fff; width: 60px; height: 60px;}

.SR .widget_flickrRSS li a:hover img { border: solid 1px #336699;}





/* Footer

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer { width: 880px; padding: 20px 49px 20px 49px; background: url(images/bkg_footer.png) no-repeat bottom; height: 67px; margin-bottom: 20px; }

.footer p { padding: 1px 0px; color:#666; font-size: 11px; }

.footer p a, .footer p a:visited, .footer p a:hover { color:#666; text-decoration: underline;}


@media (max-width:977px) { 

	#bgc-all{
		max-width:978px;
		width:100%;
		background:transparent;
	}
	
	.header{
		width:100%;
		height:90px;
	}
	
	.container-bg, .container, .SR{
		width:100%;
		background:none;
	}
	
	.SC {
		background: #dcf6ff none repeat scroll 0 0;
		border-radius: 10px;
		margin-bottom: 20px;
		padding: 10px;
		width: 100%;
	}
	
	.menu{
		display:none;
	}
	
	.logo {
		margin: 0 !important;
		padding: 30px;
		text-align: center;
		width: 100%;
	}
	
	.p-con img.alignleft{
		width:100%;
		height:auto;
	}


}