/* Claffisica 
Theme URL: http://www.claffisica.org 
Author: The Claffisica
Author URL: http://www.claffisica.org 
Description: Made in England 
Version: 1.0 New, 1.1 Add CTA+edit
License: GNU General Public License 
changelog : 1.0 - Sept 03, 2013 : Initial release */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, br,hr,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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

/* GLOBAL*/
body {font-size:13px; line-height:18px; font-family: 'Roboto', sans-serif; color:#444; background:url(i/body.png)#dfe3e5 repeat;}
body,#w,.w92,.ads2,.ma,.hy {margin:0 auto;}
#w,.w92 {width:1008px;}
#w {box-shadow:0 1px 3px #a3a3a3;}

/* COLORS */
a,a img,.h2t,.sr li:hover,#m .gsc-cursor-page.next a,.brd a:hover,.br a:hover {color:#ff6600; border:0 none; text-decoration:none;}
.i a{overflow:hidden; position:absolute; top:0; left:0; opacity:0; z-index:4;}
a:hover, a:focus,.h2t:hover,.h2t:focus, .sr a:hover,.sr li,h1,h2,h3,#m .gs-title:hover,#m .gs-title:hover b,.tag a:hover,.next:hover a{color:#9A9A9A;}
hr {box-shadow: 0 0 1px #6E7B81; color:#014b37; height:1px; font-size:100%;}
.sh {text-shadow: 0 1px 1px #001524;}
.sr,.sr a,.sr p {text-shadow:0 1px #fff; color:#99999;}

/* FONTS */
h1,h2,h3,h4,h5,.fs,.h4 {font-weight:normal; letter-spacing:px;}
h1{font-size:22px; line-height:33px;}
h2{font-size:20px; line-height:30px;}
h3,.h3 {font-size:18px; line-height:27px;}
h4,.fs,.h4,.tis {font-size:16px; line-height:24px;}
h5 {font-size:16px; line-height:24px;}
h1,h2,h3,h4,h5,.stl,.lo,.fs,.h4,.hs,.hyp,.nv a,.tl {font-family: 'Average', serif;}
.tsw {text-shadow:0 1px #fff;}
.rl,.pt h5,.hs li,.hrat  {text-align:center;}

/*ALIGMENTS*/
.cl {clear:both;}
.l,#m,#lg,#lg a,.mi img ,.st a, .st img,.h2t a,.ht img,.rp img,#cse,#cf label,#cf p,.jsbox,.abt,.imr,.ip,.rl,.hrat,.ads6,.ic,.ii,.goto,.nv a {float:left;}
.r,#sr,.nv,.tl {float:right;}
#lg {overflow:hidden;}
#lg {text-indent:-9000px;}
.ir,.h2t,#fw,#lg,#lg a,#cse,.is,.imr{position:relative;}
.ia,.h2t a,#lg i,#cse .gcsc-branding,.tis,.pt,.pt h5,.pt a {position:absolute;}

/* MARGIN + PADDING*/
.mt,#sr,.ads1,#w {margin-top:18px;}
.mb,#m p,.atc p,.sidebarbox,.mi img,.ads1,.ads2,#cf input,#cf select,#cf textarea,.pag,.rl,.imgs,.abt,.goto,.hyp,#w {margin-bottom:18px;}
.ml,#m ol ,#m ul,#m li,.sr li,.clm li,.goto {margin-left:18px;}
.mr,#sr,.curr,.inactive,.ip img,.ii {margin-right:18px;}
.mb10,.li,.st,.hst,#m h2,.gt{margin-bottom:12px;}
.mt10 {margin-top:12px;}
.rp img{margin-right:12px;}
.stl,.imr img {margin-bottom:12px;}
.mt6  {margin-top:6px;}
.gt img,.hmi {margin-right:6px;}
.hrat,.ht img{margin-bottom:6px;}
.mb3 {margin-bottom:3px;}
.mr3,.hst img{margin-right:3.5px;}
.p2 {padding:18px 0;}
.p15,.m,.atc {padding:18px;}
.mt3 {margin-top:10.5px;}
.m3 {margin-bottom:-18px;}
.ila {position:absolute; top:0; left:-9999px;}

/* HEADER*/
#hw {width:100%; height:36px; background:#4D1E00; border-bottom: 36px solid #F39C12; box-shadow:0 1px 2px #3e2500;}
#lg,#lg a,#lg i {width:68px; height:72px;}
#lg a {z-index:2;}
#lg i {z-index:1;}
#lg i{background:url(i/lg.png) 0 0 no-repeat; top:0; left:0;}
.nv,.tl {width:940px; height:36px;}
.nv a{width:117.5px; color: #F39C12;}
.nv a:hover {color: #4D1E00; background: #F39C12;}
.nv a,.tl{font-size:16px; line-height:36px; text-align:center;}
.tl {color:#fff3e0; text-shadow:1px 1px 1px #3e2500;}

/* CONTENT*/
.m,.mi img,.rl,.abt,.hrat {width:630px;}
.mi img {height:auto;}
.h2t a,.pt a {width:100%; height:100%; top:0; left:0;}
#w,.rm:hover {background:white;}
.m {min-height:1300px;}
.mai {width:579px;}
.hst{width:633.5px;}
.ht img,.hst img,.rp img,.gt img {width:87px; height:87px;}
.hmi img {width:537px; height:273px;}
.atc,.br,.imgs,.gt {width:972px; height:auto;}
.li,.li img{width:936px;}
.li {padding:17px 17px 12px; border:1px solid #eee; box-shadow:0 0 18px #eee inset;}
.li img,.bl {height:auto;} 
.tag,.tag a,.tag strong {color:#666; font-size:10px; font-weight:normal;}
.hom strong,.hom a{color:#444; font-weight:normal;}
.hr2,.hr4,.hr5 {height:1px; font-size:100%;}
.hr4 {background:url(i/hr2.png);}
.hr5 {background:url(i/hr3.png);}
.ip {width:648px; height:auto; background:url(i/related.png) no-repeat; padding:18px 0;}
.imr img,.pt {width:198px; height:120px;}
.pt {background:rgba(0,0,0,0.6); overflow:hidden; opacity:0; top:0; left:0;}
.pt h5 {transform:scale(9); -ms-transform:scale(9); -webkit-transform:scale(9); text-align:center; width:100%; bottom:6px;}
.pt:hover {opacity:1;}
.pt:hover h5{transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1);}
.rm {background:#EFF5FF; border:1px solid #CEE0FE; padding:0 18px; float:right;
border-radius:18px;
-moz-border-radius:18px;
-webkit-border-radius:18px;
-khtml-border-radius:18px;} 

/*GOTO PAGE*/
.goto {background:url(i/goto.png); width:972px; height:518px;}
.hy {width:365px;}
.hyp {width:150px; float:left; padding:10px; background:#fffaf3; border:1px solid #feecd1; font-size:18px; text-shadow:0 1px #fff; text-align:center;}
.hyp:hover {background:none;}

/* Topics */
.top a{background:rgba(0,0,0,0.1); font-size:10px; text-shadow:0 1px #bed6ff; float:left; margin-right:1px; margin-bottom:1px; padding:0 3px;}

/* Attachment */
.ii {width:188px; height:auto; padding:18px 18px 0; background:#fffaf2; border:1px solid #fde7c5;} 
.ci {color:#ff9900;}
.ii em,.ii a  {color:#878787; font-weight:normal;}
.ii a {font-style:italic;}
.ic {width:728px; height:auto;}

/* sidebar page */
#sr,.is img{width:324px;}
.is img{height:150px;}
.sr li a,.psoc,.tsw,.ts{color:#7f8a8e;}
.stl{width:288px; height:27px; font-size:18px; line-height:27px; text-shadow:0 1px #934703; padding:0 18px; color:white; background:#7f7f7f;}
.bb {border-bottom:5px solid #95a4ff;}
.sr a,.hs a{display:block;}
.hs li{background:#e7e7e7; font-size:16px; line-height:24px; margin-top:1px;}
.diys {border-bottom:1px solid #e7e7e7;}
.ln,.hs{list-style-type:none;}
.rp,.tis,.bl {width:300px;}
.fnp {width:200px; height:62px; background:url(i/fp.png);}
.tis,.pt {color:#fce2ba;}
.tis {bottom:18px; left:0; padding:0 12px;
background-image: linear-gradient(left , rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
background-image: -o-linear-gradient(left , rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
background-image: -moz-linear-gradient(left , rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
background-image: -webkit-linear-gradient(left , rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
background-image: -ms-linear-gradient(left , rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
background-image: -webkit-gradient( linear, left top, right top, color-stop(0.5, rgba(0,0,0,0.8)), color-stop(1,rgba(0,0,0,0)));
}
.is:hover .tis,.pt:hover {color:#fff;}
.is:hover img {box-shadow:0 0 3px #012d76;}

/* Page Contact */
#cf label {width:200px;}
#cf input,#cf textarea {width:235px;}
#cf p {width:410px;}

/* Search box */
.sb { left:300px; top:6px; z-index:3; font-size:12px; background:url(i/s.png) no-repeat; border:none; }
.ts{width: 289px; padding: 3px 25px 3px 5px; border: 3px solid #e7e7e7; display: inline; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px;}        
.sb,.srt {cursor:pointer;}

/* Search page */
.gsc-search-box,.gsc-above-wrapper-area,.gsc-adBlock{position:absolute!important;z-index:-1; left:0;}
#m .gsc-control-wrapper-cse{border:0;}
#m .gsc-url-top div {color:#666;}
#m .gsc-control-cse{width:615px; padding:0;}
#m .gsc-table-result,#m .gsc-thumbnail-inside,#m .gsc-url-top{padding:0;}
#m .gsc-webResult.gsc-result { border-bottom: 5px solid #D2D7DA; margin: 0 0 15px; padding-bottom: 15px; padding-top:0;}
#m .gsc-results {width: 100%;}    
#m .gs-title, #m .gs-title b {font-family: 'Lustria',serif; font-size: 24px; font-weight: 400; letter-spacing: -1.5px; line-height: 24px; color:#2693BA; text-decoration: none !important;}
.gcsc-branding {bottom:5px; left:210px;}

/* Social Media */
.go,.fb,.tw,.pi,.em,.fe {width:54px; height:54px; float:left;}
.go {background:url(i/sm.png) 0 -54px no-repeat;}
.fb {background:url(i/sm.png) -54px -54px no-repeat;}
.tw {background:url(i/sm.png) -108px -54px no-repeat;}
.pi {background:url(i/sm.png) -162px -54px no-repeat;}
.em {background:url(i/sm.png) -216px -54px no-repeat;}
.fe {background:url(i/sm.png) -270px -54px no-repeat;}
.go:hover {background:url(i/sm.png) 0 -0 no-repeat;}
.fb:hover {background:url(i/sm.png) -54px -0 no-repeat;}
.tw:hover {background:url(i/sm.png) -108px -0 no-repeat;}
.pi:hover {background:url(i/sm.png) -162px -0 no-repeat;}
.em:hover {background:url(i/sm.png) -216px -0 no-repeat;}
.fe:hover {background:url(i/sm.png) -270px -0 no-repeat;}


/* FOOTER */
#fw {width:100%; height:100px; background:transparent; }
.afoot,.afoot a{color:#778187; font-size:10px; line-height:15px; letter-spacing: 0.6px;}
.afoot a:hover,.afoot a:focus {color:#444444;}
.his {left:0; top:90px; z-index:-2;}
.al {left:0; top:0; z-index:-3;}
.hr1 {background-color:#fff;}

/* Border Radius */
#w,.ii {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px;}
  
/* Rating */
.srt {border:1px solid #dcdddd; color:#939393; display:inline; font-size:10px;}
.hrat {padding:3px 0; background:#eee;}

/* Ads */
.ads1,.ads4 {width:336px; height:280px;}
.ads2,.ads6 {width:728px; height:90px; background:#; }
.ads3 {width:300px; height:250px; float:left; border:12px solid #f8f8f8;}

/* Transition */
.sr li,.ht,.ht img,.gt img,.hst img,.next a,.hmi img,.h2t,#lg i,#lg a,.tis,.is img,.pt,.pt h5,.rm {
transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
}
  
/* Breadcump */
.imgs,.abt {padding:6px 0 1px 0;}
.br,.brd {padding:3px 0;}
.br,.brd,.imgs,.abt {border-bottom:1px dotted #eee; border-top:1px dotted #eee;}
.brd {width:630px;}
.brd,.brd a,.br,.br a {font-size:10px; color:#777;}

/* Hover */
.hmi:hover  img{opacity:0.9;}
.ht img:hover {opacity:1;}
.hst img:hover, .gt img:hover { opacity:0.8; filter:alpha(opacity=80); box-shadow:0 0 6px #333;}