/*==== 
v1.2
====*/

/*========== reset ==========*/
html{overflow-y:scroll;}
html a{outline:0;}
html:focus{outline:0;}
img{border:none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, em, font, img,
small, strike, strong,
b, u, i, center, ul, li,
fieldset, form, label, legend, caption{
background:transparent;
border:0;
margin:0;
outline:0;
padding:0;
}
ul{list-style:none;}
del{text-decoration:line-through;}
.wrap-l{float:left;}
.wrap-r{float:right;}

/*==== body set ====*/
body{
background:#ededed url(../images/body-bg2.png) top center no-repeat;
color:#000;
font-size:87.5%;
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;
}
#swrap{
width:1000px;
margin-left:auto;
margin-right:auto;
}

/*==== fonts ====*/
@font-face {
font-family: 'BebasNeueRegular';
src: url('../fonts/bebas/BebasNeue-webfont.eot');
src: local('?'), url('../fonts/bebas/BebasNeue-webfont.woff') format('woff'), url('../fonts/bebas/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/bebas/BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TitilliumText14LRegular';
src: url('../fonts/TitilliumText1.eot');
src: local('TitilliumText14L Regular'), local('TitilliumText14L-Bold'), url('../fonts/TitilliumText1.woff') format('woff'), url('../fonts/TitilliumText1.otf') format('opentype'), url('../fonts/TitilliumText1.svg#TitilliumText14L-Bold') format('svg');
}
@font-face {
font-family: 'TitilliumText14L400wt';
src: url('../fonts/TitilliumText400wt.eot');
src: local('TitilliumText14L 400 wt'), local('TitilliumText14L-400wt'), url('../fonts/TitilliumText400wt.woff') format('woff'), url('../fonts/TitilliumText400wt.otf') format('opentype'), url('../fonts/TitilliumText400wt.svg#TitilliumText14L-400wt') format('svg');
}

h1, h2, h3, h4, h5, h6{text-shadow:1px 1px 1px #fff; letter-spacing: 0; margin: 0;}
h1{
font-family: 'BebasNeueRegular', Arial, sans-serif; letter-spacing: 0; margin: 0; text-shadow: 1px 1px 1px #fff;
font-size: 60px;
text-transform: uppercase;
margin:0 0 20px 0;
background: url(../images/html5-logo-h1.png) left no-repeat;
padding: 20px 0 0 120px;
height: 120px; 
}
h1 a, h1 a:hover{
text-decoration:none;
}
h2{
font-family: 'BebasNeueRegular', Arial, sans-serif;
font-size: 40px;
margin:0px 0px 12px;
}
h3{
font-family: 'BebasNeueRegular', Arial, sans-serif;
font-size: 40px;
margin:0px 0px 12px;
}
h4{
font-family: 'BebasNeueRegular', Arial, sans-serif;
font-size: 40px;
margin:0px 0px 12px;
color:#F60
}
p{
font: 18px/27px 'TitilliumText14L400wt', Arial, sans-serif;
margin:0px 0px 1.2em;
}
.blue{
color:#09F;
}
.orange{
color:#F60;
}
.catcount{
color:#F60;
padding-left:10px;
}
.wrapr{
float:right;
}
.wrapl{
float:left;
}

/*==== link styles ====*/
a{
text-decoration:underline;
color:#000;
}
a:hover{
text-decoration:underline;
color:#F60;
}
#all, #all a{
color:#F60;
text-decoration:none;
}
a:hover#all{
color:#000;
text-decoration:underline;
}

/*==== borders ====*/
.bouter{
border:solid 1px #ccc;
}
.binner{
border:solid 1px #fff;
}

/*==== HTML5 tags ====*/
header, section, footer, aside, nav, article, figure{
display: block;
}
figure { margin: 0px; padding: 0px; float: none; }

/*==== top ====*/
#top{
height:auto;
padding-top:20px;
}
#sitecount{
float:right; 
padding-top:20px;
}

/*==== left side ====*/
#menuswrap{ padding-right:16px; float:left; width: 260px; }

/*==== site menu ====*/
#menu{
width:258px;
margin:0px;
padding-bottom:15px;
float: left;
}
#menu ul{
list-style:none; 
padding:0;
margin:0;
}
#menu li{
border-bottom:1px solid #fff; 
margin:0; 
padding:0; 
text-indent:5px;
}
#menu a:link, #menu a:visited{
display: block;
border-bottom: 1px solid #ccc;
text-decoration:none;
padding:.3em .25em;
font-size:1.4em;
color: #000;
font:18px/27px 'TitilliumText14L400wt', Arial, sans-serif;
}
#menu a:hover, #menu a:active, #menu-active{
color:#F60; 
background:#fff;
text-indent:5px;
font:18px/27px 'TitilliumText14L400wt', Arial, sans-serif;
}
#menu li:last-child,
#menu li:last-child a{
border:0;
}

/*==== category menu ====*/
#categories{
width:258px;
margin:0px;
padding-bottom:15px;
float: left;
}
#categories ul{
list-style:none; 
padding:0;
margin:0;
}
#categories li{
border-bottom:1px solid #fff; 
margin:0; 
padding:0; 
text-indent:5px;
}
#categories a:link, #categories a:visited{
display:block;
border-bottom:1px solid #ccc;
text-decoration:none;
padding:.3em .25em;
font-size:1.4em;
color:#666;
font:18px/27px 'TitilliumText14L400wt', Arial, sans-serif;
}
#categories a:hover, #categories a:active, #categories-active{
color:#000; 
background:#fff;
text-indent:5px;
font:18px/27px 'TitilliumText14L400wt', Arial, sans-serif;
}
#categories li:last-child,
#categories li:last-child a{
border:0;
}

/*==== ads ====*/
.ads-wrap{
width:260px;
float: left;
}
.ad-outer{
width:127px; 
float:left; 
height:127px;
}
.ad-inner{
width:125px; 
float:left; 
height:125px;
}

/*==== content ====*/
.content{
width:724px;
float:left;
}

/*===== websites =====*/
.website-wrap{
margin-top:15px;
width:722px;
}
.website-inner-wrap{
padding:10px;
width:700px;
}
.website-inner-wrap img{
margin-bottom:10px;
}
.website-inner-wrap p{
margin:0;
}
p.websitepages{
margin-top:15px;
}

/*==== flag tool tip ====*/
#preview{
position:absolute;
border:1px solid #000;
background:#333;
padding:15px;
display:none;
color:#fff;
}

/*==== footer ====*/
footer{
width:1000px;
float:left;
margin-top:20px;
}
footer p{
font:18px/27px 'TitilliumText14L400wt', Arial, sans-serif;
margin:0px;
}
.fouter{
margin-bottom:20px;
}
.finner{
padding:15px;
}

/*==== twitter feed ====*/
#twitter-feed{
margin-top:15px; 
float:left; 
width:256px;
}