/* 

Theme Name: SketchAce

Theme URL: http://camelgraph.com/

Description: Premium Wordpress Theme

Author: CamelGraph

Author URI: http://camelgraph.com

Version: 1.0.0



*/
f




/*  The CSS Reset    */  



html, body, div, span, applet, object, bold, italic, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite,small, strike,text, strong, sub, sup, tt, var,dl, dt, dd,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;}caption, th, td {text-align:left;font-weight:normal;font-style:inherit;}table blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}

* {margin:0;padding:0;}



body{ font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial, serif;

  text-rendering: optimizelegibility;
font-size: 13px;

font-style: normal;
color: #3e3e3e;
background: #C3C3C3 url(images/body-bg.jpg) repeat center top;


background-attachment:fixed; }


@font-face {    font-family: 'GnuolaneFree';    src: url('http://hrvojemihajlic.com/gnuolane_free-webfont.eot');    src: url('http://hrvojemihajlic.com/gnuolane_free-webfont.eot?iefix') format('eot'),         url('http://hrvojemihajlic.com/gnuolane_free-webfont.woff') format('woff'),         url('http://hrvojemihajlic.com/gnuolane_free-webfont.ttf') format('truetype'),         url('http://hrvojemihajlic.com/gnuolane_free-webfont.svg#webfont3VR39xLh') format('svg');    font-weight: normal;    font-style: normal;}	

h1{
	font-family:arial, helvatica;
  font-weight: normal;
  font-size: 40px;
  font-weight:bold;
  letter-spacing: -0.1em;
  line-height: 150%;
  margin: .5em 0 .2em;
}


h2{
	font-family:arial, helvatica;
  
  font-size: 25px;
  font-weight:bold;
  letter-spacing: 0.0em;
  line-height: 150%;
  margin: .5em 0 .2em;
text-shadow: 1px 1px 0px #bad3ed;
          font-weight: bold;
}

h3{

  font-weight: normal;
  font-size: 155%;
  font-weight:bold;
  letter-spacing: 0.03em;
  line-height: 100%;
  margin: .5em 0 .2em;
}

h6{

  font-weight: bold;
}




.clear{ clear: both; }

a {color:#203136;text-decoration:none} 

a:hover {color:#DD1C1C;} 



img.aligncenter {margin: 0 auto;display: block;}

img.alignleft {float: left;margin: 5px 10px 0 0;display: inline;}

img.alignright {float: right;display: inline;margin: 5px 0 0 10px;}

.alignleft{float:left;margin-right:8px;}

.alignright{float:right;margin-left:8px;}

	

blockquote {background: #fff url(images/quote.png) no-repeat top left;font-style: italic;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px;}



code { background:#FFFFB3 none repeat scroll 0 0;color:blue;font-family:inherit;font-size:11px;}



.search{float:left;width:225px;height:40px;display:inline;padding-top:5px;background:url(images/search-bg.png) no-repeat;margin:20px 0 20px 30px}

input#s { height:24px;padding-top:5px;width:160px; color:#203136;border:medium none;display:inline;float:left;margin:5px 0 0 15px}

input#searchsubmit {color:#fff; background:url(images/search.png) no-repeat  top left;border:none;width:32px;height:32px;text-indent:-9999px;}

input#searchsubmit:hover {background:url(images/search-hover.png) no-repeat  top left}

.searchtitle {margin-left:10px;font-size:20px;margin-bottom:10px;}



/*-----------------------------------------------------------------Upper-part Layout-------------------------------------------------------*/

#wrap{}

#bottom-wrap{background:transparent url(images/bottom-wrap.png) repeat-x bottom center}

#header-wrap	{margin: 0 auto 60px; height:100px;width:1000px;}

#logo { float:left;height:70px;margin:40px 0 0 20px;}

#logo h1{background: url(images/logo.png) top left no-repeat; text-indent: -9999px;float:left;width:279px;height:69px;}



/* Menu WRAP */ 

#top-nav-wrap{background: url(images/top-menu.png) repeat-x top center}

#menu-wrap { margin: 0px auto; width: 998px; height:50px;  }

#menu-wrap ul{float:left;padding-top:15px;margin-left:15px;}

#menu-wrap ul li {display:inline;margin-right:20px;font-size:14px;font-weight:bold;}

#menu-wrap ul li a {color:#fff;padding:1px;line-height:14px;text-decoration:none;text-shadow:2px 2px 2px #000}

#menu-wrap ul li a:hover {color:#FB4C16;}





/*container */

#top-container { width:1003px; background:transparent url(images/top-container.png) no-repeat ;margin:0 auto ;height:45px}

#container { width:1003px; background:transparent url(images/container.png) repeat-y ;margin:0 auto ;padding-bottom:20px; }

#bottom-container { width:1003px; background:transparent url(images/bottom-container.png) no-repeat ;margin:0 auto 60px ;height:49px}





#content {width:616px;float:left;display:inline;padding:0 0 10px 0;margin-left:20px}

#sidebar {width:310px; float:left;display:inline;margin:0 0 0 30px;padding:10px 0 10px 0;background: url(images/pap-bcg.png) repeat center top;} 

#gallery {width:616px; height:320px; margin:0 0 20px 0;float:left;display:inline;border-bottom:1px solid #DBE3E9;}

#twitter{padding:25px}

 

#post-wrap{display:inline;float:left;margin-left:10px;} 

 #ads-wrap {width:270px; float:left;display:inline;margin:0 0 10px 20px;}  

#ads-image {margin:5px 0 5px 0}

.ads {padding-left:4px;margin-bottom:5px;height:125px;width:125px} 

#ads468 {float:right;display:inline;margin:45px 20px 0 0;width:470px}



.post-home {float:left;width:600px; background: url(images/container-bg.jpg) repeat center top; ;margin:10px 0 10px 0;padding: 0 0 15px 0 }

.post-home h2 {margin:10px 0 0 60px;font-weight:bold;}

.post-home li {margin-left:40px;}

.post-home ul,ol {margin-top:10px;margin-bottom:10px}

.single{margin-left: 10px}

.post-head{float:left;display:inline;background:#E9E9E9 url(images/postbg.jpg) no-repeat top left}

.inside{height:50px}



.posttitle  {font-size:38px; color:#203136;text-decoration:none; font-weight:bold; text-shadow: 0px 2px 3px white; letter-spacing: -1px; }

.posttitle a:hover {color:#DD1C1C !important}

.date {font-size:12px;margin:20px 0 5px 10px; ;display: inline;float:left;} 

.date a {color:#203136;text-decoration:none;font-weight:bold} 

.date a:hover {color:#DD1C1C;} 

.thumbnail {float:left;display: inline;margin:15px 10px 10px 20px ;width:125px;height:125px}



.entryhome {font-size:14px;width:420px;float:left;display: inline;margin-top:15px;padding:0 0 20px 0}

.entryhome a {color:#DD1C1C}

.entryhome a:hover {color:#203136}



.postnav{float:left;display:inline;color:#999;margin:20px 20px 20px 190px;}

.postnav a{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#999}

.postnav a:hover{border:#203136 1px solid;background-color:#203136;color:#fff;}

.postnav .page{margin:0;padding:0;background:none;display:inline;}

.postnav span.current{border:#0F1516 1px solid;color:#fff;padding:3px 6px;text-decoration:none;background-color:#203136;}







/*-----------------------------------------------------------------Single-Page-------------------------------------------------------*/



.single-entry {font-size:16px;width:580px;float:left;display: inline;margin-top:20px;padding:0 0 20px 10px}

.single-entry a {color:#DD1C1C}

.single-entry a:hover {color:#203136; background: #e44646}



.postnav-inside{float:left;display:inline;width:570px;color:#999;margin:0;}

.postnav-inside a{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#999}

.postnav-inside a:hover{border:#203136 1px solid;background-color:#203136;color:#fff;}

.postnav-inside .page{margin:0;padding:0;background:none;display:inline;}

.postnav-inside span.current{border:#0F1516 1px solid;color:#fff;padding:3px 6px;text-decoration:none;background-color:#203136;}



.comment-nav{float:left;display:inline;color:#999;margin:0;}

.comment-nav a{border:#ddd 1px solid;background-color:#fff;padding:3px 6px;text-decoration:none;font-size:11px;color:#999}

.comment-nav a:hover{border:#203136 1px solid;background-color:#203136;color:#fff;}

.comment-nav .page{margin:0;padding:0;background:none;display:inline;}

.comment-nav span.current{border:#0F1516 1px solid;color:#fff;padding:3px 6px;text-decoration:none;background-color:#203136;}



#share {float:left;background:url(images/share-bg.png) ;display:inline;width:580px;padding:0 0 20px 0;margin:0 0 0 10px}

#share ul{padding-top:50px;margin-left:20px;padding-top:60px;}

#share li {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 5px 0 0;}





/* Right Sidebar area */

#feeds {font-size:11px;width:290px;height:141px; background: url(images/feed-bg.jpg);margin:0 0 20px 10px}



.textarea {background:#E1E1E1 none repeat scroll 0 0;border:medium none;font-size:12px;height:20px;margin:50px 0 5px 15px;padding:5px 0 0 5px;width:155px;}

#feeds a {font-size:11px;color:#FF7300;text-decoration:none}

#feeds p {color:#51616E;margin-left:15px;}





.right-widget{width:300px;float:left;display:inline;font-size:12px;padding-bottom:10px;}

.right-heading {background:url(images/right-head.png) no-repeat;height:39px;padding:22px 0 0 80px;width:195px; font-weight:bold;width:255px;font-size:22px;color:#fff;margin:0 0 20px 0}

.right-widget ul {list-style:url(images/bullet.png) outside;padding-left:25px;margin-left:30px;}

.right-widget li {font-size:12px;line-height:14px;margin-bottom:5px}

.right-widget a {color:#203136;text-decoration:none}

.right-widget a:hover {color:#DD1C1C;}

.textwidget {padding-left:35px;text-align:justify;width:50px;}

.video-widget{width:245px;float:left;display:inline;font-size:12px;padding-bottom:10px;padding-left:30px}



.bottom-widget{width:300px;float:left;display:inline;font-size:12px;margin:10px;background:#E9E9E9 ;padding:0 0 10px; }

.bottom-heading {background:url(images/right-head.png) no-repeat;height:39px;padding:25px 0 0 80px;width:195px; font-weight:bold;width:210px;font-size:14px;color:#fff;margin:0 0 20px 0}

.bottom-widget ul {list-style:url(images/bullet.png) outside;padding-left:25px;margin-left:30px;}

.bottom-widget li {font-size:12px;line-height:14px;margin-bottom:5px}

.bottom-widget a {color:#203136;text-decoration:none}

.bottom-widget a:hover {color:#DD1C1C;}







/*-----------------Featured Slider--------------*/





#featured-area { height: 300px; position: relative; padding: 11px 0px 10px 0px; z-index: 1; width:616px}

#featured-area .pics { position: absolute; width: 490px; height: 298px; top: 11px; left: 14px; }

#featured-area .pics div.excerpt { background: url(images/feat/feat-excerpt.png) repeat;bottom:0;font-size:18px;left:0;padding:10px 0 0 10px;position:absolute;width:480px;z-index:2;}

#featured-area .pics div.excerpt p { color: #203136;width:450px;}

#featured-area .pics div.excerpt a { color: #203136; font-weight:bold; }

#featured-area .pics div.excerpt a:hover { color: #F90E0E; text-decoration:none } 

		

.excerpt-text {display:inline;float:left;font-size:10px;width:450px;padding:0 0 10px 0}

		

#featured-area .pics span.feat-overlay { position: absolute; top: 0px; left: 0px; display: block; width: 490px; height: 298px; z-index: 1; }



#featured-area div#slider-control { position: absolute; width: 110px; height: 296px; border: 1px solid #b4b4b4; z-index: 4; top: 11px; right: 1px; }

#featured-area div#slider-control div.featitem { background: url(images/feat/featitem-bg.png) no-repeat top left; height: 77px; float: left; width: 76px; padding: 10px 16px 12px 18px; cursor: pointer; }

#featured-area div#slider-control div.featitem img { float: left; margin-right: 18px; border: 1px solid #f6f6f6; margin-top: 5px; }

#featured-area div#slider-control div.featitem span.order { display: none; }

#featured-area div#slider-control div.featitem h2 { font-size: 18px; line-height: 24px; float: left; width: 172px; padding-bottom: 4px; }

div#slider-control div.featitem h2 a { color: #959595; } 

#featured-area div#slider-control div.featitem span.meta { color: #b6b6b6; font-size: 11px; padding: 1px 0px; border: 1px solid #cfcfcf; border-width: 1px 0px; display: block; float: left; width: 172px; }

			

#featured-area div#slider-control div.featitem.active { background: url(images/feat/featitem-bg-active.png) no-repeat top left; margin-left: -20px; padding-left: 38px; }  

#featured-area div#slider-control div.featitem.active h2 { background: url(images/feat/featitem-active-h2border.png) repeat-x bottom left; margin-bottom: 1px; color: #000000; }

#featured-area div#slider-control div.featitem.active span.meta { color: #797979; border: 0px; }

			



















/*-----------------------------------------------------------------Bottom-part Layout-------------------------------------------------------*/

#top-footer{height:45px;background:transparent url(images/top-container.png) repeat-y scroll center top }

#footer {background:transparent url(images/container.png) repeat-y scroll center top}

#bottom-footer {height:49px;background:transparent url(images/bottom-container.png) no-repeat scroll center top ;padding:90px 0 0 0}

#bottombar {width:1000px;margin:0 auto;padding:0 0 0 30px}







/*Comments */

#comments {background:  url(images/comment.png) no-repeat top left ;float:left;font-size:13px;margin:10px 0 0 10px;width:580px ;display: inline;}

#comments h3 {color:#FFFFFF;font-size:24px;} 

#commentlist-wrap {float:left;margin:10px 0 0 0;width:580px;padding-bottom:10px;display: inline;}

.commentlist {float:left;list-style-position:inside;list-style-type:none;margin-bottom:10px;width:580px;display: inline;} 

.comment {background:#E9E9E9 none repeat scroll 0 0;clear:both;float:left;list-style-image:none;border:1px solid #B3B3B3;

list-style-position:outside;list-style-type:none;margin-bottom:15px;padding:0 10px 10px 10px;width:560px;display: inline;}

.comment-counts  {padding-top:40px;padding-left:22px;}

.nocomments {padding-left:22px;padding-top:40px}





.comment-author {height:80px;width:500px;}

.metacom{display:inline;float:left;margin:20px;}





#commentform {clear: both;float: left;margin-top:10px;display: inline;}

h3.reply-replace{width: 139px; height: 29px;background: url(images/reply.png);text-indent: -9999px;}.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {font-size:9px;color:#85A6AD;text-decoration:none;}

.comment-reply-link:hover {background-color: #203136;color: #fff;}

.cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #fff !important;display: block;font-weight: bold;background-color: #203136;padding: 0px 5px;text-transform: lowercase;font-size: 11px;float: left;clear: both;display: inline;}

.cancel-comment-reply a:hover {background-color: #203136;	color: #fff;}

.children .comment {margin-left:20px;margin-bottom:10px; clear:both;width:90%;}

.comment-reply-link, .comment-reply-link:visited {background-color:#203136;color:#FFFFFF !important;display:block;float:right;font-size:11px;font-weight:bold;margin-bottom:20px;margin-right:10px;margin-top:10px;padding:2px 7px;text-transform:lowercase;display: inline;}

#credit {color:#696C6B;height:40px;width:1000px;margin:0 auto }

#credit p {color:#E9E9E9;font-size:12px;padding-top:10px;float:left;display:inline}

#credit a {color:#F1F0F0;}

#credit a:hover {color:#FFFBFB}

#credit-logo {height:38px;width:160px;float:right;display:inline;margin-top:5px}

.fn  {font-size:18px;color:#565C62;font-style:normal;font-weight:bold;}

.fn a:link, .fn a:visited  {font-size:18px;color:#CB2D2D;font-style:normal;font-weight:bold;text-decoration:underline}

.fn a:hover {color:#203136}

.says {color:#203136}

.avatar {margin:15px 0 0 10px;float:left;display:inline;border:5px solid #FFFFFF;}



#respond {float:left;margin-bottom:30px;margin-left:10px;margin-top:10px;padding:10px ;display: inline;}

input#author{background:#F9F9F8;border:1px solid #DDDDDD ;color:#203136}

input#email{background:#F9F9F8;border:1px solid #DDDDDD ;color:#203136}

input#url{background:#F9F9F8;border:1px solid #DDDDDD ;color:#203136}

textarea#comment  {font-family:trebuchet MS;font-size:12px;background:#F9F9F8;border:1px solid #DDDDDD ;width:100%;color:#203136}

 

#submit {background: #203136; padding: 3px 8px;border:none;color:#fff}

#submit:hover {background:#090A0A;color:#fff}

#twtext {

font-size: 16px;
width: 290px;
margin: 0 25px 20px 25px;
}

#statistics {

font-size: 11px;
margin: 0 25px 20px 25px;
}