/***********************************
	base--18px
***********************************/
/**
 * 18px Stylesheet
 * Sets up 18px line heights and margins
 *
 * @since 0.3
 * @package Hybrid
 * @subpackage CSS
 */

/* Reset values */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: none;
	font-size: 100%;
	background: transparent;
	border: none;
	text-decoration: none;
	}

/*
* Get rid of deprecated and non-semantic elements
* These elements should not be used and replaced with proper alternatives
*/
b, i, hr, u, center, menu, layer, s, strike, font, xmp {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	background: transparent;
	border: none;
	text-decoration: none;
	}
font {
	color: #333;
	}
center {
	text-align: left;
	}

/* End deprecated elements */

/* Body */
body {
	line-height: 21px;
	font-family: Cambria, Georgia, Times, "Times New Roman", serif;
	color: #333;
	background: #fff;
	}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0 0 18px 0;
	}
h1 {
	font-size: 1.8em;
	}
h2 {
	font-size: 1.7em;
	}
h3 {
	font-size: 1.55em;;
	}
h4 {
	font-size: 1.4em;
	}
h5 {
	font-size: 1.25em;
	}
h6 {
	font-size: 1.1em;
	}

/* Paragraphs */
p {
	margin: 0 0 18px 0;
	}

/* Lists */
ol, ul {
	list-style: none;
	}
ul {
	list-style: disc;
	margin: 0 0 18px 2.5em;
	}
ol {
	list-style-type: decimal;
	margin: 0 0 18px 3em;
	}
ol ol {
	list-style: upper-roman;
	}
ol ol ol {
	list-style: lower-roman;
	}
ol ol ol ol {
	list-style: upper-alpha;
	}
ol ol ol ol ol {
	list-style: lower-alpha;
	}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	}
dl {
	margin: 0 0 18px 3px;
	}
dl dt {
	font-weight: bold;
	margin: 12px 0 0 0;
	}
dl dd {
	margin: 6px 0 0 1.5em;
	}

/* Text elements */
strong {
	font-weight: bold;
	}
strong strong {
	font-weight: normal;
	}
em, cite {
	font-style: italic;
	}
em em, cite cite {
	font-style: normal;
	}
abbr {
	cursor: help;
	}
acronym {
	text-transform: uppercase;
	border-bottom: 1px dashed #666;
	cursor: help;
	}
big {
	font-size: 120%;
	}
small, sup, sub {
	font-size: 80%;
	}
sup {
	vertical-align: baseline;
	position: relative;
	bottom: 0.3em;
	}
sub {
	vertical-align: baseline;
	position: relative;
	top: 0.3em;
	}
address {
	font-style: italic;
	margin: 0 0 18px 0;
	}
li address, dd address {
	margin: 0;
	}

/* Blockquotes */
blockquote {
	margin: 0 2.5em;
	font-style: normal;
	}
blockquote em, blockquote cite {
	font-style: italic;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}

/* Links */
a {
	cursor: pointer;
	}
a img {
	border: none;
	}

/* Code */
pre {
	overflow: auto;
	font: .9em Monaco, monospace, Courier, "Courier New";
	line-height: 18px;
	margin-bottom: 18px;
	padding: 9px;
	}
code {
	font: .9em Monaco, monospace, Courier, "Courier New";
	}
pre code {
	font-size: 1em;
	}

/* Delete and insert */
ins, dfn {
	font-style: italic;
	text-decoration: none;
	border-bottom: 1px solid #666;
	}
del {
	text-decoration: line-through;
	}

/* Object */
object {
	margin-bottom: 18px;
	}

/* Forms */
input, textarea {
	font-size: 1em;
	font-family: Cambria, Georgia, Times, "Times New Roman", serif;
	padding: 3px;
	}
:focus {
	outline: none;
	}
form label {
	cursor: pointer;
	}
option {
	padding: 1px 3px;
	}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 18px;
	}
th, td {
	text-align: left;
	}

/* Horizontal rule */
hr {
	margin-bottom: 18px;
	}

/* WP Smiley */
img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}

/* WP Gallery [gallery] */
.gallery {
	display: block;
	text-align: center;
	margin-bottom: 18px !important;
	}

/* Alignment */
.alignleft, .left {
	float: left;
	margin-right: 15px;
	}
.alignright, .right {
	float: right;
	margin-left: 15px;
	}
.aligncenter, .center {
	display: block;
	margin: 0 auto 18px auto;
	}
.alignnone, .block {
	clear: both;
	margin: 0 0 18px 0;
	}
.clear {
	clear: both;
	}
img.alignleft, img.alignright {
	display: inline;
	}


/***********************************
	layout--2c-l-fixed-750
***********************************/
body{
	padding-bottom:30px;/*fix gap in ie*/
}
#body-container{
	margin:30px auto 0;
	width:750px;
}
#container{
	width:750px;
}
#site-title{
	width:750px;
	height:120px;
}
h1#site-title{
	margin-bottom:0;
}
#site-title a{
	display:block;
	height:120px;
}
.content{
	padding-left:20px;
	width:530px;
	float:left;
}
.no-widgets .content{
	width:710px;
	float:none;
}
#primary, #secondary{
	float:left;
	padding-top:15px;
	padding-left:10px;
}
.widget{
	margin-bottom:20px;
	width:170px;
}
#footer{
	height:45px;
	clear:both;
}


/***********************************
	plugins_1--plugins
***********************************/
/**
 * Plugins Stylesheet
 * Sets up default styles for  the support plugins
 *
 * @since 0.3
 * @package Hybrid
 * @subpackage CSS
 */

/* WP PageNavi (plugin) */
.wp-pagenavi .pages {
	margin: 2px 3px 2px 0;
	font-style: italic;
	}
.wp-pagenavi .current {
	margin: 2px;
	padding: 1px 6px;
	font-weight: bold;
	}
.wp-pagenavi .extend {
	margin: 2px;
	}
.wp-pagenavi a {
	margin: 0 2px;
	padding: 1px 6px;
	font-style: italic;
	border: 1px solid #ccc;
	}

/* WP Email */
.WP-EmailIcon {
	padding: 0;
	margin: 0;
	border: none;
	}

/* Comment License */
.comment_license {
	font-style: italic;
	}

/* WP Stats */
img#wpstats {
	overflow: hidden !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	}

/* Easy Contact */
.contact-form {
	margin-bottom: 21px;
	}
.contact-form legend {
	display: none;
	}
.contact-form .form-input input {
	display: block;
	margin-bottom: 6px;
	padding: 3px 6px;
	width: 300px;
	}
.contact-form label {
	font-size: .9em;
	}
.contact-form textarea {
	width: 97%;
	margin-bottom: 6px;
	padding: 6px;
	}
.contact-form .form-option {
	margin-bottom: 6px;
	}
.contact-form .button {
	width: 100px;
	margin-right: 9px;
	padding: 6px 9px;
	}
.contact-form .button:hover {
	cursor: pointer;
	}


/***********************************
	plugins_2--plugins
***********************************/
/* gallery */
.gallery {
	margin: auto;
	}
.gallery-item{
	float:left;
	margin-top:10px;
	padding-top:10px;
	text-align:center;
	margin-left:0; /*reset dl*/
}
.col-1 dl{width:100%;}		.col-2 dl{width:50%;}		.col-3 dl{width:33%;}	.col-4 dl{width:25%;}	.col-5 dl{width:20%;}
.col-6 dl{width:16%;	}		.col-7 dl{width:14%;}		.col-8 dl{width:12%;}	.col-9 dl{width:11%;}	.col-10 dl{width:10%;}
.gallery img{
	border:none;
}
.gallery-caption{
	font-weight:bold;
	margin-left:0;
	margin-top:0;
}

/* attachment_list */
/*.attachment_list {
	 margin:0;
	padding:10px 0 0 20px;
}*/
.attachment_list li {
	/*
	margin-top:5px;
	margin-lef 10px;
	font-size:1em;
	margin:10px 0 0;
	*/
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.attachment_list li a {
	display:block;
	padding-left:20px;
	padding-top:1px;
	height:16px;
	background-repeat:no-repeat;
	background-image:url(../_excel_.png);

	background-position:0% 50%;
	line-height:16px;
}
.attachment_list li p {
	padding-left:20px;
	font-size:.9em;
}
.attachment_list .zip a, .attachment_list .gz a, .attachment_list .gzip a, .attachment_list .bz a, .attachment_list .bz2 a, .attachment_list .rar a, .attachment_list .tgz a, .attachment_list .tar-gz a, .attachment_list .tar a, .attachment_list .gtar a, .attachment_list .cab a {
	background-image:url(../images.i/_zip.png);
}
.attachment_list .pdf a {
	background-image:url(../images.i/_acrobat.png);
}
.attachment_list .as a {
	background-image:url(../images.i/_actionscript.png);
}
.attachment_list .html a {
	background-image:url(../images.i/_code.png);
}
.attachment_list .cfm a, .attachment_list .cfml a {
	background-image:url(../images.i/_coldfusion.png);
}
.attachment_list .java a, .attachment_list .jar a, .attachment_list .jad a, .attachment_list .jav a {
	background-image:url(../images.i/_cup.png);
}
.attachment_list .sql a {
	background-image:url(../images.i/_database.png);
}
.attachment_list .xls a {
	background-image:url(../images.i/_excel.png);	
}
.attachment_list .fla a, .attachment_list .swf a {
	background-image:url(../images.i/_flash.png);
}
.attachment_list .fh3 a, .attachment_list .fh4 a, .attachment_list .fh5 a, .attachment_list .fh6 a, .attachment_list .fh7 a, .attachment_list .fh8 a, .attachment_list .fh9 a, .attachment_list .fh10 a {
	background-image:url(../images.i/_freehand.png);
} 
.attachment_list .php a, .attachment_list .phps a, .attachment_list .php4 a, .attachment_list .php5 a {
	background-image:url(../images.i/_php.png);
}
.attachment_list .ppt a {
	background-image:url(../images.i/_powerpoint.png);
}
.attachment_list .rb a, .attachment_list .rbs a, .attachment_list .rhtml a {
	background-image:url(../images.i/_ruby.png);
}
.attachment_list .txt a, .attachment_list .rtf a {
	background-image:url(../images.i/_text.png);
}
.attachment_list .doc a {
	background-image:url(../images.i/_word.png);
}
.attachment_list .ai a, .attachment_list .svg a {
	background-image:url(../images.i/_vector.png);
}
.attachment_list .jpg a, .attachment_list .gif a, .attachment_list .png a, .attachment_list .bmp a, .attachment_list .psd a {
	background-image:url(../images.i/_picture.png);
}

/* slider */
#slider {
	width:470px; /* image width */
	height:300px; /* image width */
	overflow:hidden; /* important */
		margin:0 auto 7px;
		border:1px solid #4c4c4c;
		background-color: #4c4c4c;
}
#slider ul, #slider li {
	list-style-type:none;
	margin:0;
	padding:0;
}
#slider ul#sliderContent {
	top:0; /* important */
	width:470px; /* image width or wider */
}
#slider ul li.sliderImage {
	display:none; /* important */
	float:left; /* important */
}
#slider ul li span {
	background-color:#000;
	color:#fff;
	display:none; /* important */
	font-weight:bold;
	padding:10px 15px;
	position:absolute; /* important */
	width:440px; /* image width minus left and right padding. Needed for IE */
	filter:alpha(opacity=70); /* opacity of box with text */
	-moz-opacity:0.7; /* opacity of box with text */
	-khtml-opacity:0.7; /* opacity of box with text */
	opacity:0.7; /* opacity of box with text */
		margin-top:262px;
}
#slider ul li a {
	display:block;
	width:470px;
	height:300px;
	text-align:center;
}
#slider ul li a img{
	width:470px;
	height : auto;
}
#slider ul li a img {
	width:auto;
	height : 300px;
}

/* tabs */
#tabs {
	padding-top:1px;/*20*/
}
#tabs ul.tabs-ul {
	margin:0;
	border-bottom:1px solid #ddd;
	float:right;
	padding-top:4px;
	width:600px;
	width:460px;
}
#tabs ul.tabs-ul li {
	list-style:none;
	margin-left:8px;
}
* html #tabs ul.tabs-ul li {
	display:inline; /* ie6 double float margin bug */
}
#tabs ul.tabs-ul li,
#tabs ul.tabs-ul li a {
	background:#f3f3f3;
	float:left;
}
#tabs ul.tabs-ul li a {
	color:#0073bf;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
}
#tabs ul li.active {}
#tabs ul.tabs-ul li.active a {
	background:#ddd;
	color:#333;
}
#tabs div.tabs-div {
	clear:both;
	/*min-height:200px;*/
	padding-top:10px;
}
#tabs div.tabs-div h3 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.25;
	margin-bottom:1.25em;
}

/* wpcf */
#wpcf #copy{ width:auto; }
#wpcf p.button{ text-align:left; padding-left:175px; }
#wpcf p.button input{ width:auto; margin:auto 5px; }
#wpcf .error{ background-color:#ffff00 }
#wpcf p.alert{ color:#ff0000; font-weight:700; text-align:center; padding-top:5px; padding-bottom:10px; }

fieldset#wpcf{
	border:1px solid silver;
}
#wpcf p{
	margin-bottom:5px;
	clear:left;
	text-align:left;
}
#wpcf label{
	padding-right:10px;
	float:left;
	text-align:right;
	width:170px;
}
#wpcf input,#wpcf textarea{
	width:200px;
}
#wpcf input#wpcf_cc,#wpcf select,#wpcf input.contactbutton{
	width:auto;
}
#wpcf textarea{
	width:300px;
}

#wpcf p.button{
	border:none;
	width:200px;
}


/***********************************
	default--screen
***********************************/
/* Body */
body {

	/* from blueprint css */
	font-size:75%;
	color:#222;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;

	text-align:center;
	background-color:#333;
	}

/* Body container */
#body-container {

	background-color:#fff;
	text-align:left;
	}

/* Links */
a {

	color:#cc0000;
	}
a:visited {
	}
a:hover, a:active {
	}
a:active {
}
a:hover {
	color:#ff6600;
}
a:visited {
}
#footer a{
	color:#222;
	text-decoration:none;
}
#footer a:hover{
	color:#000;
	text-decoration:underline;
}

/* Headers */
h2, h3, h4, h5, h6 {
	}
h2 {
	}
h3 {
	}
h4 {
	}
h5 {
	}
h6 {
	}
h1, h2, h3, h4, h5, h6 {
	color:#111;
}

/* Lists */
ul {
	}

/* Blockquotes */
blockquote {
	}
blockquote blockquote {
	}
blockquote em {
	}

/* Code */
pre {
	}
code {
	}
pre code {
	}

/* Tables */
table {
	}
caption {
	}
td, th {
	}
th {
	}

/* Drop caps */
.drop-cap {
	}

/* Notes */
.note {
	}

/* Warnings/Alerts */
.warning, .alert {
	}

/* Errors */
.error {
	}

/* Downloads */
.download {
	}

/* Breadcrumb */
.breadcrumb {
	margin: 0 0 30px 0;

	margin: 0 0 10px 0;
	}
.breadcrumb a {
	text-decoration: none;
	}
.breadcrumb a:hover {
	}

/* Images */
.post img {
	max-width: 568px;
	padding: 5px;
	border: 1px solid #ccc;
	}

.thumbnail {
	}

/* Captions [caption] */
.wp-caption {
	}
.wp-caption .wp-caption-text {
	}
.wp-caption img {
	}

/* Gallery [gallery] */
.gallery img {
	}

/* Avatars */
.avatar {
	}

/* Header */
#header {
	}

/* Blog title */
#site-title {

	}
#site-title a {
	}
#site-title a span{
	display:none;
}

/* Blog description */
#site-description {
	}

/* Navigation */
#navigation {
	}
#page-nav li {
	}
#page-nav li li {
	}
#page-nav li a {
	}

/* Drop-downs style */
#page-nav li:hover ul, li.sfHover ul {
	}
#page-nav li li a {
	}
#page-nav li ul {
	}
#page-nav li li:hover ul, li li.sfHover ul , #page-nav li li li:hover ul, li li li.sfHover ul  {
	}
#page-nav li li li {
	}

/* Container (wraps content, primary, and secondary) */
#container {
	}

/* Main content */
.content {
	}
.no-widgets .content, .page-template-no-widgets .content {
	}

/* Posts */
.post {
	}
.single .post, .attachment .post, .page .post {
	}

/* Archive information */
.author-info, .author-profile, .date-info, .category-info, .tag-info, .search-info, .taxonomy-info {/* weird, what abot heading, one by one ? */
	}

/* Entry title */
.entry-title {

	padding-bottom:1px;
	border-bottom:1px solid #333;
	font-weight:bold;
	}
.archive .entry-title, .search .entry-title {/* maybe need to add for ho tile entry too */

	border-bottom:none;
	}
.page-title, .attachment-title {
	}
h2.page-title {
	font-size:1.8em;
}
.entry-title a {

	text-decoration:none;
	}

/* Byline */
.byline {
	font-style: italic;
	}
.archive .byline, .search .byline {
	}
.byline .byline-prep {
	}

/* Entry content */
.entry-content {
	}
.entry h2{
}
.no-widgets p.home-image {
	margin-left:23px;
	margin-bottom:0;
}
.no-widgets p.home-image img {
	margin-right:23px;
}

/* Entry metadata */
.entry-meta {
	font-style: italic;
	}

/* Page links (multiple-paged posts) */
p.pages a {
	}

/* Navigation links */
.navigation-links {
	}
.navigation-links .previous {
	}
.navigation-links .next {
	}

/* WP Pagenavi plugin */
.wp-pagenavi {
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	}

/* Widgets */
.widget {

	padding-top:12px; /* bgtop height */
	background:url('images/nav-top.gif') no-repeat center top;
	}
.widget a {

	text-decoration:none;
/* a li */
	background-color: white;/* dunno how, but it work for fix problem overlap text, don't event know how to spell in english :) */
	}
.widget a:hover {
	color: #d54e21;
	}

/* Widget titles */
.widget-title {

	margin:0 12px 0 10px;
	padding:3px 0 1px 2px;
	border-bottom: 1px solid #999;
	}
.widget .widget-inside {
	background:url('images/nav-middle.gif') repeat-y center center;
}
.widget ul {
	margin-bottom:0; /* z */
	margin-left:0; /* z */
	padding-bottom:8px;
	list-style-type:none; /* z */
	background:url('images/nav-bottom.gif') no-repeat center bottom;
}
.widget ul ul {
	padding-bottom:0; /* r */
	background-image:none; /* r */

	margin-top:2px; /*n */
	margin-bottom:-3px;
	border-top:1px solid #999;
}
.widget  li {
	font-weight:bold;
	line-height:18px;
	margin-right:12px;
	margin-left:10px;
	padding:3px 0 3px 3px;
	border-bottom:1px solid #999;
}
.widget  li li {
	margin:0 0px 0 0px;
	padding:3px 0 3px 9px;
}

/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
	}

/* Comments template */
#comments-template {
	}

/* Comment headers */
.comments-header {
	}

/* Comments are closed */
.comments-closed {
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	border: 1px solid #ccc;
	}
#comments li li, #comments li li li li {
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment meta data */
.comment-meta-data {
	margin: 10px 0 21px 0;
	}
.comment-author {
	}
.comment-reply-link, .permalink, .comment-edit-link {
	}

/* Comment text */
.comment-text {
	clear: left;
	margin: 0 15px;
	}

/* Form */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 97%;
	}
#comments-template label {
	}

/* Respond textarea */
textarea {
	width: 98%;
	}

/* Submit and rest buttons */
.button, .submit, .reset {
	width: 100px;
	margin-right: 15px;
	padding: 7px 15px 8px 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
.button:hover, .submit:hover, .reset:hover {
	cursor: pointer;
	background: #f9f9f9;
	}

/* Footer container */
#footer-container {
	}

/* Subsidiary */
#subsidiary {
	}

/* Footer */
#footer {

	text-align:center;
	background:url('images/footer.jpg') no-repeat center bottom;

	padding-left:21px;
	padding-right:21px;
	}
#footer p {
	line-height:350%;
	margin-bottom:0; /* ie */
}
#footer .copyright {
	float: left;
	}
#footer .credit{
	float:right;
}#site-title {
	background:url(http://ctlcjatim.com/wp-content/themes/ctlcjatim/images/logo.jpg) no-repeat center center;
	}