/*
Theme Name: iReka
Theme URI: http://www.ajmaleylia.com
Description: 
Version: 1.0
Author: Ajmal Eylia
Original Concept: Hijazi
*/

@import "library/css/reset.css";

/* 1.1 Defaults */

body{
	background:#fff url(images/background.jpg) repeat left top;
	color:#444;
	font:14px/20px 'Open Sans', sans-serif;
	line-height: 24px;
}

.aligncenter { display:block; margin:0 auto }

.alignright {
float:right;
margin:0 0 10px 10px;
}

.alignleft {
float:left;
margin:0 10px 10px 0;
}

p.wp-caption-text {

text-align: center;
font-style: italic;
margin-top: 2px !important;
margin-bottom:5px !important;
margin-right:8px !important;
padding:5px 10px;
}

.wp-caption
img {
border:1px solid #ebebeb;
}



h1,h2,h3,h4,h5,h6{color:#464849;margin:0;}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
p{margin:0 0 20px 0;}

hr{ 
	height: 1px;
    color: #aaa;
    background: #4D5C61;
    font-size: 0;
    border: 0;
    margin: 20px 0 30px 00;
	
}
input,textarea{border-color: #ccc;border-style:solid;border-width:1px;padding: 5px 7px;}

input, textarea, select {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 8px;
	border: 1px solid #ddd;
	-webkit-appearance: none;
}

form p {
	margin: 0 0 10px 0;
}

a:link,a:visited,a:hover{color:#fff;text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;color:#536a73;}

.wrapper{width:700px;margin:0 auto;}

.wide_wrapper{width:940px;margin:0 auto;}


#header{background:#fff;height:105px;border-bottom:1px solid #536a73;padding:5px 0;}
#header .wide_wrapper{position:relative;}
#display_twit a{ margin-left: 0; margin-bottom: 0; margin-right: 0; margin-top: 40px; width: 400px; color:#bbb;text-align:right;float:right;}
#logo{text-indent:-9999px;position:absolute;top:20px;left:0;}
#logo a{background:url(images/logo.png) no-repeat left top;width:357px;height:150px;display:block;}

/* Navigation */
#navigation{border-top:1px solid #fff;background:url(images/menu_bg.png) repeat;}
#navigation a:hover{color:#003;text-decoration:none;text-shadow:0 0 5px #eee;}
#navigation ul{text-align:right;padding:10px;}
#navigation ul li{display:inline;}
#navigation ul li a{color:#234233;font-size:18px;text-shadow:0 1px 1px #eee;margin:0 0 0 20px;}
#navigation li.current_page_item a{color:#111;text-decoration:none;text-shadow:0 1px 1px #fff;}

.main{padding:20px 0;}
#features{width:660px;height:400px;overflow:hidden;margin:0 0 40px;padding:2px 0;}
#apps{ width:700px;overflow:hidden;}
#apps li{
	clear: none;
	display: block; 
	width:350px;
	overflow:hidden;
	float:right;
	margin:10px 0;
	min-height: 95px;
	}
#apps .app_icon{width:100px;float:left;text-align:center;}
#apps .app_description{width:250px;float:right;padding:5px 0;}
#apps .app_description h2{font-size:27px;text-shadow:0 1px 1px #eee;margin:0 0 5px;}
#apps a:hover{color:#536a73;}

#apps .app_description img{
	margin:0 0 0 3px;
}

#apps .app_icon img{
	margin:0 0 0 3px;
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px	;
}

.footer{color:#333;font-size:10px;font:12px/18px;padding:0 0 20px;}
.footer hr{background-color:#ccc;margin-bottom:10px;}
.footer a{color:#fff;margin-left:15px;}

h1,h2{font-size:22px;}
h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited,#navigation li.current a:hover{text-decoration:none;}
.wrapper h2,.wrapper p{padding:6px 0px 3px;}


.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.post h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	margin: 10px 0;
}

.post ol, .post ul {
	margin-left: 10px;
	margin-bottom: 20px;
}

.post ol li, .post ul li {
	margin-bottom: 4px;
	list-style-position: inside;
}

.post ol li {
	list-style-type: decimal;
}

.post ul li {
	list-style-type: disc;
}

/* Footer */
#footer {  
	padding: 0px 0;
}


.post_title {
	font-size:40px;
	color:#23363d;
	text-shadow:0 1px 0 #fff;
	margin:10px 10px;
	padding-top: 5px;
	padding-left: 10px;
	line-height: 40px;
	font-weight: bold;

}

.post_title img{
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;

	margin-right: 10px;
	vertical-align: middle;

}

.post_feature {
	display: block;
	overflow: hidden;
}

/* slider
-------------------------------------------------*/

/* slider
-------------------------------------------------*/
#slider1 { height: 1%; overflow:hidden; padding: 0 0 10px;   }
#slider1 .viewport .left_overlay {
width: 30px;
height: 300px;
position: absolute;
z-index: 33;
background:url(images/ui/left_overlay.png) no-repeat top left;
top: 0;
left: 0;
}
#slider1 .viewport .right_overlay {
width: 30px;
height: 300px;
position: absolute;
z-index: 33;
background:url(images/ui/right_overlay.png) no-repeat top right;
top: 0;
right: 0;
}


#slider1 .viewport { float: left; width: 700px; height: 300px; overflow: hidden; position: relative; }
#slider1 .buttons { display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider1 .next { background-position: 0 0; margin: 30px 0 0 10px;  }
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0; height: 1px;  width: 700px;}
/*#slider1 .overview li{ float: left; margin: 0 0px 0 0; padding: 0px; height: 300pxpx; border: 0px solid #dcdcdc; width: 700px;}*/

#slider1 .pager{overflow:hidden;clear:both;text-align:center;padding:10px 0 10px;
	background: rgba(255,255,255,0.2);
	border: 0px;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;}
#slider1 .pager li { display:inline-block; }
#slider1 .pagenum{background:url(images/ui/slider_pager.png) no-repeat center center;text-indent:-9999px;padding:10px;}
#slider1 .active{background:url(images/ui/slider_pager_active.png) no-repeat center center;}


/* support's page
-------------------------------------------------*/
#support{
	width:700px;
	overflow:hidden;
	background-color:#ccc;
	background:none repeat scroll 0 0 rgba(255,255,255,0.4);

	padding:15px;
	-moz-border-radius:10px 10px 10px 10px ;
	-webkit-border-radius:10px;	

}

.single_sidebar {
    float: right;
    margin: 10px;
    width: 260px;
    border-radius: 10px 10px 10px 10px;
}

/* single page
-------------------------------------------------*/
.single_page {
background:rgba(255,255,255,0.2);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
padding:10px 20px;
float:left;
margin: 10px;
width: 600px;
}

.single_page h2 {
//font-weight:bold;
font-size:47px;
color:#23363d;
text-shadow:0 1px 0 #fff;
margin:12px 0 10px -3px;
padding-top: 5px;
line-height: 40px;
}

#contents{

	margin-top: 10px;
	
}

.app_widget {
    -moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius:10px;
    background: none repeat scroll 0 0 #FFFFFF;
    background:rgba(0,0,0,0.5);
    
    margin: 0 0 0px 0px;
    padding: 10px;
    color:#fff;
    font-size: 12px;
}

.app_widget .icon {
    padding: 5px 3px 0 0;
    font-size: 12px;
	float: left;
}

.app_widget h3 {
	color:#fff;
}

/* banner 
-------------------------------------------------*/

.banner {

	margin-top: 7px;

}

/* form
-------------------------------------------------*/

.submit {
background: #2daebf url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 1px 1px #222;
border: none;
position: relative;
cursor: pointer;
}