/*  
Theme Name: Holooli V2
Theme URI: http://dev.holooli.com
Description: Holooli Theme is a clean web 2.0, Standard XHTML Theme
Version: 1.2
Author: Khaled Al Hourani
Author URI: http://www.holooli.com
*/

/*+++++++ RESET +++++++*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { direction: rtl; margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
a { text-decoration:none; }
img { border: none; }
ul, li { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: right;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*+++++++ BODY +++++++*/
body {
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 16px;
	color: #4d4b4c;
	background: #fff url(images/bkg.gif) repeat-x;
}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h2 { padding:10px 0 10px 0; font-family: Sans-serif, Arial; font-size:28px;}
h3 { padding:10px 0 10px 0; font-family: Sans-serif, Arial; font-size:18px;}
a:link { text-decoration: none; color: #006666; border: 0px;}
a:active {color : #006666; border: 0px;}
a:visited { color :#006666 ; border: 0px;}
a:hover	{ color:#333333; border: 0px;} 
a:focus { outline: none;}
.clear { clear: both; }

/*+++++++ MAIN +++++++*/
#wrapper { width: 1000px; margin:auto; }
#frame, #content { width: 975px; margin:auto; }

/*+++++++ TOP +++++++*/
#header { height: 106px; width: 1000px; }
#logo { float: right; width: 210px; padding-top:30px; padding-right:10px; }
#logo h1{ text-indent:-10000px; }
#logo h1 a{ display:block; background: url(images/logo.jpg) no-repeat; height:63px; outline:none; }
#topleft { float: left; height:106px; width:630px; }
#searchbox {float:left; width:233px; height:36px; background:url(images/s.gif) no-repeat; margin:20px 5px; }
#searchbox #s { float:right; margin:4px 6px 0 0; border:0; width:185px; background:none; color:#999999; }
#searchbox #go { float:right; margin:3px 0 0 3px; width:18px; height:18px; }

/*+++++++ NAVIGATION +++++++*/
#nav { float:left; text-align:left; padding-left:10px; }
#nav ul li { display:inline; height:35px; }
#nav ul li.current_page_item a { color:#fff; }
#nav ul li.current_page_item a:hover{ background:transparent; color:#fff; }
#nav ul li a { color:#fff; float:right; padding:0 20px 0 0; }
#nav ul li a:hover{ background:none;color:#dadada; text-decoration:none; }

/*+++++++ NAVIGATION +++++++*/
#catbar {
	height: 36px;
	width: 990px;
	font-family: Sans-serif, Arial;
	font-size: 16px;
	margin-bottom: 15px;
}
#catbar ul {
	margin:0;
	padding:0;
}
#catbar li {
	float: right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 5px 20px 0;
	font-weight: bold;
}
#catbar ul li a:hover, #mainmenu ul li a.active {
	background: #ED964E;
	color: #fff;
}
#catbar ul li a {
	padding: 6px 6px 7px;
	text-decoration:none;
}

/*+++++++ ENTRY +++++++*/
#right {
	float: right;
	width: 650px;
}
.entry { padding:10px; background:#fff; border:1px solid #dadada; margin-bottom:10px; line-height:140%; }
.entry h2 { }
.entry h2 a { color: #222; }
.entry h2 a:hover {color: #999; }
.entry .post { font-family:"tahoma"; line-height:1.7em; padding-bottom:10px; }
.entry .post h2 {
	font-family: sans-serif;
	font-size:200%;
	padding:10px 0;
}
.entry p a,
.entry li a {
  background-color: #EEE;
}
.entry p a img {
  background-color: #fff;
  border: 2px solid #fff;
}
.entry p a:hover img {
  border: 2px solid #dadada;
}
.entry p a img.aligncenter { display: block; margin: 0 auto; }
html>body .entry ul { padding: 0 30px 0 0; padding-right: 10px; } 
.entry ul li { list-style-position:inside; list-style-type:disc; }
.entry ol li { list-style-position:inside; list-style-type:decimal; }
.entry img { margin: 10px 2px; }
.entry .social_bookmark img { margin: 2px; }
img.centered { display: block; margin-right: auto; margin-left: auto; }
img.alignright { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.alignleft { padding: 4px; margin: 0 0 2px 7px; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
.allinfos { font-size:14px; padding-bottom:25px;}
.allinfos span { padding-right: 20px;}

.entry .email img,
.entry .print img {
	margin: 0 2px;
}

.bold {
	font-weight: bold;
}

span.date {
	background:url(images/date.gif) no-repeat right;
}
span.comments {
	background:url(images/comment.gif) no-repeat right;
}
span.category {
	background:url(images/posted.gif) no-repeat right;
}

.navigation {
	font-size: 20px;
	overflow: hidden;
	width: 540px;
	padding:10px;
}
.navigation a {
}

.caticon {
	float: left;
}

.featured {
	border: 5px solid #249DB3;
}

/*+++++++ SIDEBAR +++++++*/
#left {
	float: left;
	width: 290px;
	padding:0 10px;
}
#sidebarmiddle {
	float: left;
	padding-bottom: 10px;
}
#sidebarbottom {
	float: left;
}
#topsidebar {
	border: 1px solid #dadada;
	background:#fff;
	margin-bottom:10px;
}

.sidebar {
	float: left;
	padding: 5px;
	width: 276px;
	border: 1px solid #dadada;
	background: #fff;
	text-align: center;
}
.sidebar h2 {
	margin-bottom: 10px;
	color: #4c4c4c;
}
.sidebar li {
	margin-bottom: 15px;
	padding: 10px;
}

.widget {
	border-bottom: 2px solid #dadada;
}
.widgettitle {
	text-align: center;
}

.boxes {
	padding: 10px 5px;
}
.ads {
	padding: 5px;
}

.ads a {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
}
.ads img {
	border: 2px solid #fff;
}
.ads img:hover {
	border: 2px solid #dadada;
}

#sidebarbottom ul{
	margin:10px auto 20px;
}
#sidebarbottom ul li ul li {
	display:block;
	padding-right:24px;
	padding-bottom:5px;
	border-bottom:1px dotted #dadada;
}
#sidebarbottom p {
	padding:0 5px;
}

/*+++++++ COMMENTS +++++++*/
.alikeposts { padding: 5px; }
#commentform { margin-top: 10px; }
#commentform p { padding-bottom: 10px;}

#commentform #author,
#commentform #email,
#commentform #print,
#commentform #url,
#commentform #comment {
	border: 1px solid #dadada;
	height: 20px;
	width: 200px;
}

#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}

.commentlist cite { background:#f9f9f9; padding:5px 10px 5px 5px; }
.commentlist .alt { background:#fff; }
.commentlist cite a { color:#333;}
.commentlist .ctext { padding: 5px; }
.commentlist .ctext p { margin-bottom: 10px; }
.commentlist .ctext img { margin: 0; }
.red { color: red; }

/*+++++++ FOOTER +++++++*/
#footer {
	background: #249DB3 url(images/footer.gif) repeat-x;
	float: right;
	margin:15px auto 0px;
	width: 100%;
}
.top-footer {
	float: right;
	width: 874px;
	padding: 10px 50px 0;
	border-bottom: 1px solid #2C2C2C;
}
.footer-block {
	padding: 8px;
	float: right;
	width: 270px;
}
.f-list {
	margin: 0px;
	padding: 8px 0px;
	float: right;
	width: 270px;
	list-style-type: none;
}
.f-list ul {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 260px;
	list-style-type: none;
}
.f-list li {
	float: right;
	width: 270px;
	margin: 0px 0px 5px;
	font-size: 17px;
	color: #FFFFFF;
	padding: 5px 13px 0 0;
	display: block;
}
.footer-block h3 {
	color: #CAE1EB;
	font-size: 1.75em;
	font-weight:bold;
	padding: 0px 0px 4px;
	float: right;
	width: 270px;
}
.f-list li a {
	color: #FFFFFF;
	text-decoration: none;
}
.linkedin {
	vertical-align:middle;
}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 10px 15px 30px; padding-right: 20px; border-right: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:left;}
.alignleft{float:right; padding-right:30px; padding-bottom:20px;}
img.centered{display:block;margin-right:auto;margin-left:auto;}
img.alignright{display:inline;margin:0 7px 2px 0;padding:4px;}
img.alignleft{display:inline;margin:0 0 2px 7px;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed; direction: ltr;}
code {font-size:1.0em;color: #000}

/*************** Form **********************/
input, textarea, password {
	border:1px solid #249DB3;
	font-family: sans-serif;
	padding: 2px;
}
#searchbox input {
	padding: 0px;
	border: none;
}
select {
	border:1px solid;
	clear: both;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	padding: 0 3px;
	font-size:120%;
}
input[type=checkbox] {
	clear: right;
	float: right;
	margin: 4px 2px 7px 6px;
	width: auto;
}
input[type=submit] {
	border:1px solid #249DB3;
	cursor: pointer;
	display: inline;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/*************** Tabs **********************/
.tabber {
	padding: 4px;
}

.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	font-size: 14px;
}

.tabnav li a {
	font-family: Sans-serif, Arial;
	font-weight: bold;
	color: #222;
	padding: 7px 6px 5px;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
	background: #ED964E;
	color: #fff;
}
  
.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
}

.tabdiv li {
	margin-left: 20px;
	border-top: 1px solid #DADADA;
}

.ui-tabs-panel {
	padding: 10px;
	margin-top: 4px;
	border-top: 1px solid #dadada;
}

.ui-tabs-hide {
	display: none;
}

/* Lighbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* Download */
.download {
	background:#F0F0F0 url(images/download.jpg) no-repeat 95% top;
	border:1px solid #CECFD0;
	font-family:arial;
	font-size:28px;
	margin:10px auto;
	padding:10px 0;
	text-align:center;
	width:200px;
}
.download a {
	margin-right:50px;
}
/* End Download */

/* Classes */
.right {
  float: right;
}
/* End Classes */