/*
Theme Name:OlmiC
Theme URI: http://jazibullah.com/
Description: Theme for .
Version: 1.0
Author: Jazib Ullah
Author URI: http://jazibullah.com/
*/


@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,600,700|Open+Sans:400,600);
html{ margin:0 !important;}
Body {margin:0;	padding:0;	font-family: 'Open Sans', sans-serif;background:#fff;}
a {	color:#585858;}
a:hover {	text-decoration:none;}
/* Headings */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	color:#777777;font-family: 'Crimson Text', serif;margin-bottom:10px;    font-weight:400;}


img.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
img.alignright {	padding: 0px;	margin: 0 0 2px 7px;	display: inline;}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;}
.alignright {	float: right;}
.alignleft {	float: left;}
.underline{ text-decoration:underline;}




#topBg{ background:#000; background-position:center center; min-height: 512px; padding:131px 0 0 ; text-align:center; background-size:cover}
#topBg h1{margin:0; font-size:80px; padding:0; color:#fff; font-weight:600;}
#topBg h2{ font-size:33px; color:#fff;}
#topBg ul.topNav{ margin-top:50px; padding:0; list-style:none;}
#topBg ul.topNav li{ display:inline;}
#topBg ul.topNav li a{ color:#fff; font-size:24px ; text-transform: uppercase;font-family: 'Crimson Text', serif; padding:10px 20px; font-weight:600;}
#topBg .arrowDown{ margin-top:34px; display:inline-block;}


.sticky {	position: fixed;width: 100%;left: 0;top: 0;z-index: 100;	border-top: 0; padding:0;background:rgba(28,44, 51, 0.9); box-shadow:0 2px 5px 1px #000;}
header { z-index:8;  padding: 10px 0; transition:1s all; background:#000;}
header h1 ,header h1 a{margin:0; font-size:44px; color:#fff;}
#logo{    margin: 5px 0;display: block; float:left;}


.navbar-toggle{border:1px solid #890405;	background:#fdfbfc;}
.navbar-toggle .icon-bar{	background:#890405;	height: 3px;}
.nav {margin-top: 0px; float:right;}
.nav li a{ font-size:22px; color:#fff; padding: 20px 30px;font-family: 'Crimson Text', serif; text-transform:uppercase; }
.nav li a:hover{ background:none; color:#d65454;}
.home .nav { display:none; visibility:hidden; }
.home .sticky .nav { display:block; visibility:visible; }

section h2{ font-size:30px; text-transform:uppercase; margin-top:0; margin-bottom:20px; padding-bottom:20px; font-weight:600;}
section p{ font-size:17px; color:#787878; }
span.ques{ font-size:19px; color:#333; font-weight:400;}



.table{ background:#fafafa; border:1px solid #ececec;}
.table td{ color:#787878; font-size:18px;border:0!important; padding: 10px 25px!important;}


#example h2,#notes h2,#addendum2 h2,#addendum3 h2{ color:#333; border-bottom:2px solid #787878;}
#example{ background:#f1f1f1; padding:40px 0;}
#example p{ font-size:19px!important;}


#notes{ padding:40px 0;}
#notes ul{ padding:0; margin:30px 0;}
#notes li{ list-style:none; display:inline; font-size:20px; margin:0 15px 0 0; font-family: 'Crimson Text', serif;}
#notes li.yellow{ color:#b9bb00;}
#notes li.blue{color:#2a6497;}
#notes li.green{color:#02a228;}
#notes li.pink{color:#c709ae;}
#notes li.violet{color:#8f00ff;}
#notes li.light_blue{color:#1b81da;}
#notes li.brown{color:#9b7500;}


#addendum1{ background:#3e79ad; padding:40px 0;}
#addendum1 .lightGray{ color:#CCC;}
#addendum1 .red { color:#bd0000;}
#addendum1 h2{ color:#e2e2e2;border-bottom:2px solid #e2e2e2;}
#addendum1 h3{ font-size:22px; color:#333; text-transform:uppercase; margin:0; padding:20px 10px; background:#fafafa;}


#addendum2{padding:40px 0;}
#addendum2 .green{ color:#008000;}
#addendum2 .red{ color:#800000;}
#addendum2 ol{padding:0 20px;}
#addendum2 ol li{ font-size:17px; color:#787878; }

#addendum3{padding:40px 0; background:#fafafa;}

#headingSyle{ background:#000; background-size:cover; background-position:center center; padding:41px 0;}
#headingSyle h1{ margin:0; text-transform:uppercase; color:#fff; font-size:55px;}

#profess .container{ margin-top:20px; margin-bottom:20px;}
#profess{ margin:60px 0;}
#profess h3{ font-size:30px; color:#333333; padding:30px 0 0 0; text-transform:uppercase; font-weight:600;}
#profess .date{ font-size:17px; color:#3e79ad;}
#profess p{ font-size:19px; }



footer{ background:#000000; padding:24px 0; }
footer h2{ color:#fff; font-size:35px; font-weight:600; margin-top:0; }
footer p{ padding:0; color:#808080; margin:0; font-weight:300; font-size:16px;}



.social-icons ul {padding:0; float:right;	margin-top:24px; display:inline-block;}
.social-icons li { display:inline; margin-right:10px;}


#innCont{ margin:50px 0;}



#blog{ margin:40px 0;}
#blog .post {	background:url(images/content_box_bg.jpg) bottom repeat-x;	overflow:hidden;	padding:28px 10px;
	border:1px solid #dbdbdb;	margin:20px 0;}
#blog .row{	margin-left:-15px;}
	
#blog .post .postmetadata { margin:0; padding:0;color:#797d81;	font-size:13px;}
#blog .post .postmetadata a {	color:#2797fb;	padding:5px}
#blog .post h2{ margin:15px 0;}
#blog .post h2{	text-transform:uppercase;color:#555555;	font-size:25px;	padding:0; margin:10px 0!important;}
#blog .post h2 a {	text-transform:uppercase;color:#555555;	font-size:20px;	padding:10px 0 0 0;}
#blog .post p {    padding: 10px 0;    color:#434343; font-size:14px !important;}
#blog .post .btn {    background:#2797fb;    font-size:10px;      color:#fff;}
#blog .post img {    border: 1px solid #f5f5f5;}

ol.commentlist{ padding:0; margin:20px 0;}
ol.commentlist li{ list-style:none;}
#blog .commentlist p{ margin-top:-10px; margin-left:20px;padding:20px 25px;background:url(images/coment_box.jpg) bottom repeat-x;	border-radius: 5px;	-moz-border-radius: 5px;
-o-border-radius: 5px;	-webkit-border-radius: 5px;	-moz-box-shadow: 0px 1px 5px #e1e1e1;-webkit-box-shadow: 0px 1px 5px #e1e1e1;
box-shadow: 0px 1px 5px #e1e1e1; color:#7f8c8c; font-size:13px;}
.says{display:none;}
.avatar{ width:65px; height:65px; border-radius:5px;}
.commentmetadata { margin-left:260px; margin-top:-43px; color:#7f8c8c; font-size:13px; display:inline-block;}
.comment-author a{  color:#7f8c8c;    font-size:15px;    font-weight: bold;    padding-right:15px;margin-bottom:20px;}
.commentmetadata a{ color:#7f8c8c; font-size:13px;}


#respond{ margin:15px 0; background:#f9f9f9; width: 100%; padding:20px; overflow:hidden; border:1px solid #e3e3e3;}
#respond h3,#comments{ color:#2797fb; font-size:22px; margin: 10px 0 !important;}
#respond input{ float:none; padding:7px; border:1px solid #d7d7d7; }
#respond label{ float:left; color:#7f8c8c; font-size:15px;}
#respond p{ padding:10px 0;} 
#respond textarea{width:99.9%; border:1px solid #d7d7d7; }
#respond #submit{ border:0; float:right; padding:10px; background:#2797fb; color:#fff; }

.reply a{ float:right; margin-top: -100px; color: #e2534b; font-size:14px; background:url(images/ic5.png) left no-repeat; padding-left:26px;}

#sidebar{    margin:20px 0;}
.widget h2{  margin:0;background:#000; color:#fff;  padding:10px;font-size:22px; text-transform:capitalize;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; }
.widget img{ padding:3px; background:#fff; border:1px solid #dfdfdf;}
.widget{ margin-bottom:15px;    background:#f1f1f1;  -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;   overflow:hidden;        	padding: 0px;}
.widget i.music{ background:url(images/music_icn.png) no-repeat; display:inline-block; vertical-align:middle; width:28px; height:23px;}
.widget ul{   list-style: none outside none;   padding:0 }
.widget li{background: url(images/widgets.jpg) bottom repeat-x;font-family: 'Crimson Text', serif;padding: 10px 10px;color: #000;font-size: 14px;overflow: hidden;}
.widget li span.date{     display:block;    font-size:12px; }
.widget li:last-child {	background:none; }



@media only screen and (max-width: 767px) {
	 header{ position:relative;}
.nav {margin-top: 10px; float:none; text-align:center;}
footer{ text-align:center;}
header{ text-align:center;}
}
@media only screen and (max-width:495px) {
#topBg h2{ margin:20px 0; font-size:40px; padding:40px; line-height:63px; display: inline-block; color:#fff;}
}
@media only screen and (max-width: 467px) {

#topBg h2{ margin:20px 0; font-size:40px; padding:40px; line-height:63px; display: inline-block; color:#fff;}

}