/*
Theme Name: Caa
Theme URI: http://#
Description: standard Web 2.0 CUstomed Web Blog
Author: Wela
Author URI: http://neosystem3.com
Tags:  Cass,  blog, web, marketing
*/
*{	border:none; padding:0; margin:0;  } /* RESET ELEMENTS */

/*	###############################################################################
	COMMON CLASSES 
	############################################################################### */

.clear{clear:both;}
.center { text-align: center; }
.aligncenter,div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { display: inline; padding: 4px;	margin: 0 0 2px 7px; }
img.alignleft {	display: inline; padding: 4px;	margin: 0 7px 2px 0; }
.alignright { float: right;	}
.alignleft  { float: left;	}
.hidden { display: none; }

/*	###############################################################################
	HTML	
	############################################################################### */
body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color:#f2f1ed;
	color: #333; margin-top:20px;
	text-align: center; 
	line-height:1.5; background:url(images/main.jpg) top left repeat-x #DBDBDB;
	}
a:link, a:visited { text-decoration:none; color:#086FD4; }
a:hover {text-decoration: underline;color: #086FD4; }
a img {	border: none; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	}
h1 { font-size: 4em; text-align: center; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }

input, textarea
{
border-top-width: 1px;

border-right-width: 1px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 1px;

border-left-width: 1px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: solid;

border-right-style: solid;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: solid;

border-left-style: solid;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: #0066ff;

border-right-color: #0066ff;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: #0066ff;

border-left-color: #0066ff;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

padding-top: 5px;

padding-right: 5px;

padding-bottom: 5px;

padding-left: 5px;

margin-top: 4px;

margin-right: 4px;

margin-bottom: 4px;

margin-left: 4px;
}
select { width: 130px;	}
small {	font-family: Arial, Helvetica, Sans-Serif; font-style:oblique;	font-size: 12px; color:#333333; }
acronym, abbr, span.caps { cursor: help; }
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote { margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }

/*	###############################################################################
	@MAINDIVS	
	############################################################################### */
#topbg{ /* background: url('images/topbg.jpg') no-repeat top center; */ }	
#page-wrap{
	/* background: #73a0c5 url('images/header.jpg') no-repeat bottom center; */
	width:905px;
	text-align: left;		
	margin:0 auto;
	
}
#header-wrap { background: #73a0c5 url('images/header.jpg') no-repeat top center;	height:173px;}
#header{padding:1px 0 0 40px;}
	
#middle{ height:100%; background: url('images/content-bg.gif') repeat-y top left;  }
#middle-topbg{ height:100%; padding:0px 0 0 0; }


.content-wrap { float:left;	width:535px; padding:20px 20px 0 20px;  }
.content{ color:#000000;}	
.content p{padding-left:10px;}
.sidebar-wrap{ float:left; width:310px; text-align:left; margin:0 auto;}
.sidebar{padding:10px 0px 10px 7px;  }
#page-d {}

#footer {background:url(images/footer.jpg) no-repeat center top; text-align:left;height:54px; 	}
#footer p{ padding:20px 0 0 20px; text-align:center; color:#000000; font-weight:500;}
.rss {width:203px; float:right; padding:15px 0 0 0;}
/*	###############################################################################
	@HEADER-AREA	
	############################################################################### */
#header h1{ text-align:left;}
#header p{}	
#menubar{background:url(images/menu.gif) no-repeat left top; margin:0;	text-align:right;	}

.menu{
	width:890px;
	float:left;
	height:52px; padding:0px 0 0 10px; 
	text-align:right;
	
}
.menu ul { list-style: none; float: left;margin-left: 0px; text-align:right;}
.menu ul li { float: left;	margin-left: 0px; margin-right:2px; text-align:right; }
.menu ul li a, .menu ul li a:link{
	text-align:center;
	color: #4E4E4E;
	text-decoration: none;
	width:auto;
	font: bold 14px Arial;
	display: inline-block;
	height:37px;
	padding:15px 10px 0 10px ;
	background:url(images/hvr1.jpg) right top no-repeat;	
	
	
}
 	 
.menu ul li a:hover, .menu ul li.current_page_item a {color: #0A470A; text-decoration:none; 
	
	
	}

/*	###############################################################################
	@search-area	*/
.header-top {background-image:url(images/top.jpg); background-repeat:no-repeat; height:59px;}
#search-wrap{float:right;width:240px; background:url(images/search-in.jpg) left top no-repeat;padding:15px 0 0 0px;}	
.s-wrap{float:left; padding:0px 0 0 0px;}
#s { width:170px; height:20px; margin-right:10px; padding:2px 5px 0px 5px; color:#000000; border:0px;}
#searchsubmit {}
#searchform {padding:7px 0 0 5px; background:url(images/search.jpg) no-repeat left top; height:28px}

/*	###############################################################################
	@SIDEBAR-area	*/
	
/*sidebar list level1 */

.sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
}
	
.sidebar ul {margin: 0;	padding: 0;}
.sidebar ul li { /*  mao ni ang title katong naa sa h2  */
	list-style: none;
	margin-bottom: 0px;
	padding: 0;
	
	
}	
.sidebar ul li h2{
	background:url(images/side-dot.gif) center left no-repeat;
	height:25px;
	padding:3px 0 0 35px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	color:#99c555; font-weight:bold; margin:20px 0 0 0;
}
/*sidebar list level2 */
.sidebar ul li ul {	padding: 0;	margin: 0; }
.sidebar ul li ul li{
	padding: 4px 0px 0px 16px;
	border:none;	
	background: url(images/mini-blogroll.gif) no-repeat; 
	
}
.myform {
	width:500px; text-align:left; padding:10px;
}
.myform input, textarea {border: 1px solid #eebe00; padding:5px; margin:4px;}
.myform textarea {border: 1px solid #eebe00; padding:5px; margin:4px;}
/*sidebar list level3 */
.sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}

/*to target li level2 exL: blogroll*/
ul li.linkcat ul li{
	background: url(images/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}

/*	###############################################################################
	@optin-area	
	############################################################################### */
.optin{	height:80px; padding:76px 0 0 0px; margin:0 auto 0px auto; text-align:left; background:url(images/optin.jpg) no-repeat top left; width:306px; margin:15px 0 0 0; }
.optin table td{padding:0px 0 4px 20px; }
.optin input{
	padding:5px;
	 background-color:#ffffff; color:#000000; border:1px solid #666666; font-size:12px; font-weight:normal; width:215px; 
}
.optin p{ padding:0px 0 10px 0;}
.optin .submit{width:117px;
	height:35px;
	background:url(images/spacer.gif);
	cursor:pointer;
	border:none; margin:1px 0 0 0;} 
.optin-bg{padding:0px 10px 0 10px;}
/*	###############################################################################
	@POSt-area	
	############################################################################### */
.sidebox {border: #01aeef 1px solid; background:#FFFFFF; width:283px; padding:5px 2px 10px 2px; margin:20px auto;}
.recent {background:#D8F2D7 url(images/post.jpg) top left no-repeat; width:278px; padding:55px 2px 10px 12px;  width:292px;}	
.recent li {padding:0 0 0 10px; list-style:none; }

	
.post{margin-bottom:20px;}

.post h2{ padding:6px; color:#055983;}
.postmetadata-top{ margin-bottom:10px; margin-top:30px;}
.postmetadata{ 
	margin:4px 10px 2px 10px; padding:4px;
	background:#F4FCFF; 
	border-top:1px solid #E1DDDE; 
	border-bottom:1px solid #E1DDDE;
	
}

/* End post */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
.entry {color:#000000; margin-bottom:10px;}
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 0px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, .sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}






/* Begin Form Elements */

.entry form { 
	text-align:center;
	}


/*	###############################################################################
	@Comments-area	
	############################################################################### */

/* ####################################################
	comments */

#commentform input { width: 170px; }
#commentform { margin: 0 0 0 0;	}
#commentform textarea {	width:98%; padding: 0px; }
#commentform #submit { margin: 4px;	}
#commentform p { margin: 0;}
.alt {	margin: 0; padding: 10px; }

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }



.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */




/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	margin-left:64px;
	}
/* End Various Tags & Classes*/



/* Captions */


.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


		
/* End Form Elements */	


.sidebox-pad{}
.postdate { color:#80b62a; padding:0 0 0 10px;	}
.postdate h3{color:#000000; font-size:12px;}
.post-title-box{
	float:left;
	width:100%;
	
}
.post-title-box h2{ 
	
}
.postmeta-top{padding-bottom:10px; background-image:url(images/line.jpg); background-repeat:no-repeat; background-position:bottom center;}
.titlepost1 a {
	color:#0261b1;
}
.titlepost1 {
	float:left;
	width:525px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	margin:0 0 10px 0;
}
.formpad {margin:70px 10px 2px 15px;
			color:#ffffff;}

#fm {width:400px; float:left;}
#fm li {
	list-style-image:none;
	display:block;
	list-style-type: none;
	float:left;
	text-align:center;}
	
#fm li a, #fm li a:link{
	text-align:center;
	color: #1c1906;
	text-decoration: none;
	width:auto;
	font:bold 12px tahoma;
	display: block;
	height:38px;
	background-image:url(images/hvr.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding:25px 10px 0 10px;	
	
	
}
#fm li a:hover { 
	color: #ffffff; text-decoration:none; 
	background-image:url(images/hvr.gif);
	background-repeat:no-repeat;
	background-position:right top;
	 }
	 
#fm li.current_page_item a {color: #ffffff; text-decoration:none; 
	background-image:url(images/hvr.gif);
	background-repeat:no-repeat;
	background-position:right top;}
.content h2 {padding-left:10px;}
.content h3 {padding-left:10px;}
.content-box {	}
#footer p a:link {color:#ffffff; text-decoration:none;}
#footer p a:hover {color:#a4380e; }
#footer p a:active {color:#a4380e;}
#footer p a:visited {color:#ffffff;}



.optin2 {
	padding:6px;
	width:250px;
	border: 1px solid #333333;
	margin:0 20px 0 0;
}
.myform {
	width:500px; text-align:left; padding:10px;
}
.myform input, textarea {border: 1px solid #0066FF; padding:5px; margin:4px;}
.myform textarea {border: 1px solid #0066FF; padding:5px; margin:4px;}

#footer-wrap {width:905px; margin:0 auto}	

.rssfeed {margin:0;
.myspace {padding:5px 0 5px 0;}
.style3 {
font-family: Arial;
	color: #000000;
}
.style4 {
	color: #000000;
	font-size: 14px;
	font-family: Arial;
}
.style8 {
font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}
.style10 {font-family: Arial;}
.style12 {font-family: Arial; font-weight: bold; }
.style13 {font-size: 15px; font-weight: bold;}
.style14 {font-family: Arial; font-size: 12px; }
.d1 {width: 906px; height: 367px; padding: 0px; font-size: 14px; font-weight: bold; background: url(images/header.jpg) 100% 0%;  		
}
.style1 {font-size: 12}
.style15 {	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.pictures img {width:466px; hieght:345px;}
.pictures {padding:10px;}