/* 
Theme Name: Hooyi Art Strips
Theme URI: http://blog.cyhung.net
Description: Art strips design by CY Cheri Hung for her Loc:Hooyi blog
Version: 1.3
Author: CY Cheri Hung
Author URI: http://blog.cyhung.net
Tags: yellow, comics, custom header, fixed width, two columns, widgets
*/

body {
  background:#ccc;
  margin:0;
  text-align:center;
  line-height: 1.5em;
  font-size:small;
  font-family:Verdana;
  color:#ffffcc;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
b{
color:#FFFFFF;
}
/* Links */
a {
  color:#CCFFFF;
text-decoration:none;
  }
a:hover {
text-decoration:underline;
  }
img {
border:none;
  }

p {
padding:0;
margin:0;
}
.unicode {
font-family:Lucida Sans Unicode;
}
#topnav {
background:#333;
height:32px;
text-align:right;
background:#333;
font-size:10px;
margin-bottom:15px;
}
#bookmark-opts {
float:left;
padding:5px;
}
#bookmark-opts .feedlink {
color:#FFCACA;
padding-left:5px;
}
#search-admin {
float:right;
}
#searchform {
padding:5px;
}
.submit-btn {
font-size:11px;
}
#search-admin li {
display:inline;
}
#search-admin a {
color:#ccc;
}
/* overall Page */
#page {
  width:950px;
  margin:5px auto;
  text-align:left;
  background:url(images/ihooyi-wrapper-bg-tile.gif) repeat-y;
  padding:0;
  }

/* top Header */
#header {
margin-left:24px;
  }
#headerimg {
padding:25px 0 0px 0;
color:#e1771e;
height:220px;
width:900px;
font-family:Tahoma;
background:#000000 url(images/ihooyi-header-bg.jpg) bottom center no-repeat;
border-top:15px solid #fff;
}
#header h1 {
  margin:0;
  padding:0 0 15px 30px;
  line-height:1em;
  font-size:60px;
  }
#header a,
#header a:visited {
  text-decoration:none;
  color: #e1771e;
  }
#header .description {
  margin:0;
  font-size:14px;
 padding:0 0 0 33px;
text-transform:uppercase;
letter-spacing:0.1em;
}

/*left posts holder */
#content {
  width:600px;
  float:left;
margin-left:24px;
border-top:15px solid #fff;
  padding:0;
  font-size:12px;
  line-height:1.6em;
  }
/*left: posts holder */
#posts-wrapper{
width:100%;
margin:0;
padding:0 0 80px 0;
background:#000000;
line-height:1.7em;
  }
/*right: sidebar-wrapper */
#sidebar-wrapper {
  width:285px;
  float:right;
border-top:15px solid #fff;
  font-size:95%;
  line-height:1.5em;
margin-right:26px;
  }

#sidebar {
background:#000;
}

#sidebar h2.widgettitle, #sidebar #profile h2, #sidebar #rssfeed h2 {
color: #fff;
font-size:12px;
padding:20px 0 10px 0;
margin:0 0 0 20px;
}

/*sidebar's listed item */
#sidebar ul {
list-style:none;
padding:0;
margin:0 20px 0 20px;
}
/*all list items*/
#sidebar ul li {
padding:3px 0px 3px 0px;
line-height:1.4em;
list-style:none;
font-size:12px;
margin:0;
  }

#sidebar p {
 margin: 0px 20px 0px 20px;
  padding: 4px 0px 7px 0px;
  line-height:1.6em; 
  }

/*profile*/
#profile {
background:url(images/ihooyi-sidebar-bg-slanted.gif) bottom center no-repeat;
padding-bottom:40px;
padding-top:10px;
}
#profile p {
padding-right:20px;
line-height:1.7em;
}

/*twitter & last category: fun & everything , rssfeed, recent post, DIGG RSS */
#sidebar #text-232218981, #sidebar #linkcat-30, #rssfeed, #recent-posts, .widget_rss  {
border-bottom:15px solid #fff;
padding-bottom:20px;
}
#sidebar #text-232218981 ul li {
padding:5px 0px 10px 0px;
line-height:1.5em;
}
#sidebar #text-232218981 p {
 margin: 0px 0px 0px 20px;
 padding: 0px 0px 5px 0px;
}
/*DIGG Rss*/
.widget_rss .widgettitle a.rsswidget {
color:#fff
}
.widget_rss a.rsswidget img {
display:none;
}
#sidebar .widget_rss ul li {
padding-bottom:6px;
list-style:circle;
margin-left:15px;
}
/*twitter*/
/*break time stamp*/
#sidebar #text-232218981 li a {
display:block;
}
/*not break username or other links*/
#sidebar #text-232218981 li span a {
display:inline;
}
/*rssfeed*/
#rssfeed .feedoptions {
float:right;
margin-right:2px;
}
#rssfeed .feedoptions p {
padding:0 0 4px 0;
font-size:11px;
}
/*recent post and most popular*/
#recent-posts ul li, #text-244597051 ul li {
padding-bottom:6px;
list-style:circle;
margin-left:15px;

}

/*categories */
#sidebar .widget_categories ul li {
margin:0 0 5px 0;
}

/*blogroll*/
#sidebar .widget_links ul li {
margin:0;
text-transform:capitalize;
padding:4px 0px 5px 0px;
}
#sidebar .widget_links .widgettitle {
color:#ffffcc;
padding:0;
font-size:10px;
}
#sidebar .widget_links .blogroll {
padding-bottom:5px;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
}
#sidebar #linkcat-30 .blogroll {
padding-bottom:10px;
border-bottom:none;
}

/* archive */
#archives {
padding-bottom:25px;
}

/* tags */
#text-245095211 {
background:url(images/ihooyi-sidebar-bg-slanted-1.gif) bottom center no-repeat;
padding-bottom:65px;
}
#sidebar .widget_tag_cloud {
padding: 0 20px 0 20px;
margin-top:15px;
line-height:2em;
}

/* Posts & pages */
.post, .page {
  margin:0 0 30px 0;
  }
.post h2, .search-result-post h2 {
  margin:0;
  line-height:1.5em;
  background:#383838 url(images/title_icon_arrow.gif) no-repeat 10px .5em;
  display:block;
  padding:2px 14px 2px 29px;
  font-size:115%;
  }
.excerpt {
  margin:0 0 4px 0;
}
.excerpt h2 {
margin:0;
  line-height:1.5em;
  background:#000 url(images/title_icon_arrow.gif) no-repeat 10px .5em;
  display:block;
  padding:3px 14px 8px 29px;
  font-size:100%;
}
.page h2 {
font-size:125%;
font-family:Tahoma;
text-align:center;
text-transform:uppercase;
}
.title-link {
  color: #ffcc66;
  }
.title-link:hover {
  color: #ffffff;
  text-decoration:underline;
  }

/*posts in search results*/
.search-result-post {
margin:0 0 20px 0;
background:#000;
}
.search-result-post h2 {
 background:none;
}
.search-result-post h2 .title-link {
color:#CCFFFF;
}

.entry {
  width:85%;
margin:20px 0 5px 29px;
background:#000;
  }
.entry b, .entry strong {
color:#fff
}
.entry blockquote {
  line-height:1.3em;  
  }
.entry-image {
text-align:center;
}
img.size-full {
border:1px solid #336699;
  margin:0 0 5px 0;
 padding:4px;
}
.entry h3 {
line-height:1.4em;
}
.entry h3 span {
font-size:10px;
text-transform:uppercase;
}
.entry p a {
	text-decoration:underline
  }
.post p {
padding:2px 0px 10px 0px;
}
.post-footer {
  margin-left:29px;
  font-size:10px;
  color: #fff;
  clear:both;
padding-top:6px;
}
.post-footer p { 
padding:0; 
 margin: 0;
}
.post-time {
font-weight:bold;
}
.post-time img {
vertical-align:middle
}
.post-info-bar {
color:#999;
width:95%;
}
.sharethis {
padding:10px 0px 20px 0px;
}
blockquote {
  margin:.75em 0;
  border:1px dotted #fff;
  border-width:1px 0;
  padding:5px 15px;
  }
/*pager for posts*/
.main-blog-pager, .blog-pager {   
font-size:11px;
padding:10px 5px 0 10px;
height:15px;
 }
/* older-entries on index page*/
.older-entries, .blog-pager {
padding:60px 15px 10px 0px;
background:url(images/ihooyi-wrapper-bg-slanted.gif) top left no-repeat;
 }
/*footer for pages*/
.page-footer {   
height:70px;
background:url(images/ihooyi-wrapper-bg-slanted.gif) top left no-repeat;
 }

.blog-pager a, .main-blog-pager a {
color:#fff;
}

.blog-next-link {
padding-right:5px;
float:left;
 }
.blog-prev-link {
float:right;
 }

/* messaging */
.return-messaging {
margin:10px 0 10px 10px;
font-size:10px;
color:#999;
}
.pagetitle {
text-align:center;
font-size:13px;
margin:0;
padding:5px 0px 10px 0px;
text-transform:uppercase;
}

/* Comments */
#comments {
  margin:0 4% 0 4%;
  }
#comments h3 {
  margin:0 0 10px 0;
  padding:0;
  font-size:90%;
  line-height:1em;
  color:#ffcc66;
  }
.commentlist{
  margin: 3px 0px 10px 0px;
padding:3px 0px 3px 0px;
  }
.commentlist div.u-comment {
padding-bottom:4px;
border-bottom:1px dotted #999;
margin-bottom:5px;
}
.commentlist .u-comment p {
color:#FFF;
font-size:12px;
padding-bottom:6px;
}

.comment-author {
  margin:.5em 0;
  padding:0 0 0 20px;
  font-weight:bold;
  }

.commentmetadata {
font-size:90%;
padding-bottom:5px;
}
cite a, cite {
margin:0;
padding:0;
font-style:normal;
color:#fff;
}
/*comment form*/
.pcform { 
	margin:10px auto; 
	width: 480px; 
}

.pcform fieldset	{ 
	margin-top:10px; 
	padding:4px 0 10px 0; 
}

.pcform legend { 
	margin-left:10px;

	padding: 0 2px; 
	color:#F0F0F0;
}

.pcform label {
	width:200px; 
	margin:0; 
	text-align:left;
	display:block;
	color:#fff;
	padding:2px;
}
.pcform input,
.pcform textarea,
.pcform select { 
	margin:0 0 8px 0;
	padding:6px;
	background: #333; 
	border:none;
	border-left: 5px solid #ff9900; 
	vertical-align:top;
	color:#fff;
        font-size:11px;
}
.pcform input:hover,
.pcform textarea:hover,
.pcform select:hover	{
	background:#444; 
}

.pcform input:focus,
.pcform textarea:focus,
.pcform select:focus	{ 
	background:#333; 
}

.pcform textarea,
.pcform input {
	width:450px; 
}
.pcform select {
	width:450px; /* attempt to have equal length */
}  

.pcform select.cfselectmulti	{ 
	height:6.5em; 
}

.pcform textarea {
	height: 8em;
	overflow:auto;
}

.pcform input.cf_date {
	width:395px;
}
span.reqtxt,
span.emailreqtxt { 
	display:block; /*for mozilla*/
	width:470px;
	vertical-align:top;
	color:#888888;
	text-align:right;
	margin:0;
        font-size:10px;
}

.pcform textarea.fldemail,
.pcform textarea.fldrequired,
.pcform input.fldemail,
.pcform input.fldrequired {
	margin:0;
}
p.submit-btn {
	padding: 0!important;
	margin: 0;
	text-align:center;
}
.pcform input.submit-btn	{ 
	width:100px;  
	padding:3px; 
	margin: 5px 0px 4px 0pt;
	background:#fff; 
	color:#000;
	border:none;
}

 
/* Footer */
#footer {
clear:both;
padding:0;
width:900px;
margin-left:24px;
border-bottom:15px solid #fff;
background:url(images/ihooyi-footer-bg.gif) top center no-repeat;
  }
.footer-content {
border-top:15px solid #fff;
color:#555;
font-size:10px;
text-align:center;
margin:0;
padding:80px 0 15px 0;
 }
#site-footer {
font-size:10px;
color:#333;
}
#site-footer a {
color:#336699
}

/* zoomcloud */
.cloud-support {
text-align:center;
}
.cloud-support, .cloud-support a {
font-size:10px;
color:#999999
}
.zoomclouds {
   width:250px;
margin-left:17px;
padding-top:10px;
line-height:1.6em;
 }
.zoomclouds img {
display:none;
}
.zoomclouds span a, .zoomclouds a {
   margin: 0 2px;
   text-decoration:none;
 }
.zoomclouds span.tag1 a {color:#FFCC66}
.zoomclouds span.tag2 a {color:#FFCC66}
.zoomclouds span.tag3 a {color:#FF9933}
.zoomclouds span.tag4 a {color:#FF9933}
.zoomclouds span a:hover, .zoomclouds a:hover {
   color:#FFFFFF;
   background-color:#000000;
   text-decoration:none;
}
.zoomcloudswg {
   font-size:10px;
   color: #bbb;
}
.zoomcloudssp {
   font-size:10px;
   color: #444;
}