/*
THEME NAME: JRFolio
THEME URI: http://www.jrwebstudio.com
DESCRIPTION: JRFolio
VERSION: 1.0
AUTHOR: Jeton Ramadani
AUTHOR URI: http://www.jrwebstudio.com
*/

html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Arial;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;font-family:arial;text-align:center;}
ol,ul{list-style:none;}
.clearboth {clear:both}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
pre {background:#F4F5F7;border:1px dashed #CCC;padding:8px 12px; margin:10px 0; overflow:auto;}
#rssicon{float:right;margin-top:-4px;margin-right:5px;}
#header{float:left;width:100%;height:135px;background:#000;}
.wrapper{position:relative;width:940px;text-align:left;margin:0 auto;}
#slidertext{width:300px;float:left;position:relative;}
#slider{float:left;width:100%;height:486px;background:transparent url(images/slider.jpg) repeat-x;}
#menu_slide_separator {background:url(images/sliders.png); margin:1px auto 8px auto; width:940px; height:2px;}
#content_single{float:left;width:100%;background:#FFF url(images/repeat.jpg) repeat-x;height:auto;}
#slider2{float:left;width:100%;height:75px;background:url(images/bg3.jpg) repeat-x;}
#slider2 h2{color:#333;margin:25px 0 0 15px;}
#slider2 a{color:#333;}
#content{float:left;width:100%; margin-bottom:10px; background:#fff url(images/content.jpg) no-repeat center top; position:relative;}
*html #slider2{float:left;width:100%;height:75px;background:url(images/bg3.jpg) repeat-x;border-bottom:1px solid #545353;}
.blog_single span a{color:#7F7E7E;}
#menuwrap{float:left;clear:both;width:100%;background:#000;height:48px;margin:0;}
#menuwrap li{display:inline;margin-right:25px;float:left;color:#585757;border-right:1px solid #b7b7b7;padding-right:25px;}
#menuwrap ul{margin-top:8px;}
#menuwrap li a{color:#aaa;font-weight:400;}
#menuwrap li p{font-size:10px;font-weight:400;padding:5px 0 0;}
#menuwrap ul li a:hover,#menuwrap ul li a.active,#menuwrap ul li.current_page_item a,#menuwrap ul li.current_page_parent a,.current_page_item a{color:#fff;}
.error{font-size:10px;border:1px solid #adadad;background:#ffffc9 url(images/error.png) no-repeat scroll 5px 2px;padding:10px 10px 10px 35px;}
.welcome{margin-top:-15px;}
.services { margin-top:-20px; margin-bottom:5px; line-height:normal;}
.h3contact{margin-bottom:0;background:url(images/contact.png) no-repeat;padding-left:58px;margin-top:50px;height:65px;padding-top:15px;}
*html .sidebar_ie6{margin-right:-19px;}
.sliderp{font-size:13px;color:#747474;font-weight:700;}
#search{background:url(images/search.png) no-repeat;padding-left:30px;}
#sidebar{color:#666;margin-top:50px;border-left:2px solid #F1F1F1;padding-left:45px;float:left;margin-left:80px;}
#submitted{float:right;width:27px;height:27px;border:none;cursor:pointer;margin-right:5px;background:url(images/search.png) no-repeat;}
#leftcontent_first{float:left;width:540px;}
*html #leftcontent_first{position:absolute;width:650px;}
*html #rightcontent_first{float:right;margin-right:5px;clear:both;}
.sidebarbox ul{margin-top:10px;font-size:13px; line-height:18px;}
.sidebarbox ul li{font-weight:400;border-bottom:1px solid #cfcfcf;}
.sidebarbox ul.children li{border-bottom:none; margin:0; border-left:1px solid #cfcfcf; margin-left:25px; }
#searchbar{width:275px;float:left;margin-left:-10px;}
#searchblog{width:225px; height:18px; border:1px solid silver;float:left;padding:6px; background:url(images/postcomment.gif) repeat-x center 0;}
.postcontent{float:right;width:390px;margin-top:2px;}
.sidebarbox a{font-size:12px;font-weight:400;display:block;color:#535353;padding:5px;}
.sidebarbox a:hover{background:#3f3f3f; color:#FFFFFF;padding:5px;}
*html .sidebarbox a{font-size:11px;font-weight:400;display:block;color:#535353;padding:0;}
*html .sidebarbox a:hover{background:silver;padding:0;}
.sidebarbox2{font-size:11px;line-height:18px;width:280px;float:left;margin-left:-13px;margin-top:35px;border-bottom:10px;}
.sidebarbox2 p{margin-top:5px;}
.flickrh3{background:url(images/flickr.png) no-repeat;padding-left:5px;}
.follow{margin-top:10px;margin-left:3px;}
#rightcontent{float:right;width:300px;}
#rightcontent_first{float:right;width:390px;}
.postcontent img{background:silver none repeat scroll 0 0;border:1px solid #565656;padding:2px;}
.postsnippet_single p{line-height:20px;font-size:12px;margin-bottom:30px;}
.portfolioimage{position:relative;width:330px;height:140px;background:#FFF none repeat scroll 0 0;border:1px solid #D5DCE5;margin:10px 0 0;padding:6px;}
.portfolioimage_single{width:590px;height:275px;background:#FFF none repeat scroll 0 0;float:left;}
.portfolioitem h3{padding-left:55px;padding-top:13px;background:url(images/portfolioicon.png) no-repeat scroll 0 0;height:40px;}
.postimage{width:125px;height:125px;background:silver;border:1px solid #565656;float:right;margin-right:25px;margin-left:20px;padding:4px;}
*html .postimage{width:125px;height:125px;background:silver;border:1px solid #565656;float:right;margin-right:15px;margin-left:20px;display:block;padding:4px;}
#postinfo{color:#595959;height:15px;width:600px;float:left;margin-top:15px;}
#postinfo h6{float:left;margin-top:0;background:url(images/clock.png) no-repeat scroll 0 0;padding-top:2px;padding-left:20px;height:15px;}
#postinfo h5{float:right;margin-top:0;background:url(images/reply.png) no-repeat;padding-left:20px;height:15px;}
#pre-footer {width:100%; padding:10px 0; height:100%; background:#ededed url(images/pre-fbg.png) repeat-x top;}
#pre-footer h2 { color:#444; text-align:left;background:#ededed url(images/pre-fbg.png) repeat-x bottom; width:915px; margin:0 auto 10px auto;}
#footer{height:100%;width:100%;font-size:13px;font-weight:400;float:left;background:#2b2b2b url(images/footer.jpg) no-repeat center top;margin-top:0px;color:#FFF;border-top:1px solid #a0a0a0;line-height:normal;padding:5px 0 10px;}
#footer .box h2{text-decoration:none; text-indent:2px;}
#footer .box a p {display:none}
#footer .box{width:200px;float:left;margin-bottom:10px;margin-right:10px;position:relative;overflow:hidden;padding:10px;}
#footer .box ul{font-size:12px;list-style:none;border-top:1px solid #4a4a4a;}
#footer .box li a{color:#cbcbcb;display:block;line-height:18px;background:url(images/liimage.gif) no-repeat 7px 6px;padding:3px 25px;border-bottom:1px solid #4a4a4a;}
#footer .box ul li ul{border-top:none;}
#footer .box ul li a:hover{background-color:#3f3f3f;color:#fff;}
#footer .box .contact_button { margin:0 auto;width:190px; padding:10px 5px; display:block; text-align:left;background:url(images/contact.png) no-repeat 145px center;color: #ffffff;}
#footer .box p{font-size: 12px;line-height: 17px;padding:10px 0;}
#footer .box .contact_button strong {display: block;font-size: 20px;font-weight: normal;letter-spacing: 1px;}
#footer .box .contact_button span{display: block;font-size: 14px;font-weight: normal;letter-spacing: 0.5px;}
.box .clear_line {clear:both; border-bottom:1px solid #1c1c1c}
.box .box_row { display:block;border-top:1px solid #595959; padding:5px 0; text-align:left;}
#rightbox1{margin-top:10px;background:url(images/rightbox.jpg);height:241px;}
#rightbox1 p{color:#c1c1c1;font-size:12px;margin-top:30px;float:left;margin-left:90px;width:180px;}
#rightbox2{margin-top:10px;background:url(images/rightbox2.jpg);height:241px;}
#rightbox2 p{color:#c1c1c1;font-size:12px;margin-top:15px;float:left;margin-left:30px;width:250px;}
.right{margin-top:53px;width:280px;height:15px;padding:10px;}
.rightblog{margin-top:53px;width:280px;background:url(images/box.jpg);height:15px;color:silver;padding:10px;}
#rightbox1 li{color:#dfdfdf;font-size:12px;background:url(images/arrow.png) no-repeat;padding-left:25px;margin-bottom:15px;}
#rightbox1 ul{float:left;margin-top:35px;margin-left:30px;}
.serviceimg{width:125px;height:75px;background:#FFF none repeat scroll 0 0;border:1px solid #D5DCE5;margin-top:5px;padding:8px;}
.serviceitem{display:inline;float:left;margin-right:30px;}
#sliderwrap2{height:75px;width:960px;color:#FFF;text-align:left;margin:0 auto;}
#featured,#featured:focus{position:relative;background:transparent url(images/shadow.jpg) no-repeat center 360px;width:960px;height:486px;overflow:hidden;outline:none;margin:0 auto;}
#cu3er-container,#cu3er-container:focus{width:940px;height:420px;overflow:hidden;border:none;outline:none;margin:0 auto;}
object,object:focus{outline:none;}
.blogcomments a{color:#FFF;}
.cornerimage{position:absolute;z-index:99999;margin-left:507px;margin-top:-11px;}
.scroll{overflow:hidden;position:relative;}
.sliderbox{margin-top:40px;}
.sliderbox h2{color:#323232;margin:0;}
.sliderbox p{margin-top:20px;font-size:13px;color:#323232;line-height:20px;}
.buttons{float:left;margin-top:75px;}
.buttons2{float:left;margin-top:0;width:300px;padding-top:5px;}
.image{position:relative;margin:15px;}
.last{border-right:0 !important;}
#message{border:1px solid #CCC;width:296px;padding-top:5px;margin-bottom:10px;padding-left:5px;font-size:12px;background:#F8F7F6;margin-right:10px;}
#leftcontent p{line-height:20px;width:450px;font-size:12px;}
#leftcontent h4{line-height:26px;}
#leftcontent_first h4{line-height:26px;font-size:13px;}
#rightcontent_first h2{margin-top:50px;margin-left:5px;}
.blogposts li h6, .fright{float:right;}
.blogposts{margin-left:6px;}
.date{display:block;float:left;overflow:hidden;width:45px;padding-right:5px;height:37px;background:url(images/datebg.png) no-repeat;text-align:center;padding-top:10px;margin-right:5px;margin-top:3px;color:#FFF;font-size:12px;font-weight:700;}
.title a{font-weight:700;color:#368AB1;font-size:12px;}
.title a:hover{font-weight:700;color:#000;font-size:12px;}
.title2 a{font-size:24px;font-weight:700;color:#FFF;}
.title2 a:hover{font-size:24px;font-weight:700;color:silver;}
.content{display:block;overflow:hidden;position:relative;margin-top:0;line-height:20px;font-size:11px;width:320px;float:right;}
*html .content{position:absolute;float:left;overflow:visible;margin-bottom:15px;}
.postinfo li{font-size:11px;}
#submit{ font-weight:bold;height:30px;letter-spacing:1px;line-height:18px;padding-bottom:5px;margin:15px 0 20px; cursor:pointer}
.allowed{font-size:11px;margin-top:20px;}
#submit:hover{background:#368AB1;color:#FFF;}
.blog_single{font-size:14px;line-height:18px;margin-top:13px;width:590px;}
/* Related Posts */
.related-wrapp {background:url(images/repeat.jpg) repeat-x; margin:15px 0; border:1px solid #cfcfcf; width:580px; padding:5px; font-size:12px;}
.related-wrapp h3 {margin:0; padding:5px; line-height:100%;}
ol.related-posts {clear:both; text-align:left; padding:0; margin:0 0 0 6px; width:580px;}
ol.related-posts li{width:120px; float:left; display:inline; margin:5px 25px 0 0; padding:0;}
ol.related-posts img{clear:both; padding:5px; background:#F7F7F7; border:1px solid #cfcfcf;}
ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}
ol.related-posts li{font-size:12px;}
/* END Related Posts */
.container{width:500px;height:375px;overflow:hidden;position:relative;cursor:pointer;}
.slides{position:absolute;top:0;left:0;}
.slides div{position:absolute;top:0;width:500px;display:none;}
.blogtitle{background:url(images/blog.png) no-repeat;padding-left:60px;height:60px;line-height:40px;margin:0;}
.singleinfo{font-size:10px;}
.blogimage{float:left;width:150px;height:105px;background:#FFF none repeat scroll 0 0;border:1px solid #D5DCE5;margin-top:12px;padding:4px;}
.blogimage img {margin:0;}
.blogimage_single{float:left;width:150px;height:105px;background:#FFF none repeat scroll 0 0;border:1px solid #D5DCE5;margin-top:15px;margin-right:15px;padding:4px;}
.blogbox{float:left;border:1px solid #cfcfcf; overflow:hidden; padding:1px; width:581px; background:#fff; margin-bottom:25px;}
.singleportfolio{float:left;width:100%;font-size:13px;line-height:18px;margin-top:13px;}
.singleportfolio p{margin-top:25px;float:left;font-size:13px;line-height:18px;margin-bottom:15px; }
.contactinfo li{font-size:11px;margin-bottom:15px;margin-left:1px;}
.portfoliocontent{float:right;width:210px;}
.portfoliocontent h3 a{font-family:"Trebuchet MS",Arial,Georgia,Arial,Helvetica,sans-serif;font-size:18px;font-size-adjust:none;font-stretch:normal;font-style:normal;color:#666;letter-spacing:-1px;}
.blogcomments span{margin-right:15px;float:left;}
.comments{float:right;margin-right:5px; height:15px; padding:2px 0 0 5px;}
.blogcomments{font-size:11px;color:#000; height:10px;padding:10px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; margin-top:10px;  background:url(images/postcomment.gif) repeat-x;}
.searchinput{border:1px solid silver;width:232px;background:url(images/search.png) no-repeat;padding:6px 6px 6px 32px;}
#twitter{height:89px;width:250px;padding:0;margin: 15px auto 0 auto;}
#blogposts h2{margin-left:0;background:url(images/blog.png) no-repeat;height:33px;padding-left:48px;padding-top:10px;}
#blogposts p{font-size:11px;line-height:18px;margin-top:7px;}
#blogcontainer{position:relative;}
#follow{font-weight:700;font-size:11px;line-height:25px;text-indent:10px;background:url(images/button2.png) no-repeat;margin-top:15px;height:25px;width:75px;}
.continue{font-weight:700;font-size:12px;line-height:25px;text-align:center;background:url(images/button2.png) no-repeat;margin-top:10px;height:25px;width:75px;}
#form{float:left;margin-top:20px;font-size:12px;}
#form textarea{background:#F8F7F6 none repeat scroll 0 0;border:1px solid #CCC;font-size:12px;margin-bottom:10px;padding-left:5px;padding-top:5px;width:296px;}
*html .searchinput{height:30px;width:274px;padding:0;}
.navigation {width:590px; margin:0 auto;}
.wp-pagenavi {clear: both;font-size:11px;margin:10px 5px;text-align:right;color: #5F5F5F;}
.wp-pagenavi a, .wp-pagenavi .current {background: #FFFFFF;border: 1px solid #CFCFCF;color: #33707E;margin-left: 3px;padding: 3px 7px;text-decoration:none;}
.wp-pagenavi a:hover, .wp-pagenavi .current {background: #666;color: #fff;}
.wp-pagenavi .pages {float: left;}
#tracking_code{display:none;margin:0;padding:0;}
a:link,a:visited{text-decoration:none;}
.text,.portfoliocontent p{font-size:13px;line-height:18px;}
.text {margin-top:20px;}
#logo,.blogbox h3{margin:0;}
#menuwrap li a:hover,#leftcontent a:hover,#mySlides h3 a:hover,.next:hover,.prev:hover,body#portfoliopage a#active_portfolio,body#contactpage a#active_contact,body#homepage a#active_home,body#blogpage a#active_blog,body#aboutpage a#active_about,.blogbox h3 a:hover,#blogposts b,#follow a:hover,.continue a:hover,#footer a{color:#368AB1;}
#leftcontent,#leftcontent_blog{float:left;width:650px;}
*html .introtext{width:550px;}
*html .cornerimage,*+html .cornerimage{display:block;margin-bottom:-60px;margin-right:-15px;}
* +html #searchblog,*html #searchblog{width:225px;border:1px solid silver;float:left;height:18px;padding:6px;}
.sidebarbox h3,.sidebarbox_social h3,.sidebarbox2 h3,.sidebarbox h5{font-size:16px;font-weight:400;}
.sidebarbox,.sidebarbox_social{width:280px;float:left;margin-left:-13px;margin-top:10px;padding-bottom:5px;}
* +html .sidebarbox_social,*html .sidebarbox_social,* +html .sidebarbox,*html .sidebarbox{width:280px;float:left;margin-left:-13px;margin-top:30px;padding-bottom:5px;}
.sidebarbox_social {text-align:center;}
.portfolioitem a,#postinfo:hover,#blogcontainer a,#follow a{color:#000;}
.prev,.next{font-size:12px;font-weight:700;text-decoration:none;color:#000;line-height:22px;margin-top:25px;float:left;background:transparent url(images/button2.png) no-repeat scroll 0 0;height:25px;text-indent:19px;width:74px;border:0;}
.prev3{margin-top:5px;font-size:12px;text-decoration:none;color:#000;float:left;background:transparent url(images/prev.png) no-repeat scroll 0 0;height:33px;width:20px;border:0;}
.next3{margin-top:5px;font-size:12px;text-decoration:none;color:#000;float:left;background:transparent url(images/next.png) no-repeat scroll 0 0;height:33px;width:20px;border:0;}
.wpcf7-validates-as-require,.input,#input{border:1px solid #CCC;width:296px;height:20px;padding-top:5px;margin-bottom:10px;padding-left:5px;font-size:12px;background:#F8F7F6;margin-right:10px;}
#leftcontent h2,#rightcontent h2,#leftcontent_first h2{margin-top:30px;}
.introtext{font-size:14px;line-height:18px; color:#333;}
.blogbox h3 a,.blog_single h3 a,.singleportfolio h3 a{font-family:"Trebuchet MS",Arial,Georgia,Arial,Helvetica,sans-serif;font-size:22px;font-size-adjust:none;font-stretch:normal;font-style:normal;color:#666;letter-spacing:-1px;}
#menuwrap .current_page_item,.current_page_item{color:green;}
.postcontent2 { background:transparent url(images/postbg.png) no-repeat center top; padding:10px; }
.postcontent2 p,.postcontent p{font-size:13px;margin-top:10px;line-height:18px;}
.blogcomments span a,.comments a{color:#368AB1; font-weight:700;}
#followme,#blogposts{float:right;font-size:12px;border-bottom:1px solid #cfcfcf;width:300px; padding-bottom:5px;}
#followme {text-align:center;border-bottom:none;}
.continue a{color:#666;}
#author,#email,#url,#commentarea{background-color:#FFF;border:3px solid #ECECEC;width:100%;margin:5px 0;padding:5px;}
/********************************************
 COMMENTS STYLE
********************************************/
.scomments {width:590px; margin:0; padding:0;}
#commentform {font-size:12px; margin-bottom:0;}
#commentform input,textarea{border:1px solid #CDCDCD;color:#333;font-size:11.5px;margin-bottom:5px;margin-right:5px;padding:5px;}
#commentform input{width:280px;}
#commentform label {cursor:pointer}
#commentform textarea{width:530px;}
.commentheading{border-bottom:1px solid #cfcfcf;margin:12px 0 10px;padding-bottom:3px;color:#22486e;font-size:14px;font-weight:700;overflow:auto; }
.addcommentlink{background:url('images/addcommentlink.gif') no-repeat;float:right;font-size:14px;text-indent:20px}
.commentslink{background:url('images/commentslink.gif') no-repeat center left;font-size:12px;padding:0 0 0 17px}
.commentclosed{font-size:12px;border:1px dotted #999999;background:#FFFFC4;text-align:center;margin:10px 0;padding:5px}
#rsscomments {background:url('images/rss-comments.gif') no-repeat right top; float:right; display:inline; height:30px; width:30px; margin:0;}
.formwrap {background:#ffffff; border:1px solid #cfcfcf; padding:1px;}
#formblock{background:#ffffff url('images/commentbg.gif') repeat-x 0 -32px; margin:0 0 20px;padding:10px 20px;}
#formblock p{margin:0 0 0.5em; }

/*Comment Styles*/ 
ol.commentlist{padding:0;line-height:1em;margin:0}
 
 /*Default comment (Guest)*/
.commenttext{border-top:1px solid #a6afd4;font-size:12px;width:100%;padding-top:3px}
.commentlist,.commenttext img{border:none;width:auto}
.commentlist li{list-style:none;padding:10px;margin-bottom:15px;overflow:auto;clear:both;background:#ffffff url('images/commentbg.gif') repeat-x 0 -31px;border:1px solid #cfcfcf;font-size:12px;height:100%;min-height:100%}
.commentlist li a{color:#0B5780}
.commentlist li cite{font:small-caps bold 1.3em Verdana,Arial,Helvetica,sans-serif;text-decoration:none}
.commentlist li cite a{text-decoration:none}
.commentlist li .gravatar-col img{border:5px solid #CFCFCF;width:64px;height:64px}
.commentlist li .gravatar-col{clear:left;float:left;width:90px}
.commentlist li .comment-col{float:left;width:465px}
.commentlist .datestamp{font-size:10px}

/*Admin Comment Styles*/
.commentlist li.admin-comment{background:#202020;color:#F7F7F7;border:1px solid #474747}
.commentlist li.admin-comment .gravatar-col img{border:5px solid #474747}
.commentlist li.admin-comment a{color:#b6d7e9}

/*Ajaxed Comments Styles*/
.wdpajax-error{	border:1px solid #f9d9c9;padding:5px;color:#ff3311;}
.wdpajax-success{border:1px solid #339933;padding:5px;color:#339933;}
label.error{float:none !important;padding-left:5px;color:#ff3311;}
/* Contact form style for CF 7 */
#contactform input,textarea{border:1px solid #CDCDCD;color:#333;font-size:11.5px;margin-bottom:5px;margin-right:5px;padding:5px;}
#contactform input{width:250px;}
#contactform textarea{width:450px;}
#contactform{font-size:12px;}
#contactform p{margin-bottom:5px;line-height:normal;}
/* Popup on Mouse over */
.portfolioimage .popup{margin-top:276px; margin-right:0pt; margin-bottom:0pt; margin-left:19px; padding-top:0px; padding-right:0pt; padding-bottom:0pt; padding-left:13px; position:absolute; display:none; z-index:50; width:316px; height:30px}
.portfolioimage .trigger{cursor:pointer}
.portfolioimage a{background:none; padding:0}
span.buy {background: url(images/buy.png) 0 0;width: 83px;height: 30px;margin: 0 5px 5px 22px;float: left;}
span.demo {background: url(images/demo.png) 0 0;width: 83px;height: 30px;margin: 0 5px 5px 0;float: left;}
span.details {background: url(images/details.png) 0 0;width: 83px;height: 30px;margin: 0 4px 5px 0;float: left;}
span.buy:hover, span.details:hover, span.demo:hover {background-position:0 -30px;}