/*
Theme Name: Colorful Bulletin
Theme URI: http://trevu.net/wubzchu/
Description: Colorful Bulliten designed by <a href="http://wubzchu.net" target="_blank">Freyah</a> and coded by <a href="http://tribalost.net" target="_blank">Tribalost</a>.
Version: 1.0
Author: Trevu
Tags: custom, bulletin, two columns, colorful, cute, kawaii
*/

/*
	Global Style
*
**
***/
* { margin:0; padding:0; border:0; }
body { background:url(images/back.gif) 0 0; }

/*
	Container
*
**
***/
div#wfooter { width:969px; margin:0 auto; background:transparent url(images/footer.png) no-repeat scroll center bottom; }
div#wrap { background:transparent url(http://i494.photobucket.com/albums/rr308/trevu/customers/ColorfulBulletin/wrap.png) no-repeat scroll center top; } #header { height:236px; }
div#cwrap { background:transparent url(http://i494.photobucket.com/albums/rr308/trevu/customers/ColorfulBulletin/body.gif) repeat-y scroll center top; position:relative; bottom:1px; }
div#cfooter { background:transparent url(http://i494.photobucket.com/albums/rr308/trevu/customers/ColorfulBulletin/footertop.gif) no-repeat scroll center bottom; }
div#cheader { background:transparent url(images/contenttop.gif) no-repeat scroll top center; }
div#container { padding:10px 0; } #content { margin-left:130px; width:410px; padding-top:20px; min-height:1850px; }

/*
	Header
*
**
***/
div#header img { position:relative; top:20px; left:73px; }
div#navigation { height:76px; left:469px; position:relative; top:65px; width:417px; }
ul#navul { list-style:none; list-style-type:none; height:48px; width:400px; position:relative; top:28px; left:10px; }
ul#navul a { display:block; text-indent:-9999px; height:50px; outline:none; background:transparent url(http://i494.photobucket.com/albums/rr308/trevu/customers/ColorfulBulletin/navigation-1.gif) no-repeat scroll top center; float:left; }
ul#navul li { display:block; float:left; }
ul#navul a.navabout { width:95px; background-position: 0px -5px; }
ul#navul a.navabout:hover { background-position: 0px -43px; }
ul#navul a.selnavabout { width:95px; background-position: 0px -94px; }
ul#navul a.navgoodies { width:106px; background-position: -95px -5px; }
ul#navul a.navgoodies:hover { background-position: -95px -43px; }
ul#navul a.selnavgoodies { width:106px; background-position: -95px -94px; }
ul#navul a.navlinks { width:100px; background-position: -201px 1px; }
ul#navul a.navlinks:hover { background-position: -201px -36px; }
ul#navul a.selnavlinks { width:100px; background-position: -201px -88px; }
ul#navul a.navworks { width:96px; background-position: -301px -4px; }
ul#navul a.navworks:hover { background-position: -301px -42px; }
ul#navul a.selnavworks { width:96px; background-position: -301px -93px; }
div#links { bottom:11px; height:75px; left:110px; position:relative; width:360px; }
ul#misclinks { list-style:none; list-style-type:none; height:28px; width:124px; position:relative; top:25px; left:55px; overflow:hidden; }
ul#misclinks a { display:block; text-indent:-9999px; height:28px; outline:none; background:transparent url(images/rssemailhome.gif) no-repeat scroll top center; float:left; }
ul#misclinks li { display:block; float:left; }
ul#misclinks a.rsslink { width:40px; background-position: 0px -5px; }
ul#misclinks a.rsslink:hover { background-position: 0px -37px; }
ul#misclinks a.contactlink { width:40px; background-position: -40px -5px; }
ul#misclinks a.contactlink:hover { background-position: -40px -37px; }
ul#misclinks a.homelink { width:40px; background-position: -80px -5px; }
ul#misclinks a.homelink:hover { background-position: -80px -37px; }

/*
	Post
*
**
***/
div.postdate { background:transparent url(images/date.gif) no-repeat scroll top center; width:54px; height:51px; position:relative; right:73px; text-align:center; line-height:16px; color:#725806; font-weight:bold; }
div.postmonth { text-transform:uppercase; } .posttime { font-size:16px; } .postyear { font-size:14px; } .postcontent { position:relative;bottom:50px; }
div.postcat { background:transparent url(images/categoryarrow.gif) no-repeat scroll bottom left; margin-left:20px; font-size:10px; text-indent:16px; font-family:georgia; }
div.postcat a:link,.postcat a:visited,.postcat a:active { color:#7D6418; text-decoration:none; } .postcat a:hover { color:#985422; }
div.postcontent h2 { background:transparent url(images/titleback.gif) no-repeat scroll left bottom; font-family:georgia; font-size:25px; width:460px; height:35px; text-indent:10px; padding:0 10px; }
div.postcontent h2 a:link,.postcontent h2 a:visited,.postcontent h2 a:active { color:#96091F; text-decoration:none; } div.postcontent h2 a:hover { color:#F541A6; }
p.commentcount { background:transparent url(images/comment.gif) no-repeat scroll center top; width:58px; height:45px; float:right; text-align:center; font-family:georgia; font-weight:bold; }
p.commentcount a:link,.commentcount a:visited,.commentcount a:active { color:#64645F; text-decoration:none; position:relative; top:8px; } p.commentcount a:hover { color:#985422; } 
div.postexcerpt { color:#787873; font-family:tahoma; font-size:13px; line-height:18px; padding:5px 10px; margin-top:16px; } p.readmore { width:109px; height:42px; padding:30px 0 0 35%; margin-top:15px; } 
p.readmore a:hover { background:transparent url(http://i494.photobucket.com/albums/rr308/trevu/customers/ColorfulBulletin/readmorehover.gif) no-repeat scroll center top; } div#linkentries { padding:80px 0; } div#linkentries div.alignright { float:right; position:relative; bottom:13px; }
div.postexcerpt a:link, a:visited, a:active { color: #F63289; text-transform: normal; font-weight: normal; text-decoration: none; }
div.postexcerpt a:hover {color: #BD3ECF; background: #E7F3F9;  text-decoration: underline; }
div.postexcerpt b, strong {color: #48BA45; font-family: tahoma; }
div.postexcerpt ul li,div.postexcerpt ul li li { list-style-image:url(http://i216.photobucket.com/albums/cc172/freyah1/icons/pin.gif); margin-left: 30px; }
div.postexcerpt i, em {color: #F34389; }
div.postexcerpt u { color: #86118d; border-bottom: 1px solid; border-bottom-color: 1px #f86fa9; }
p.readmore { text-align:center; }
div#content .post { border-bottom:1px dashed #E0FFE4; }
h3#comments { padding:10px 0; }
div#content .commentlist { list-style:none; }
ol.commentlist li { padding:10px 0; }
ol.commentlist li p { padding-left:10px; }
.commentlist li .avatar { float: left; border: 1px solid #DDE4FC; margin-left:5px; }
.alt { margin: 0; padding: 10px; background-color: #EFFAF9 !important; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 15px 10px 3px 11px; list-style: none; border: 1px dashed #FED4EE; background: #FEFEEC ; font-size: 13px; font-family: tahoma; color: #929291; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; font-family : tahoma; font-size:10px; color: #B29FF5;  }
.commentmetadata a:link,.commentmetadata a:visited,.commentmetadata a:active { color:#64645F; text-decoration:none; }
.commentmetadata a:hover { color:#985422; } 
.commentlist p a:link,.commentmetadata a:visited,.commentmetadata a:active { color:#4DB8A7; text-decoration:none; }
.commentlist p a:hover { color:#EE5595; } 
h3#comments { padding: 0; margin: 40px auto 20px; color: #74664B; font-family: tahoma; font-size: 17px; }
h3#respond { padding: 0; margin: 40px auto 20px; color: #74664B; font-family: ta; font-size: 17px; }
form#commentform p input,form#commentform p textarea { background-color: #EBEAFB; border: 1px dashed #DFFCF7; color: #929291; font-size: 13px; font-family: tahoma; }
form#commentform p label { font-family:tahoma; font-size:12px; color:#74664B; }
div#commentPreview { color: #787873; font-family: tahoma; font-size: 12px; }


/*
	Sidebar
*
**
***/
div#sidebar { float:right; position:relative; right:10px; width:350px; }
div.sidebar-sec { margin-bottom:30px; }
div#sidebar #search { height:50px; padding:25px 0 0 0; text-align:center; width:300px; }
div#sidebar .searchbutton { background-color:transparent; color:#C59029; font-family:tahoma; }
div#sidebar #tweets { background:transparent url(images/twitterfooter.gif) no-repeat scroll center bottom; padding-bottom:42px; width:214px; margin-left:40px; }
div#sidebar #tweets h3 { background:transparent url(images/twittertop.gif) no-repeat scroll center top; text-indent:-9999px; height:96px; position:relative; right:3px; }
div#sidebar #tweets ul { background:transparent url(images/twitterbody.gif) repeat-y scroll center top; list-style:none; list-style-type:none; }
div#sidebar #tweets ul li { border-bottom:1px dashed #D2B48C; color:#937F80; font-family:tahoma; font-size:11px; padding:5px 0; width:193px; position:relative; left:10px; }
div#sidebar #tweets ul li a,div#sidebar #tweets ul li a:link,div#sidebar #tweets ul li a:active { color:#78A38D; text-decoration:none; } div#sidebar #tweets ul li a:hover { color:#FF4B97; }
div#sidebar #about { background:transparent url(images/aboutmefooter.gif) no-repeat scroll center bottom; padding-bottom:39px; width:278px; margin-left:13px; }
div#sidebar #about h3 { background:transparent url(http://i494.photobucket.com/albums/rr308/trevu/customers/ColorfulBulletin/aboutmetop-1.gif) no-repeat scroll center top; text-indent:-9999px; height:151px; position:relative; right:1px; }
div#sidebar #about ul { background:transparent url(images/aboutmebody.gif) repeat-y scroll center top; list-style:none; list-style-type:none; width:278px; height:115px; }
div#sidebar #about ul li { color:#937F80; font-family:tahoma; font-size:12px; padding:5px 0; }
div#sidebar #about ul li a,div#sidebar #about ul li a:link,div#sidebar #about ul li a:active { color:#78A38D; text-decoration:none; } div#sidebar #about ul li a:hover { color:#FF4B97; }
div#sidebar #about ul li#afirstline { position:relative; left:100px; bottom:107px; width:140px; font-family:tahoma; }
div#sidebar #about ul li#asecondline { position:relative; left:43px; bottom:115px; width:193px; font-family:tahoma; }
div#sidebar #about p { position:relative; bottom:15px; text-align:center; height:0px; }
div#sidebar #blogroll { background:transparent url(images/blogrollfooter.gif) no-repeat scroll center bottom; padding-bottom:42px; width:219px; margin-left:40px; }
div#sidebar #blogroll h3 { background:transparent url(images/blogrolltop.gif) no-repeat scroll center top; text-indent:-9999px; height:60px; }
div#sidebar #blogroll ul { background:transparent url(images/blogrollbody.gif) repeat-y scroll center top; list-style:none; list-style-type:none; }
div#sidebar #blogroll ul li { background:transparent url(images/bulletblogroll.gif) no-repeat scroll top left; border-bottom:1px dashed #D2B48C; color:#937F80; font-family:tahoma; font-size:12px; padding:2px 13pt 6px 20px; width:160px; position:relative; left:10px; }
div#sidebar #blogroll ul li a,div#sidebar #blogroll ul li a:link,div#sidebar #blogroll ul li a:active,div#sidebar #blogroll p a,div#sidebar #blogroll p a:link,div#sidebar #blogroll p a:active { color:#78A38D; text-decoration:none; } div#sidebar #blogroll ul li a:hover,div#sidebar #blogroll p a:hover { color:#FF4B97; }
div#sidebar #blogroll p { background:transparent url(images/blogrollbody.gif) repeat-y scroll center top; height:0px; text-align:center; padding:15px 0px 0px 0px; font-family:tahoma; font-size:10px; }

div#sidebar #ads { background:transparent url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/bot.gif) no-repeat scroll center bottom; padding-bottom:55px; width:235px; margin-left:33px;  }
div#sidebar #ads h3 { background:transparent url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/top.gif) no-repeat scroll center top; text-indent:-9999px; height:60px; width:235px; }
div#sidebar #ads ul { background:transparent url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/mid.gif) repeat-y scroll center top; list-style:none; list-style-type:none;  }
div#sidebar #ads p { background:transparent url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/mid.gif) repeat-y scroll center top; height:0px; text-align:center; padding:15px 0px 0px 0px; font-family:tahoma; font-size:10px; }


/*
	Footer
*
**
***/
div#footer { height:377px; }
div#footer #backtotop { float:right; position:relative; bottom:50px; right:50px; height:50px; }
div#footer #backtotop a { width:88px; }
div#footer #backtotop a:hover { background-position:0px -50px; }
div#footer #tags { position:relative; padding:15px 0; width:300px; left:125px; height:130px; overflow:hidden; font-family: tahoma;  }
div#footer #tags a { color:#837D82;  font-family: tahoma; text-decoration:none; }
div#footer #tags a:hover { color:#E16E89; } div#footer .clear { padding:30px 0; }
div#footer #recentcontainer { float:right; width:500px; position:relative; bottom:100px; left:10px; }
div#footer #recentcomments { float:right; position:relative; right:98px; width:200px; list-style-image: url(images/bullet-recentcommnts.gif) }
div#footer #recentcomments a { font-family: tahoma; font-size: 13px; color:#986AAE; text-decoration:none; }
div#footer #recentcomments a:hover { background:#FBFAE1; color:#5BAD64; }
div#footer #recentposts { width:150px; list-style-image:url(images/bullet-recentpost.gif); }
div#footer #recentposts a { color:#986A9D; text-decoration:none; font-family:tahoma; font-size: 13px; }
div#footer #recentposts a:hover { background:#FBFAE1; color:#5BAD64; }
div#footer #flickr { margin:0 0 40px ; float:left; text-align:center; width:969px; }
div#footer #flickr ul { padding: 55px 0px; left: 9px; position: relative; }
div#footer #flickr li { background: none; padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline; border-bottom: none; }
div#footer #flickr li a img { background: #fff; padding: 1px; border: solid 4px #7D5B1F; width: 53px; height: 53px; margin-bottom: 5px; }
div#footer #flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #ff3366; margin-bottom: 5px; }
div#footer #copyright { background:transparent url(images/copyright.gif) no-repeat scroll center bottom; padding-bottom:160px; height:125px; }

/*
	Custom
*
**
***/
#singlecc { color:#64645f; font-family:georgia; padding-top:4px }
#postcontent { padding-top:50px; }
.ddmcl { width: 150px; float: left; padding-right: 20px; }
.ddmcl ul { margin: 10px 0 10px 0; padding: 0; list-style-image: url(http://i216.photobucket.com/albums/cc172/freyah1/icons/pin.gif); text-indent: 0; }
.ddmcl li { margin: 0 0 2px 0; padding: 0; }
div.ddmcl p.sep { font-size: 1.2em; color: #808080; }
.ddmcl p.sep:hover { cursor: pointer; }
a.stbutton { padding: 1px 5px 5px 22px;
background: url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/share.png) no-repeat scroll 0px 0px !important; }
.stbuttontext { line-height: 17px; color:#937F80; font-family:tahoma; font-size:0px; }
.stico_default { background: url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/share.png) no-repeat scroll 0px 0px !important; background: url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/share.png) no-repeat scroll 0px 0px; float: right; width: 100px; height: 30px; }
.stico_rotate { background: url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/share.png) no-repeat scroll 0px 0px !important; background: url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/share.png) no-repeat scroll 0px 0px; }
.stwrapper { position: absolute; width: 354px; z-index: 1000000; margin: 0px; padding: 0px; }
.stframe { position: absolute; z-index: 1000020; left: 0px; top: 0px; }
.stclose { cursor: pointer; z-index: 1000030; position: absolute; text-align: right; top: 10px; right: 9px; text-decoration: none; font-family: Helvetica,Verdana,Arial,sans-serif; font-size: 12px; }
div.postexcerpt blockquote { margin-top:10px; font-size:10px; color: #5d474b; text-align: justify; border bottom: 1px solid #b8c76f; border-top: 1px dashed #b8c76f; border-right: 1px solid #b8c76f; border-left: 3px solid #b8c76f; background-color: #fceaef; padding-left:5px; padding-right:5px; }
div.postexcerpt #miscpostdetails { visibility:visible; border: 1px dashed #61e771; font-size: 11px; margin-top:60px; padding: 5px; margin-bottom:30px; }
div#content h3 { background:transparent url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/comments1.png) no-repeat scroll 0 0; height:54px; margin-left:-68px; text-indent:-9999px; visibility:visible; width:274px; }
div#content #respond { background:transparent url(http://i216.photobucket.com/albums/cc172/freyah1/wubzchu/reply.png) no-repeat scroll 0 0; margin-left:-61px; visibility:visible; }
div.postexcerpt #relpostsp { visibility:visible; font-weight: bold; margin-top:50px; }
div.postexcerpt #relpostsul { visibility:visible; margin-left:20px; }
::-moz-selection{ background:#FDE1DF; color:#646361; }
::selection { background:#FDE1DF; color:#646361; }
div#postthumb { float:right; margin:5px; }
div#postthumb a img { border:3px solid #FFC0CB; }
div#postthumb a:hover img { border:3px solid #48BA45; }
div#postthumb .thumbimg { width:200px; height:150px; }

div#sidebar #google { margin-right:35px; }
#aubg { background-color: transparent; }