/*
Theme Name: Shahla Bahrami
Version: 1.0
Theme URI: http://http://www.shahlabahrami.com
Description: Custom made theme for Shahla.
Author: Ahmed Omran
Author URI: http://aomran.com
*/


/*--[ HTML5 Boilerplate RESET ]--------------------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*--[ HTML5 Boilerplate MINIMAL BASE STYLES ]--------------------------------------------------------------------------------*/
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; } 
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a { color:#607890; }
a:hover { color:#036; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/*--[ HELPER CLASSES ]--------------------------------------------------------------------------------*/
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* for image replacement */
.hidden { display:none; visibility:hidden; }  /* Hide for both screenreaders and browsers */
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide only visually - available for screenreaders */
.invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


/*--[ Layout ]--------------------------------------------------------------------------------*/
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
  width: 80%;
  font-size: 12px;
  text-align: center;
  margin: 0 auto;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}

p.bodytext {
	padding: 0 20px 0 20px;
}
#lang_footer {
text-align: center;
}

#lang_footer li{
display: inline;
font-size: 14px;
padding-right: 20px;
}

body {
background: #555555;
}

header {
padding: 20px;
}

header h1 {
font-family: 'Tahoma', sans-serif;
float: left;
text-shadow: 0 1px 0 #000;
font-size:2.2em; line-height: 1.125em; letter-spacing: -.05em; 
/*border-bottom:1px solid #ffa500;*/
}

header h1 a:hover, header h1 a:focus {text-shadow: 0 1px 0 #000;}

header nav {
float: right;
}

#content{
clear:both;
padding: 10px;
padding-top: 40px;
}

footer {
background: #eee url(images/back2gray.png);
clear:both;
padding: 10px;
font-size: 12px;
text-align: center;
}

/*--[ Typography ]--------------------------------------------------------------------------------*/
#content h1 {font-size: 24px; font-weight: bold;}

/*--[ Content list style ]--------------------------------------------------------------------------------*/
#content ul li{
	list-style-type: circle;
	margin-left: 70px;
	padding: 5px;

}

/* =Menu
-------------------------------------------------------------- */
#main-nav ul {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	list-style: none;
	margin: 0 0 0 0em;
	padding-left: 0;
}
#main-nav li {
	float: left;
	position: relative;
}
#main-nav a {

	background: #bbbbbb; /* Show a solid color for older browsers */
	/*background: -moz-linear-gradient(#ffdc9d, #ca5100);
	background: -o-linear-gradient(#ffdc9d, #ca5100);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffdc9d), to(#ca5100)); /* Older webkit syntax */
	/*background: -webkit-linear-gradient(#ffdc9d, #ca5100);*/

	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	color: #7e3200;
	display: block;
	line-height: 2.9em;
	padding: 0 1.1em; /*size of menu items*/
	text-decoration: none;
	border-radius: 3px;
}
/*--[ Styling the button on current page ]----------------------------------------------------------------*/
#main-nav .current_page_item a {
	background: #ca5100;
	color: #000;
}

/*#main-nav li:first-child {border-left: solid 1px black;}*/

#main-nav ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 2.9em; /*drop down menu vertical relative position*/
	left: 0.2em; /*drop down menu horizontal relative position*/
	width: 60px;
	z-index: 99999;
}
#main-nav ul ul ul {
	left: 100%;
	top: 0;
}
#main-nav ul ul a {
	text-align: center;
	background: #bbbbbb;
	border-bottom: 1px dotted #ddd;
	color: #7e3200;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 8px 8px;  /* drop-down menu */
	width: 60px; 
border-radius: 2px;
}

#main-nav li:hover > a,
#main-nav ul ul :hover > a,
#main-nav a:focus {
	background: #fd6500; /* Show a solid color for older browsers */
	/*background: -moz-linear-gradient(#ffdc9d, #ffa500);
	background: -o-linear-gradient(#ffdc9d, #ffa500);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffdc9d), to(#ffa500)); /* Older webkit syntax */
	/*background: -webkit-linear-gradient(#ffdc9d, #ffa500);*/

}

#main-nav li:hover > a,
#main-nav a:focus {
	background: #ca5100;
	color: #000;
}
#main-nav ul li:hover > ul {
	display: block;
}
#main-nav .current-menu-item > a,
#main-nav .current-menu-ancestor > a,
#main-nav .current_page_item > a,
#main-nav .current_page_ancestor > a {
	font-weight: bold;
}

/*--[ Anchors ]--------------------------------------------------------------------------------*/

a { color: #ca5100; text-decoration: none; font-weight: bold; }
a:hover, a:focus { color: #19557d; text-decoration: none; }


/*--[ Images ]--------------------------------------------------------------------------------*/

.wp-post-image,
img.alignright, 
img.alignleft, 
img.aligncenter {
	padding: 4px;
	background: #fff;
	border: 1px solid #eee;
	outline: 4px solid #f6f6f6;
}
img.size-full {
max-width: 97.5%;
width: auto; 
max-height: 97.5%;
height: auto; 
}
a:hover .wp-post-image, a:focus .wp-post-image {
	padding: 1px !important;
	border: 3px solid #ffe084 !important;
}
.alignleft{
	float: left;
	clear: left;
	margin: 0.38em 1.62em 0.38em 0;
}
.alignright {
	float: right;
	clear: right;
	margin: 0.38em 0 0.38em 1.62em;
}
.aligncenter {
	margin: 0 auto 1.62em;
	display: block;
}
div.wp-caption {
	text-align: center;
	background: #11161a;
	border: 1px solid #1a1f23;
	outline: 4px solid #0d1015;
	padding: 0 !important;
	text-align: center !important;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.wp-caption img {
	margin: 0;
	padding: 5px 5px 0;
	outline: 0;
	border: 0;
}
p.wp-caption-text {
	margin: 0 !important;
	padding: 0 3px 3px !important;
	font-weight: bold;
	clear: both;
	font-size: 0.92em;
	color: #eee;
}

/*--[ Widgets ]--------------------------------------------------------------------------------
.widget_search {
	overflow: hidden;
	zoom: 1;
}
.widget_search input#s {
	float: left;
	width: 50%;
}
.widget_search #searchsubmit {
	font-size: 0.875em;
	padding: 0 1em;
	border: 0;
	margin: 1px 0 0 0;
	line-height: 2.29em;
}
.widget_search label { display: none; }	

.widget_categories ul, 
.widget_archive ul, 
.widget_links ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_pages ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul,
.widget_categories ul {
	padding: 0;
	list-style-type: none;
} 
.widget_archive ul li, 
.widget_links ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_rss ul li,
.widget_pages ul li,
.widget_nav_menu ul li,
.widget_categories ul li {
	display: block;
}
.widget_archive ul li a,
.widget_links ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_categories ul li a {
	text-decoration: none;
} 
.widget_archive ul li a:hover, .widget_archive ul li a:focus,
.widget_links ul li a:hover, .widget_links ul li a:focus,
.widget_recent_entries ul li a:hover, .widget_recent_entries ul li a:focus,
.widget_recent_comments ul li a:hover, .widget_recent_comments ul li a:focus,
.widget_meta ul li a:hover, .widget_meta ul li a:focus,
.widget_rss ul li a:hover, .widget_rss ul li a:focus,
.widget_pages ul li a:hover, .widget_pages ul li a:focus,
.widget_nav_menu ul li a:hover, .widget_nav_menu ul li a:focus,
.widget_categories ul li a:hover, .widget_categories ul li a:focus {
	text-decoration: underline;
}
.widget_tag_cloud div { padding: 0;	overflow: hidden; }
.widget_tag_cloud a { line-height: 1.62em; }
.widget_tag_cloud a:hover, .widget_tag_cloud a:focus { text-decoration: underline; }*/


/*Different Screens*/
/* layout for desktops and laptops */
#wrap {
background: #fff;
width: 960px;
margin: 4% auto;
overflow: hidden;
border: solid 1px #ca5100;
border-radius: 15px;}

/*--[ 768 px Notebook LAYOUT ]-------*/
@media all and (device-width: 768px) {
#wrap{
width: 698px;
border-radius: 10px;}
#main-nav ul {font-size: 12px;}
#main-nav a {padding: 0 0.8em;}
#main-nav ul ul {width: 50px;}
#main-nav ul ul a {width: 50px;}
}

/*--[ PRINT STYLES ]--------------------------------------------------------------------------------*/
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}

/*--[ Custom Changes ]--------------------------------------------------------------------------------*/
header h1#logo a {
	font-weight: 400;
}
header h1#logo {
	letter-spacing: -.02em;
}