/*
Theme Name: Generation Zii
Theme URI: http://allforces.com
Description: All Forces
Version: 1.0
Author: Melvin Rivera
Author URI: http://melvinrivera.org
Tags: 
*/

/** Reset ***********************/
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; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; }

/** Global **********************/
.hidden, .hide, .ui-tabs-hide { display: none; }
.bg-img, .bg-img-list li a { display: block; height: 0; overflow: hidden; }
.clear { clear: both }
.clearleft { clear: left }
.clearright { clear: right }
a:link { color: #0080FF; text-decoration: none }
a:visited { color:#004080; text-decoration: none  }
a:hover, a:active { color: #333 }
hr { border: none; height: 1px; background: #e6e6e6; margin: 1em 0 }

/** Main **********************/
body {
	font: normal normal 12px Georgia, Times, Times-New-Roman, serif; color:#494747; line-height: 17px
}
#wrapper { width: 992px; margin: 30px auto 20px auto; position: relative; border: 1px solid #B3B3B3; 
	-webkit-box-shadow: 0 0 5px #888; -moz-box-shadow: #888 0 0 5px; }
#content-wrapper { }
#content-wrapper-footer { height: 13px; margin: 0; padding: 0; font-size: 0 }
#content, #no-content { position: relative; padding: 10px 16px 0 16px; clear: left }

/** BG Image Elements ***********/
#site-title a, #menu { 
	background: url("i/elements.jpg") no-repeat; display: block; overflow: hidden; height: 0 
}

#header { height: 65px }
#site-title { padding: 0 }
#site-title a:link, #site-title a:visited, #site-title a:hover { width: 418px; padding-top: 57px; color: white; margin: 10px 0 0 12px }
#site-description { position: absolute; left: 440px; top: 35px; color:#999999 ; font-size: 12px; }
#social { position: absolute; left: 800px; top: 30px; color:#999999 ; font-size: 12px; text-align: right; width: 174px; }
#social img { width: 23px; height: 23px }

/** Formatting ****************/
p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, fieldset, form, ol, dl, dir, menu { padding: 0 0 .8em 0 }
p { }
h1 { font-size: 2em }
h2 { font-size: 1.5em }
h3 { font-size: 1.17em }
h5 { font-size: .83em }
h6 { font-size: .75em }
ul, ol { padding: 0 40px 0 0 }
li { list-style: none; padding: 3px 0 3px 20px; }
li li { list-style-type: circle }
dt dl { clear: both }
dt { width:30%; float: left; text-align:right; padding-right: 3%; font-weight: bold }
dd { width:66%; margin:0 0 0.5em 33%; line-height: 1.5em }
code, pre { font-family: Monaco, 'Courier New', Courier, monospace }
pre { background: #f5f5f5; border: 1px solid #dadada; padding: 15px; color: #555555; overflow: auto }
blockquote {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: grey;
	background: url('i/quote.png') no-repeat 60px 0;
	margin: 20px 0;
	padding: 0 100px;
	font-size: 13px;
	line-height: 1.3em
}
	
cite { color: silver; font-size: .8em }
cite:before { content: '- '}
fieldset { border: 1px solid silver; padding: 25px }
input[type=text] { width: 50%; padding: 5px; font-size: 1.2em }
textarea { width: 100%; height: 150px; resize: both; padding: 5px; font-size: 1.2em }
table { border-collapse: collapse }
td, th { border: 1px solid silver; padding: 5px }
th { background: #e0faff }
sup { vertical-align: super; font-size: 0.6em }
sub { vertical-align: sub; font-size: 0.6em }
acronym, abbr { font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; color: gray }

/** WP ********************/
.wp-caption {
	border: 1px solid #e5e5e5;
	padding: 5px;
	text-align: center;
	font-size: .8em;
	font-style: italic;
	color: #666666
	}
.alignright { float: right; margin: 0 0 10px 10px }
.alignleft { float: left; margin: 0 10px 10px 0 }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.size-thumbnail { margin: 0 6px 6px 0 }
.edit { -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; display: none; 
	background: -webkit-gradient(linear, left top, left bottom, from(#32A3D3), to(#2A8DB6), color-stop(0.3, #32A3D3), color-stop(0.7, #32A3D3));
	background: -moz-linear-gradient( top, #, #32A3D3, #32A3D3, #2A8DB6);
	-webkit-box-shadow: 0 0 2px #888; -moz-box-shadow: #888 0 0 2px;
	font-family: Arial, Verdana, sans-serif; font-size: 12px; padding: 3px 6px }
.edit a:link, .edit a:visited { color: white !important}
.edit a:hover, .edit a:active { color: black !important}

/*** Main *************/
.post-title { font-size: 14px; padding: 0; line-height: 1.3em}
.post-title a:link, .post-title a:visited{ color: #3e3e3e;  }
.post-title a:hover, .post-title a:active{ color: black }
.section-title { color: #999999; line-height: 1.2em; font-size: 16px }
.excerpt { font-size: 12px; color: #4C4C4C  }
.meta { color: #808080; padding: 0 0 6px 0}
.page-title{  font-size: 36px; padding: 0 0 0  15px }

/*** Crumbs *************/
.crumbs {
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F8FAFA), color-stop(0.3, #F2F3F4), color-stop(0.7, #F2F3F4));
	background: -moz-linear-gradient( top, #F8FAFA, #F2F3F4, #F2F3F4, #DBDDDD);
	-webkit-box-shadow: 0 0 2px #888; -moz-box-shadow: #888 0 0 2px;
	font-family: Arial, Verdana, sans-serif;
	padding: 5px 15px ; margin-bottom: 15px;
	color: silver;
}
.crumbs a:link, .crumbs a:link, .crumbs a:visited { color: gray }
.crumbs a:hover, .crumbs a:active { color: #4c4c4c }
.crumbs .current { color: #666666 }

/** Menu **************/
#menu { height: 25px; background-position: 0 -67px; background-repeat: repeat-x; padding: 9px 0 0 8px; position: relative;  }
#menu ul.browse { display: inline; padding: 0 !important;  }
#menu ul.browse li { display: inline; padding: 0 8px !important; border-right: 1px solid #919191; }
#menu ul.browse li:last-child { border: none }
#menu ul.browse a:link, #menu ul.browse a:visited {color: #7f7f7f }
#menu ul.browse a:hover, #menu ul.browse a:active {color: black }
#menu ul.browse .current-cat a:link, #menu ul.browse .current-cat a:visited {color: black; font-weight: bold; ; text-shadow: #fff 2px 1px 1px }
#searchform {  text-align: right; position: absolute; top: 10px; right: 15px }
#searchform, #searchform div { display: inline; width: 170px; }
#searchform label, #searchsubmit { display: none }
#searchform input { height: 14px; width: 150px; font-size: 11px; padding: 1px }
#todays-date { padding: 10px 0 0 17px; font-size: 12px; color: #FB9E27; float: left }
#secondary-menu { background: transparent }
#global-menu { float: right; padding: 10px 18px 0 0; float: right; color: #7f7f7f;  }
#global-menu a:link, #global-menu a:visited {color: #7f7f7f }
#global-menu a:hover, #global-menu a:active {color: black }

/** Home **********************/
.top { padding: 10px 0 0 15px;   }
.top .col-left { width: auto; float: left; padding: 0; width: 615px; margin-right: 25px; }
.featured {   background: #F2F3F4; padding: 20px; width: 575px; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8FAFA), to(#DBDDDD), color-stop(0.3, #F2F3F4), color-stop(0.7, #F2F3F4));
	background: -moz-linear-gradient( top, #F8FAFA, #F2F3F4, #F2F3F4, #DBDDDD);
	-webkit-box-shadow: 0 0 5px #888; -moz-box-shadow: #888 0 0 5px;
}

.main-story .post-title { font-size: 18px;  }
.main-story { width: 340px; float: left }
.main-story .excerpt { font-size: 13px; line-height: 1.3em }
.featured-stories { float: left; padding-left: 25px; width: 200px; }
.featured-stories .post-title { font-size: 14px }
.featured-stories-post-1 { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #CCCCCC; }

.columns { margin-top: 25px; padding-top: 25px; border-top: 1px solid #E6E6E6 }
.col-left, .col-center, .col-right { float: left;  }
.col-left { width: 380px; padding-left: 15px }
.col-center { width: 200px; margin: 0 15px; padding: 0 15px; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6 }
.col-right { width: 300px; }

/**  Banners *******************/
.banner { padding: 10px; margin: 15px 0; height: 60px; background: #ededed }
.banner-main iframe { float: left; padding: 0 10px 10px 0 }
.banner a:link, .banner a:visited { color: #B8B8B8 }
.banner a:hover, .banner a:active { color: #666666 }
.banner-skyscraper { text-align: center; height: 630px; padding-top: 20px }
.banner-skyscraper iframe { padding: 0 0 10px 0 }
.banner-sidebar { height: 270px; padding: 10px 0; background: none }
.category .banner-sidebar, .page .banner-sidebar { padding-top: 0; margin-top: 0}
.banner-sidebar iframe { padding: 0 0 10px 0 }

/**  Single Page *******************/
.single .col-left { width: 610px;  }
.single .col-right { padding-left: 15px; margin-left: 15px; border-left: 1px solid #E6E6E6; }
.single .col-left .post-title { font-size: 32px}
.entry { font-size: 14px; line-height: 1.3em }
.single .col-right .post { border-top: 1px solid #E6E6E6; padding-top: 15px; margin-top: 5px; }
.single .col-right .popular-lists { margin-top: 15px }
.author-thumb { float: left; padding: 2px; margin: 0 6px 6px 0; border: 1px solid #E6E6E6 }
.page .post-title { font-size: 26px; padding-bottom: 15px  }

/**  Contributor Box *******************/
.contributor { margin: 0 0 15px 15px; float: right; background: #F2F3F4; padding: 20px; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F8FAFA), color-stop(0.3, #F2F3F4), color-stop(0.7, #F2F3F4));
	background: -moz-linear-gradient( top, #F8FAFA, #F2F3F4, #F2F3F4, #DBDDDD);
	-webkit-box-shadow: 0 0 5px #888; -moz-box-shadow: #888 0 0 5px;
}
.post .contributor, .col-left .contributor { width: 150px}
.contributor h4 { text-align: center;  border-bottom: 1px solid #C3C3C3; margin-bottom: 12px; padding-bottom: 3px }


/**  Link Source *******************/
.link-source { background: #F3F6F6; padding: 7px 15px; color: #999999; margin: 10px 0; clear: both; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.link-source h4 {  }
.link-source-url { font-weight: bold }
.link-source-favicon { position: relative; float: left;  padding:0 3px 0 0; height: 16px; width: 16px }

/**  Videos *******************/
.vvqbox { clear: both; position: relative }


/**  Catagory Page *******************/
.top-row { padding: 0 0 0 15px;  }
.top-row .post { width: 200px; float: left; margin-right: 40px }
.top-row .post.row-3 { margin-right: 0;  }
.top-row .post-title { margin-top: 6px }


/**  Archives *******************/
.archive .col-left, .search .col-left, .not-found .col-left, .page .col-left { width: 610px;  }
.archive .col-right, .search .col-right, .not-found .col-right, .page .col-right { padding-left: 15px; margin-left: 15px; border-left: 1px solid #E6E6E6; }


/** Contributors ******************/
.contributor-box { width: 190px; float: left; padding-right: 15px;  }
.contributor-box.box-3 { padding-right: 0 }
.author-info {  background: #EFF3F3; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #666666; }
.author-info > a > img { float: left; margin: 0 10px 10px 0; padding: 1px; border: 1px solid #DFDFDF }
.author-info h2 { color: black; font-size: 14px; padding: 0 0 3px 0; line-height: 1.3em }
.author-info h2 a:link, .author-info h2 a:visited { color: #333333 }
.author-info h2 a:hover, .author-info h2 a:active { color: black }
.author-bio { clear: left; padding: 10px 10px 0 10px; font-size: 13px; line-height: 1.4em }
.author-location { color: #999999; font-style: italic }
.author-role { color: #666666 }
.author-posts { margin: 15px 0; padding: 0}
.author-posts > li { padding: 0 0 10px 0 }
.author-posts > li > ul { padding: 0 }
.author-posts > li > ul > li { padding: 3px 0; list-style: none } 
.author-posts p { padding: 0 }
.author-posts h3 { font-size: 12px; padding: 0; margin-bottom: 5px; color: #666666; border-bottom: 1px solid #DFDFDF }

.author .wp-pagenavi { width: 390px; margin: 15px 0 }

/**  Popular Lists *******************/
.popular-lists { padding: 0; margin: 0 } 
.popular-lists > li { font-size: 14px; padding: 0 0 15px 0; margin: 0 0 15px 0}
.popular-lists > li h2 { border-bottom: 1px solid #E6E6E6; padding: 0 0 10px 0; margin: 0 0 10px 0}
.popular-lists li ul { padding-left: 10px !important }
.popular-lists li li { list-style-type: none; padding: 0; text-indent: -10px; font-size: 13px; }
.popular-lists li li:before { content: '\00BB \0020' }
.popular-lists a:link, .popular-lists a:visited{ color: #3e3e3e }
.popular-lists a:hover, .popular-lists a:active{ color: black}


/** Attachment **************/

.attachment #content .entry { text-align: center; border-bottom: 1px solid #e6e6e6; padding-bottom: 50px; margin-bottom: 50px }
.attachment #content .nav img { width: 100px; height: 100px }
.attachment #comments, .attachment #respond { width: 70%; margin: 0 auto }
.attachment .link-source { float: none; margin: 0 auto }
.attachment h2 { text-align: center }

/** Pagination ******************/
.wp-pagenavi, #comments .nav { padding: 6px; border: 1px solid #e7e7e7; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; width: 80%; margin: 20px auto ; font-size: 12px }
.wp-pagenavi span { padding: 3px 6px; }
.wp-pagenavi a:link, .wp-pagenavi a:visited, #comments .nav a:link, #comments .nav a:visited  { padding: 3px 6px; color: #7f7f7f;  }
.wp-pagenavi a:hover, .wp-pagenavi a:active, #comments .nav a:hover, #comments .nav a:active { color: black; background: #CCCCCC; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.wp-pagenavi .current, #comments .nav .current { font-weight: bold; color: white; background: #333333; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 3px 6px; }


/** Comments ******************/
#comments { background: #F6F6F6; ; border: 1px solid #ececec ; margin: 20px 0 ; -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0 0 5px; font-size: 16px; color: gray }
#comments h3.comments-count { padding: 20px; text-align: center; color: #333; border-bottom: 1px solid #E1E1E1; }
#comments ul { padding: 0 }
#comments li { list-style-type: none !important; padding: 10px; font-size: 11px; color: #333; border-bottom: 1px solid #E1E1E1; border-top: 1px solid white; background: #f3f3f3  }
#comments .vcard { float: left }
#comments .vcard img { display: block }
#comments .comment-content { padding-left: 110px; width: 482px }
#comments .says { display: none }
#comments cite { font-size: 12px; font-style: normal; color: gray }
#comments cite:before { content: '' };
#comments .nav { background: #F6F6F6; border-top: 1px solid #E1E1E1; padding:20px 0 }
#comments-footer { padding: 10px 0; border-top: 1px solid white }
#comments-footer h3.comments-count { padding: 10px 0 0 0; border: none }
.get-gravatar { font-size: 12px; color: gray; text-align: center }
#comment { width: 590px }
#comments .children { padding: 10px 20px 0 10px }
#comments .children li { border-bottom: none; border-top: 1px solid #E1E1E1 }

/** Alert **********************/
#alert{
	overflow: hidden;
	z-index: 999;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #39A5D1;
	height: 0;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 12px; 
	opacity: .9;
	background: -webkit-gradient(linear, left top, left bottom, from(#39A5D1), to(#2B7898), color-stop(0.3, #39A5D1), color-stop(0.7, #2B7898));
	background: -moz-linear-gradient( top, #39A5D1, #39A5D1, #2B7898, #2B7898);
	-webkit-box-shadow: 0 0 5px #888; -moz-box-shadow: #888 0 0 5px;
}
#alert img { width:30px; height:30px; vertical-align: middle }
#alert a:link, #alert a:visited { color: white}
/*
#sidebar a:link, #sidebar a:visited { color: #003A75 }
#sidebar a:hover, #sidebar a:active { color: #000 }
*/
/** Footer **********************/
#footer { clear: both; padding: 25px 0; margin-top: 25px; text-align: center; color: #999999; font-size: 12px; border-top: 1px solid #B3B3B3;}

/** Google Add **********************/
.googleadd {
	padding: 20px 2px;
	width: 468px;
	margin: 0 auto
}


/** Browser Not Supported **************/
#browsernotsupported { background: white; width: 763px; height: 243px; padding-top: 50px; line-height: 1.5em }
#browsernotsupported h2 { width: 474px; margin: 0 auto; font-size: 22px; text-align: center; padding: 25px 0 }
#browsernotsupported p { width: 474px; margin: 0 auto; text-align: center; font-size: 16px }
#browsernotsupported a { font-weight: bold; margin-right: 6px }