/*
	Theme Name: Light w/ Color Changer
	Theme URI: http://www.isulongseoph.com.ph/downloads/
	Description: Design by <a href="http://vaguedream.com/wordpress-themes/">Stephen Reinhardt</a> with dynamic color changer by <a href="http://www.isulongseoph.com.ph" target="_blank">Isulong SEOPh</a>. Supports <a href="http://automattic.com/code/widgets/" target="_blank">Widgets</a>. Default color is red, but can be set to red, orange, yellow, green, blue, indigo, violet.
	Version: 0.3	
	Author: Theme Color Changer by Isulong SEOPh
	Author URI: http://www.isulongseoph.com.ph/
*/
* {
margin:0;
padding:0;
}

body {
	color:#697C83;
	font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif;
	font-size:0.8em;
	/*font-weight:400;*/
	text-align:left;
	margin:0;
	padding:0;
	background-color: #3366FF;
	background-image: url(images/blue/pys-012-790x1.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

body#orange { background:#FF9A6B url(images/orange/wrap.gif) top center repeat-y; }
body#yellow { background:#FFE9A3 url(images/yellow/wrap.gif) top center repeat-y; }
body#green { background:#DFFFB8 url(images/green/wrap.gif) top center repeat-y; }
body#blue { background:#B8E0FF url(images/blue/wrap.gif) top center repeat-y; }
body#indigo { background:#B19BFF url(images/indigo/wrap.gif) top center repeat-y; }
body#violet { background:#F598FA url(images/violet/wrap.gif) top center repeat-y; }

body,html,ul {
color:#697C83;
margin:0;
padding:0;
}

.utw {
text-transform:lowercase;
}

#wrap {
overflow:hidden;
padding-left:10px;
padding-right:10px;
position:relative;
width:770px;
margin:0 auto;
}

#header {
background: url(images/blue/top.jpg) repeat-x top;
height:145px;
margin:0;
padding:0;
}

body#orange #header { background: url(images/orange/top.jpg) repeat-x top; }
body#yellow #header { background: url(images/yellow/top.jpg) repeat-x top; }
body#green #header { background: url(images/green/top.jpg) repeat-x top; }
body#blue #header { background: url(images/blue/top.jpg) repeat-x top; }
body#indigo #header { background: url(images/indigo/top.jpg) repeat-x top; }
body#violet #header { background: url(images/violet/top.jpg) repeat-x top; }

#adsense {
padding:0 0 10px;
}

#logo {
position: relative;
height:100px;
width:770px;
margin:0 auto;
}

#blogname {
position: absolute;
height:30px;
padding-left:22px;
padding-top:28px;
text-align:left;
}

h1#blogname a {
color:#FFF;
font-size:36px;
font-weight:400;
}

body#orange h1#blogname a { color: #000; }
body#yellow h1#blogname a { color: #000; }
body#green h1#blogname a { color: #000; }
body#blue h1#blogname a { color: #fff; }
body#indigo h1#blogname a { color: #fff; }
body#violet h1#blogname a { color: #fff; }

#description {
position: absolute;
color:#fff;
font-size:1em;
font-style:italic;
font-weight:400;
height:24px;
padding-right:20px;
text-align:right;
margin: 15px 0 0 22px;
}

body#orange #description { color: #000; }
body#yellow #description { color: #000; }
body#green #description { color: #000; }
body#blue #description { color: #fff; }
body#indigo #description { color: #fff; }
body#violet #description { color: #fff; }

.color-control{
background: url(images/colors.gif);
width: 97px;
height: 13px;
margin: 25px 0 0 640px;
position:absolute;
overflow: hidden;
}

.color-control span{
display: none;
}

#colorSwitchRed{
margin: 0 0 0 0;
height: 13px;
width: 13px;
position: absolute;
}

#colorSwitchOrange{
margin: 0 0 0 14px;
height: 13px;
width: 13px;
position: absolute;
}

#colorSwitchYellow{
margin: 0 0 0 28px;
height: 13px;
width: 13px;
position: absolute;
}

#colorSwitchGreen{
margin: 0 0 0 42px;
height: 13px;
width: 13px;
position: absolute;
}

#colorSwitchBlue{
margin: 0 0 0 56px;
height: 13px;
width: 13px;
position: absolute;
}

#colorSwitchIndigo{
margin: 0 0 0 70px;
height: 13px;
width: 13px;
position: absolute;
}

#colorSwitchViolet{
margin: 0 0 0 84px;
height: 13px;
width: 13px;
position: absolute;
}

#content {
color:#656565;
display:inline;
float:left;
font-size:100%;
line-height:1.6em;
text-align:left;
width:500px;
margin:15px 0 0 20px;
padding:5px 0 15px;
}

#content_wide {
color:#656565;
display:inline;
float:left;
font-size:100%;
line-height:1.6em;
text-align:left;
width:700px;
margin:15px 0 0 20px;
padding:5px 0 15px;
}

#sidebar {
	display:inline;
	float:right;
	line-height:1.5em;
	padding-top:5px;
	width:200px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B8E0FF;
	padding-left: 5px;
}

#links li {
list-style: none;
}

#sidebar ul li h2 {
	font-size: 0.9em;
	background-color: #FFFFFF;
	background-image: none;
	padding: 0px;
	color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer {
color: #fff;
background:url(images/blue/top.jpg) repeat-x  bottom;
clear:both;
height:60px;
padding-bottom:10px;
padding-top:25px;
text-align:center;
width:770px;
margin:0 auto;
}

body#orange #footer { color: #000; background:url(images/orange/top.jpg) repeat-x  bottom;}
body#yellow #footer { color: #000; background:url(images/yellow/top.jpg) repeat-x  bottom;}
body#green #footer { color: #000; background:url(images/green/top.jpg) repeat-x  bottom;}
body#blue #footer { color: #fff; background:url(images/blue/top.jpg) repeat-x  bottom;}
body#indigo #footer { color: #fff; background:url(images/indigo/top.jpg) repeat-x  bottom;}
body#violet #footer { color: #fff; background:url(images/violet/top.jpg) repeat-x  bottom;}

#footer a {
color: #fff;
text-decoration: underline;
}

body#orange #footer a{ color: #000;}
body#yellow #footer a{ color: #000;}
body#green #footer a{ color: #000;}
body#blue #footer a{ color: #fff;}
body#indigo #footer a{ color: #fff;}
body#violet #footer a{ color: #fff;}

#credits{ display: none; }

h2 {
font-size:160%;
}

h4 {
	font-size:150%;
	margin-top: 25px;
}

h4 {
	font-size:120%;
	margin-top: 15px;
}

ol#commentlist {
list-style:none;
margin:15px 0 0;
padding:0;
}

.commentname {
color:#4b5ba2;
}

.commentname a {
color:#333;
font:bold 110% "Trebuchet MS", "Lucida Grande", verdana, helvetica, arial, sans-serif;
text-decoration:underline;
}

.commenttext {
background:#E9FFCE url(images/comm.png) no-repeat left top;
min-height:90px;
}

* html .commenttext {
height:90px;
overflow:visible;
}

.commentp {
padding:20px 12px 10px 10px;
}

.commenttext p {
margin:0 0 10px;
padding:0;
}

#commentblock ol li {
margin-bottom:30px;
}

#commentblock {
margin-left:4px;
}

.gravatar {
background:url(images/grav.png) no-repeat;
display:inline;
float:left;
height:32px;
width:32px;
margin:20px 0 0 10px;
padding:8px;
}

#commentsform p {
margin-bottom:5px;
margin-top:5px;
}

a img {
border:0;
}

h3.entrytitle {
	clear:both;
	color:#0000FF;
	display:block;
	font-size:170%;
	font-weight:400;
	line-height:100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

body#orange h3.entrytitle, body#orange h3 { color:#F26521; }
body#yellow h3.entrytitle, body#yellow h3 { color:#F8AF00; }
body#green h3.entrytitle, body#green h3 { color:#007236; }
body#blue h3.entrytitle, body#blue h3 { color:#0000FF; }
body#indigo h3.entrytitle, body#indigo h3 { color:#855FA8; }
body#violet h3.entrytitle, body#violet h3 { color:#91268F; }

h3.entrytitle a,h3.entrytitle a:visited,h3 a {
color:#0000FF
font-weight:400;
text-decoration:none;
/*text-transform:capitalize;*/
}

body#orange h3.entrytitle a,body#orange h3.entrytitle a:visited,body#orange h3 a { color:#F26521; }
body#yellow h3.entrytitle a,body#yellow h3.entrytitle a:visited,body#yellow h3 a { color:#F8AF00; }
body#green h3.entrytitle a,body#green h3.entrytitle a:visited,body#green h3 a { color:#007236; }
body#blue h3.entrytitle a,body#blue h3.entrytitle a:visited,body#blue h3 a { color:#0000FF; }
body#indigo h3.entrytitle a,body#indigo h3.entrytitle a:visited,body#indigo h3 a { color:#855FA8; }
body#violet h3.entrytitle a,body#violet h3.entrytitle a:visited,body#violet h3 a { color:#91268F; }

h3.entrytitle a:hover,h3 a:hover {
text-decoration:underline;
color: #8787FF;
}

body#orange h3.entrytitle a:hover,body#orange h3 a:hover { color: #FF9A69; }
body#yellow h3.entrytitle a:hover,body#yellow h3 a:hover { color: #FFD777; }
body#green h3.entrytitle a:hover,body#green h3 a:hover { color: #39C47B; }
body#blue h3.entrytitle a:hover,body#blue h3 a:hover { color: #8787FF; }
body#indigo h3.entrytitle a:hover,body#indigo h3 a:hover { color: #B899D4; }
body#violet h3.entrytitle a:hover,body#violet h3 a:hover { color: #C984C7; }

.entry {
margin-bottom:25px;
margin-top:0;
padding-bottom:25px;
padding-left:2px;
}

.entrybody img {
border:1px solid #e5e5e5;
}

.entrybody {
background-image:url(images/blue/postbg.jpg);
background-position:top left;
background-repeat:repeat-y;
margin:0;
padding:5px 5px 10px 10px;
}

body#orange .entrybody { background-image:url(images/orange/postbg.jpg); }
body#yellow .entrybody { background-image:url(images/yellow/postbg.jpg); }
body#green .entrybody { background-image:url(images/green/postbg.jpg); }
body#blue .entrybody { background-image:url(images/blue/postbg.jpg); }
body#indigo .entrybody { background-image:url(images/indigo/postbg.jpg); }
body#violet .entrybody { background-image:url(images/violet/postbg.jpg); }

.entrybody p {
margin-bottom:15px;
text-align:left;
}

code {
background-color:#eee;
border:1px solid #CCC;
padding:5px;
}

.entrymeta {
color:#656565;
font-weight:400;
margin-bottom:5px;
margin-top:3px;
}

h2.archives {
background-color:#FFC;
color:#999;
font-style:italic;
margin-bottom:25px;
text-align:center;
}

.entrymeta-single {
color:#333;
margin-bottom:20px;
margin-top:3px;
}

#sidebar ul#feed {
list-style:none;
margin:15px 0;
padding:0;
}

#sidebar ul#feed li {
padding-bottom:3px;
padding-top:3px;
}

#sidebar ul#feed li a {
background:url(images/feed-icon-16x16.png) no-repeat left 50%;
padding-left:25px;
border-style:none;
}

.entrybody ul,.entrybody ol {
margin-bottom:10px;
margin-left:30px;
margin-top:10px;
}

.entrybody li {
padding-bottom:2px;
padding-top:2px;
}

#sidebar h2 {
	color:#ffffff;
	font-size: 12px;
	font-weight:400;
	letter-spacing:0;
	line-height:12px;
	text-transform:capitalize;
	padding:9px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #3366FF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: -15px;
	margin-left: 5px;
}

#sidebar h2 a {
color:#454545;
}

.sidebarbg {
background-color:#eee;
padding:3px;
}

.scrobblersmall {
color:#ccc;
font-size:11px;
font-style:italic;
}

#sidebar p {
margin-bottom:10px;
margin-top:10px;
}

#sidebar ul {
list-style:none;
margin:5px 0;
padding:10px 0;
}

#sidebar ul li a {
color:#999;
text-decoration:none !important;
margin:0;
}

#sidebar ul li a:hover {
background:#F5FBFF;
color:#516F86;
}

#searchdiv {
font-weight:700;
margin-bottom:25px;
margin-top:15px;
padding:0;
}

.adwrap,.adwrapwide,.adwrap-lu,.adwrapbutton {
background:#fff;
border-color:#d5d7d0;
border-style:solid;
border-width:1px 0;
margin:0 0 1em;
padding:4px 0;
}

.adwrap object {
height:280px;
width:336px;
}

.adwrapwide iframe,.adwrapwide object {
height:65px;
width:468px;
}

.adwrap-lu {
float:right;
width:180px;
margin:0 0 1em 1em;
}

.adwrap-lu object {
height:90px;
width:180px;
}

.adwrapbutton iframe,.adwrapbutton object {
height:150px;
width:180px;
}

table {
margin:10px;
}

td,th {
font-weight:400;
padding:3px;
}

.navigation {
clear:both;
height:24px;
width:729px;
margin:0 auto;
}

.navigation a:link,.navigation a:visited {
background:#FFF url(images/active1.gif) left bottom no-repeat;
color:#787878;
height:24px;
margin-right:2px;
padding-left:12px;
text-decoration:none;
}

.navigation a:link,.navigation a:link span,.navigation a:visited,.navigation a:visited span {
cursor:pointer;
display:block;
float:left;
}

.navigation li {
line-height:23px;
float:left;
list-style:none;
margin:0;
}

.navigation a:hover {
background:url(images/active1.gif) left bottom no-repeat;
color: #096CA3;
height:24px;
padding-left:12px;
text-decoration:none;
}

body#orange .navigation a:hover { color: #FF9A69; }
body#yellow .navigation a:hover { color: #FFC201; }
body#green .navigation a:hover { color: #12A70F; }
body#blue .navigation a:hover { color: #096CA3; }
body#indigo .navigation a:hover { color: #5F05A3; }
body#violet .navigation a:hover { color: #A4048C; }

.current_page_item a:link,.current_page_item a:visited {
background:#FFF url(images/blue/current1.gif) left bottom no-repeat;
color:#FFF200;
height:27px;
line-height:24px;
margin-right:2px;
padding-left:15px;
text-decoration:none;
}

body#orange .current_page_item a:link, body#orange .current_page_item a:visited {
background:#FFF url(images/orange/current1.gif) left bottom no-repeat;
color:#FFF200;
}

body#yellow .current_page_item a:link, body#yellow .current_page_item a:visited {
background:#FFF url(images/yellow/current1.gif) left bottom no-repeat;
color:#000;
}

body#green .current_page_item a:link, body#green .current_page_item a:visited {
background:#FFF url(images/green/current1.gif) left bottom no-repeat;
color:#FFF200;
}

body#blue .current_page_item a:link, body#blue .current_page_item a:visited {
background:#FFF url(images/blue/current1.gif) left bottom no-repeat;
color:#FFF200;
}

body#indigo .current_page_item a:link, body#indigo .current_page_item a:visited {
background:#FFF url(images/indigo/current1.gif) left bottom no-repeat;
color:#FFF200;
}

body#violet .current_page_item a:link, body#violet .current_page_item a:visited {
background:#FFF url(images/violet/current1.gif) left bottom no-repeat;
color:#FFF200;
}

.current_page_item a:hover {
background:#FFF url(images/blue/current1.gif) left bottom no-repeat;
color:#fff;
height:27px;
margin-right:2px;
padding-left:15px;
text-decoration:none;
}

body#orange .current_page_item a:hover {
background:#FFF url(images/orange/current1.gif) left bottom no-repeat;
color:#000;
}

body#yellow .current_page_item a:hover {
background:#FFF url(images/yellow/current1.gif) left bottom no-repeat;
color:#fff;
}

body#green .current_page_item a:hover {
background:#FFF url(images/green/current1.gif) left bottom no-repeat;
color:#fff;
}

body#blue .current_page_item a:hover {
background:#FFF url(images/blue/current1.gif) left bottom no-repeat;
color:#fff;
}

body#indigo .current_page_item a:hover {
background:#FFF url(images/indigo/current1.gif) left bottom no-repeat;
color:#fff;
}

body#violet .current_page_item a:hover {
background:#FFF url(images/violet/current1.gif) left bottom no-repeat;
color:#fff;
}

.navigation ul {
list-style:none;
margin:0;
padding:0;
}

blockquote {
border-left:2px solid #CADAE7;
color:#000;
font-style:italic;
padding-left:8px;
margin:0 25px;
}

h6 {
	background-color: #e5e5e5;
	background-image: url(images/blue/blockquote-background-55x40.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 150%;
	margin: 11px;
	padding: 11px;
}

/*h1,h2,h3,h4,#comments {
font-weight:400;
}*/

h3,#commentblock h2 {
font-size:140%;
}

.entrybody a:link,.entrybody a:visited {
/*color:#FE0E0D;*/
font-weight:400;
text-decoration:underline;
}

.entrybody a:active,.entrybody a:hover {
color:#0111fa;
font-weight:400;
text-decoration:none;
}

body#orange .entrybody a:active,body#orange .entrybody a:hover { color:#FF9A6B; }
body#yellow .entrybody a:active,body#yellow .entrybody a:hover { color:#FFC303; }
body#green .entrybody a:active,body#green .entrybody a:hover { color:#5DCF5A; }
body#blue .entrybody a:active,body#blue .entrybody a:hover { color:#69A5C7; }
body#indigo .entrybody a:active,body#indigo .entrybody a:hover { color:#B19BFF; }
body#violet .entrybody a:active,body#violet .entrybody a:hover { color:#F598FA; }

a,a:visited,a:hover {
color:#0468A3;
text-decoration:none;
}

body#orange a,body#orange a:visited,body#orange a:hover { color:#FF8503; }
body#yellow a,body#yellow a:visited,body#yellow a:hover { color:#FFA200; }
body#green a,body#green a:visited,body#green a:hover { color:#05A304; }
body#blue a,body#blue a:visited,body#blue a:hover { color:#0468A3; }
body#indigo a,body#indigo a:visited,body#indigo a:hover { color:#5E04A4; }
body#violet a,body#violet a:visited,body#violet a:hover { color:#A5078F; }

.navigation a:link span,.navigation a:visited span,.navigation a:hover span {
background:url(images/active2.gif) right bottom no-repeat;
height:24px;
padding-right:12px;
}

.current_page_item a:link span,.current_page_item a:visited span,.current_page_item a:hover span {
background:url(images/blue/current2.gif) right bottom no-repeat;
height:27px;
padding-right:15px;
}

body#orange .current_page_item a:link span,body#orange .current_page_item a:visited span,body#orange .current_page_item a:hover span {
background:url(images/orange/current2.gif) right bottom no-repeat;
}

body#yellow .current_page_item a:link span,body#yellow .current_page_item a:visited span,body#yellow .current_page_item a:hover span {
background:url(images/yellow/current2.gif) right bottom no-repeat;
}

body#green .current_page_item a:link span,body#green .current_page_item a:visited span,body#green .current_page_item a:hover span {
background:url(images/green/current2.gif) right bottom no-repeat;
}

body#blue .current_page_item a:link span,body#blue .current_page_item a:visited span,body#blue .current_page_item a:hover span {
background:url(images/blue/current2.gif) right bottom no-repeat;
}

body#indigo .current_page_item a:link span,body#indigo .current_page_item a:visited span,body#indigo .current_page_item a:hover span {
background:url(images/indigo/current2.gif) right bottom no-repeat;
}

body#violet .current_page_item a:link span,body#violet .current_page_item a:visited span,body#violet .current_page_item a:hover span {
background:url(images/violet/current2.gif) right bottom no-repeat;
}

div.entrybody img{
border: 1px dotted #00f;
padding: 3px;
margin: 15px;
}

div.entrybody img.wp-smiley{ border: none; margin: 0; padding: 0;}

body#orange div.entrybody img{ border: 1px dotted #FB7E41; }
body#yellow div.entrybody img{ border: 1px dotted #FFB900; }
body#green div.entrybody img{ border: 1px dotted #107F0F; }
body#blue div.entrybody img{ border: 1px dotted #00f; }
body#indigo div.entrybody img{ border: 1px dotted #5F0AA3; }
body#violet div.entrybody img{ border: 1px dotted #7F006D; }

.largersidetitle {
	font-size: 20px;
	line-height: 140%;
}

.largersidetitlespacing {
	line-height: 140%;
	text-transform: none;
}

img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
/*padding: 4px;
margin: 0 0 2px 7px;*/
display: inline;
}

img.alignleft {
/*padding: 4px;
margin: 0 7px 2px 0;*/
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.wp-caption {
/*border: 1px solid #ddd;*/
text-align: center;
/*background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;*/
}

.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;
}

.entry img, .entry img a, .wp-caption {
background:url(images/shadow.gif) no-repeat right bottom;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
margin: 9px;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 4px;
}