/*
Theme Name: All Forces
Theme URI: http://allforces.com
Description: All Forces
Version: 3.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: left;}
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 {
	background: #fff url("i/elements.jpg") repeat-x 0 -217px; 
	font: normal normal 12px Arial, Helvetica, Verdana, sans-serif; color:#494747; line-height: 17px
}
#wrapper { width: 1000px; margin: 0 auto; position: relative }
#content-wrapper { background: url("i/bg.jpg") repeat-y }
#content-wrapper-footer { background: white url("i/elements.jpg") no-repeat 0 -146px; height: 5px; margin: 0; padding: 0; font-size: 0 }
#content, #no-content { position: relative; width: 618px; padding: 20px 16px 0 16px; float: left }
#sidebar { float:left; width: 300px; padding: 20px  }

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

#site-title a:link, #site-title a:visited { padding-top: 135px; margin-top: 25px; font-size: 0}
#site-description { display: none }

/** Menu ************************/
#menu { height: 32px; padding: 0 !important }
#menu li { float: left; padding: 0; margin: 0 }
#menu a:link, #menu a:visited { padding-top: 32px;  }
#menu a.allforces:link, #menu a.allforces:visited { width: 160px; background-position: 0 -151px }
#menu a.allforces:hover, #menu a.allforces:active, #menu a.allforces.active  { background-position: 0 -184px }
#menu a.nota:link, #menu a.nota:visited { width: 95px; background-position: -160px -151px }
#menu a.nota:hover, #menu a.nota:active, #menu a.nota.active { background-position: -160px -184px }
#menu a.share:link, #menu a.share:visited { margin-left: 546px; width: 95px; background-position: -803px -151px }
#menu a.share:hover, #menu a.share:active, #menu a.share.active { background-position: -803px -184px }
#menu a.contact:link, #menu a.contact:visited { width: 102px; background-position: -898px -151px }
#menu a.contact:hover, #menu a.contact:active, #menu a.contact.active { background-position: -898px -184px }

/** Formatting ****************/
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content blockquote, #content ul, #content ol, #content fieldset, #content form, #content ol, #content dl, #content dir, #content menu { padding: 0 0 .8em 0 }
p { font-size: 1.2em }
h1 { font-size: 2em }
h2 { font-size: 1.5em }
h3 { font-size: 1.17em }
h5 { font-size: .83em }
h6 { font-size: .75em }
.post ul, .post ol { padding: 0 40px 0 0 }
.post li { list-style: none; padding: 3px 0 3px 20px; background: url('i/star.png') no-repeat 0 3px }
	
#content 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 {
	padding: 5px 50px 2px 50px;
	color: gray;
	font-style: italic;
	font-size: 1.2em;
	color: #63605a;
	font-family: Georgia, 'Times New Roman', Times, serif;
	}
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 }

/** Navigation **************/
.navigation { width: 600px; height: 25px; padding: 12px 6px 2px 15px; background: #e7e7e7; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; }
.navigation ul.browse { display: inline; padding: 0 !important;  }
.navigation ul.browse li { display: inline; padding: 0 8px !important; border-right: 1px solid #919191; }
.navigation ul.browse li:last-child { border: none }
.navigation ul.browse a:link, .navigation ul.browse a:visited {color: #7f7f7f }
.navigation ul.browse a:hover, .navigation ul.browse a:active {color: black }
.navigation ul.browse .current-cat a:link, .navigation 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 }

/** Livesearch **********************/
#livesearch-div { background: url('email/i/share.png') no-repeat -328px 10px; width: 328px; height: 302px;
	position: absolute; top: 30px; left: 306px; color: #454541; display: none; z-index: 99; float: left }
#livesearch-div h2 { color: #454541; text-align: center; padding: 34px 0 32px 0; width: 322px; font-size: 16px }
#livesearch-div ul { padding: 0 40px 0 26px }
#livesearch-div ul li { list-style: none; padding: 3px 0 3px 20px; border-top: 1px solid #B3B3B3;
	background: url('i/star.png') no-repeat 0 3px }
#livesearch-div ul li.start { list-style: none; padding: 50px 0 3px 0; border-top: 1px solid #B3B3B3;
	background-image: none;  text-align: center }
.tags { line-height: 2.5em; padding-top: 20px }
.tags a:link, .tags a:visited { background: #e7e7e7; color: #4C4C4C !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px }
.tags a:hover, .tags a:active { background: #4C4C4C; color: white !important}

#no-content h2 { font-size: 32px; padding: 40px 0 20px 0 }
#no-content p { font-size: 18px;  line-height: 1.4em}

/** Attachment **************/
.attachment #content-wrapper { background-image: url('i/bg-wide.jpg'); }
.attachment #content { width: 970px }
.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 }

/** Post ********************/
.post { padding: 20px 0; clear: both; }
.post p { line-height: 1.4em }
.entry { clear: both; border-top: 1px solid #e6e6e6; padding-top: 30px }
.page-title { color: #9fdcff; padding: 30px 0 0 0 !important}

.post-title { margin-top: 0; line-height: 1.2em; padding: 0 0 10px 0 !important; font-size: 26px; }
.single .post-title { font-size: 34px;}
.post-title, .post-title a:link, .post-title a:visited{ color: #3e3e3e }
.post-title a:hover, .post-title a:active{ color: black }

.meta { color: silver;  }
.single .meta { width: 200px }
.digged { position: relative; top: 3px}
.meta a:link, .meta a:visited { color: silver }
.meta a:hover, .meta a:active { color: gray }
.modified-time { color: #66ccff }
.day { color: silver; display: block }
.comment-bubble { font-size: 16px; color: silver; white-space: nowrap; float: right; display:block;  }
.single .comment-bubble { float: none; }
.comment-bubble a:link .number, .comment-bubble  a:visited .number { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: silver; color: white;  padding: 3px 6px }
.comment-bubble a:hover .number, .comment-bubble a:active .number { background-color: gray; color: white }
.edit {  }
.edit a:link, .edit a:visited { color: #CCCCCC }
.edit a:hover, .edit a:active { color: black }
.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 }
img.size-thumbnail { margin: 0 6px 6px 0 }

/** 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 }

/** Sidebar *******************/
#sidebar ul, #sidebar ol { padding: 0; margin: 0 } 
#sidebar ul li { padding: 0 0 10px 0; list-style-type: none; clear: left }
#sidebar ol li { margin:0 }
#sidebar li li { padding: 0 }
#sidebar li li li:before { padding: 0; content: '\00BB \0020' }
#sidebar h2 { border-bottom: 1px solid #e6e6e6; padding: 10px 0 10px 0; margin: 0 0 10px 0 }
#flickr img { width: 61px; height: 61px; margin: 0 0 10px 10px; border: 1px solid #e6e6e6;}
/*
#sidebar a:link, #sidebar a:visited { color: #003A75 }
#sidebar a:hover, #sidebar a:active { color: #000 }
*/
/** Footer **********************/
#footer { clear: both; background-color: #191919; padding: 25px 0; margin-top: 25px }
#footer p { color: #999999; font-size: 12px; width: 1020px; margin: 0 auto }

/** 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 }