/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background: url(img/bg.header.png) no-repeat top center #fff } 
/*body { background: #E0E1E5 }*/


body, input, select, textarea, td, th { font: 0.95em 'Open Sans', Arial, Helvetica, sans-serif }

h1, h2, h3, h4 { letter-spacing: -0.05em }
h1 { font-family: 'Raleway'; font-size: /*4em*/ 2.8em; margin-bottom: 10px }
    h1.page-title { color: #99CC66 }
h2 { font-family: 'Raleway'; font-size: 2.8em; font-weight: normal }
h3 { font-family: 'Raleway'; font-size: 1.4em; font-weight: bold }
h4 { font-family: 'Raleway'; font-size: 1em; font-weight: bold }

th { font-weight: bold; text-align: left }

a { color: #000; text-decoration: underline }
a:hover { text-decoration: none; background: #000; color: #FFF }

h2 a { display: inline-block; text-decoration: none }

.page { width: 980px; margin: 0 auto 50px; position: relative; background: #fff;}
.header { height: 180px }
    .header .top { height: 110px }
        .header .top h2 { text-indent: -10000em; float: left; margin: 68px 0 0 8px }
        .header .top h2 a { background: url(img/logo.png) no-repeat; width: 223px; height: 35px; text-decoration: none; display: block }
        .header .top .ad { float: right; height: 90px; width: 728px; margin: 10px 0 0 }
    .header .menu { height: 30px; margin-top: 5px }
.leftcol { width: 640px; float: left; margin-top: 20px; padding-left: 10px;}
.rightcol { width: 300px; float: right; margin-top: -60px; z-index: 1; position: relative }
.motto { text-indent: 0.7em; padding: 0.4em 0 0.2em 0; font-weight: bold; font-size: 17px }

.alines { background: url(img/bg.lines.gif) }
.slines { background: url(img/small.lines.gif) }
.shadow { z-index: 1; position: relative; behavior: url(http://www.adverblog.com/wp-content/themes/adverblog/images/ie-css3.htc); -moz-box-shadow: 0 0 7px #dadada; -webkit-box-shadow: 0 0 7px #dadada; box-shadow: 0 0 7px #dadada }
    .shadow.large { -moz-box-shadow: 0 0 20px #dadada; -webkit-box-shadow: 0 0 20px #dadada; box-shadow: 0 0 20px #dadada }

.pink { background: #ff66cc; color: #fff }
    .pink h3 { margin: 0 8px }

.green, th { background: #99cc66; color: #000 }
    .green h3 { margin: 8px; color: #FFF }

.menu { list-style: none; overflow: hidden }
    .menu li { float: left }
        .menu li a { text-decoration: none; display: block; padding: 0.6em 0.4em 0.1em; font-size: 15px }
        .menu li a:hover { color: #fff; background: #000 }
        .menu li.menu-item-4066 a { padding-left: 0.8em } /* should be the first item in the top menu */

    .menu .search { margin-left: 1em; background: #bfff80; height: 2em }
    .menu .search input { border: none; background: none; color: #5f7f40; height: 1.3em; margin: 0.6em 0 0.2em 0.2em; font-size: 15px }
    .menu .go { background: none; border: none; padding: 0.7em 0.5em 0 0.2em; color: #bfff80; font-weight: bold; cursor: pointer }

.social { height: 103px }
    .social li { float: left; width: 50px; margin-right: 5px }
    .social a { background: none }

.tags .title { font-weight: bold }
.small { font-size: 12px }

.comment-count { display: inline-block; background: url(img/comment.gif) no-repeat 0 3px; text-indent: 20px }

.divider { height: 10px; margin: 30px 0; overflow: visible }
.divider.social { height: 40px }

.fb_like, .add_share, .twitter_tweet, .google_plus { float: left }
.fb_like { margin-right: 15px }
    .divider .fb_like, .divider .add_share, .divider .twitter_tweet, .divider .google_plus { margin: 10px 0 0 10px }

.article, .comment { font-size: 0.85em; width: 100%;}
.article { overflow: auto }
    .article p { line-height: 1.6em; margin-bottom: 1.2em }
        .article p a { color: #FF66CC; text-decoration: underline }
        .article p a:hover { color: #000; background: none; text-decoration: underline }
    
    .article .meta { height: 30px; font-size: 0.95em; margin: 5px 0 }
    .article.full .meta { height: inherit; margin: 0 0 10px }
    .article.full h2 { font-size: 2em }
        .article .meta .left { float: left; margin-top: 2px }
            .article .meta .sub-meta span { margin-left: 10px } /* comment count */
				.article .meta .sub-meta span span { margin-left: 0 }
    .article.full ul, .article.full ol { list-style-type: disc; margin: 1em 0 1em 2em }
            
        .article .meta .right { float: right; width: 321px }
            .article .meta .right .twitter_tweet, .article .meta .right .add_share { margin-left: 0 }
            .article .meta .right div { float: left }
        .article .meta .right .fb_like { margin-left: 10px }
    .article .thumb { float: left; margin: 0 15px 10px 0; position: relative }
        .article .thumb img { margin: 0 }
	.article .thumb .video-icon { position: absolute; right: 5px; bottom: 7px; width: 78px; height: 78px; background: url(img/video.png) no-repeat }
	.article .thumb a { background: none }
    .article .short-desc { line-height: 1.6em }
    .article .tags { color: #999999 }
        .article .tags a { color: #999999 }



.rightcol .module { margin-top: 15px; font-size: 0.85em; overflow: hidden }
    .rightcol .module h3 { line-height: 1.5em }
    .rightcol .module .ads { overflow: hidden; margin: 20px 0 0 20px; padding-bottom: 10px }
        .rightcol .module .ads li { float: left; width: 125px; margin: 0 10px 10px 0; padding: 0; line-height: 0; font-size: 0 }
        .rightcol .module .ads li.advertise { width: 250px; font-size: 12px; line-height: inherit }
    
    .rightcol .module .friends { margin: 0 0 10px 10px; font-size: 0.9em; padding-bottom: 10px }
        .rightcol .module .friends h4 { font-size: 110% }
        .rightcol .module .friends a { text-decoration: none }
        .rightcol .module .friends li { margin-bottom: 1px; }
        .rightcol .module .friends li.divider { line-height: 0; height: 2px; margin: 0 0 1px }
.rightcol .popular {  }
    .rightcol .popular h3 { margin-top: 0 }
    .rightcol .popular li { padding: 5px 10px 5px 0; font-size: 1.4em }
    .rightcol .popular .divider { padding: 0 !important }
    .rightcol .jobthread h3 { margin-top: 0 }
.rightcol #jobthread { margin: 0 0 10px 10px; font-family: "Franklin Gothic Book", "Trebuchet MS", Arial, Helvetica; }
    .rightcol #jobthread li { margin: 0 0 10px; }
    .rightcol #jobthread li a { font-size: 1.2em; }
    .rightcol #jobthread li.divider { height:2px; }
    .rightcol .jobthread #loading-text { margin:0 0 10px 10px; }



.footer { font-size: 0.8em; margin: 20px 0 }
    .footer a { text-decoration: none }
    .footer .links { margin-top: 10px; padding: 5px 12px }
        .footer .links a:hover { color: #000; background: none; text-decoration: underline }
    
    .pagination, .pagination-text { overflow: visible; height: 30px }
        .pagination li { float: left; margin-right: 5px }
            .pagination li a { padding: 5px 12px; display: block; text-decoration: none }
            .pagination li.active a { background: #FFF; color: #000 }
            .pagination li.active a { background: #FFF; color: #000 }
            .pagination li.right { float: right; margin-right: 0 }
    .pagination.full { width: 100%; margin-top: 10px }
    .pagination-text { width: 100%; margin-top: 5px }
    
    .footer .copyright { font-size: 0.9em; color: #666; margin: 6px 0 20px }
        .footer .copyright a { color: #666 }

ul.search { overflow: hidden; margin-top: 20px }
    ul.search li { float: left; margin-right: 5px }
    ul.search #s { width: 250px }

.left, .alignleft { float: left }
.right, .alignright { float: right }

.alignleft { margin: 0 10px 10px 0 }
.alignright { margin: 0 0 10px 10px }
.alignnone { margin: 0 10px 10px }


div.google_ads_ins ins {
	display:none;
	height:0 !important;
}

.aligncenter { margin: 0 auto }

#fb-root {  }
th, td { padding: 2px 12px 2px 0; font-size: 100% }
td.divider { height: 2px; padding: 0 }
.bsap { margin: -10px 20px 10px; overflow: hidden }

#commentform { margin-bottom: 20px }
#commentform p { overflow: hidden; margin-bottom: 5px }
#commentform p.comment-notes { margin: 10px 0 }
#commentform p.form-allowed-tags { margin: 10px 0 0 150px }
#commentform p.form-submit { margin: 10px 0 0 150px }
    #commentform p label { display: inline-block; width: 150px; float: left }
#commentform input, #commentform textarea { display: block; float: left }

#floating-box-container { float:left; top:0; left:-90px; position:absolute; width: 80px }
#floating-box-container .fixed { position:fixed; top:0 }

#floating-box {
    background-color: white;
    padding: 10px;
    margin-top: 250px;
    z-index: 1;
    width: 55px;
}

#floating-box .fblike {
    margin-left: 2px;
    width: 60px;
    height: 60px;
}
  
#floating-box .tweet {
    margin-top: 10px;
    width: 60px;
}
  
#floating-box .gplus {
    margin-top: 10px;
    margin-left: 2px;
    width: 60px;
    height:60px;
}

.background-ad {
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
}