/*
Theme Name: RookSoft
Theme URI: http://farook.org
Description: RookSoft Custom WordPress Theme based largely on Paradigm but with elements from Spotlight and a different slider transition plugin
Version: 1.0
Author: Fahim Farook
*/

body {
	color: #35353e;
	font:16px Arial, Helvetica, sans-serif;
	margin:0;
	min-width:1000px;
}
img {border-style: none}
a {
	text-decoration: none;
	color: #000;
}
a:hover{text-decoration:underline;}
input, textarea, select {
	font:11px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color:#888;
}
form, fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: /*Arial, Helvetica, sans-serif; */'Droid Serif', arial, serif !important;
	font-weight:normal;
	text-shadow:1px 1px #fff;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6  {
	text-shadow:1px 1px #000;
}

#wrapper{
	width:960px;
	margin:0 auto;
	padding:0 0 70px;
}
#header{
	padding:10px 24px 3px 0px;
	height:90px;
	overflow:hidden;
}
.search-form{
	float:right;	
	background:#dbdbdb;
	position:relative;
	margin:45px 5px 0px 0px;
}
.search-form fieldset{
	overflow:hidden;
	padding:7px 8px 7px 10px;
	width:156px;
	border-left:solid 3px #ccc;
}
.search-form .bg-shadow{
	background: url(images/bg-shadow-search.png) no-repeat;
	width:21px;
	height:13px;
	position:absolute;
	right:0;
	bottom:-13px;
	font-size:0;
}
.search-form input{
	padding:0;
	margin:0;
	border:0;
	float:left;
}
.search-form .text{
	background:none;
	width:139px;
	margin:2px 0 0;
}
.search-form .submit{
	background: url(images/btn-search.gif) no-repeat;
	width:17px;
	height:17px;
	overflow:hidden;
	text-indent:-9999em;
	line-height:0;
	cursor:pointer;
}
#header .logo{
	background: url(images/logo.png) no-repeat;
	width:170px;
	height:88px;
	overflow:hidden;
	text-indent:-9999em;
	cursor:pointer;
}
#header h1{margin:0;}
#header .logo a{
	display:block;
	height:100%;
}
.navbar{
	background: url(images/bg-navbar.png) no-repeat;
	font:14px Tahoma, Geneva, sans-serif;
	/*font-weight:bold;*/
	
	height:1%;
	color:#fff;
	text-align:right;
	padding:8px 27px 0px 31px;
	z-index:100;
	position:relative;
}
.navbar-holder{
	background: url(images/bg-navbar-b.gif) repeat-x 0 100%;
	padding:0 0 0px;
	
}
.navbar ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
}
.navbar li{
	
	float:left;
	margin:0 27px 0 0;
}
.navbar a{color:#fff;}
.contact {
	padding-top:6px;
}
#main{background:#f4f4f4 url(images/bg-main1.gif) repeat-y;}
.main-w1{
	background: url(images/bg-main2.gif) repeat-y 100% 0;
	padding:0 23px 0 24px;
}
.title-block{
	font-family:Georgia, serif;
	padding:15px 0 18px;
	overflow:hidden;
	height:1%;
}
.breadcrumbs{
	margin:0 0 10px 0px;
	padding:0;
	list-style:none;
	color:#000;
	font-size:9px;
	text-transform:uppercase;
}
.breadcrumbs li{
	display:inline;
	background: url(images/divider5.gif) no-repeat 0 50%;
	padding:0 4px 0 8px;
}
.breadcrumbs a{color:#000;}
.title-block h1{
	margin:0;
	color:#1b1464;
	font-size:26px;
}
.columns-holder{
	overflow:hidden;
	height:1%;
	padding:0 0 43px;
}

#content{
	background:#fff url(images/bg-shadow-content.gif) no-repeat 0 100%;
	width:100%;
	float:left;
	padding:0 0 9px;
}

#content-full{
	background:#fff url(images/bg-shadow-content-full.gif) no-repeat 0 100%;
	width:100%;
	float:left;
	padding:0 0 9px;
}

.post{
	color:#1b1464;
	padding:16px 18px 30px 23px;
	line-height:18px;
}

.post h1{
	font:26px/29px Georgia, serif;
	margin:0 0 13px;
}

.post h2{
	margin:0 0 15px;
	font:22px/23px Georgia, serif;
}

.post h3{
	margin:0 0 18px;
	font:18px/21px Georgia, serif;
}

.post h4{
	margin:0 0 21px;
	font:14px/17px Georgia, serif;
}

.post h5{
	margin:0 0 34px;
	text-transform:uppercase;
	font:11px/14px Georgia, serif;
}

.post .items-block{padding:0 0 4px;}
.post .items-block h3{margin:0 0 8px;}
.post .item{padding:16px 0;}
.post .red{color:#cc3030;}
.post p{margin:0 0 15px 0;}
.post blockquote{
	margin:0;
	background: url(images/ico-quote.gif) no-repeat 0 3px;
	padding:0 0 0 47px;
	line-height:22px;
	font-size:16px;
	min-height:47px;
}

.post q{
	color:#6c6c6c;
	font-style:italic;
	font-size:18px;
	quotes:none;
}

.post q:before,
.post q:after{content:"";}
.post cite{
	font-weight:bold;
	color:#1b1464;
	font-size:11px;
}

.post .gallery {
    border: 1px solid;
    margin-bottom: 10px;
    margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	float:left;
}

.post .thumb {
	margin-bottom:15px;
	float:left;
}

.post-sep {
	border-bottom:double #eee;
	margin-bottom:15px;
	padding-bottom:5px;
}

.blog-post {
	padding:10px 0px 20px 0px;
}

.blog-post h2 {
	margin-bottom:10px;
}

.category-title {
	float:left;
	padding-top:10px;
	width:100%;
}
.category-title h2{
	margin-bottom:10px;
}
#sidebar{
	float:right;
	width:280px;
	font:12px Tahoma, sans-serif;
}
.sidebar .boxes-holder{
	overflow:hidden;
	height:1%;
}
.sidebar .box{
	background: url(images/divider1.gif) no-repeat;
	margin:-2px 0;
	padding:0 0 13px;
	overflow:hidden;
	height:1%;
	line-height:15px;
}
.sidebar p{margin:0 0 13px;}
.sidebar .box2{
	padding:21px 0 14px;
	line-height:18px;
}
.sidebar h3{
	margin:0 0 10px;
	font:18px/22px Georgia, serif;
	color:#1b1464;
}
.sidebar .box h2 {
	font-size:18px;
	margin-top:20px;
}
.sidebar .box2 h3{margin:0 0 5px;}
.sidebar .box ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar .box .column {
	float:left;
	margin-right:25px
}
.sidebar .box .nav{font-size:14px;}
.sidebar .box li{
	background: url(images/bullet1.gif) no-repeat 4px 5px;
	padding:0 0 11px 16px;
}
.sidebar .box .heading{
	overflow:hidden;
	height:1%;
	padding:17px 0 0 3px;
	font-size:11px;
	font:11px Georgia, serif;
}
.sidebar .box .heading .more-link{
	float:right;
	margin:6px 0 0;
}
.sidebar .box .image-box{
	background:#fff url(images/bg-shadow2.gif) no-repeat 0 100%;
	width:279px;
	padding:7px 0 16px;
	margin:0 0 6px;
}
.sidebar .box .image-box img{
	display:block;
	margin:0 auto;
}
.sidebar .image-box a {
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:7px;
}
.sidebar .box .read-more{
	background: url(images/btn-read-more.gif) no-repeat;
	width:89px;
	height:20px;
}
.sidebar .box .button{
	overflow:hidden;
	text-indent:-9999em;
	display:block;
}
#footer .footer-w1{
	background:#15055d;
}
#footer .b{
	background: url(images/bg-footer-round.png) no-repeat;
	width:960px;
	height:6px;
	font-size:0;
}
#footer .columns{
	color:#fab767;
	font:12px/18px Tahoma, sans-serif;
	overflow:hidden;
	height:1%;
	border-bottom:1px solid #fff;
	background:#1b1464 url(images/divider3.gif) repeat-y 420px 0;
	padding:23px 0 0;
}
#footer .columns a{color:#fff;}
#footer .column{float:left;}
#footer .column1{width:420px;}
#footer .column2{width:333px;}
#footer .column2 h2{color:#003}
#footer .column3{width:202px;}
#footer .column1 .holder{padding:0 22px 0 24px;}
#footer .column2 .holder{padding:0 20px 0 30px;}
#footer .column3 .holder{padding:0 22px 0 28px;}
#footer .columns .boxes-holder{
	overflow:hidden;
	height:1%;
	margin:-24px 0 0;
}
#footer .columns .box{
	background: url(images/divider2.gif) repeat-x;
	margin:-2px 0;
	padding:25px 0 30px;
}
#footer .columns h2{
	margin:0 0 7px;
	font:20px/26px Georgia, serif;
	color:#fff;
}
#footer .column2 h2{color:#003; text-shadow:none;}
#footer .columns p{margin:0;}
.latest-box ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
}
.latest-box li{
	height:1%;
	padding:5px 0 9px 0px;
}
.latest-box .comments-label{
	background: url(images/ico-label1.png) no-repeat;
	width:30px;
	height:29px;
	line-height:20px;
	text-align:center;
	color:#1b1464;
	font-size:15px;
	display:block;
	float:left;
	margin:5px 20px 0px 0px;
}
.latest-box .title{
	display:block;
	font-weight:normal;
	margin:0 0 -3px;
}
.latest-box .date{font-size:10px;}
.twitter-box ul{
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
}
.twitter-box li{padding:0 0 8px; margin:0 0 8px; border-bottom:dotted 1px #444;}
.twitter-box li:last-child{padding:0 0 8px; margin:0 0 15px; border-bottom:none;}
.tweetList small {
	display:none;
}
.wpcf7-mail-sent-ok {
	border:none !important;
	text-align:center;
}
.wpcf7-response-output {
	margin:4px 0px 0px 0px !important;
	padding:0px !important;
	font-size:11px;
}
.contact-box address{
	font-style:normal;
	display:block;
	margin:0 0 18px;
}
.contact-box dl{
	overflow:hidden;
	height:1%;
	margin:0 0 18px;
}
.contact-box dt{
	float:left;
	clear:left;
}
.contact-box dd{margin:0;}
.contact-box .wpcf7 p {
	font-size:10px;
}
.contact-box .wpcf7 input {
	font-size:11px;
	width:142px;
	background:#f7992a;
	border:none;
	color:#000;
}
.contact-box .wpcf7 textarea {
	font-size:11px;
	width:148px;
	background:#f7992a;
	border:none;
	height:75px;
	color:#000;
}
.contact-box .wpcf7-submit {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	background:#f7992a;
	color:#666;
	width:auto !important;
	font-size:9px;
	font-weight:bold;
	margin-top:8px;
	color:#000;
}
.contact-box .wpcf7-submit:hover {
	background:#1b1b1b;
}

/*
Slider
*/
/* Original */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#15055d;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* overrides */
#slider-wrapper {
    width:998px;
    height:300px;
    margin:0 auto;
}

#slider {
    width:960px;
    height:300px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
	padding:10px;
	text-align:left;
	width:940px;
}

/*
End Slider
*/
.intro-box {
	background:#fff;
	padding:20px;
}
.promo-block{
	background: url(images/bg-promo.gif) repeat-y;
	width:930px;
	margin:0 auto;
	line-height:18px;
	font:12px/18px Tahoma, sans-serif;
}
.promo-block-b{
	background: url(images/bg-promo-b.gif) no-repeat 0 100%;
	padding:20px 0 20px;
	height:1%;
	position:relative;
}
.promo-block .boxes{
	overflow:hidden;
	height:1%;
	margin:30px 0 5px -9px;
	background: url(images/divider6.gif) repeat-y 318px 0;
	position:relative;
}
.promo-block .boxes li {
	list-style-type:none !important;
	margin:0px;
	padding:0px;
	float:left;
}
.promo-block .box{
	float:left;
	width:280px;
	margin:0 0 0 29px;
	display:inline;
}
.promo-block .ico{
	float:right;
	width:48px;
	height:48px;
	overflow:hidden;
	text-indent:-9999em;
	margin:0 4px 0 0;
}
.promo-block .box1 .ico{
	background: url(images/homeicon1.png) no-repeat;
	margin:20px 1px 0 0;
}
.promo-block .box2 .ico{
	background: url(images/homeicon2.png) no-repeat;
	margin:20px 0px 0 0;	
}
.promo-block .box3 .ico{
	background: url(images/homeicon3.png) no-repeat;
	margin:20px 1px 0 0;
}
.promo-block .content{
	overflow:hidden;
	height:1%;
	padding:2px 0 20px;
}
.promo-block h3{
	margin:0 0 1px;
	font:18px/22px Georgia, serif;
	color:#1b1464;
}
.promo-block p{margin:0 0 13px;}
.promo-block .more{
	background: url(images/btn-read-more.png) no-repeat;
	width:89px;
	height:20px;
	overflow:hidden;
	text-indent:-9999em;
	position:absolute;
	bottom:19px;
	cursor:pointer;
}
#slickbox {
	padding:0px 0px 0px 0px;
	position:relative;
}
.slickbox-img {
	float:left;
	margin:5px 25px 10px 25px;
}
.slickbox-text {
	float:left;
	width:615px;
}
.slickbox-text h1 {
	line-height:32px;
	margin-bottom:5px;
	margin-top:0px;
}
.slickbox-text p {
	font-size:14px;
}
.slickbox-text a {
	font-size:14px;
}
.slickbox-text li {
	list-style-type:none;
	float:left;
}
#slick-toggle {
	position:absolute;
	top:40px;
	left:-22px;
}
#footer .navigation{
	overflow:hidden;
	height:1%;
	font:12px Georgia, serif;
	padding:11px 13px 7px 30px;
}
#footer .navigation ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footer .navigation .nav{padding:7px 0 0;}
#footer .navigation .nav a{color:#FFF;}
#footer .navigation .nav li{
	display:inline;
	margin:0 13px 0 0;
}
#footer .navigation .social-nav{float:right;}
#footer .navigation .social-nav li{
	float:left;
	margin:0 10px 0 0;
}
#footer .navigation .social-nav img{display:block;}

/* Portfolio Styling */
#filter {
    display: block;
}

#filter .placeholder {
    background-color: #B3B3B3;
    padding: 1.5em;
}

#filter a {
    color: Black;
    margin-left:15px;
	text-decoration:none;
	font-size:13px;
}

#filter a.active {
	font-size:13px;
    font-weight:bold;
}

#filter a:hover {
	color: #F7992A;
}

.portfolio-item {
	float:left;
	margin:0 0 30px 18px;
	padding:0;
	width:280px;
}

.portfolio-item .image-nav{
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
	overflow:hidden;
	background: none !important;
	border: none !important;
}

.portfolio-item h2{
	font-size:18px;
	margin-bottom:0px;
}

.portfolio-item ul.image-nav {
	margin-bottom:0 !important;
}

.portfolio-item a strong {
	font-size:16px !important;
}

.portfolio-item p {
	clear:both;
	margin-top:5px;
}

.portfolio-item-image {
	background:#292929 url(images/visit.png) no-repeat center center;
}

.portfolio-cat {
	font-size:10px;
	text-transform:uppercase;
}

.portfolio-button {
	font-size:12px;
	float:left;
	padding:2px 5px;
	margin:5px 8px 0px 0px;
}

.portfolio-item .thumb {
	margin:20px 15px 0px 0px; 
	float:left;
	height:150px;
	overflow:hidden;
	padding:5px;
}

.thumb100 {
	margin-right:10px;
	float:left;
	width:100px;
	height:100px;
}

.post-nav {
	margin:0px 25px 20px 25px;
}
.post-nav a{
	padding:10px;
}
.postnav-left a{
	float:left;
	
}
.postnav-right a{
	float:right;
}
.post-meta{
	margin:0 0 20px 0;
	padding:0px 0 0px;
	margin-bottom:15px;
	list-style:none;
	font:bold 12px/20px Arial,Verdana,Helvetica,sans-serif;
	width:100%;
	float:left;
}
.post-meta li{
	float:left;
	color:#545454 !important;
	padding:0 15px 5px 0;
}
.post-meta li a{
	color:#545454;
}
.post-meta .date{
	background:url(images/ico5.gif) no-repeat 0 50%;
	padding-left:22px;
}
.post-meta .author{
	background:url(images/comments.png) no-repeat 0 50%;
	padding-left:22px;
	margin-left:22px;
}
.post-meta .topic{
	background:url(images/ico7.gif) no-repeat 0 50%;
	padding-left:22px;
	margin-left:18px;
}
.visit{
	font-size:9px;
	text-transform:uppercase;
	float:left;
	padding:0px 0px;
	-moz-border-radius:2px;
	margin-top:5px;
}

.visit-cat{
	font-size:9px;
	text-transform:uppercase;
	float:left;
	padding:0px 4px;
	-moz-border-radius:2px;
	margin-top:5px;
}

/* Nav bar */
#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; 
}

#nav a{
	display:block;
	padding:5px 5px 5px 5px;
	color:#fff;
	text-decoration:none;
	text-align:left;
}

#nav a:hover{
	color:#FAB767;
/*	background-color:#38297e; */
}

#nav li{
	float:left;
	position:relative;
	padding-bottom:8px;
}

#nav ul {
	position:absolute;
	display:none;
	width:170px;
	top:39px;

}

#nav li ul li{
	padding:0px;
}

#nav li ul a{
	width:150px;
	height:auto;
	float:left;
	background:url(images/dropbg.jpg);
	font-size:12px;
	padding:5px 10px 5px 10px;
}

#nav li ul a:hover{
	background-color:#5d5c5c;
}

#nav li ul a:hover{
	height:auto;
	float:left;
}

#nav li ul {
	border-top:solid 4px #f7992a;
}

#nav li ul li ul a{
	width:150px;
	height:auto;
	float:left;
	background:url(images/dropbg2.jpg);
	font-size:12px;
	padding:5px 10px 5px 10px;
}

#nav li ul li ul {
	border-top:none;
}

#nav li ul li ul li{
	background:url(images/dropbg.jpg);
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/****** Comment Styling ******/

.comments {
	width: 615px;
	float:left;
	margin:0px 0px 0px 0px;
}

#comments_template li {
	border-bottom:solid 1px #ddd;
	list-style-type:none;
	padding:20px 0px 20px 10px;
	float:left;
	height: auto;
	font-weight:normal;
	background-image: none;
	width:600px;
}
#comments_template ol {
	margin:0px;
	padding:0px;
}
#comments_template p {
	margin:0 0 10px 0px;
	padding:0px;
}
#comments_template .meta {
	color:#aaaaaa;
	font-size:10px;
	margin-top:4px;
}
.commentlist {
	float:left;
}
.avatar {
	height:70px;
	width:70px;
}
.avatar_name {
	font-size:10px;
	line-height:12px;
	padding-top:5px;
	text-align:left;
	width:80px;
}
.comment_right_wrap {
	float:left;
}
.comment_right {
	float:left;
	margin-left:0px;
	padding:0px 10px 5px 10px;
	width:480px;
}
.comment_left {
	float:left;
}
.comment_form {
	float:left;
	padding:10px 0px;
}
.comment_form p{
	float:left;
	padding:10px 0px;
}
.comment_right_bottom {
	float:left;
	height:11px;
	margin-left:10px;
	width:580px;
	margin-top:-2px;
}
.comment_name {
	float:left;
	margin-bottom: 10px;
	width:600px;
}
.comment_mail {
	float:left;
	margin-bottom: 10px;
	width:600px;
}
.comment_web {
	float:left;
	margin-bottom: 10px;
	width:600px;
}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { }
.comments input, .comments textarea{
	background-color:#fff;
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:14px;
	color:#35353E;
}
.wpcf7 input{
	background-color:#F4F4F4;
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:12px;
}
.wpcf7 textarea{
	margin:0;
	font-size:12px;
	background-color:#F4F4F4;
	border:1px solid #CCCCCC;
	width:400px;
}
.wpcf7 p{
	font-size:14px;
}
.wpcf7 br{
	margin-bottom:10px;
}
.wpcf7-submit{
	background-color: white;
	border: 1px solid #CCC;
	color: #35353E;
	font-size: 14px;
	padding: 5px;
}
/* Shortcode Styling */

.shortcolumn {
	width:265px;
	float:left;
	margin:0 20px 25px 0px;
}
.fancyquote {
	font-family: 'Droid Serif', arial, serif !important;
	float:right;
	background:#f4f4f4;
	padding:10px;
	margin-left:15px;
	width:150px;
	font-size:16px;
	text-align:center;
}
.bigmessage {
	margin:0 0 25px 0px;
	font-family: 'Droid Serif', arial, serif !important;
	font-size:24px;
	line-height:28px
}
.alert, .alertred, .alertgreen {
	background:#fff9db;
	border:solid 1px #e4d1a6;
	padding:15px 15px 15px 15px;
	margin-bottom:25px;
}
.alert h2, .alertred h2, .alertgreen h2 {
	margin:0 0 5px 0;
	text-shadow:none;
}
.alert p, .alertred p, .alertgreen p {
	margin:0 0 0px 0;
	text-shadow:none;
}
.alertred {
	background:#f1bebd;
	border:solid 1px #c1807f;
	padding:15px 15px 15px 15px;
}
.alertgreen {
	background:#d2e9b4;
	border:solid 1px #90b166;
	padding:15px 15px 15px 15px;
}

.tooltip {
}

/* Final overrides */
.alignleft {
	float:left !important;
}

.alignright {
	float:right !important;
}

.noborder {
	border:none !important;
}