/* Calender */
#wp-calendar {width: 100%;}
#wp-calendar caption {
color: #222;
font-weight: bold;
padding-bottom: 4px;
text-align: center;
}
#wp-calendar tbody {color: #aaa;}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
padding: 3px 0 2px;
text-align: center;
}
#wp-calendar tbody .pad ,
footer #wp-calendar tbody .pad{
background: none;
border:0 none;
}
#wp-calendar tfoot #next {text-align: right;}
footer #wp-calendar tbody td { background:#333; border-color:#555;}
footer #wp-calendar caption { color:#FFF; }
/* Author Widget */
.author-avatar img {
border: 1px solid #ccc;
padding: 4px;
background: #fff;
float: left;
margin: 0 10px 5px 0;
}
.author-description {
font-size: 95%;
line-height: 17px;
}
.author-social {
float: left;
margin-top: 10px;
}
.author-social a {
opacity: 0.7;
margin-left: 2px;
}
.author-social a:hover {opacity: 1;}
/* Flickr Widget */
.flickr-widget .flickr_badge_image {
float:left;
margin:8px;
}
.flickr-widget .flickr_badge_image img{
opacity:1;
padding:2px;
width:50px;
height:50px;
box-shadow: 0px 0px 2px #B2B2B2;
-moz-box-shadow: 0px 0px 2px #b2b2b2;
-webkit-box-shadow: 0px 0px 2px #B2B2B2;
}
.flickr-widget .flickr_badge_image a:hover img{opacity:0.6;}
/* Social Icons Widget */
.social-icons{text-align:center;}
.social-icons a{
margin:2px;
position:relative;
}
.social-icons a:hover{top:-2px;}
/* Search Widget */
.search-widget input{
background: white;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 1px 3px 0 #B5B5B5;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
border: 1px solid #DDD;
padding: 10px;
clear: both;
margin-bottom:20px;
width:288px;
color:#999;
}
.search-widget input:hover,
.search-widget input:focus{color:#000;}
/* Counter Widget */
#sidebar .widget-counter{
margin-bottom:20px;
overflow:hidden;
background: white;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 1px 3px 0 #B5B5B5;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
clear: both;
border: 1px solid #DDD;
}
.widget-counter.col1 li{
width:100%;
border:0 none !important;
}
.widget-counter.col2 li{
width:50%;
border:0 none !important;
}
.widget-counter li{
line-height:15px;
float:left;
width:102px;
padding:10px 0;
}
li.twitter-followers { border:1px solid #DDD; border-width:0 1px 0 1px;}
.widget-counter li a{
display:block;
padding-top:40px;
text-align:center;
opacity:0.7;
}
.widget-counter li a:hover{
opacity:1;
text-decoration: none;
}
.rss-subscribers a{ background:url(images/rss-icon.png) no-repeat center top;}
.facebook-fans a { background:url(images/facebook-icon.png) no-repeat center top;}
.twitter-followers a{ background:url(images/twitter-icon.png) no-repeat center top;}
.widget-counter li span{
display:block;
font-size:21px;
}
.widget-counter li a small{color:#777;}
/* Login Widget */
#login-form{padding:11px 11px 0;}
#login-form #log, #login-form #pwd, .widget-feedburner .feedburner-email{
border-color: #F1F1F1;
border-top-color: #DDD;
border-left-color: #DDD;
background: #F9F9F9;
color: #515151;
font: 12px Tahoma;
padding: 4px 7px;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: block;
width: 250px;
height: 24px;
}
#login-form #log:hover, #login-form #pwd:hover, .widget-feedburner .feedburner-email:hover{ color:#000;}
#login-form #log:focus, #login-form #pwd:focus, .widget-feedburner .feedburner-email:focus{ background:#FFF; color:#000;}
#login-form .login-button{ margin-right:20px;}
#login-form p{padding-bottom:0;}
ul.login-links{ margin-top:15px;}
.welcome-text{margin-bottom:10px;}
.content .entry #login-form p{ padding:0 }
/* FeedBurner Widget */
.widget-feedburner-counter{padding:11px;}
/* ADS Widgets */
.widget-container .ads125{
margin:0 -7px -8px 13px;
padding-left:0;
}
.ads125{overflow:hidden;padding-left:22px;margin-bottom:20px;}
.ads125 .ad-cell{
width: 125px;
height: 125px;
display: block;
margin:3px 15px 12px 0;
float: left;
}
.widget-container .ads120-90 ,
.widget-container .ads120-60,
.widget-container .ads120-600,
.widget-container .ads120-240{
margin:0 -7px -8px 18px;
padding-left:0;
}
.ads120-90,
.ads120-60,
.ads120-600,
.ads120-240{
overflow:hidden;
padding-left:27px;
margin-bottom:20px;
}
.ads120-90 .ad-cell,
.ads120-60 .ad-cell,
.ads120-600 .ad-cell,
.ads120-240 .ad-cell{
width: 120px;
height: 90px;
display: block;
margin:3px 15px 12px 0;
float: left;
}
.ads120-60 .ad-cell {height: 60px;}
.ads120-600 .ad-cell{height: 600px;}
.ads120-240 .ad-cell{height: 240px;}
.ads160-600 ,
.ads250-250{margin-bottom:20px;}
.widget-container .ads160-600 ,
.widget-container .ads250-250{margin-bottom:0 }
.ads160-600 .ad-cell{
width: 160px;
height: 600px;
display: block;
margin:0 auto ;
}
.ads250-250 .ad-cell{
width: 250px;
height: 250px;
display: block;
margin:0 auto ;
}
.ads300-100{
padding-left:5px;
margin-bottom:20px;
}
.widget-container .ads300-100{
margin:0 -5px -5px;
padding-left:0;
}
.ads300-100 .ad-cell{
margin-bottom:3px;
width:300px;
height:100px;
}
.ads300-250{
padding-left:5px;
margin-bottom:20px;
}
.widget-container .ads300-250{
margin:0 -5px;
padding-left:0;
}
.ads300-250 .ad-cell{
width:300px;
height:250px;
}
.ads-one{
padding-left:0 !important;
margin:0 !important;
}
.ads-one .ad-cell{
float:none !important;
clear:both !important;
margin-right:auto !important;
margin-left:auto !important;
}
/* ---------------------------------------------
Footer
------------------------------------------------ */
footer {
color: #ddd;
background:#333333;
text-shadow: 0 0 px #000;
font-weight: bold;
padding:20px 0;
border-bottom:1px solid #444;
border-top: 8px solid #00B7FF;
margin-top:10px;
}
footer a{color: #FFFFFF;}
footer a:hover{color: #00B3FF;}
/* Footer Widgets */
#footer-widget-area{
width:1045px;
margin: 0 auto;
}
.footer-widgets-box{float:left; margin-right:4%;}
.footer-1c .footer-widgets-box{ width: 100% }
.footer-2c .footer-widgets-box{ width: 48%;}
.footer-3c .footer-widgets-box{ width: 30.66666666666667%;}
.footer-4c .footer-widgets-box{ width: 22%;}
.narrow-wide-2c #footer-first , .wide-narrow-2c #footer-second {width:32%;}
.narrow-wide-2c #footer-second, .wide-narrow-2c #footer-first{ width:64%;}
.wide-left-3c #footer-first ,.wide-right-3c #footer-third { width:46%;}
.wide-left-3c .footer-widgets-box , .wide-right-3c .footer-widgets-box { width:23%;}
.footer-1c .footer-widgets-box,
.narrow-wide-2c #footer-second,
.wide-narrow-2c #footer-second,
.footer-2c #footer-second,
.footer-3c #footer-third,
.footer-4c #footer-fourth,
.wide-right-3c #footer-third,
.wide-left-3c #footer-third{margin-right:0;}
.footer-widget-top{
border-bottom:1px solid #222;
padding:10px 0;
}
.footer-widget-top h4{
font-size: 22px;
font-family: "Droid Arabic Kufi";
}
.footer-widget-container{
padding: 10px;
border-top:1px solid #444;
}
.footer-widget-container p {padding-bottom: 1.0em;}
.footer-widget-container ul, footer .tabs-wrap ul{ border-bottom:1px solid #444; }
.footer-widget-container li, footer #tabbed-widget .tabs-wrap li {
padding: 6px 12px 6px 0;
line-height: 18px;
overflow: hidden;
border-bottom: 1px solid #232323 !important;
border-top: 1px solid #444;
}
.footer-widget-container li:first-child , footer #tabbed-widget .tabs-wrap li:first-child { border-top:0 none; }
footer #tabbed-widget .widget-top { background:transparent; border-bottom-color:#444; overflow:hidden; }
footer #tabbed-widget ul.tabs li a {text-shadow: 0px 1px 0px #000; }
footer #tabbed-widget ul.tabs li a:hover { color:#FFF; }
footer #tabbed-widget ul.tabs li.active a {
color:#FFF;
background: #444;
box-shadow: 0 -1px 2px #111;
-moz-box-shadow: 0 -1px 2px #111;
-webkit-box-shadow: 0 -1px 2px #111;
}
footer #tabbed-widget .tabs-wrap.tagcloud a {
background: #444;
border: 1px solid #222;
text-shadow: 0px 1px 0px #000;
-moz-box-shadow: inset 0 0 2px #888, 0 0 2px #222;
-webkit-box-shadow: inset 0 0 2px #888, 0 0 2px #222;
box-shadow: inset 0 0 2px #888, 0 0 2px #222;
}
footer #tabbed-widget .tabs-wrap.tagcloud a:hover{ background:#555;}
footer .widget-counter li{ border:0 none !important; width: 33.4%; }
footer #twitter-widget .loading span{
background:url(images/black-loader.gif) no-repeat top;
}
/* Footer Bottom */
.footer-bottom {
background:#242424;
height:30px;
line-height:30px;
border-top:1px solid #111;
color: #ccc;
}
.footer-bottom .social-icons{
float:right;
margin:0 15px ;
line-height:0;
padding-top:5px;
}
.footer-bottom a{color: #ccc;}
.footer-bottom a:hover{color: #FFF;}
#topcontrol{
z-index:2;
background: #FF8500 url(images/top_arrow.png) no-repeat center;
width: 30px;
height: 30px;
text-indent: -99999px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
margin: 10px 10px 0 0;
}
#topcontrol:hover{ background-color:#fb9826 ;}
/* ---------------------------------------------
Images
------------------------------------------------ */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%;
height: auto;
}
img.centered,
img.aligncenter {
display: block;
margin: 2px auto;
border: 1px solid #cbcdcc;
padding: 4px;
}
img.alignright {
padding: 4px;
margin: 2px 3px 3px 8px;
display: inline;
border: 1px solid #cbcdcc;
}
img.alignleft {
padding: 4px;
margin: 2px 8px 3px 3px;
display: inline;
border: 1px solid #cbcdcc;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 500px !important;
padding: 4px;
text-align: center;
}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {
color: #888;
margin: 5px;
}
/* ---------------------------------------------
Navigation
------------------------------------------------ */
.pagination {
overflow: hidden;
margin-bottom:25px;
}
.pagination a,
.pagination span.extend,
.pagination span.current {
float:left;
text-shadow: 0 1px 0 #FFF;
margin-right : 3px;
color: #777;
padding: 6px 10px 3px;
}
.pagination a:hover {color:#000;}
.pagination span.current {
color: #FFF;
background-color: #F88C00;
text-shadow: 0 1px 0 #000;
padding:4px 10px 6px;
}
.pagination .pages{
float:right;
display:block;
font-size:85%;
padding: 7px 0 2px;
}
/* ---------------------------------------------
CommentList
------------------------------------------------ */
#comments-title {
text-transform: capitalize;
font-size: 22px;
font-family: "Droid Arabic Kufi";
color: #999;
margin:25px 0 10px;
}
#comments-title em{color: #333;}
.commentlist li{
margin-bottom: 20px;
clear:both;
position:relative;
clear:both;
}
.comment-avatar {
overflow:hidden;
width:45px;
height:45px;
margin:0 10px 5px -30px;
background: white;
padding: 2px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0px 0px 3px #B5B5B5;
-moz-box-shadow: 0px 0px 3px #b5b5b5;
-webkit-box-shadow: 0px 0px 3px #B5B5B5;
float:left;
}
.author-comment{
overflow:hidden;
position:relative;
}
.author-comment cite {
color:#3b3b3b;
position:relative;
display:block;
margin-bottom:2px;
padding-top:4px;
}
.commentmetadata {
display: block;
font-size:85%;
clear:both;
}
.commentmetadata a{color:#3b3b3b;}
.commentmetadata a:hover{color:#000;}
.comment-wrap{
background: white;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0px 1px 3px 0 #B5B5B5;
-moz-box-shadow: 0px 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0px 1px 3px 0 #B5B5B5;
position:relative;
padding:10px;
margin-left:20px;
}
.comment-content{
position:relative;
clear:both;
display:block;
margin-top:10px;
overflow:hidden;
padding-bottom:5px;
}
.comment-content p{
line-height:17px;
margin-bottom: 10px;
}
.nocomments {text-align: center;}
.commentlist li ul li {margin-left:4px;}
.commentlist li.pingback{
padding:5px 10px;
border-bottom:1px solid #ddd;
}
.children{margin-top:15px; margin-left:50px;}
.reply a{
position:absolute;
bottom:0px;
right:0px;
background:#ddd;
padding:3px 10px;
text-shadow:0 1px 1px #FFF;
font-size:11px;
}
.reply a:hover{
background:#333;
color:#FFF;
text-shadow:0 1px 1px #000;
}
.bypostauthor {}
/* ---------------------------------------------
Add Comments Form
------------------------------------------------ */
#respond {
margin: 20px 0 10px;
overflow: hidden;
position: relative;
clear: both;
}
.commentlist li #respond {margin: 10px 0px 20px 70px !important;}
#respond h3 {
text-transform: capitalize;
font-size: 22px;
font-family: "Droid Arabic Kufi";
}
#commentform {
padding: 0 5px;
margin-top: 5px;
overflow: hidden;
}
#commentform .required {
font-weight: bold;
}
#commentform label {
color: #888;
}
#commentform p {
margin:10px 0;
}
#commentform textarea,
#commentform input {
border-color: #F1F1F1;
border-top-color: #DDD;
border-left-color: #DDD;
background: #F9F9F9;
color: #515151;
font: 12px Tahoma;
padding:4px 7px;
margin-bottom: 7px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#commentform input {
display: block;
width: 250px;
height:24px;
}
#commentform textarea {
width: 95%;
}
#commentform input:hover,
#commentform textarea:hover {}
#commentform input:focus,
#commentform textarea:focus {background: #fff;}
#commentform .form-allowed-tags ,
.comment-form-comment label {display: none;}
.comment-form-email,
.comment-form-url,
.comment-form-url,
.comment-form-comment {clear: both;}
.comment-notes{ margin-bottom:10px; }
.form-submit #submit , #login-form .login-button , .widget-feedburner .feedburner-subscribe{
border: 1px solid #D9D9D9;
background: #FBFBFB;
background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FBFBFB),color-stop(100%,#EEE ));
background: -webkit-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -moz-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -o-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -ms-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: linear-gradient(top,#FBFBFB 0,#EEE 100%);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5);
color: black;
text-shadow: 0 1px 0 white;
height: 30px;
line-height: 30px;
width:auto;
font-size: 13px;
padding: 0 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background .40s;
-moz-transition: background .40s;
-o-transition: background .40s;
transition: background .40s;
position:relative;
}
.form-submit #submit:hover, #login-form .login-button:hover , .widget-feedburner .feedburner-subscribe:hover {
background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FFF),color-stop(100%,#f8f8f8));
background: -webkit-linear-gradient(top,#FFF 0,#f8f8f8 100%);
background: -moz-linear-gradient(top,#FFF 0,#f8f8f8 100%);
background: -o-linear-gradient(top,#FFF 0,#f8f8f8 100%);
background: -ms-linear-gradient(top,#FFF 0,#f8f8f8 100%);
background: linear-gradient(top,#FFF ,#f8f8f8 100%);
}
.form-submit #submit:active, #login-form .login-button:active , , .widget-feedburner .feedburner-subscribe:active {top:2px;}
input.error, textarea.error{border:1px solid #FF0000 !important;}
/* ---------------------------------------------
Ads
------------------------------------------------ */
.ads-top {
float: right;
line-height:0;
}
.ads-bottom {
line-height:0;
margin:15px auto 20px;
text-align:center;
}
.ads-post {
line-height:0;
margin:20px auto ;
text-align:center;
}
.home-ads{
clear:both;
margin:20px auto;
text-align:center;
}
/* ---------------------------------------------
Tooltip
------------------------------------------------ */
a.ttip, a.tooldown{display:inline-block;}
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 2px #000000; -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; }
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/* ---------------------------------------------
Slider
------------------------------------------------ */
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; height:498px;}
.flexslider .slides img {width: 100%; height:100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {
margin: 0 0 20px;
position:relative;
zoom: 1;
width: 1005px;
height:498px;
background: #000 url('images/black-loader.gif') no-repeat 50% 48%;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 55%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -30px; }
.flex-direction-nav .flex-prev {left: -30px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; cursor: default;}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -1px; text-align: center; height:13px;}
.flex-control-nav li {margin: 0 ; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {display: block; cursor: pointer; text-indent: -9999px; width:100%; background:#666; height:13px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.flex-control-paging li a:hover { background: #000; }
.flex-control-paging li a.flex-active { background: #F88C00; cursor: default; }
.slider-caption{
position: absolute;
width: 75%;
padding: 10px;
background: #000;
right: 0;
bottom: 13px;
color:#FFF;
opacity:0.8;
}
.slider-caption h1 a{
color:#FFF;
text-transform: capitalize;
font-size: 35px;
font-family: "Droid Arabic Kufi";
}
/*small*/
.content .flexslider { width:660px; height:330px;}
.content .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; height:330px;}
.content .flexslider .slides img {width: 100%; display: block;}
.content .flex-pauseplay span {text-transform: capitalize;}
.content .slider-caption h1 a{font-size: 22px;}
.content .ei-slider{ height:330px;}
.content .ei-slider-loading{line-height:375px;}
.content .ei-title h3{font-size: 12px;line-height: 14px;width:435px;}
.content .ei-title h1{font-size: 22px;}
.ei-slider{
position: relative;
width: 100%;
max-width: 1005px;
height: 498px;
margin: 0 auto 35px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.ei-slider-loading{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index:999;
background: #000 url('images/black-loader.gif') no-repeat 50% 48%;
color: #fff;
text-align: center;
line-height: 520px;
}
.ei-slider-large{
height: 100%;
width: 100%;
position:relative;
overflow: hidden;
}
.ei-slider-large li{
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
height: 100%;
width: 100%;
}
.ei-slider-large li img{
width: 100%;
}
.ei-title{
position: absolute;
right: 10%;
margin-right: 0;
margin-left:2%;
bottom: 25%;
color:#fff;
opacity:0.8;
}
.ei-title h1, .ei-title h3{
text-align: right;
}
.ei-title h1{
color: #b5b5b5;
text-transform: capitalize;
font-size: 35px;
font-family: "Droid Arabic Kufi";
background:#000;
float:right;
padding:5px;
margin-bottom:5px;
}
.ei-title h3{
clear:both;
font-size: 14px;
line-height: 20px;
width:835px;
background:#000;
padding:5px;
}
.ei-slider-thumbs{
height: 13px;
margin: 0 auto;
position: relative;
max-width:100%!important;
}
.ei-title a{
color:#FFF;
}
.ei-slider-thumbs li{
position: relative;
float: left;
height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
top: 0px;
left: 0px;
position: absolute;
height: 100%;
z-index: 10;
text-indent: -9000px;
background: #F88C00;
}
.ei-slider-thumbs li a{
display: block;
text-indent: -9000px;
background: #666 ;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-moz-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
position: absolute;
bottom: 50px;
opacity: 0;
z-index: 999;
width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
opacity: 1;
bottom: 13px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* TABLET : 1024px ----------------------------- */
@media only screen and ( max-width: 1024px ){
.container, header, #main-nav, .breaking-news, #footer-widget-area {width:985px !important;}
.flexslider, .ei-slider{
max-width:985px !important;
}
#main-content{
padding:0;
background:transparent;
-moz-box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
}
.flex-direction-nav .flex-next {right:5px; opacity: 0.8; }
.flex-direction-nav .flex-prev {left:5px; opacity: 0.8;}
}
/* TABLET : 768px ----------------------------- */
@media only screen and (max-width: 985px) and (min-width: 768px){
header, .container , #main-nav , .breaking-news , #footer-widget-area, .content , .flexslider , #sidebar, .ei-slider, .ei-slider-large li{width:750px !important;}
.flexslider , .flexslider .slides > li {height:330px !important;}
.flex-direction-nav .flex-next {right:5px; opacity: 0.8; }
.flex-direction-nav .flex-prev {left:5px; opacity: 0.8;}
.ei-slider, .ei-slider-large li{height:330px;}
.ei-slider-large li img{width:100% !important; height:330px !important; margin:0 !important;}
.ei-title h3{width:635px;}
.logo img{max-height:70px;margin:0 !important; margin-top:0;}
#top-menu-mob , #main-menu-mob{display:block;float:left;}
.main-menu , .top-menu{ display:none; }
#top-menu-mob{
background: #FFF;
width: 500px;
padding: 5px;
border: 1px solid #ccc;
height: 26px;
color:#000;
margin:2px 0 0 120px;
}
#main-menu-mob{
background: #222;
width: 500px;
padding: 5px;
border: 1px solid #000;
color:#DDD;
height: 27px;
margin:13px 0 0 120px;
}
.search-block #s {
width:150px;
border: 1px solid #ECECEC;
padding: 8px 12px 7px 12px;
}
.widget , .search-widget input{
float:left;
clear:none;
width:359px;
margin:0 8px 20px;
}
.search-widget input{ width:339px;}
.widget-counter li { width:119px;}
.recent-box .recent-item { margin-right:55px;}
.list-box li , .list-box li.first-news, .cat-tabs-wrap li ,.cat-tabs-wrap li.first-news { width:344px;}
.list-box li.first-news .post-thumbnail,
.cat-tabs-wrap li.first-news .post-thumbnail {width:336px; height:155px;}
.cat-box.column2{width:364px;}
.cat-box.column2 .first-news .post-thumbnail{ height:140px}
.group_items{width:710px;}
.scroll-box .scroll-item { margin-right:39px;}
.wide-box li { width:335px }
#topcontrol, .today-date{display:none;}
.footer-widgets-box { width:48% !important; margin-right:4% !important;}
#footer-second , #footer-fourth{ margin-right:0 !important;}
#tabbed-widget ul.tabs li a { padding: 5px 19px 1px; }
.ads-top{
clear:both;
float:none;
text-align:center;
border: 0 none;
background:none !important;
padding:30px 0 0;
}
.search-block{
position:absolute;
top:75px;
right:60px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
z-index:9999;
}
a.random-article {
width: 30px;
height: 30px;
position: absolute;
right: 20px;
top: 70px;
}
.top-nav .social-icons {
position:absolute;
top:71px;
right:50px;
z-index:9999;
}
}
/* Phone : 480px ----------------------------- */
@media only screen and (max-width: 767px) and (min-width: 480px){
#topcontrol , .ads-top, .ads-bottom,.home-ads, .ads-post, .today-date,.ei-slider-thumbs li img, .ei-title h3, .slider-caption p{display:none !important;}
header, .container , #main-nav , .breaking-news , #footer-widget-area, .content , .flexslider , #sidebar, .ei-slider, .ei-slider-large li,#main-content{width:445px !important;}
.flexslider , .flexslider .slides > li ,.flexslider .slides img{max-height:250px !important;}
.ei-slider, .ei-slider-large li{height:250px !important;}
.ei-slider-large li img{width:100% !important; height:250px !important; margin-left: 0 !important;}
.ei-title h1, .slider-caption h1 a{ font-size:22px;}
.single-post-thumb img { max-height:210px; }
.slider-caption{width:auto;}
.logo{float:none;text-align:center;}
#top-menu-mob , #main-menu-mob{display:block;float:left;}
.main-menu , .top-menu, .breaking-news, .ei-title h3{ display:none; }
#top-menu-mob{
background: #FFF;
width: 210px;
padding: 5px;
border: 1px solid #ccc;
height: 26px;
color:#000;
margin:2px 0 0 10px;
}
#main-menu-mob{
background: #222;
width: 210px;
padding: 5px;
border: 1px solid #000;
color:#DDD;
height: 27px;
margin:13px 0 0 10px;
}
.widget.news-pic .post-thumbnail {margin: 3px 6px;}
.pic-box li.first-pic { margin-right:0; float:none; width:100%}
.pic-box .first-pic .post-thumbnail { margin:0 auto; width:294px;}
.pic-box li { margin-left:10px}
.widget , .search-widget input{clear:none; width:445px;margin:0 0 20px;}
.search-widget input{ width:423px;}
.recent-box .recent-item , .recent-box .recent-item:nth-child(3n+3) { margin-right:5px;}
.recent-box .recent-item:nth-child(2n+2) {margin-right: 0;}
.list-box li.first-news .post-thumbnail,
.cat-tabs-wrap li.first-news .post-thumbnail {width:336px; height:155px; margin:0 auto 15px;}
.cat-box.column2{width:445px; float:none; margin-right:0;}
.cat-box.column2 .first-news .post-thumbnail{ height:200px}
.group_items{width:402px !important;}
.scroll-box .scroll-item { margin:0 27px;}
.wide-box li { width:420px }
.cat-tabs-wrap li.first-news ,
.list-box li.first-news{
width:100%;
float:none;
margin: 0 0 10px 0;
border-bottom:1px solid #ddd;
padding-bottom:10px
}
.cat-tabs-wrap li ,.list-box li { width:100%; border-bottom:1px solid #F2F2F2;}
.footer-widgets-box { width:100% !important; margin-right:0% !important;}
#tabbed-widget ul.tabs li a { padding: 5px 19px 1px; }
.search-block{
position:relative;
top:0;
right:0;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
z-index:9999;
width:210px;
}
.search-block #s , .search-block #s:focus{ width:154px}
a.random-article {
position:relative;
}
.top-nav .social-icons {
position: relative;
top:0;
right:0;
z-index:9999;
}
.footer-bottom{
text-align:center;
padding:0 20px;
height:auto;
overflow:hidden;
}
.footer-bottom div{ float:none !important; clear:both; margin:5px auto;}
.widget-counter li {width: 146px;}
.sitemap-col { float:none !important; width:auto !important;}
#related_posts .post-listing, #author-box .post-listing{
padding: 20px 10px 10px 15px;
}
.share-post {height: 48px;}
.share-post span.share-text {height: 50px; line-height:48px;}
.share-post li, .mini-share-post li {height: 31px;width: 110px !important;}
.content iframe { max-height: 250px; }
}
/* Phone : 320px ----------------------------- */
@media only screen and (max-width: 479px) and (min-width: 320px){
#topcontrol , .ads-top, .home-ads, .ads-bottom, .ads-post, .today-date, .slider-caption p, #cats-tabs-box, .ei-slider-thumbs li img, .slider-caption p,a.random-article, .top-nav .social-icons, .search-block, .ei-title h3, .share-post span.share-text{display:none !important;}
header, .container , #main-nav , .breaking-news , #footer-widget-area, .content , .flexslider , #sidebar, .ei-slider, .ei-slider-large li, #main-content{width:297px !important;}
.flexslider , .flexslider .slides > li ,.flexslider .slides img{max-height:130px;}
.ei-slider, .ei-slider-large li{height:150px !important;}
.single-post-thumb img { max-height:150px; }
#main-nav{overflow:hidden;}
.slider-caption{width:auto;}
.logo{float:none;text-align:center;}
#top-menu-mob , #main-menu-mob{
display:block;
margin:0 auto;
}
.main-menu , .top-menu, .breaking-news{ display:none; }
#top-menu-mob{
background: #FFF;
width: 277px;
padding: 5px;
border: 1px solid #CCC;
height: 26px;
color:#000;
margin:2px auto 0;
float:none;
}
#main-menu-mob{
background: #222;
width: 277px;
padding: 5px;
border: 1px solid #000;
height: 27px;
margin:13px 0 0 10px;
color:#fff;
}
#tabbed-widget .widget-top {overflow:hidden;}
.share-post{ overflow:hidden; height:auto;}
#commentform textarea { padding:0;width: 100%;}
.pic-box li.first-pic { margin-right:0; float:none; width:100%}
.pic-box .first-pic .post-thumbnail { margin:0 auto; width:257px;}
.pic-box .first-pic .post-thumbnail img{ width:100%;}
.pic-box .first-pic .post-thumbnail h2{ width:236px;}
.pic-box li { margin-left:14px}
.widget , .search-widget input{
clear:none;
width:297px;
margin:0 0 20px;
}
.search-widget input{ width:275px;}
.recent-box .cat-box-content {padding: 5px 1px;position: relative;}
.recent-box .recent-item {width:142px;}
.recent-box .recent-item, .recent-box .recent-item:nth-child(3n+3) { margin-right:0px;}
.recent-item .post-thumbnail .overlay-icon {width: auto;height: auto;}
.recent-item .post-thumbnail img {width: 130px;height: 60px;}
.list-box li.first-news .post-thumbnail,
.cat-tabs-wrap li.first-news .post-thumbnail {width:100%; height:155px; margin:0 auto 15px;}
.cat-box.column2{width:100%; float:none; margin-right:0;}
.cat-box.column2 .first-news .post-thumbnail{ height:120px}
.scroll-box .cat-box-content {padding: 5px;}
.group_items{width:289px !important;}
.scroll-box .scroll-item { margin:0 -1px;}
.scroll-nav { margin:0;}
.wide-box li { width:260px }
.cat-tabs-wrap li.first-news , .list-box li.first-news{width:100%;float:none;margin: 0 0 10px 0;border-bottom:1px solid #ddd;padding-bottom:10px;}
.cat-tabs-wrap li ,.list-box li { width:100%; border-bottom:1px solid #F2F2F2;}
.footer-widgets-box { width:100% !important; margin-right:0% !important;}
#tabbed-widget ul.tabs li a { padding: 5px 19px 1px; }
.flickr-widget .flickr_badge_image {margin: 7px;}
header{min-height:115px;}
.logo img{max-height:70px;margin:0 !important; margin-top:0;}
.footer-bottom{
text-align:center;
padding:0 5px;
height:auto;
overflow:hidden;
}
.footer-bottom div{ float:none !important; clear:both; margin:5px auto;}
.widget-counter li {width: 98px;}
.widget.news-pic .post-thumbnail{margin:3px 5px;}
.sitemap-col { float:none !important; width:auto !important;}
#related_posts .related-item{
margin:0 auto 10px !important;
float:none;
}
.share-post {height: 50px; padding-left:5px;}
.share-post li, .mini-share-post li {height: 31px;width: 105px ;}
.widget-feedburner-counter, #login-form{padding-right:5px; padding-left:5px;}
.content iframe { max-height: 170px; }
}