/*

Theme Name: arabic_genie

Theme URI: http://wordpress.org/extend/themes/twentyeleven

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.

Version: 1.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentyeleven

*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

charset "utf-8";

/* CSS Document */



@font-face {
	font-family: 'gnuolane_freeregular';
	src: url('fonts/gnuolane_free.eot');
	src: url('fonts/gnuolane_free.eot?#iefix') format('embedded-opentype'),  url('fonts/gnuolane_free.woff') format('woff'),  url('fonts/gnuolane_free.ttf') format('truetype'),  url('fonts/gnuolane_free.svg#gnuolane_freeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ceria_lebaranregular';
	src: url('fonts/ceria_lebaran.eot');
	src: url('fonts/ceria_lebaran.eot?#iefix') format('embedded-opentype'),  url('fonts/ceria_lebaran.woff') format('woff'),  url('fonts/ceria_lebaran.ttf') format('truetype'),  url('fonts/ceria_lebaran.svg#ceria_lebaranregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0;
	padding: 0;
}
body {
	padding: 35px 0 0 0;
	line-height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3f3a3a;
	background: url(images/bg.jpg) repeat center left;
}
/*****************************/



a {
	color: #2c75c6;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #1e84a5;
}
a img {
	border: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
ul {
	display: table;
	margin: 0;
	padding: 0;
}
ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
h1 {
	color: #042e57;
}
h2 {
	color: #042e57;
	letter-spacing: 1px;
	font-weight: lighter
}
h3 {
	font-size: 22px;
	font-family: 'gnuolane_freeregular';
	color: #042e57;
	letter-spacing: 1px;
	font-weight: normal;
}
h4 {
	color: #042e57;
}
h4.srp-post-title {
	font-size: 13px;
	font-weight: normal;
	background: url(images/widgeticon.png) no-repeat 0 5px;
	padding: 0 0px 0 15px
}
.f20 {
	font-size: 20px;
}
.button {
	color: #fff;
	padding: 3px 5px 3px;
	border: none;
	cursor: pointer;
}
input[type="text"], input[type="password"], textarea {
	float: left;
	width: 180px;
	padding: 14px 3px;
	border: 0;
}
input[type="text"] {
	float: left;
	font-size: 14px;
	background: url(images/field.png) no-repeat 0 0px;
	clear: both;
	padding: 14px 0 15px 12px;
	margin: -15px 0 0 0;
}
label {
	float: left;
	width: 100px;
	text-align: right;
	color: #fff;
}
/********************************/

.header {
	background: url(images/headbg.png) repeat-x 0px 80px;
	margin: 0px auto 0;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 999;
}
.logo {
	margin: -27px 0 0 0;
	padding: 0px;
	float: left;
}
.nav_menu {
	right: 3px;
	background: url("images/main_menu.png") no-repeat scroll left top transparent;
	height: 138px;
	margin: 0px auto;
	z-index: 9999;
	position: relative;
	top: 15px;
	padding: 0;
	width: 968px;
}
.nav_menu ul {
	margin: 0;
	padding: 0;
}
.menu-header_left-container {
	float: left;
}
.menu-header_right-container {
	float: right;
	width: 335px;
}
#menu-header_left {
	float: left;
	margin: 41px 0 0 96px;
}
#menu-header_right {
	float: right;
	margin: 41px 43px 0 0;
	position: relative;
	width: 100%;
}
.nav_menu ul li {
	position: relative;
	text-transform: uppercase;
	padding: 0px;
	float: left;
	list-style: none;
	margin: 7px 11px 0px;
}
.nav_menu ul li a {
	text-decoration: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #f8f9f3;
}
.nav_menu ul li a:hover, .nav_menu ul li a.active {
	color: #cbedf5;
}
/********************************/

.mainbanner {
	background: url("images/banner.png") repeat-x scroll 0 0 transparent;
	height: 588px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	margin-top: -68px;
	width: 100%;
}
.banner #slider {
	padding-top: 1px;
}
#slider {
	margin: auto !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	padding-top: 17px;
}
.banner {
	height: 476px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 10px;
	box-shadow: none !important;
	background: url("images/slider_bg.jpg") no-repeat scroll center transparent;
}
.banner-page {
	height: 220px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	top: 0px;
	box-shadow: none !important;
	background: url("images/pagebg.png") left bottom;
}
.ribbon {
	background: url("images/ribbon.png") no-repeat scroll center bottom transparent;
	top: 486px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
.ribbon-page {
	background: url("images/newribbon.png") no-repeat scroll center bottom transparent;
	bottom: 99px;
	height: 62px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
	top: 220px;
}
/********************************/

.maincontainer {
	height: 100%;
	display: table;
	margin: 0px auto;
	padding: 65px 25px 0px;
	border: 3px solid #dededd;
	background: #fcfcfc;
	border-top: none;
	position: relative;
	top: -80px;
	width: 950px;
}
.container1 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 950px
}
.container1 p {
	float: left;
	margin-top: 23px;
	width: 175px;
}
.container1 img {
	float: right;
	margin-top: 25px;
}
.container1 h2 {
	color: #042E57;
	font-family: 'gnuolane_freeregular';
	font-size: 22px;
	margin-left: 16px;
	text-align: left;
}
.container1 .column1 {
	-webkit-box-shadow: 0px 1px 5px 1px #ccc;
	box-shadow: 0px 1px 5px 1px #ccc;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 8px 8px 8px 8px;
	float: left;
	margin-right: 16px;
	margin-top: 25px;
	padding: 4px;
	width: 298px;
}
.container1 .column1 .header {
	background: url("images/yellow.png") no-repeat left top ;
	height: 26px;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	width: 100%;
}
.container1 .column1 .content {
	min-height: 238px;
	background: url(images/yellow2.png) no-repeat bottom right #f0dd43;
	border-radius: 0px 0px 8px 8px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 278px;
	padding: 0px 10px 20px;
	box-shadow: 0 -9px 10px redinset;
}
.container1 .column2 {
	margin-right: 16px;
	-webkit-box-shadow: 0px 1px 5px 1px #ccc;
	box-shadow: 0px 1px 5px 1px #ccc;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 8px;
	float: left;
	margin-top: 25px;
	padding: 4px;
	width: 298px;
}
.container1 .column2 .header {
	height: 26px;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	background: url(images/green.png) no-repeat top left;
	width: 100%;
}
.container1 .column2 .content {
	min-height: 238px;
	background: url(images/green2.png) no-repeat bottom right #b0d853;
	border-radius: 0px 0px 8px 8px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 278px;
	padding: 0px 10px 20px;
	box-shadow: 0 -9px 10px #97bf43 inset
}
.container1 .column3 {
	-webkit-box-shadow: 0px 1px 5px 1px #ccc;
	box-shadow: 0px 1px 5px 1px #ccc;
	background: #fff;
	border-radius: 8px;
	float: left;
	margin-top: 25px;
	padding: 4px;
	width: 298px;
}
.container1 .column3 .header {
	height: 26px;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	background: url(images/blue.png) no-repeat top left;
	width: 100%;
}
.container1 .column3 .content {
	min-height: 238px;
	border-radius: 0px 0px 8px 8px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 278px;
	padding: 0px 10px 20px;
	background: url(images/blue2.png) no-repeat bottom right #66bcd1;
	box-shadow: 0 -9px 10px #3f8ea2 inset
}
.last {
	margin: 0px !important;
}
.learn_more {
	background: url("images/learn_more.png") no-repeat scroll left top transparent;
	border: medium none;
	cursor: pointer;
	float: left;
	font-family: 'gnuolane_freeregular';
	font-size: 16.37px;
	height: 41px;
	color: black;
	margin: 0;
	width: 136px;
	padding: 10px 0px 0px 25px;
}
/********************************/  

.container2 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 950px;
}
.two-column .container2 {
	width: 900px;
}
.home .container2 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 950px;
}
.container2 .left_col {
	margin: -18px 0px 0px;
	padding: 0px;
	padding: 25px 25px 15px 0px;
	border-radius: 8px;
	border: 2px solid #dededd;
}
.container2 .imagecol {
	padding: 6px 6px 0px 6px;
	float: left;
	margin-right: 10px;
}
.container2 .comtetnt {
	margin: 0px;
	padding: 0px;
	float: right;
}
.container2 h2 {
	font-size: 25px;
	font-family: 'gnuolane_freeregular';
	color: #042e57;
	padding-bottom: 5px;
	width: auto;
	margin: 5px 0px 5px;
	border-bottom: 5px solid #ccc;
}
h2#comments-title {
	line-height: 38px;
	margin: 20px 0;
}
.container2 h3 {
	font-family: 'gnuolane_freeregular';
	color: #042e57;
	padding: 7px 0px
}
.container2 .right_col {
	float: right;
	margin: 0;
	padding: 0;
	width: 310px;
}
.container2 .blue {
	background: #9eceeb;
	border-radius: 8px;
	float: right;
	margin: 30px 5px 0 5px;
	padding: 15px 5px 5px 5px;
	width: 290px;
}
.container2 .blue h2 {
	border: none;
	margin: 6px 0 5px 7px;
}
.container2 .blue p {
	padding: 5px;
}
/********************************/

.container3 {
	margin: 25px 0px;
	padding: 10px 20px;
	float: left;
	width: 910px;
	border-radius: 8px;
	border: 2px solid #dededd;
}
.container3 .imagecol {
	float: left;
	margin-right: 10px;
}
.container3 .content {
	float: left;
	margin-left: 2px;
	width: 300px;
}
.container3 h2 {
	font-size: 22px;
	font-family: 'gnuolane_freeregular';
	color: #042e57;
	border-bottom: 5px solid #afbac5;
	padding-bottom: 5px;
	width: 100%;
	margin: 16px 0px 5px
}
.colL h2 {
	font-size: 25px;
}
.container3 a {
	text-decoration: underline;
	color: #2c75c6;
	margin: 10px 0;
	cursor: pointer;
}
.container3 a:hover {
	color: black;
}
.colL {
	float: left;
	width: 48%;
	margin-right: 2%
}
.colR {
	float: right;
	width: 48%;
	margin-left: 2%;
}
/********************************/

.mainfooter {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: url(images/footer.jpg) repeat-x;
}
.footer {
	margin: 0px auto;
	width: 1000px;
}
.footer p {
	position: relative;
	top: 50px;
	float: left;
	color: #fff;
	font-weight: bold;
}
.footer_nav {
	margin: 0px;
	padding: 0px;
	float: right;
}
.footer_nav ul {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 50px;
}
.footer_nav ul li {
	float: left;
	color: #fff;
	list-style: none;
	margin: 0px 5px;
	font-weight: bold;
}
.footer_nav ul li a {
	color: #fff;
}
.footer_logo {
	margin: 20px 0 24px 0;
	padding: 0px;
	width: 230px;
	height: 99px;
	float: left;
}
.bottom-shadow {
	background: url("images/bottomShadow.png") repeat-x  0 0 ;
	float: left;
	height: 160px;
	margin-top: 11px;
	width: 100%;
	z-index: 3;
	position: relative;
}
.bottom-shadow-page {
	background: url("images/single.png") repeat-x  0 0 ;
	float: left;
	height: 151px;
	width: 100%;
	z-index: 3;
	position: relative;
}
/*---cDruc---*/

h1.whattatoo {
	margin: 40px 0;
	background: url("images/whatarabictatoo.png") center no-repeat;
	height: 99px;
}
h1.summary {
	margin: 10px 0;
	background: url("images/summary.png") center no-repeat;
	height: 99px;
}
h1.learnarabic {
	margin: -20px 0 20px 0;
	background: url("images/learnarabic.png") center no-repeat;
	height: 99px;
}
h1.twentyseven {
	margin: -22px 0 40px 0;
	background: url("images/27.png") center no-repeat;
	height: 99px;
}
h1.unique-method {
	margin: 10px 0;
	background: url("images/uniquemethod.png") center no-repeat;
	height: 50px;
}
h1.signature {
	margin: 40px 0;
	background: url("images/signature.png") center no-repeat;
	height: 99px;
}
h1.relar {
	margin: 40px 0;
	background: url("images/relar.png") center no-repeat;
	height: 125px;
}
h1.more-examples {
	margin: 40px 0;
	background: url("images/more-examples.png") center no-repeat;
	height: 125px;
}
h1.download-text {
	margin: 40px 0;
	background: url("images/download-text.png") center no-repeat;
	height: 125px;
}
#primary p {
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0 0 0;
}
ul.rounded-icon li {
	clear: both;
	font-size: 16px;
	padding: 0 0 0 26px;
	margin: 5px 0 10px 36px;
	float: none;
	background: url("images/list-icon.png") 1px no-repeat;
	line-height: 24px;
}
ul.star-icon li {
	clear: both;
	padding: 0 0 0 26px;
	margin: 5px 0 0px 5px;
	float: none;
	background: url("images/star-icon.png") 1px 6px no-repeat;
	line-height: 20px;
}
ul.star-icon2 li {
	clear: both;
	padding: 0 0 0 26px;
	margin: 5px 0 0px 50px;
	float: none;
	background: url("images/star-icon.png") 1px 6px no-repeat;
	line-height: 20px;
}
table {
	font-size: 16px;
	font-family: Arial, Helvetica;
	text-align: center;
}
.alignright {
	float: right;
	margin: 15px 0 15px 15px;
}
.alignlefter {
	text-align: left;
	float: left;
}
.entry-title {
	font-size: 25px;
	margin-bottom: 10px;
	padding: 5px 0 0;
	line-height: 33px;
}
div.magic-key {
	padding: 138px 25px 20px;
	width: 603px;
	background:url(images/magic-key.jpg) no-repeat left top;
	margin: 35px auto 20px;
    height: 360px;
}
blockquote {
	min-height: 180px;
	width: 280px;
	margin: 0 auto;
	padding: 0 60px;
	background-size: 100% 100% !important;
	background: url(images/quotes.png) no-repeat;
	height: 100%;
}
.page-template-alphabet-php blockquote {
	width: 618px
}
.arabic-letter {
	padding: 75px 113px 42px 70px;
	background: url(images/arabic_letter.jpg) no-repeat left top;
	margin: 0 auto;
    height: 350px;
width: 480px;
}
.theauthorback {
	padding: 210px 60px 130px 60px;
	margin: 0 auto;
	background: url(images/theauthor.png) no-repeat left top;
	width: 536px;
    height: 460px;
}
.detaliedrev {
	height: 600px;
	padding: 130px 30px 20px;
	margin: 50px auto 20px;
	width: 618px;
	background: url(images/detaliedrev.png) no-repeat left top;
}
#primary .detaliedrev p { margin: 6px 0 0 0;}
.alignleft {
	float: left;
	margin: 5px 10px 0 0;
}
.tuguiala {
	height: 303px;
	padding: 150px 60px;
	margin: 30px auto 20px;
	width: 522px;
	background: url(images/tuguiala.png) no-repeat left top;
}
.cloud {
	height: 234px;
	padding: 114px 60px;
	margin: 0 auto 20px;
	width: 540px;
	background: url(images/cloud.jpg) no-repeat left top;
}
.cloud p { text-align: center;}
h3.entry-titlec {
	margin: 0 0 25px 0;
	border-bottom: 6px solid #afbac5;
	text-transform: uppercase;
	line-height: 36px;
	font-family: 'gnuolane_freeregular', Arial;
	font-size: 30px;
	color: #042e57;
}
h3.entry-titlec a {
	color: #042e57;
}
h3.entry-titlec a:hover {
	color: #1e84a5;
}
.buble {
	margin: 0 0px 0 20px;
	background: url(images/buble.png) no-repeat left top;
	padding: 0px 10px 5px 10px;
}
.imagecol img {
}
.container1a {
	margin: 0 0 10px 0;
	padding: 0px;
	float: left;
	width: 310px;
}
.container1a p {
	float: left;
	margin-top: 23px;
	width: 175px;
}
.container1a img {
	float: right;
	margin-top: 25px;
}
.container1a h2 {
	color: #042E57;
	font-family: 'gnuolane_freeregular';
	font-size: 25px;
	margin-left: 16px;
	text-align: left;
}
.container1a .column1 {
	-webkit-box-shadow: 0px 1px 5px 1px #ccc;
	box-shadow: 0px 1px 5px 1px #ccc;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 8px 8px 8px 8px;
	float: left;
	margin-right: 5px;
	margin-top: 21px;
	padding: 4px 0 4px 4px;
	width: 303px;
}
.container1a .column1 .header {
	background: url("images/yellow.png") no-repeat scroll left top transparent;
	height: 26px;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	width: 299px;
}
.container1a .column1 .content {
	background: url(images/yellow2.png) no-repeat bottom right #f0dd43;
	border-radius: 0px 0px 8px 8px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 278px;
	padding: 0px 10px 20px;
	box-shadow: 0 -9px 10px #cdb42b inset
}
.header h2 {
	border: none;
}
.container1a .column2 {
	-webkit-box-shadow: 0px 1px 5px 1px #ccc;
	box-shadow: 0px 1px 5px 1px #ccc;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 8px 8px 8px 8px;
	float: left;
	margin-right: 5px;
	margin-top: 21px;
	padding: 4px 0 4px 4px;
	width: 303px;
}
.container1a .column2 .header {
	height: 24px;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	width: 299px;
	background: url(images/green.png) no-repeat top left;
}
.container1a .column2 .content {
	background: url(images/green2.png) no-repeat bottom right #b0d853;
	border-radius: 0px 0px 8px 8px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 278px;
	padding: 0px 10px 20px;
	box-shadow: 0 -9px 10px #97bf43 inset
}
.container1a .column3 {
	-webkit-box-shadow: 0px 1px 5px 1px #ccc;
	box-shadow: 0px 1px 5px 1px #ccc;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 8px 8px 8px 8px;
	float: left;
	margin-right: 5px;
	margin-top: 21px;
	padding: 4px 0 4px 4px;
	width: 303px;
}
.container1a .column3 .header {
	height: 26px;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	width: 299px;
	background: url(images/blue.png) no-repeat top left;
}
.container1a .column3 .content {
	border-radius: 0px 0px 8px 8px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 278px;
	padding: 0px 10px 20px;
	background: url(images/blue2.png) no-repeat bottom right #66bcd1;
	box-shadow: 0 -9px 10px #3f8ea2 inset
}
footer.entry-meta {
	margin: 12px 0 20px 0;
	font-style: italic;
}
.sidebar1 {
	margin-right: 23px;
	float: left;
	width: 135px;
}
#ctitle, .widget-title, .srp-widget-title {
	line-height: 29px;
	border-bottom: 6px solid black;
	margin: 10px 0;
	font-size: 25px;
	text-transform: uppercase;
}
.sidebar2 {
	float: left;
	width: 135px;
}
#recentcomments li {
	padding: 0 0px 0 14px;
	background: url(images/widgeticon.png) no-repeat 1px 5px;
	float: none;
	margin: 6px 0
}
.cwidget li {
	padding: 0 0px 0 14px;
	background: url(images/widgeticon.png) no-repeat 0% 6px;
	float: none;
	margin: 6px 0
}
.widgetc {
	margin: 0 5px;
}
.widgetc li {
	padding: 0 0px 0 14px;
	background: url(images/widgeticon.png) no-repeat 0;
	float: none;
	margin: 6px 0
}
.submit {
	margin: -14px 0 0 0;
	float: left;
	color: transparent;
	padding: 13px 27px;
	background: url(images/buttonz.png) no-repeat left top;
	border: 0;
	cursor: pointer;
}
.imagecol img {
	width: 160px;
	height: 160px;
}
.recentimage img {
	width: 122px;
	height: 122px;
	padding: 6px 6px 0px 6px;
	float: left;
	margin-right: 10px;
}
#imagecolauthor img {
	width: 139px;
	height: 178px;
}
.sidebar-container {
	margin-bottom: 25px;
	display: table;
	margin-left: 4px;
	width: 298px;
}
.cwidget {
	clear: both;
}
textarea {
	border: 1px solid #ccc;
	width: 300px;
	margin: 0 30px 40px 10px
}
input[type="submit"] {
	padding: 11px 27px;
}
#reply-title {
	font-size: 22px;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title, h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 30px 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 76px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul, #comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 16px;
	margin: 0 0 18px 0;
}
.comment-meta a:link, .comment-meta a:visited {
	color: #1e84a5;
	text-decoration: none;
}
.comment-meta a:active, .comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a, a.comment-edit-link {
	color: #888;
}
.reply a:hover, a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword, .nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}
/* Comments form */
input[type="submit"] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	float: left;
	color: #ff4b33;
	font-weight: bold;
	margin: 0 0 0 -33px;
}
#respond label {
	margin: 0 30px 0 0;
	float: left;
	color: #888;
	font-size: 12px;
	text-align: left;
	clear: both;
}
#respond input {
	float: none;
	border: 1px solid #ccc;
	background: #f1f1f1;
	clear: both;
	margin: 0 0 9px;
	width: 190px;
	padding: 10px 10px;
}
#respond textarea {
	width: 95%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	float: right;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit, input[type="submit"] {
	float: left;
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
#searchform input[type="submit"] {
	margin: -14px 0 0 0px;
	top: 0;
	bottom: 0;
	float: left;
	color: transparent;
}
#searchform input[type="text"] {
	bottom: 0;
	float: left;
}
#ctitlesocial {
	display: none;
}
.cwidgetsocial {
	margin-top: 25px;
	width: 298px;
	height: 277px;
	padding: 0 0 0 6px;
}
.colR h2 {
	font-size: 25px;
}
ul.sub-menu {
	padding-top: 14px;
	margin-left: -10px;
	position: absolute;
	left: -9999px;
	z-index: 999;
}
ul.sub-menu li {
	margin: 0 0 0 10px;
	position: relative;
	padding: 7px 0px;
	float: none;
	display: block;
	width: 173px;
	height: 20px;
	background: #005ab1;
}
ul.sub-menu li a {
	color: white;
	padding: 7px 5px;
}
ul.menu li:hover ul {
	left: -0px;
}
ul.menu li:hover ul ul {
	left: -9000px;
}
ul.menu li ul.sub-menu li:hover ul {
	margin-left: 163px;
	margin-top: -42px;
	left: 0;
}
span.arabic {
	font-size: 22px;
}
#primary p.wp-caption-text {
	font-size: 13px;
	font-style: italic;
	line-height: 1;
	margin-top: 10px;
	font-weight: bold;
	color: dark gray;
}
.maincontainer {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FCFCFC;
	border-color: -moz-use-text-color #DEDEDD #DEDEDD;
	border-image: none;
	border-right: 3px solid #DEDEDD;
	border-style: none solid solid;
	border-width: medium 3px 3px;
	display: table;
	height: 100%;
	margin: 0 auto;
	padding: 65px 25px 0;
	position: relative;
	top: -80px;
	width: 950px;
}
* {
	margin: 0;
	padding: 0;
}
body {
	color: #3F3A3A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
}
.two-column .container2 .left_col {
	width: 540px;
	float: left;
}
.page-template-alphabet-php .left_col, .page-template-tattoos-php .left_col {
	padding: 25px 0 15px 0;
	width: 100% !important;
}
.home .container2 .left_col {
	padding: 25px 25px 15px 25px;
	width: 578px;
}
#primary p {
	word-wrap: break-word;
}
#primary p img {
	max-width: 100%;
}
.main2 {
	width: 738px;
	top: -148px;
}
.main3 {
	width: 900px;
	top: -70px;
}
.main3 .container2 .left_col {
	border: none;
}
.entry-content ol {
	margin: 0 0 0 25px;
}
.container1 .content {
	height: 250px;
}
.home-box {
	width: 180px;
	float: left;
	position: relative;
}
.box-img {
	float: left;
}
.object object embed {
	width: 440px !important;
	height: 367px !important;
	margin: 0 0 0 -25px
}
.entry-content div.alignnone {
	width: 100% !important;
}
.entry-content div img {
	max-width: 100%;
}
.tuguiala div.star-icon {  width: auto; }
div.star-icon { float: left; width: 400px; padding: 10px 0 0 0}
#primary div.star-icon p { clear: both; padding: 0 0 0 26px; margin: 5px 0 0px 5px; float: none; background: url("images/star-icon.png") 1px 6px no-repeat;
line-height: 20px; }


 @media (max-width: 960px) {
.banner {
	background: url("images/slider_bg.jpg") no-repeat center bottom;
	background-size: 768px 279px;
	height: 271px;
}
#wpns_slider {
	height: 271px;
	width: 768px;
}
.theme-bar .nivoSlider img {
	width: 768px !important;
	height: 271px !important;
}
.home .container2 {
	width: 710px;
}
.slider-wrapper {
	width: 768px !important;
	height: 271px !important;
}
.two-column .container2 {
	width: 710px;
}
.ribbon {
	top: 281px;
}
.object object embed {
	width: 396px !important;
	height: 330px !important;
	margin: 0 0 0 -22px
}
.home .container2 .left_col {
	width: 340px !important;
}
.container1 .column1, .container1 .column2, .container1 .column3 {
	width: 220px;
}
.container1 .column1, .container1 .column2 {
	margin: 25px 13px 0 0;
}
.container1 .column1 .content, .container1 .column2 .content, .container1 .column3 .content {
	min-height: 400px;
	width: 200px;
}
.container1 {
	width: 100%;
}
.container3 {
	width: 670px;
}
.maincontainer {
	width: 710px;
	top: 0;
	padding: 85px 25px 0
}
.mainbanner {
	height: 300px;
	background: url("images/banner-768-bg.png") repeat-x left -92px;
}
.container2 {
	width: 718px;
}
.home-box {
	width: 100%;
	float: left;
}
.home-box a {
	position: absolute;
	top: 360px;
	left: 0;
}
.box-img {
	padding: 0 0 0 10px
}
.main2 {
	top: -148px;
}
.main3 {
	top: -70px;
}
.two-column .container2 .left_col {
	width: 375px;
	float: left;
}
.home .container2 .left_col {
	padding: 25px 25px 15px 25px;
}
.nav_menu {
	width: 768px;
	margin: auto;
	background-size: 768px 106px;
	top: 32px;
	right: 0;
}
#menu-header_left {
	margin: 31px 0 0 70px;
}
.menu-left_menu1-container {
	width: 290px;
}
.nav_menu ul li a {
	font-size: 12px;
}
.nav_menu ul li {
	margin: 7px 6px 0px;
}
ul.sub-menu li {
	margin: 0 0 0 10px;
}
.footer {
	margin: 0 auto;
	width: 768px;
}
.footer_logo {
	margin: 20px 0 0 0;
}
.footer_nav {
	margin: 0 0 0 10px;
	float: left;
}
.footer_nav ul {
	top: 42px;
}
.footer p {
	left: 15px;
}
.menu-header_right-container {
	width: auto;
}
#menu-header_right {
	width: 100%;
	margin: 31px 0 0 0;
}
.menu-header_left-container, .menu-header_right-container {
	width: 290px;
}
.logo {
	float: left;
	width: 180px;
}
.two-column .container2 .left_col blockquote {
	width: 295px;
	margin: 0;
	padding: 0 40px;
	background-size: 100% 100% !important;
}
.page-template-alphabet-php blockquote {
	width: 590px !important;
	padding: 0 60px !important;
}
#slider {
	width: 100% !important;
}
#slider img {
	width: 100%
}
.entry-content div img {
	max-width: 100%;
}
.entry-content div.alignnone {
	width: 100% !important;
}
}



 @media (max-width: 767px) {

h1.twentyseven {
	margin: 0 0 40px 0;
}
h1.learnarabic {
	margin: 0px 0 20px 0;
}
.object object embed {
	width: 474px !important;
	height: 395px !important;
	margin: 0 0 0 -15px
}
.two-column .container2 .left_col blockquote {
	width: 364px;
}
.maincontainer {
	width: 444px;
	padding: 35px 15px 0;
	top: 0px;
	z-index: 10;
	position: relative;
}
.two-column .container2 {
	width: 444px;
}
.container2 {
	width: 444px;
}
.nav_menu {
	width: 480px;
}
.two-column .container2 .left_col {
	width: 444px;
	padding: 25px 0 15px;
}
.home .container2 .left_col {
	padding: 25px 25px 15px 25px;
}
.container2 .right_col {
	margin: 0 67px;
}
.footer {
	width: 480px;
}


.footer p {
	top: -40px;
	float: right;
	left: 0;
}
.footer_nav {
	width: 230px;
	float: right;
}
.footer_nav ul {
	top: 20px;
}
.footer_nav ul li {
	margin: 0;
	width: 115px;
}

ul.sub-menu {
	position: relative;
	left: 0;
}
ul.menu li:hover ul {
	left: 0px;
}
ul.menu li:hover ul ul {
	left: 0px;
}
ul.menu li ul.sub-menu li:hover ul {
	margin-left: 0px;
	position: relative;
	margin-top: 0px;
	left: 0;
}
.nav_menu ul ul {
	padding-top: 0;
	display: none;
}
.nav_menu ul li li {
	padding: 7px 0 6px 10px;
}
.nav_menu ul li li li {
	padding: 7px 0 0 15px;
	border-bottom: none;
	background: none;
}
ul.sub-menu li {
	height: auto;
}
ul.sub-menu li ul {
	position: relative;
	left: 0;
	float: left;
}
.nav_menu ul, #menu-header_right {
	width: 100%;
	margin: 0;
}
.nav_menu ul li {
	margin: 0;
	width: 32%;
	text-align: center;
}
.nav_menu ul li li {
	padding: 7px 0 0 15px;
	float: left;
	height: auto;
	background: url("images/arrow.png") no-repeat 16px 13px;
}
.nav_menu ul li a {
	padding: 0 16px;
}
.menu-header_right-container {
	width: 50%;
}
.menu-header_left-container {
	width: 50%;
}
.nav_menu {
	width: 100%;
	background: #0060b6;
	height: auto;
	float: left;
	padding: 10px 0px;
	margin: 150px 0 0 0;
	position: relative;
}
#menu-header_left {
	margin: 0;
	width: 100%;
}
.main3 {
	top: 0px;
}
.logo {
	position: absolute;
	left: 50%;
	top: -182px;
	margin: 0 0 0 -90px;
}
.mainbanner {
	display: none;
}
.home .container2 .left_col {
	width: 390px !important;
}
.container3 {
	width: 400px;
}
.colL {
	width: 100%;
	margin-right: 0;
}
.colR {
	float: left;
	width: 100%;
	margin-left: 0;
}
.container1 .column1 {
	-webkit-box-shadow: 0px 1px 5px 1px #ccc;
	box-shadow: 0px 1px 5px 1px #ccc;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 8px 8px 8px 8px;
	float: left;
	margin-right: 16px;
	margin: 25px 69px 0;
	padding: 4px;
	width: 298px;
}
.container1 .column1 .header {
	background: url("images/yellow.png") no-repeat left top;
	height: 26px;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	width: 100%;
}
.container1 .column1 .content {
	min-height: 238px;
	background: url(images/yellow2.png) no-repeat bottom right #f0dd43;
	border-radius: 0px 0px 8px 8px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 278px;
	padding: 0px 10px 20px;
	box-shadow: 0 -9px 10px redinset;
}
.container1 .column2 {
	margin-right: 16px;
	-webkit-box-shadow: 0px 1px 5px 1px #ccc;
	box-shadow: 0px 1px 5px 1px #ccc;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 8px;
	float: left;
	margin: 25px 69px 0;
	padding: 4px;
	width: 298px;
}
.container1 .column2 .header {
	height: 26px;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	background: url(images/green.png) no-repeat top left;
	width: 100%;
}
.container1 .column2 .content {
	min-height: 238px;
	background: url(images/green2.png) no-repeat bottom right #b0d853;
	border-radius: 0px 0px 8px 8px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 278px;
	padding: 0px 10px 20px;
	box-shadow: 0 -9px 10px #97bf43 inset
}
.container1 .column3 {
	-webkit-box-shadow: 0px 1px 5px 1px #ccc;
	box-shadow: 0px 1px 5px 1px #ccc;
	background: #fff;
	border-radius: 8px;
	float: left;
	margin: 25px 69px 0;
	padding: 4px;
	width: 298px;
}
.container1 .column3 .header {
	height: 26px;
	margin: 0;
	padding: 16px 0;
	text-align: center;
	background: url(images/blue.png) no-repeat top left;
	width: 100%;
}
.container1 .column3 .content {
	min-height: 238px;
	border-radius: 0px 0px 8px 8px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 278px;
	padding: 0px 10px 20px;
	background: url(images/blue2.png) no-repeat bottom right #66bcd1;
	box-shadow: 0 -9px 10px #3f8ea2 inset
}
.home-box {
	width: 180px;
	float: left;
	position: relative;
}
.box-img {
	float: left;
	padding: 0;
}
.home-box a {
	position: inherit;
	top: 10px;
	left: 0;
}
.container2 h2 {
	width: auto;
}
.menu-left_menu1-container {
	width: 100%;
}
.page-template-alphabet-php .maincontainer { width: 710px; padding: 85px 25px 0; top: -70px; }
.page-template-alphabet-php .container2 { width: 710px !important ; }
.page-template-alphabet-php .nav_menu { padding: 0; background: url("images/main_menu.png") no-repeat  left top ; width: 768px; margin: auto; background-size: 768px 106px; top: 32px; right: 0;}
.page-template-alphabet-php .logo {
position: inherit;
left: 0;
top:0px;
margin: -27px 0 0 0;
float: left;
padding:0;
width: 180px;
}
.page-template-alphabet-php .menu-header_left-container, .menu-header_right-container {
width: 290px;
float: left;
}
.page-template-alphabet-php #menu-header_left {
float: left;
margin: 31px 0 0 70px;
width: auto;
}
.page-template-alphabet-php .menu-header_right-container {
width: 290px;
float: right;
}
.page-template-alphabet-php #menu-header_right {
width: 100%;
margin: 31px 0 0 0;
text-align: left;
}
.page-template-alphabet-php .nav_menu ul li {
margin: 0;
width: auto;
text-align: left;
margin: 7px 6px 0px;
float: left;
}
.page-template-alphabet-php .nav_menu ul li a {
padding: 0;
}
.page-template-alphabet-php .menu-left_menu1-container {
width: 290px;
}
.page-template-alphabet-php .footer {
width: 768px;
}
.page-template-alphabet-php .mainfooter { width: 768px; }
.page-template-alphabet-php .footer_nav { width: 230px; float: right; }
.page-template-alphabet-php .footer_nav { width: auto; float: left; margin: 0 0 0 10px; }
.page-template-alphabet-php .footer_nav ul li { margin: 0px 5px; width: auto; }
.page-template-alphabet-php .footer p { position: relative; left: 15px; top: 50px; float: left; color: #fff; font-weight: bold; width: auto;}
.page-template-alphabet-php .footer_nav ul { top: 42px; }
.page-template-alphabet-php .footer_logo { width: auto;}
.page-template-alphabet-php .left_col { width: 710px !important;}
.page-template-alphabet-php ul.star-icon li {  line-height: auto;}

}


@media (max-width: 479px) {
.object object embed {
	width: 300px !important;
	height: 250px !important;
	margin: 0 0 0 -5px
}
.menu-header_right-container {
	width: 100%;
}
.menu-left_menu1-container {
	width: 100%;
}
.menu-header_left-container {
	width: 100%;
}
#menu-header_left {
	width: 100%;
}
.two-column .container2 {
	width: 300px;
}
.nav_menu ul li a {
	padding: 0 10px;
}
.maincontainer {
	width: 300px;
	padding: 30px 7px 0;
	top: 0;
}
.container2 {
	width: 300px;
}
.footer {
	width: 320px;
}
.nav_menu {
	width: 100%;
}
.two-column .container2 .left_col {
	width: 300px !important;
	padding: 25px 0px 15px 0px;
}
.home .container2 .left_col {
	width: 286px !important;
	padding: 10px 5px;
}
.footer_logo {
	width: 125px;
}
.footer_logo img {
	width: 100%
}
.footer_nav ul li {
	width: 95px;
}
.footer_nav {
	width: 190px;
	margin: 0;
}
.footer p {
	width: 190px;
	top: 20px;
	float: right;
	text-align: left;
	left: 0;
	font-size: 12px;
}
.footer_nav ul li a {
	font-size: 12px;
}
.container2 .right_col {
	margin: 0px;
	width: 300px;
}
.cwidgetsocial {
	padding: 0 0 0 2px;
}
.container1a {
	margin: 0 0 0 -3px;
}

.container1 .column1 {
	margin: 25px -3px 0;
}
.container1 .column2 {
	margin: 25px -3px 0;
}
.container1 .column3 {
	margin: 25px -3px 0;
}
.container3 {
	width: 276px;
	padding: 10px;
}
.container1 {
	width: 300px;
}
.container2 .blue {
	margin: 30px 0 0 0
}
ul.menu li:hover ul {
	margin: auto;
	z-index: 999;
}
#respond textarea {
	width: 95%;
	margin: 0 4px 10px
}
.nav_menu ul li li {
	text-align: left;
	width: 280px;
	padding: 7px 0 0 20px;
}
.nav_menu ul li li li {
	padding: 7px 0 0 0;
	width: auto;
}
.page-template-alphabet-php .container2 .left_col { width: 710px !important;} 
}
img#wpstats{display:none;}