/*   

Theme Name: JZone WP Theme

Theme URI: http://jzone.ph

Description: Custom JZone Theme based on Thematic WP Theme Framework

Author: JZone Web

Author URI: http://jzone.ph/

Template: thematic

Version: 1.0

Tags: Thematic

.

Thematic is © Ian Stewart http://themeshaper.com/

.

*/



/* Reset browser defaults */

@import url('../thematic/library/styles/reset.css');



/* Apply basic typography styles */

@import url('../thematic/library/styles/typography.css');



/* Apply a basic layout */

@import url('../thematic/library/layouts/2c-r-fixed.css');



/* Apply basic image styles */

@import url('../thematic/library/styles/images.css');



/* Prepare theme for plugins */

@import url('../thematic/library/styles/plugins.css');





/* =Global Elements - modified for JZone WP theme

-------------------------------------------------------------- */



body, input, textarea {

	line-height:22px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	color: #FFFFFF;

}

body {

	background-attachment: fixed;

	background-color: #000099;

	background-image: url(images/jzone_bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}

p, ul, ol, dd, pre {

    margin-bottom:22px;

}

pre, code {

	font:14px Monaco, monospace;

	line-height:22px;

}

blockquote {

    color:#666;

    font-style:italic;

}

table {

    border:1px solid #ccc;

    border-width:1px 1px 0 1px;

    font-size:13px;

    line-height:18px;

    margin:0 0 22px 0;

    text-align:left;

}

caption {

    text-align:left;

}

tr {

    border-bottom:1px solid #ccc;

}

th, td {

    padding: .7em 1.25em;

}

hr {

    background-color:#ccc;

    border:0;

    color:#ccc;

    height:1px;

    margin-bottom:22px;

}

a:link {

	color:#FFFFFF;

	text-decoration: none;

}

a:visited {

	color:#CCCCCC;

}

a:active,

a:hover {

	color: #FFCC00;

	border-bottom: 1px solid;

}





/* =Header

-------------------------------------------------------------- */

#ccf_parent {

	background-image: url(images/ccf_bgstrip.png);

	background-repeat: repeat-x;

	background-position: left top;

	height: 74px;

}

#ccf_head {

	width: 960px;

	background-image: url(images/ccf_logo-jzoneweb.png);

	background-repeat: no-repeat;

	background-position: left top;

	height: 74px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#ccf_tag {

	background-image: url(images/ccf_makecommittedfollowers_tag.png);

	background-repeat: no-repeat;

	background-position: 75px top;

	height: 61px;

	width: 600px;

	float:left;

}

#header {

    z-index:2;

}

#branding {

	padding:0px;

	background-image: url(images/jzone_logo.png);

	background-repeat: no-repeat;

	background-position: left top;

	height: 90px;

}

#blog-title {

	font-family:Arial,sans-serif;

	font-size:34px;

	font-weight:bold;

	line-height:40px;

	text-indent: -999px;

}

#blog-title a {

    color:#000;

    text-decoration:none;

}

#blog-title a:active,

#blog-title a:hover {

    color: #FF4B33;

}

#blog-description {

    color:#666;

    font-size:13px;

    font-style:italic;

	text-indent: -999px;

}





/* =Menu

-------------------------------------------------------------- */

.menu {

    width:940px;

    margin:0 auto;

}



.skip-link {

    display:none;

}

#access {

    height:38px;

	font-size:13px;

	overflow:visible;

	z-index:100;

	padding-top: 15px;

	background-image: url(images/top_strip.png);

	background-repeat: no-repeat;

	background-position: center top;

}

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** THEMATIC SKIN ***/

.sf-menu {

	/*    border-right:1px solid #ccc;

*/	float:left;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 21px;

	text-transform: uppercase;

}

.sf-menu a {

/*	border-left:1px solid #ccc;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

*/	padding:5px 9px;

	text-decoration:none;

}

.sf-menu .current_page_item a,

.sf-menu .current_page_ancestor a,

.sf-menu .current_page_parent a {

    border-bottom-color:#fff;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#fff;

}

.sf-menu li {

	background:		#0A3367;

}

.sf-menu li li {

	background:		#006699;

	border-bottom:5px solid #000;	

}

.sf-menu li li li {

	background:		#006699;

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	outline:		0;

	color: #FF9900;

}

.sf-menu ul {

	border-top:5px solid #000;

	border-right:5px solid #000;

    border-left:5px solid #000;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	top:32px; /* overriding essential styles */

}

.sf-menu ul ul {

    margin-top:0;

}

.sf-menu ul a {

    background:#006699;

	border-bottom:none;

}

.sf-menu ul a:hover {

	color: #FF9900;

}





/* =Content

-------------------------------------------------------------- */



#main {

	clear:both;

    padding:5px 0 10px 0;

	width: 962px;

	background: #0A3367;	

}

#container {

    width:620px;

    float:left;

	margin-left: 15px;

}

#container ul {

	list-style-position: outside;

	list-style-type: square;	

}

.page-title {

    font-size:13px;

    line-height:18px;

    padding:0 0 30px 0;

}

.attachment .page-title {

    font-style:italic;

}

.page-title a {

    color:#666;

    text-decoration:none;

}

.page-title a:active,

.page-title a:hover {

    color: #FF4B33;

}

/*

.page-title span {

    font-style:italic;

} */

.page-title .meta-nav {

    font-style:normal;

}

.hentry {

    padding:0 0 22px 0;

}

.single .hentry {

    padding:0;

}

.home #content .sticky {

    border:1px solid #ccc;

    margin:0 0 66px 0;

    padding:22px 20px 0 20px;

}

.entry-title {

	font-family:Arial, sans-serif;

	font-size:26px;

	font-weight:bold;

	line-height:26px;

	padding:0 0 7px 0;

}

.entry-title a {

    color:#fff;

    text-decoration:none;

}

.entry-title a:active,

.entry-title a:hover {

	color: #FF9900;

}

.entry-meta {

	display:none;

    color:#666;

    font-size:13px;

    font-style:italic;

    line-height:18px;

}

.entry-meta .author {

}

.entry-meta .n {

    font-size:11px;

    font-style:normal;

    letter-spacing:0.05em;

    text-transform:uppercase;

}

.entry-meta a {

    color:#666;

    text-decoration:none;

}

.entry-meta a:active,

.entry-meta a:hover {

    color: #FF4B33;

}

.entry-meta abbr {

    border:none;

    cursor:text;

    font-size:11px;

    font-style:normal;

    letter-spacing:0.05em;

    text-transform:uppercase;

}

.entry-content {

    padding:10px 0 0 0;

}

.entry-content h1,

.entry-content h2 {

    font-family:Arial,sans-serif;

    font-size:19px;

    font-weight:bold;

    padding:15px 0 10px 0;

}

.entry-content h3 {

    font-size:17px;

    font-style:italic;

    padding:15px 0 10px 0;

}

.entry-content h4 {

    font-size:11px;

    font-family:Arial,sans-serif;

    font-weight:bold;

    text-transform:uppercase;

    letter-spacing:0.05em;

}

.entry-content table {

    margin-left:1px;

}

.entry-content embed {

    margin:0 0 22px 0;

}

.entry-content a {

	color: #FF9900;

	text-decoration: none;

}

.entry-content a:hover {

	color: #FF9900;

	border-bottom: 1px solid;

}

.entry-utility {

	color:#3399CC;

	font-size:13px;

	line-height:18px;

	margin:10px 0 30px 0;

}

.entry-utility a {

	color:#3399CC;

	font-style:italic;

	text-decoration:none;

}

.entry-utility a:active,

.entry-utility a:hover {

	color: #FF9900;

}

.page-link {

    font-size:13px;

    font-weight:bold;

    line-height:18px;

    margin:0 0 22px 0;

    padding:22px 0 0 0;

    word-spacing:0.5em;

}

.page-link a {

    border:1px solid #ccc;

    color:#666;

    font-weight:normal;

    padding:0.5em 0.75em;

    text-decoration:none;

}

.page-link a:active,

.page-link a:hover {

    color: #FF4B33;

}

ul#links-page,

ul#archives-page {

    list-style:none;

    margin-left:0;

    overflow:hidden;

}

li.content-column {

    float:left;

    margin-right:20px;

    width:45%;

}

.gallery {

    padding:0 0 22px 0;

}

.wp-caption-text,

.gallery-caption {

    color:#666;

    font-size:13px;

    line-height:18px;

}

#author-info {

    margin:0 0 44px 0;

    overflow:hidden;

}

#author-info .avatar {

    float:left;

    margin:.3em 1em 0 0;

}

#pagetitle-strip {

	width: 984px;

	margin: 0 auto;

}

#pagetitle-banner {

	text-transform: uppercase;

	background-image: url(images/pagetitle_strip_left.png);

	background-repeat: no-repeat;

	background-position: left top;

	height: 38px;

	width: 984px;

	color: #006699;

	padding: 8px 0 0 58px;

}



#pagetitle-banner h1.page-title {

	padding:0px;

	font-size:28px;

	font-weight: bold;

	line-height:26px;

}



/* =Attachments

-------------------------------------------------------------- */



.attachment-jpeg #container,

.attachment-png #container {

    width:100%;

}

.attachment-jpeg #content,

.attachment-png #content {

    width:930px;

}

.attachment-jpeg #comments,

.attachment-png #comments {

    width:540px;

    overflow:hidden;

}

.attachment-jpeg .main-aside,

.attachment-png .main-aside {

    display:none;    

}





/* =Navigation

-------------------------------------------------------------- */



.navigation {

    color:#666;

    font-size:13px;

    line-height:18px;

    margin:0px 0 22px 0;

    overflow:hidden;

}

.navigation a {

	color:#FFFFFF;

	font-style:italic;

	text-decoration:none;

}

.navigation a:active,

.navigation a:hover {

	color: #FFCC00;

}

.navigation .meta-nav {

    font-style:normal;

}

.nav-previous {

	float: left;

	width:50%;

}

.nav-next {

	float: right;

	width:50%;

	text-align:right;

}

#nav-above,#nav-below {

	width: 100%;

}

#nav-above {

    display:none;

}

.paged #nav-above {

    display:block;

    padding:0 0 44px 0;

}





/* =Comments

-------------------------------------------------------------- */



#comments {

    padding:22px 0 0 0;

}

#comments,

#comments input,

#comments textarea {

    font-size:13px;

    line-height:18px;

  /*  background: #ccc; */

}

#comments input {

  	color: #666666;

}

#comments code {

    font-size:12px;

    line-height:18px;

}

#comments h3 {

    font-family:Arial,sans-serif;

    font-size:15px;

    font-weight:bold;

    line-height:22px;

    padding:0 0 18px 0;

}

#comments-list {

    padding:0 0 18px 0;

}

#comments-list ol,

#comments-list ul {

    list-style:none;

    margin:0;

}

#comments-list ol {

    border:1px solid #ccc;

    border-bottom:none;

    margin:0 0 18px 0;

}

#comments-list li {

/*   background: #0A3367;  */

    border-bottom:1px solid #ccc;

    padding:18px 1.5em 0 1.5em;

    position:relative;

}

#comments-list li.alt {

/*    background:#fff; */

}

#comments-list li.bypostauthor {

 /*   background:#FFFFCC; */

}

#comments-list ul li {

    border:1px solid #ccc;

    margin:0 0 18px 0;

}

#comments-list li .avatar {

    position:absolute;

    top:22px;

    left:1.5em;

    width:36px;

    height:36px;

}

#comments-list .comment-author {

    font-weight:bold;

    padding:9px 0 0 46px;

}

#comments-list .comment-meta {

    color:#666;

    font-size:11px;

    padding:0 0 9px 46px;

}

#comments-list .comment-meta a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

#comments-list .comment-meta a:active,

#comments-list .comment-meta a:hover {

    color: #FF4B33;

}

.comment-reply-link {

    font-size:11px;

    padding:0 0 18px 0;

    text-align:right;

}

.comment-reply-link a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

.comment-reply-link a:active,

.comment-reply-link a:hover {

    color: #FF4B33;

}

.comment-navigation {

    font-weight:bold;

    padding:0 0 18px 0;

    margin-right:0.5em;

}

.comment-navigation a {

    border:1px solid #ccc;

    color:#666;

    font-weight:normal;

    padding:0.5em 0.75em;

    text-decoration:none;

}

.comment-navigation a:active,

.comment-navigation a:hover {

    color: #FF4B33;

}

.comment-navigation a,

.comment-navigation span {

    margin-right:0.5em;

}

#trackbacks-list .comment-content {

    position:absolute;

    left:-9000px;

}

#respond {

/*   background:#fff; */

    margin-bottom:10px;

    overflow:hidden;

    padding:18px 0 15px 0;

    position:relative;

	border-top:1px solid #3399CC;

	border-bottom:1px solid #3399CC;

}

#comments-list #respond {

    border-bottom:1px solid #ccc;

    margin:0 0 18px 0;

    padding:18px 1.5em;

}

#comments-list ul #respond {

    border:1px solid #ccc;

    margin:0;

}

#cancel-comment-reply {

    font-size:11px;

    position:absolute;

    top:18px;

    right:1.5em;

}

#cancel-comment-reply a {

    color:#666;

}

#respond .required {

    color:#FF4B33;

    font-weight:bold;

}

.form-section label {

    font-size:11px;

}

.form-section input {

    margin:0 0 18px 0;

    width:98%;

}

.form-section textarea {

    width:99%;

}

#form-allowed-tags p {

	color:#CCCCCC;

	font-size:11px;

	margin:0;

}

#form-allowed-tags span {

    font-style:italic;

}

#form-allowed-tags code {

    font-size:11px;

    line-height:normal;

}

.form-submit {

    padding:5px 0 0 0;

    text-align:right;

}

.subscribe-to-comments {

    color:#666;

    float:left;

    font-size:11px;

    margin:0;

    padding:18px 0 0 0;

}

.solo-subscribe-to-comments {

    color:#666;

    font-size:11px;

    padding:18px 0 0 0;

}

.comment_license {

    color:#666;

    clear:both;

    font-size:11px;

    margin:0;

    padding:18px 0 0 0;

}





/* =Asides, Sidebars & Widget-Ready Areas

-------------------------------------------------------------- */



.aside,

.aside input {

    font-size:13px;

    line-height:18px;

    margin-bottom:6px;

}

.aside p,

.aside ul,

.aside ol,

.aside dd,

.aside pre {

    margin-bottom:18px;

}

.aside pre,

.aside code {

    font-size:12px;

    line-height:18px;

}

.aside .current_page_item a {

	color: #FF9900;

}

.aside .current_page_item .page_item a {

    color:#fff;

}

.aside .current_page_item .page_item a:hover,

.aside .current_page_item .page_item a:active {

    color: #FF9900;

}

.aside {

	color:#FFFFFF;

}

.aside a {

	color:#FFFFFF;

	text-decoration:none;

}

.aside a:active,

.aside a:hover {

	color: #FF9900;

	border-bottom: 1px solid;

}

.aside h3 {

	font-size:18px;

	line-height:22px;

	font-weight: bold;

}

.aside h3 a {

    text-decoration:none;

}

.aside caption {

    font-size:11px;

    font-family:Arial,sans-serif;

    font-weight:bold;

    text-transform:uppercase;

    letter-spacing:0.05em;

}

.aside ul {

    list-style:none;

    margin-left:0;

}

.aside ul ul {

	margin:0 0 22px 15px;

	list-style-type: square;

}

.aside ul ul li {

    padding:1px 0;

}

.aside ul ul ul {

    margin-bottom:0;

}

.aside form,

.aside table {

    margin-bottom:22px;

}

.aside table {

    border:none;

}

.aside thead {

    border:1px solid #ccc;

}

.aside tbody {

    border:1px solid #ccc;

}

.aside th, .aside td {

    border-right:1px solid #ccc;

    padding:.25em .8em;

}

.aside tfoot tr {

    border:none;

}

.aside tfoot td {

    border-color:transparent;

}

.widget_tag_cloud {

    margin:0 0 22px 0;

}

.aside #searchsubmit {

	display: none;	

}

#header #searchsubmit {

	display: none;	

}

#header #searchform {

	float: right;

	margin-top: 22px;

}

#header #searchform input {

	font-size: 11px;

	padding: 0 0 0 25px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color: #999999;

	width: 190px;

	background-color: #333333;

	background-image: url(images/searchbg.png);

	height: 25px;

	background-repeat: no-repeat;

	border: 0;

}



/*

    Main Asides

*/

.main-aside ul {

    padding:0 20px;

}

.main-aside h3 {

}

.main-aside ul ul {

    padding:0;

}

#primary {

    border:0;

    padding:18px 0 0 0;

    margin-bottom:22px;

}

/*

    Content Asides

*/

#content .aside {

    border:1px solid #ccc;

    margin:0 0 22px 0;

    padding:18px 0 0 0;

}

#content .aside ul {

    padding:0 20px;

}

#content .aside h3 {

    font-family:Georgia,serif;

    font-weight:normal;

    font-size:17px;

    font-style:italic;

    padding:0 0 7px 0;

    text-transform:none;

}

#content .aside ul ul {

    padding:0;

}

/*

    Footer Asides

*/

#subsidiary {

    padding:33px 0 0 0;    

}





/* =Footer

-------------------------------------------------------------- */



#footer {

	margin-top:0px;

	background-image: url(images/footer_strip.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 52px;

}

#siteinfo {

	color:#FFFFFF;

	font-size:11px;

	line-height:18px;

	padding:25px 0 44px 0;

	text-align: center;

}

#siteinfo a {

	color:#fff;

	text-decoration: none;

}

#siteinfo a:active,

#siteinfo a:hover {

	color: #003366;

}

#footer-links {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	width: 962px;

	margin: 0 auto;	

	padding: 12px 0 0 160px;

}

#footer-menu a {

	color: #FFFFFF;

	text-decoration: none;

}

#footer-menu a:hover {

	color: #FF9900;

	text-decoration: none;

	border-bottom: 1px solid;

}





/* =PageNavi

-------------------------------------------------------------- */



/* Using !important to override PageNavi CSS */



.wp-pagenavi {

    margin:0 0 0 -.5em;

    padding:0.5em 0;    

}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {

    border:1px solid #ccc !important;

    color:#666!important;

    font-style:normal;

    margin:0 .375em !important;

    padding:0.5em 0.25em !important;

}

.wp-pagenavi a:visited {

    border:1px solid #ccc !important;

    color:#666 !important;

}

.wp-pagenavi a:hover {

    border:1px solid #ccc !important;

    color:#FF4B33 !important;

}

.wp-pagenavi a:active {

    border:1px solid #ccc !important;

    color:#FF4B33 !important;

}

.wp-pagenavi span.pages {

    border:none !important;

    color:#666 !important;

    margin:0 !important;

    padding:0 !important;

}

.wp-pagenavi span.current {

    border:none !important;

    color:#666 !important;

    font-weight:normal !important;

    margin:0 !important;

    padding:0 !important;

}

.wp-pagenavi span.extend {

    background-color:#FFFFFF;

    border:1px solid #000000;

    color:#000000;

    margin:2px;

    padding:2px 4px;

}



/* -------- custom main container for front page ---------------- */

#main-front {

    width:960px;

    margin:0 auto;

    overflow:hidden;

    /*position:relative;*/

}

#container-front {

    width:960px;

	padding: 0px;

	margin:0px;

}

#content-front {

    margin:0 auto;

    width:918px;

    overflow:hidden;

}