/*
Theme Name: WPBeginner
Theme URI: http://www.balkhis.com
Description: WPBeginner Theme Custom designed by Syed Balkhi
Version: 2.7.1 and above
Author: Syed Balkhi
Author URI: http://www.uzzz.net

*/
body{font-family:verdana,arial; font-size:10pt; margin:0 0 0 0; text-align:center; background:#F7F6F6; min-width:1000px; max-width:100%; color:#272727; padding:0}
img{border:0}
a{color:#999}

.left{float:left}
.right{float:right}
.clear{clear:both}
.box{text-align:left; margin:0 auto; width:1000px}
.topbar{background:url(images/topbarbg.jpg) repeat-x; height:77px; min-width:1000px; max-width:100%; margin:0; padding:0}
.logo{width:247px; margin:0 0 0 22px; height:77px; border:0px; float:left}

/* Home Page Area */
.homeintro{background:url(images/homebannerbg.jpg) repeat-x; max-width:100%; min-width:1000px; height:344px; margin:0; padding:0}
.homebanner{background:url(images/homepagebanner.jpg) repeat-x; width:978px; height:344px; margin:0 0 0 22px; padding:0}
.whywordpress{padding:275px 0 0 450px; float:left}
.freeblogsetup{padding:275px 0 0 5px; float:left}
.homepagecontent{margin:40px 0 20px 30px; width:970px}
.beginnercol1{width:213px; float:left}
.beginnercol2{width:213px; float:left; margin:0 0 0 18px}
.beginnercol3{width:213px; float:left; margin:0 0 0 18px}
.beginnersteps{width:213px; color:#777}
.beginnersteps p{padding:10px 0 30px 0px; border-top:1px dotted #ccc; margin:0 0 0 10px; font-size:12px; min-height:50px; text-align:inherit; line-height:1.5em}
.beginnersteps h2{margin:0; padding:0}
.beginnersteps h2 a{text-decoration:none}
.subscribebar{float:left; width:221px; margin:0 0 0 35px}
.subscribebar p{color:#777; font-size:11px; text-align:inherit; line-height:1.5em; padding:7px 2px 10px 2px; margin:0}

.emailsub{width:221px; float:left; height:57px; margin:0 30px 0 0}
.email{width:221px; height:57px; background:url(images/emailsubbg.jpg); border:0; margin:0; padding:0; float:left}
input.email{background:#fff; margin:10px 0 0px 10px; width:140px; padding:0px; text-align:left; float:left; height:20px; line-height:20px; vertical-align:middle; font-size:11.5px; color:#272727; border:0}
.hseparate{border-top:1px solid #ddd; margin:20px 0 20px 5px; height:5px; width:955px}
.hrecentpost{width:380px; color:#999; font-size:12px; float:left; margin:0 0 0 10px}
.htitle{font-size:11px; font-weight:none; margin:0 0 15px 0; color:#999}
.hrecentpost h1{font-size:12px; margin:0; padding:0}
.hrecentpost h1 a{color:#F6701D; font-weight:none; text-decoration:none}
.hrecentpost ul{margin:0; padding:0; list-style:none; list-style-type:none}
.hrecentpost li{font-size:12px; color:#F6701D; margin:0; padding:0 0 10px 0; list-style:none}
.hrecentpost li a{font-size:11px; color:#F6701D; text-decoration:none}
.hrecentpost p{color:#777; font-size:12px; text-align:inherit; float:left; margin:5px 0 25px 0px}
.hpopular{width:270px; margin:0 0 0 40px; float:left}
.hpopular ul{margin:0; padding:0}
.hpopular li{list-style:none; color:#777; font-size:11px; line-height:1.5em; margin:0 0 6px 0px; padding:8px 5px 8px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff}
.hpopular li a{color:#777; text-decoration:none}
.hpopular li a:hover{color:#F6701D; text-decoration:none}
.hsearchbox{width:210px; margin:0 0 0 50px; float:left}
.hsearchbox p{margin:15px 5px 5px 2px; font-size:11px; color:#777; text-align:inherit; line-height:1.5em}
.hsearch{background:#fff; border:0px; border:1px solid #ddd; height:25px; width:180px; margin:0; padding:0}
input.hsearch{background:transparent; padding:0px 0 0 3px; width:180px; margin:0px 0 0 0; text-align:left; float:left; height:25px; line-height:25px; font-size:11px; color:#999; border:0}

/*LiveFyre*/

#lf_comment_stream{width: 510px; margin: 0 8px 0 20px;}

/* Single Page Area */
.singleintro{background:url(images/singlebannerbg.jpg) repeat-x; max-width:100%; min-width:1000px; height:131px; margin:0; padding:0}
.singlebanner{background:url(images/singlepagebanner.jpg) repeat-x; width:990px; height:131px; margin:0 0 0 10px; padding:0}
.singlefreeblogsetup{margin:40px 0 0 0px; padding:0 0 0 145px; float:left}
.singlepostwrapper{margin:40px 0 20px 30px; width:970px; float:left; position:relative}
.singlepostbigcontainer{width:556px; float:left; margin:0 0 0 10px}
.sharepost{float:left; border:1px solid #E8E8E8; margin-right:10px; position:fixed; background:#FFF; margin-left:-100px; width:65px; z-index:0; text-align: center;}
.sharer{padding:5px; border-bottom:1px solid #e8e8e8; text-align: center;}
.singlead{width:556px; height:64px; margin:0 0 20px 0}
.singlepostcontent{background:#fff; border:1px solid #E8E8E8; width:556px; float:left; margin:0 0 0 0px; padding:20px 0 0 0}
.post{width:520px; margin:0 8px 15px 8px; padding:0px 25px 20px 10px}
.post h1{margin:0 0 5px 0; ; padding:0; color:#F6701D; font-size:18px; font-family:Verdana,Arial,Helvetica,sans-serif}
.post h1 a{margin:0; padding:0; color:#F6701D; text-decoration:none}
.post h2{margin:0 0 5px 0; ; padding:0; color:#F6701D; font-size:18px; font-family:Verdana,Arial,Helvetica,sans-serif}
.post h2 a{margin:0; padding:0; color:#F6701D; text-decoration:none}
.nc{color:#808080; font-size:8pt}
.nc a{color:#808080; font-size:8pt; text-decoration:none}
.entry{line-height:1.5em; margin:20px 0 30px 0; text-align:inherit; font-size:12px; color:#666}
.entry a{color:#F6701D; text-decoration:none}
.entry a:hover{text-decoration:underline}
.entry h2{color:#F6701D; font-size:15px; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px dashed #ddd}
.entry h2 a{color:#F6701D; text-decoration:none}
.entry h2 a:hover{text-decoration:none}
.entry h3{color:#777; font-size:15px; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0 0 5px 0; padding:0}
.entry h3 a{color:#777; text-decoration:none}
.entry h3 a:hover{text-decoration:none}
.entry h4{color:#F6701D; font-size:15px; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0 0 5px 0; padding:0}
.entry h4 a{color:#F6701D; text-decoration:none}
.entry h4 a:hover{text-decoration:none}
blockquote{border-left:5px solid #d2d2d2; margin-left:1.5em; background:#F7F6F6; padding:5px 5px 5px 10px}
pre{width:480px; background:#F7F6F6}
.metacomment{color:#666; width:500px; font-size:11px; border-top:1px dotted #E8E8E8; line-height:1.5em; margin:0 0 15px 0; padding:20px 10px 10px 10px}
.metacomment a{color:#666; text-decoration:none}
.relatedpost{width:280px; float:left}
.relatedpost h4{font-size:13px; margin:0 0 15px -15px; padding:6px 13px 6px 13px; background:#443831; border:1px solid #4A3D35; color:#fff}
.relatedpost ol{margin:0; padding:0}
.relatedpost li{line-height:1.5em; padding:0 0 0 0px; margin:0 10px 0 20px}
.metacommentsub{width:180px; margin:0 35px 0 0; float:left}
.metacommentsub h4{font-size:13px; margin:0 0 15px -10px; padding:6px 13px 6px 13px; background:#F6701D; border:1px solid #FC6F18; color:#fff}
a.digg{background:url(images/socialicons/digg.png) no-repeat; padding:2px 0 2px 25px; line-height:25px; vertical-align:middle; color:#777; font-style:none}
a.delicious{background:url(images/socialicons/delicious.png) no-repeat; padding:2px 0 2px 25px; line-height:25px; vertical-align:middle; color:#777; font-style:none}
a.metarss{background:url(images/socialicons/feed.png) no-repeat; padding:2px 0 2px 25px; line-height:25px; vertical-align:middle; color:#777; font-style:none}
.tweet{background:url(images/socialicons/twitter.png) no-repeat; padding:2px 0 2px 25px; margin:2px 0 0 0; line-height:25px; vertical-align:middle; color:#777; font-style:none}
a.stumble{background:url(images/socialicons/stumble.png) no-repeat; padding:2px 0 2px 25px; line-height:25px; vertical-align:middle; color:#777; font-style:none}
.singlepostcontainer{background:#F8F8F9; border:1px solid #f0f0f0; padding:10px; height:250px; width:498px; float:left; margin:20px 0 10px 0}
.singlepostad{float:left; width:250px; height:250px}

.singlepostrating{width:220px; float:left; margin:25px 10px 0 10px; text-align:center}

/* Index Blog Page */
.indexpost{width:520px; margin:0 8px 0px 8px; padding:0px 25px 0px 10px; float:left}
.indexpost h2{margin:0 0 5px 0; ; padding:0; color:#F6701D; font-size:18px; font-family:Verdana,Arial,Helvetica,sans-serif}
.indexpost h2 a{margin:0; padding:0; color:#F6701D; text-decoration:none}
.morebutton{background:#F6701D; padding:5px 10px 5px 10px; margin:5px 0 0 0; color:#fff; width:100px}
.break{border-bottom:1px solid #f0f0f0; float:left; width:525px; margin:20px 0 25px 13px; padding:0px 0 0 0}

.indexcontainer{width:520px; margin:20px 0 0 0; height:180px; line-height:180px; vertical-align:top}
.indexthumb{float:left; width:200px; margin:0px 10px 0 0}
.indexentry{line-height:1.5em; margin:0px 0 0px 0px; text-align:inherit; font-size:12px; vertical-align:top; color:#666}
.indexentry a{color:#F6701D; text-decoration:none}
.indexentry a:hover{text-decoration:underline}
.pagenavigation{margin:0 0 15px 15px}

/* Single Page Sidebar Area */
.sidebar{width:300px; float:left; margin:0 0 0 25px; padding:0}
.singlesubscribe{width:300px; float:left; margin:0 0 10px 0}
.singleemailsub{width:300px; float:left; height:58px; margin:0 30px 10px 0}
.singleemail{width:300px; height:58px; background:url(images/singleemailsubbg.jpg); border:0; margin:0; padding:0; float:left}
input.singleemail{background:#fff; margin:5px 5px 0px 5px; width:219px; padding:5px 0 0 5px; text-align:left; float:left; height:24px; line-height:24px; vertical-align:bottom; font-size:11.5px; color:#272727; border:0}
.sidebarads{width:270px; margin:15px 0px 15px 0px; float:left; text-align:left}
.popular{width:280px; margin:20px 0 0 5px; float:left}
.popular ul{margin:0; padding:0}
.popular li{list-style:none; color:#777; font-size:11px; line-height:1.5em; margin:0 0 6px 0px; padding:8px 5px 8px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff}
.popular li a{color:#777; text-decoration:none}
.popular li a:hover{color:#F6701D; text-decoration:none}
.searchbox{width:300px; margin:10px 0 0 5px; float:left}
.searchbox p{margin:15px 5px 5px 2px; font-size:11px; color:#777; text-align:inherit; line-height:1.5em}
.search{background:#fff; border:0px; border:1px solid #ddd; height:25px; width:280px; margin:0; padding:0}
input.search{background:transparent; padding:0px 0 0 3px; width:280px; margin:0px; text-align:left; float:left; height:25px; line-height:25px; font-size:11px; color:#999; border:0}
.title{font-size:11px; font-weight:none; margin:0 0 15px 0; color:#999}

/* Footer Area */
.footertop{background:url(images/footerbg.jpg) repeat-x; min-width:1000px; max-width:100%; height:61px; margin:50px 0 0 0; position:relative; z-index:1}
.footerlogo{width:276px; margin:0 15px 0 0; float:right;}
.footer{background:#2D2520; height:550px; margin:-3px 0 0 0; padding:0; position:relative; z-index:1}
.copyright{width:190px; color:#a79578; margin:50px 0 0 40px; float:left; line-height:1.5em; font-size:11px}
.copyright h3{color:#fff; font-size:18px; margin:0 0 30px 0}
.copyright a{color:#a79578; border-bottom:1px dashed #a79578; text-decoration:none}
.writeforus{width:180px; color:#a79578; margin:50px 0 0 55px; float:left; line-height:1.5em; font-size:11px}
.writeforus h3{color:#fff; font-size:18px; margin:0 0 30px 0}
.writeforusbut{background:#443831; border:1px solid #4A3D35; padding:3px 5px 3px 5px; color:#fff; width:70px; font-size:11px; margin:13px 0 0 0; text-decoration:none; line-height:25px}
.suggestions{width:180px; color:#a79578; margin:50px 0 0 55px; float:left; line-height:1.5em; font-size:11px}
.suggestions h3{color:#fff; font-size:18px; margin:0 0 30px 0}
.suggestionsbut{background:#443831; border:1px solid #4A3D35; padding:3px 5px 3px 5px; color:#fff; width:70px; font-size:11px; margin:13px 0 0 0; text-decoration:none; line-height:25px}
.resources{width:180px; color:#a79578; margin:50px 0 0 55px; float:left; line-height:1.5em; font-size:11px}
.resources h3{color:#fff; font-size:18px; margin:0 0 30px 0}
.resourcesbut{background:#443831; border:1px solid #4A3D35; padding:3px 5px 3px 5px; color:#fff; width:70px; font-size:11px; margin:13px 0 0px 0; text-decoration:none; line-height:25px}
.footericons{border-top:1px solid #514437; margin:50px 45px 0 40px; padding:10px 0 0 0; height:100px; float:left; width:930px}

/*Bottom Bar*/
.fixedBar{background-color:black; border-top:1px solid #CCC; bottom:0; color:#FFF; font-family:verdana,arial; left:0; opacity:0.9; padding:15px 0; position:fixed; font-size:20px; width:100%; z-index:1000; float:left; vertical-align:middle; margin:0}
.fixedBar a{text-decoration:none; color:#fff}
.twitterbar{background:url(images/twitterbar.png) no-repeat; height:24px; position:relatve; margin:0; line-height:24px; float:left; padding:0 0 0 36px; color:#fff; text-decoration:none; font-weight:bold; font-family:Arial,Helvetica,sans-serif}
.facebookbar{background:url(images/facebookbar.png) no-repeat; height:24px; position:relatve; margin:0; line-height:24px; float:left; padding:0 0 0 36px; color:#fff; text-decoration:none; font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size: 16px !important;}
.buzzbar{background:url(images/buzzbar.png) no-repeat; height:24px; position:relatve; margin:0; line-height:24px; float:left; padding:0 0 0 36px; color:#fff; text-decoration:none; font-weight:bold; font-family:Arial,Helvetica,sans-serif}
.friendfeedbar{background:url(images/friendfeedbar.png) no-repeat; height:24px; position:relatve; margin:0; line-height:24px; float:left; padding:0 0 0 36px; color:#fff; text-decoration:none; font-weight:bold; font-family:Arial,Helvetica,sans-serif}
.rssbar{background:url(images/rssbar.png) no-repeat; height:24px; position:relatve; margin:0; line-height:24px; float:left; padding:0 0 0 36px; color:#fff; text-decoration:none; font-weight:bold; font-family:Arial,Helvetica,sans-serif}
.diggbar{background:url(images/diggbar.png) no-repeat; height:24px; position:relatve; margin:0; line-height:24px; float:left; padding:0 0 0 36px; color:#fff; text-decoration:none; font-weight:bold; font-family:Arial,Helvetica,sans-serif}
.trendingbar{background:url(images/trendingbar.png) no-repeat; height:24px; position:relatve; margin:0; line-height:24px; float:left; padding:0 0 0 36px; color:#fff; text-decoration:none; font-weight:bold; font-family:Arial,Helvetica,sans-serif}
.close{width:24px; height:24px; vertical-align:middle; line-height:24px; float:left; padding:0 0 0px 15px; position:relative}
.boxfloat{text-align:center; width:822px; margin:0 auto}
#tips, #tips li{margin:0; padding:0; list-style:none}
#tips{float:left}
#tips li{display:none; /* hide the items at first only to display one with javascript */}
/*Navigation Dropdown*/
/* Drop Down menu */
.section_dropdown{ position:absolute;  float:left;  width:108px;  z-index:10;  padding:0px 0; color:#fff}
.section_heading{ background:#443831; border:1px solid #4A3D35; color:#fff; text-decoration:none; padding:7px 15px 7px 15px; margin:4px 0 0 5px}
 .section_dropdown ul{ position:relative;  left:5px;  top:-5px;  width:160px;  background:#443831; border:1px solid #4A3D35;  padding:8px 0px;  line-height:18px;  display:none;  list-style:none}
 .section_dropdown:hover ul{ left:5px}
 .section_dropdown ul li a{ display:block;  padding:5px 15px;  color:#fff; text-decoration:none; border-bottom:1px solid #4A3D35;  text-indent:0}
 .section_dropdown ul li a:hover{ text-decoration:none;  color:#fff}

.service_dropdown{ position:absolute;  float:left;  width:108px;  z-index:10; margin:0 0 0 120px;  padding:0px 0; color:#fff}
.service_heading{ background:#443831; border:1px solid #4A3D35; color:#fff; text-decoration:none; padding:7px 15px 7px 15px; margin:4px 0 0 5px}
 .service_dropdown ul{ position:relative;  left:5px;  top:-5px;  width:230px;  background:#443831; border:1px solid #4A3D35;  padding:8px 0px;  line-height:18px;  display:none;  list-style:none}
 .service_dropdown:hover ul{ left:5px}
 .service_dropdown ul li a{ display:block;  padding:5px 15px;  color:#fff; text-decoration:none; border-bottom:1px solid #4A3D35;  text-indent:0; margin:0}
 .service_dropdown ul li a:hover{ text-decoration:none;  color:#fff}

.subscribe_dropdown{ position:absolute;  float:left; margin:0 0 0 240px;  width:116px;  z-index:10;  padding:0px 0; color:#fff}

.subscribe_heading{ background:#443831; border:1px solid #4A3D35; color:#fff; text-decoration:none; padding:7px 15px 7px 15px; margin:4px 0 0 5px}
 .subscribe_dropdown ul{ position:relative;  left:5px;  top:-5px;  width:230px;  background:#443831; border:1px solid #4A3D35;  padding:8px 0px;  line-height:18px;  display:none;  list-style:none}
 .subscribe_dropdown:hover ul{ left:5px}
 .subscribe_dropdown ul li a{ display:block;  padding:5px 15px;  color:#fff; text-decoration:none; border-bottom:1px solid #4A3D35;  text-indent:0; margin:0}
 .subscribe_dropdown ul li a:hover{ text-decoration:none;  color:#fff}

.contact_dropdown{ position:absolute;  float:left; margin:0 0 0 368px;  width:104px;  z-index:10;  padding:0px 0; color:#fff}

.contact_heading{ background:#443831; border:1px solid #4A3D35; color:#fff; text-decoration:none; padding:7px 15px 7px 15px; margin:4px 0 0 5px}
 .contact_dropdown ul{ position:relative;  left:5px;  top:-5px;  width:230px;  background:#443831; border:1px solid #4A3D35;  padding:8px 0px;  line-height:18px;  display:none;  list-style:none}
 .contact_dropdown:hover ul{ left:5px}
 .contact_dropdown ul li a{ display:block;  padding:5px 15px;  color:#fff; text-decoration:none; border-bottom:1px solid #4A3D35;  text-indent:0; margin:0}
 .contact_dropdown ul li a:hover{ text-decoration:none;  color:#fff}

.nav{margin:20px 0 0 40px; float:left; width:650px; padding:0px 0 0 0}

.nav a:hover{background:#F6701D; border:1px solid #FC6F18}

/*Comment Area*/
.cbox{width:520px; margin:0px 8px 15px 8px; padding:10px 25px 20px 10px; color:#666}
.cbox a{color:#666; text-decoration:none}
h2#comments{color:#F6701D}
#respond h2{color:#F6701D}
#respond a{color:#F6701D; text-decoration:none}
.commentlist li ul li{font-size:12px}

.commentlist li{font-weight:none}

.commentlist li .avatar{background:#FFF; float:right; border:1px solid #EEE; margin:0px 5px 0px 10px; padding:2px}

.commentlist cite, .commentlist cite a{font-weight:bold; font-style:normal; font-size:12px}

.commentlist p{font-weight:normal; text-transform:none}

.commentmetadata{font-weight:normal}

#commentform input{width:170px; padding:2px; margin:5px 5px 1px 0px}

#commentform{margin:5px 10px 0px 0px}

#commentform textarea{width:98%; padding:2px}

#respond:after{content:"."; display:block; height:0px; clear:both; visibility:hidden}

#commentform p{margin:5px 0px 5px 0px}

#commentform #submit{margin:0px; float:left}

.alt{margin:0px; padding:10px}

.commentlist{margin:0px; padding:0px}

.commentlist ol{margin:0px; padding:10px}

.commentlist li{margin:15px 0px 10px; padding:10px 5px 10px 10px; list-style:none}
.commentlist li ul li{margin-right:-5px; margin-left:10px}

.commentlist p{margin:10px 0px 10px 0px; padding:0px}

.children{margin:0px; padding:0px}

.nocomments{text-align:center; margin:0px; padding:0px}

.reply a, .reply a:visited{background:#666; color:#FFF; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; font-family:Arial,Tahoma,Verdana; font-size:11px; text-decoration:none; margin:0px; padding:2px 5px 2px 5px; border:1px solid #666}

.reply a:hover{background:#F6701D; color:#FFF; text-decoration:none; border:1px solid #F6701D}

.commentmetadata{font-size:10px; margin:0px; display:block}

.navigation{display:block; text-align:center; margin-top:10px; margin-bottom:60px}

.alignright{float:right}

.alignleft{float:left}

.thread-alt{background:#FFF; margin:0px; padding:0px}

.thread-even{background:#F7F7F7; margin:0px; padding:0px}

.depth-1{border:1px dotted #E6E6E6; margin:0px; padding:0px}

.even, .alt{border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6; margin:0px; padding:0px}



/*Smart Sharing Landing Page Stylesheet Starts Here*/
.smartsharingintro{background:url(images/smartsharing/smartsharingrepeat.jpg) repeat-x; max-width:100%; min-width:1000px; height:405px; margin:0; padding:0; z-index:1}
.smartsharingbanner{background:url(images/smartsharing/smartsharingbg.jpg) repeat-x; width:963px; height:405px; margin:0 0 0 22px; padding:0; z-index:100}
.smartsharingvideo{width:402px; height:270px; padding:77px 0 0 28px; float:left}
.smartsharingoptin{width:471px; height:50px; padding:255px 0 0 500px}
input.smartsharing{width:220px; height:30px; border:0px; background:transparent; margin:10px 0 0 20px; font-size:16px; float:left}
.smartsharingbtn{width:150px; height:49px; display:inline-block; background:transparent; border:0; margin:2px 0 0 45px; float:left}
.smartsharingbtn:hover{cursor:hand; cursor:pointer}
.grid{width:275px; float:left; background:url(images/smartsharing/gridsmartsharing.jpg) no-repeat; min-height:225px; margin:3px 0 0 0}
.g1{display:inline-block; height:53px; float:left; width:275px; background:transparent; margin:0 0 2px 0}
.gridmonitor{width:547px; float:left; margin:0 0 0 40px; background:#fff; border:1px solid #eee}

#slider{margin:40px 0 0 0}
.scroll{ width:540px;  overflow:auto;  overflow-x:hidden;  position:relative;  clear:left; margin:5px 8px 0 5px; color:#222}

.scrollContainer div.panel{ padding:10px;  width:520px; text-align:left; line-height:1.5em; font-size:12px}
.scrollContainer div.panel a{color:#F6701D; text-decoration:none; border-bottom:1px dashed #F6701D}
.scrollContainer div.panel h4{color:#F6701D; font-size:15px; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0 0 5px 0; padding:0}
.scrollContainer div.panel h4 a{color:#F6701D; text-decoration:none}
.scrollContainer div.panel h4 a:hover{text-decoration:none}

/*Landing Page for Themes start here*/
.landing{border:1px solid #eee; background:#fff; padding:15px; margin:30px 20px 30px 35px}
.landing h1{font-size:24px; text-align:center; margin:20px 0 20px 0; font-family:Arial,Helvetica,sans-serif; font-weight:bold}
.landingred{color:#e10000}
.landingsubheading{font-size:18px; text-align:center; margin:20px 60px 0 60px}
.landingvideo{margin:50px 0 50px 0; text-align:center}
.landingleft{font-size:18px; text-align:left; margin:20px 60px 0 60px}
.landingleft h2{font-size:20px; font-weight:bold; margin:20px 0 20px}
.landingleft ul{list-style:none; margin:0 60px 30px 60px}
.landingleft li{list-style:disc; line-height:1.5em}
.coupon{background:#fffaae; border:1px dashed #C90; padding:20px; color:#666; font-size:22px; font-style:italic; width:150px; margin:30px 0 30px 300px; text-align:center}
.coupon a{color:#666; text-decoration:none}
.buynow{font-size:32px; text-align:center; margin:0 0 50px 0}
.buynow a{font-size:24px; text-align:center; color:#e10000; text-decoration:none; font-weight:bold}
/*#######################################################################
#########################################################################
Plugin Stylesheets starts below...
#########################################################################
#########################################################################
*/
/* OIO Publisher */
/* BANNER AD STYLING (zone) */
.oio-banner-zone{padding:0px; border:0px; list-style:none !important; list-style-type:none !important; list-style-image:none !important; background:none !important}

.oiopub-banner-zone ul{background:none}

.oio-banner-zone li:before{content:""!important}

.oio-banner-zone li{float:left; display:inline; overflow:hidden; padding:0px !important}

.oio-banner-zone li:hover{padding:0px !important}

.oio-banner-zone li a{background:none !important}

.oio-banner-zone a, .oio-banner-zone img{border:0px; display:block; margin:0px !important; padding:0px !important}

.oio-banner-zone .border{border:2px solid #999}

/* TEXT AD STYLING (zone) */
.oio-link-zone{padding:2px; border:1px solid #999; list-style:none !important; list-style-type:none !important; list-style-image:none !important; background:none !important}

.oio-link-zone li:before{content:""!important}

.oio-link-zone li{float:left; display:inline; overflow:hidden; padding:0px !important}

.oio-link-zone li:hover{padding:0px !important}

.oio-link-zone li a{background:none !important}

.oio-link-zone a{border:0px; display:block; margin:0px !important; padding:0px !important}

.oio-link-zone .desc{}

.oio-link-zone .empty{}

/* TEXT AD STYLING (list) */
.oio-link-list{}

.oio-link-list li{}

.oio-link-list a{}

.oio-link-list .desc{}

.oio-link-list .empty{}

/* INLINE AD STYLING */
.oio-inline-left{float:left; margin-top:10px; margin-right:10px}

.oio-inline-right{float:right; margin-top:10px; margin-left:10px}

.oio-inline-border{border:2px solid #999}

.oio-inline-left a, .oio-inline-left img, 
.oio-inline-right a, .oio-inline-right img{border:0px; display:block; margin:0px !important; padding:0px !important}

/* RSS FEED AD STYLING */
#myrss_feed{padding:10px; border:1px dashed black}

.rsscontainer{margin-bottom:1em; text-align:left}

/* AD BADGE STYLING */
.oio-badge{margin-top:20px; margin-bottom:20px; text-align:center}

/* AVAILABLE ADS STYLING */
.oio-openslots{}

/* POSTLINKS STYLING */
.oio-postlinks{margin-top:15px}

/* MISC STYLING */
.oio-body{margin:0px !important; padding:0px !important}

.oio-center{text-align:center}

.oio-clear-left{clear:left}

.oio-clear-right{clear:right}

.oio-clear{clear:both}

.oio-clear-left, .oio-clear-right, .oio-clear{content:""; height:0.1px; font-size:0.1px; line-height:0.1px; visibility:hidden; overflow:hidden}

/* Page Navi CSS */
.wp-pagenavi a, .wp-pagenavi a:link{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #06c; color:#06c; background-color:#FFF}
.wp-pagenavi a:visited{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #06c; color:#06c; background-color:#FFF}
.wp-pagenavi a:hover{border:1px solid #000; color:#000; background-color:#FFF}
.wp-pagenavi a:active{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #06c; color:#06c; background-color:#FFF}
.wp-pagenavi span.pages{padding:2px 4px 2px 4px; margin:2px 2px 2px 2px; color:#000; border:1px solid #000; background-color:#FFF}
.wp-pagenavi span.current{padding:2px 4px 2px 4px; margin:2px; font-weight:bold; border:1px solid #000; color:#000; background-color:#FFF}
.wp-pagenavi span.extend{padding:2px 4px 2px 4px; margin:2px; border:1px solid #000; color:#000; background-color:#FFF}
/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
.cform{margin:10px auto 0 auto; width:500px}

.cform fieldset{margin-top:10px; padding:5px 0 5px 0; border:none}

.cform .cf_hidden{display:none; border:none!important; background:none!important; padding:0!important; margin:0!important}

.cform legend{margin:0; padding:0; font:normal 18px Helvetica; color:#aaa; letter-spacing:3px}

ol.cf-ol{margin:0!important; padding:15px 0 0 0!important; border-top:1px solid #f2f2f2}
ol.cf-ol li{background:none!important; margin:5px 0!important; /*some themes may interfere otherwise*/padding:0; list-style:none!important; text-align:left; line-height:1.1em}

/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */
ol.cf-ol li.textonly{color:#888; font-size:1em; letter-spacing:2px; margin:12px 0pt !important; padding:0pt 0pt 0pt 100px}

/*                                                    */
/* global definitions for field labels                */
/*                                                    */
.cform label{width130px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/display:inline-block; /*for Opera &IE*/text-align:right; vertical-align:top; color:#777; font:1em Trebuchet MS,sans-serif}
.cform label span{width:130px; /* must be the same as above!*/display:block}

label.cf-before{margin:4px 10px 0 0}

label.cf-after{margin:4px 2px 0pt 6px; text-align:left; width:75px}

label.cf-after span{width:75px; display:block}

label.cf-group-after{margin:4px 0 0 2px; width:60px; text-align:left}
label.cf-group-after span{width:60px; display:block}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */
.cform input, 
.cform textarea, 
.cform select{padding:3px; border:1px solid #ddd; font:0.9em Trebuchet MS,sans-serif; color:#888; background:#fff; vertical-align:top}
.cform input:focus, 
.cform textarea:focus, 
.cform select:focus{color:#666; background:#fff url(../images/field-bg-bottom.gif) repeat-x bottom left}

.cform textarea, 
.cform input{width:298px}
.cform select{width:306px; /* attempt to have equal length */}
 
.cform select.cfselectmulti{height:7.5em}

.cform textarea{font-family:arial; font-size:0.9em; overflow:auto}

/*                                                    */
/* formatting for text: "(required)" &other        */
/*                                                    */
span.reqtxt, 
span.emailreqtxt{margin:3px 5px 7px 143px; display:block; vertical-align:top; color:#FF7D2C; font-size:0.75em; line-height:1.2em}

/*                                                    */
/*   radio button title                               */
/*                                                    */
ol.cf-ol li.cf-box-title{color:#888; font-size:1em; letter-spacing:2px; margin:12px 0pt 0 !important; padding:0pt 0pt 0pt 100px}

/*                                                    */
/*   check boxes                                      */
/*                                                    */
input.cf-box-a, 
input.cf-box-b{margin:1px 0 0 0; width:16px; height:22px; border:none!important; background:none!important}

input.cf-box-a{margin-left:100px; /* check with label 'width' incl. */}

/*                                                    */
/* check box groups                                   */
/*                                                    */
ol.cf-ol li.cf-box-group{padding:0 0 5px 100px}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */
p.cf-sb{margin:0 50px 0 0; padding:0pt 3px 0pt 0pt !important; text-align:right}
.cform input.backbutton, 
.cform input.resetbutton, 
.cform input.sendbutton{width:auto;  padding:2px 0.5em; margin:0; font-size:1em;              color:#777; background:url(../images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important}
.cform input.resetbutton{margin:0 5px 0 0}
.cform input.backbutton{margin:0 5px 0 0}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err{background:#FFDFDF url(li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt; padding:5px 0!important; margin:5px 0!important}

ol.cf-ol li ul.cf_li_text_err{margin:0 0 0 10px; padding:0; color:#333}

ol.cf-ol ul.cf_li_text_err li{background:url(icon-alert.png) no-repeat left 1px!important; list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:15px}
ol.cf-ol ul.cf_li_text_err li:before{content:''}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */
label.secq, 
label.seccap{vertical-align:text-bottom; margin-bottom:4px}

input.secinput{vertical-align:text-bottom}

#cforms_captcha6, 
#cforms_captcha5, 
#cforms_captcha4, 
#cforms_captcha3, 
#cforms_captcha2, 
#cforms_captcha{height:15px; width:100px; padding:4px 4px; margin:0; vertical-align:text-bottom}

img.captcha{vertical-align:text-bottom; margin:0 0 0 10px!important; padding:0!important; border:none!important; float:none!important}

img.captcha-reset{vertical-align:text-bottom; background:url(captcha_reset_white.gif) no-repeat; margin:0 0 2px 3px; width:21px; height:21px; border:none}

img.imgcalendar{border:none}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */
div.cf_info{color:#333; display:none; padding:10px 15px!important; width:380px; line-height:1.3em; margin:10px auto}
div.cf_info ol{margin:0; padding:5px 15px 0 30px}
div.cf_info ol li{padding:1px 0; margin:2px 0}
div.cf_info a{color:red!important; text-decoration:underline!important}
div.success{background:#F9F9F9 none repeat scroll 0%; color:#AAA; display:block}
div.failure{display:block; background:#FFDFDF url(li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt}
div.waiting{background:#F9F9F9; color:#AAA; display:block}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error{color:red; border:1px solid #F00}
div.mailerr{display:block}
.mailerr, 
.cform .cf_errortxt{color:red}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */
p.cf_info{margin:10px 0; text-align:center}
p.success{color:green}
p.failure{color:red}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */
[disabled]{color:#ddd; border-color:#ddd!important; background:none!important}
.disabled{border-color:#ddd!important}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload{width:220px; background:#f9f9f9; border:1px solid #888}

/*                                                    */
/*  Other:link love                                  */
/*                                                    */
.linklove{margin:6px auto 10px !important; padding:0pt 6px 0pt 0pt !important; text-align:right; width:410px}
.linklove a, 
.linklove a:visited{font-size:0.8em; font-family:Tahoma; color:#aaa!important}

/*                                                    */
/*  Other:browser hacks                              */
/*                                                    */
*+html ol.cf-ol, 
*+html ol.cf-ol li{display:inline-block;  /*for ie7*/}
* html ol.cf-ol, 
* html ol.cf-ol li, 
* html span.reqtxt, 
* html span.emailreqtxt{display:inline-block}
* html .cform legend{position:absolute; left:-8px; top:0; margin-left:0}
*+html .cform legend{position:absolute; left:-8px; top:0; margin-left:0}
* html .cform fieldset{position:relative; margin-top:15px; padding-top:25px}
*+html .cform fieldset{position:relative; margin-top:15px; padding-top:25px}
* html img.captcha{margin-bottom:1px!important}
*+html img.captcha{margin-bottom:1px!important}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) and Leandro Vieira Pinho - http://leandrovieira.com
 * and adapted to use images in a subdirectory of the CSS folder
 * @name jquery-lightbox-0.5.css
 * @author Russell Jamieson
 * @version 1.0
 * @date Feb 22, 2010
 * @category jQuery plugin
 * @copyright (c) 2010 Russell Jamieson (http://www.wordpresswise.com)
 */
#jquery-overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px}
#jquery-lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; background:transparent center url(images/lightbox-ico-loading.gif) no-repeat}
#lightbox-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#lightbox-container-image-box >#lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%; height:100%; zoom:1; display:block; background:transparent url(images/lightbox-blank.gif) no-repeat; /* Trick IE into showing hover */}
#lightbox-nav-btnPrev{left:0; float:left}
#lightbox-nav-btnNext{right:0; float:right}
#lightbox-nav-btnPrev.fixedNavigation, #lightbox-nav-btnPrev:hover, #lightbox-nav-btnPrev:visited:hover{background:url(images/lightbox-btn-prev.gif) left 55% no-repeat}
#lightbox-nav-btnNext.fixedNavigation, #lightbox-nav-btnNext:hover, #lightbox-nav-btnNext:visited:hover{background:url(images/lightbox-btn-next.gif) right 55% no-repeat}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px; color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px; float:right; padding-bottom:0.7em; padding-top:1.0em; margin-bottom:1.0em; background:url(images/lightbox-btn-close.gif) right 55% no-repeat}
/* Slickr Flickr Slideshow */
.slickr-flickr-slideshow{position:relative}
.slickr-flickr-slideshow.landscape{height:400px}
.slickr-flickr-slideshow.portrait{height:520px}
.slickr-flickr-slideshow.portrait.small{width:180px height:260px}
.slickr-flickr-slideshow.landscape.small{height:200px}
.slickr-flickr-slideshow div{position:absolute; top:0; left:0; z-index:8; text-align:left;  width:100%; height:100%}
.slickr-flickr-slideshow div.active{z-index:10}
.slickr-flickr-slideshow div p{display:none}
.slickr-flickr-slideshow div img{visibility:hidden}
.slickr-flickr-slideshow div.active img{visibility:visible}
.slickr-flickr-slideshow div.active p{display:block}
.slickr-flickr-slideshow div.last-active{z-index:9}
.slickr-flickr-slideshow div.last-active p{display:block}

/* Slickr Flickr Gallery */
.slickr-flickr-gallery{background-color:transparent; padding:10px; width:520px}
.slickr-flickr-gallery ul{list-style:none; margin:0; padding:0}
.slickr-flickr-gallery ul li{display:inline}
.slickr-flickr-gallery ul img{ border:1px solid #A9A9A9;  margin:4px 0 4px 5px; padding:4px; position:relative}
.slickr-flickr-gallery ul a:hover img{background-color:brown}
