/*
	Theme Name: Light w/ Color Changer (Orange)
	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 orange, but can be set to red, orange, yellow, green, blue, indigo, violet.
	Version: 0.2	
	Author: Theme Color Changer by Isulong SEOPh
	Author URI: http://www.isulongseoph.com.ph/
*/
* {
margin:0;
padding:0;
}

body {
background:#FF6B6B url(images/wrap.gif) top center repeat-y;
color:#FFFFFF;
font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif;
font-size:small;
font-weight:400;
text-align:left;
margin:0;
padding:0;
}

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 {
background:#FF6B6B;
overflow:hidden;
padding-left:10px;
padding-right:10px;
position:relative;
width:770px;
margin:0 auto;
}

#header {
background: url(images/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 {
background:#FF6B6B;
color:#FFFFFF;
display:inline;
float:left;
font-size:100%;
line-height:1.6em;
text-align:left;
width:600px;
margin:15px 0 0 20px;
padding:5px 0 15px;
}

#sidebar {
background:#FF6B6B;
color:#FFFFFF;
display:inline;
float:right;
line-height:1.5em;
padding-top:5px;
width:120px;
margin:15px 10px 10px 0;
}

#links li {
list-style: none;
}

#footer {
color: #fff;
background:url(images/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:150%;
}

h4 {
font-size:130%;
}

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,h3 {
color:#FFFFFF;
display:block;
font-size:170%;
font-weight:400;
line-height:100%;
margin:0;
}

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

h3.entrytitle a,h3.entrytitle a:visited,h3 a {
color:#FFFFFF;
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: #FFFFFF;
}

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 {
#FFFFFF;
margin:0;

}

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 {
border-bottom:1px solid #eee;
color:#FFFFFF;
font-size:18px;
font-weight:400;
letter-spacing:0;
line-height:24px;
text-transform:capitalize;
margin:0;
padding:0;
}

#sidebar h2 a {
color:red;
}

.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 {
background:#FF6B6B;
clear:both;
height:24px;
width:729px;
margin:0 auto;
}

.navigation a:link,.navigation a:visited {
background: 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:#FF8F8F;
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:#FF6B6B url(images/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/current1.gif) left bottom no-repeat;
color:#FFFEE6;
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:#999;
font-style:italic;
padding-left:8px;
margin:0 25px;
}

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:#FF6B6B;
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:#697C83;
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/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 #f00;
padding: 3px;
margin: 15px;
}

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