/*
Theme Name: Paws and Kisses Beta
version: 2.0
*/

/* Standard */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }
body { background: #FDFCEA url(images/bg_top.jpg) repeat-x; font: 100% Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Color */

.pink{ color: #6C8A19; }

/* Header */

#wrapper { width: 1000px; margin: 0px auto; }
#header { width: 1000px; height: 143px; background: transparent url(images/topbanner.jpg) no-repeat; text-align: left; padding: 0px; clear: both; }
#header_ad { width: 728px; height: 90px; float: right; position: relative; top: 24px; right: 10px; padding: 0px; margin: 0px; }

#logo {  float: left; position: absolute; }
#logo a { display: block; width: 262px; height: 143px; background: transparent url(images/btn_temptalia_logo.jpg) no-repeat top center; position: relative; cursor: pointer; }
#logo h1, #logo p { text-indent: -9999px; margin: 0; }

#network { position: absolute; width: 100px; margin-left: -90px; margin-top: 11px; float: left; z-index: 10000; }

/* Mid Area */

#mid_area { width: 1000px; height: 284px; }
#mid_area_ad { width: 300px; height: 250px; float: right; position: relative; top: 15px; right: 10px; }

p.error { font-size: 0.875em; float: left; margin: 8px 0px; }

#tab_area { float: left; position: relative; top: 6px; left: 10px; }

.widget { width: 642px; }

.ani_btn { float: left; }

.tabnav ul { margin: 0px; padding: 0px; float: left; width: 100px; }

.tabnav li { display: inline; list-style: none; padding: 0px; margin: 0px; float: left; }
.tabnav li a { }

.tabdiv1 { float: left; background-image: url(images/bg_mid.jpg); width: 518px; height: 251px; padding: 10px; }
.tabdiv2 { float: left; background-image: url(images/bg_mid.jpg); width: 518px; height: 251px; padding: 10px; }
.tabdiv3 { float: left; background-image: url(images/bg_mid.jpg); width: 518px; height: 251px; padding: 10px; }
.noshow { display: none; }
.tabdiv li { list-style: none; }
.tabdiv1 h2, .tabdiv2 h2, .tabdiv3 h2 { color: #666666; font-size: 1.375em; }

.ui-tabs-hide { display: none; }

#popular ul, #featured ul, #launches ul { margin: 8px 0px; padding: 0px; list-style-type: none; width: 518px; }
#popular ul li, #featured ul li, #launches ul li { font-size: 0.750em; font-weight: bold; margin: 4px 0px; padding: 0px; }

#popular ul li a, #featured ul li a, #launches ul li a { color: #6C8A19; }

/* Navigation */

#navigation { height: 42px; width: 990px; position: relative; left: 10px; z-index: 1000; }

#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }

#nav a.label { display: block; width: 6.5em; }
#nav a.label2 { display: block; width: 12em; }

#nav li { float: left; }
#nav li ul { position: absolute; background-color: #AFCC77; width: 196px; left: -999em; border-top: 1px solid #999999; border-bottom: 2px solid #999999; border-left: 2px solid #999999; border-right: 2px solid #999999; }
#nav li ul li { font-size: 0.750em; width: 196px; border-top: 1px solid #666666; }
#nav li ul li a { color: #333333; font-weight: bold; display: block; padding: 5px; width: 186px; }
#nav li ul li a:hover { color: #FFFFFF; background-color: #333333; text-decoration: none; }

#nav .tab_first { }
#nav .tab { margin: 0px 0px 0px 10px; }

#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav a.label, #nav a.label2 { height: 23px; position: relative; top: 8px; padding: 10px 5px 0px 5px; margin: 0px 0px 8px 0px; background: url(images/bg_nav_btns.jpg); text-align: center; color: #666666; font-size: 0.875em; font-weight: bold; text-transform: uppercase; }
#nav a:hover.label { text-decoration: none; }

/* Wrap */

#wrap { width: 1000px; overflow: auto; background: url(images/bg_content.jpg) repeat-y; }

/* Content */

#content { float: left; position: relative; left: 11px; width: 607px; padding: 11px 10px 0px; }
#content h2.index, #content h1.index { font-size: 1.125em; width: 615px; position: relative; left: -10px; padding: 5px 5px 10px; background: url(images/bg_headers.jpg) repeat-x; background-position: bottom; border-top: 1px solid #CCCCCC; }
#content h2.index a, #content h1.index a { color: #333333; } #content h2.index a:hover, #content h1.index a:hover { text-decoration: none; }
#content h2.fixed_header, #content h1.fixed_header { font-size: 1.375em; margin: 0px 0px 10px -5px; }

.navigation { font-size: 0.875em; height: 25px; text-align: center; }

/* Post */

p.post_info { margin: 6px 0px 0px; font-size: 0.625em; text-align: right; background-image: url(images/bg_postinfo.jpg); background-repeat: no-repeat; background-position: left; }
p.post_info a, p.post_categories a { color: #6C8A19; }

p.post_categories { font-size: 0.625em; }

.content_ad { width: 468px; height: 60px; margin: 8px auto; }

.entry { padding: 10px 0px; }
.entry p { margin: 10px 0px; font-size: 0.750em; }
.entry a { color: #6C8A19; }
.entry ol { font-size: 0.750em; margin: 6px 0px 6px 25px; }
.entry ul { font-size: 0.750em; list-style: square; margin: 6px 0px 6px 25px; }
.entry ul li ul li { font-size: 1.375em; }
.entry h2 { font-size: 1em; }
.entry h3 { font-size: 0.875em; }
.entry blockquote { margin: 10px auto; width: 545px; border: 1px solid #CCCCCC; padding: 5px 5px 5px 10px; background-color: #FDFBF4; background-image: url(images/bg_blockquote.jpg); background-position: bottom; background-repeat: repeat-x; }
.entry .puppy-rating { padding: 5px; text-align: center; background-color: #E9F7D4; border: 1px solid #9CF; }

p.post_ft a { color: #6C8A19; font-weight: bold; }
p.post_ft { font-size: 0.750em; width: 615px; height: 24px; background: url(images/bg_post_ft.jpg) repeat-x; position: relative; left: -10px; margin: 0px 0px 20px 0px; padding: 12px 5px 0px; }

#single_ft { width: 573px; border: 1px solid #CCCCCC; background-image: url(images/bg_under_post.jpg); background-repeat: no-repeat; background-color: #E0E0E0; margin: 10px auto; padding: 10px; }
#single_ft h3 { margin: 2px 0px; font-size: 0.750em; }
#single_ft p.buttons { margin: 8px 0px 10px 9px; }
#single_ft .btns { margin: 0px 5px 0px 0px; padding: 0px; }
#single_ft ul { margin: 8px 0px 0px 15px; padding: 0px; font-size: 0.750em; list-style-type: square; }
#single_ft ul li { margin: 0px; padding: 0px; }
#single_ft ul li a { color: #6C8A19; }

.frst_lrg_m { border: 15px solid #D3EBFB; padding: 15px; }
.frst_lrg_f { border: 15px solid #CBDDA1; padding: 15px; }

p.tags { margin: 8px 0px; font-size: 0.750em; }
p.tags a { color: #6C8A19; }

/* Sidebar */

#sidebar { float: right; width: 345px; position: relative; margin: 10px 0px 0px 0px; }
#sidebar_left { width: 167px; margin: 10px 5px 0px 0px; float: left; border-right: 1px solid #666666; }
#sidebar_right { width: 172px; margin: 10px 0px 0px; float: right; }
#sidebar ul { list-style: none; }

#sidebar a { color: #6C8A19; font-size: 0.750em; }
#sidebar h2 { font-size: 0.875em; margin: 6px 0px; }

#sidebar p.side_btn { margin: 4px 0px; }
#sidebar .side_btn_glam { width: 300px; margin: 8px 0px; position: relative; left: 18px; }
#sidebar p.badges { margin: 8px 0px; }

#sidebar .box_ad { width: 300px; height: 250px; margin: 10px auto; }

#sidebar .feeds { width: 336px; height: 100px; background-image: url(images/bg_media.jpg); background-repeat: no-repeat; text-align: center; margin: 10px 0px; padding: 15px 0px 0px 0px; }

/* Search Box */

#fullsearch { width: 332px; }
#searchbg { width: 202px; height: 33px; background-image: url(images/bg_search.jpg); float: left; padding: 10px 0px 0px 25px; }
#searchbox { background-color: #F5F5F5; border: 0px; width: 195px; }
#searchsubmit { float: right; width: 105px; height: 43px; }

/* RSS Box */

#rss_box_wrap { margin: 10px 0px 0px 0px; width: 332px; height: 133px; background-image: url(images/bg_rss.jpg); background-repeat: no-repeat; }
#rss_box { width: 208px; height: 118px; float: left; padding: 15px 0px 0px 0px; }
#rss_box p, #rss_box h2 { margin: 8px 0px; color: #FFFFFF; font-size: 0.750em; text-align: center; }

.rss_btn { float: right; }

/* Comments */

.avatar { position: relative; float: left; padding: 10px 10px 0px 10px; top: -7px; }
h4 { font-size: 0.750em; font-weight: 100; color: #6C8A19; padding: 10px 5px 0px; margin: 5px 5px 0px 5px; }
h4 a { color: #6C8A19; }

.commentlist { width: 600px; margin: 0px auto; }

ol.commentlist, ul.children { list-style: none; }

h2#comments { font-size: 0.875em; }
h2#comments a { text-decoration: none; color: #6C8A19; }
#addcomment { font-size: 0.750em; color: #000000; background-color: #EEEEEE; position: relative; left: 3px; border: 1px solid #DDDDDD; width: 95%; padding: 10px; }
#addcomment a { color: #6C8A19; }
input#subscribe { width: auto; }
#commentform textarea { width: 97%; }

.nocomment { color: #FFFFFF; padding-left: 15px; }
.body {  }
.title { font-size: 0.750em; }
.comment { position: relative; color: #000000; background-color: #FEFDF7; border: 1px solid #999999; margin: 10px 0px; }

cite { font-style: normal; }
.comment .vcard { position: relative; background-image: url(images/bg_comment_header.jpg); background-repeat: repeat-x; height: 55px; font-size: 1em; font-weight: bold; padding: 6px 0px 0px; }
.comment .fn { color: #6C8A19; font-size: 0.750em; }
.comment .fn a, .comment p.date a { color: #6C8A19; }
.comment .fn a:hover { text-decoration: none; }
.comment .depth-2 { background-color: #EBF8D7; width: 577px; margin: 10px auto; }
.comment .depth-3 { width: 556px; margin: 10px auto; }
.comment .depth-4 { width: 536px; margin: 10px auto; }
.comment .depth-5 { width: 516px; margin: 10px auto; }
.comment .admin { }
.comment p.date { margin: 1px 0px; font-size: 0.750em; border-top: 1px solid #999999; width: 525px; }
.comment .depth-2 p.date { margin: 1px 0px; font-size: 0.750em; border-top: 1px solid #999999; width: 500px; }
.comment .depth-3 p.date { margin: 1px 0px; font-size: 0.750em; border-top: 1px solid #999999; width: 475px; }
.comment .depth-4 p.date { margin: 1px 0px; font-size: 0.750em; border-top: 1px solid #999999; width: 450px; }
.comment p, .comment .commentmetadata { margin: 8px 5px; font-size: 0.750em; }
.commentmetadata a { color: #6C8A19; }

.comment .bypostauthor { border: 1px solid #6C8A19; }
.comment .body a { color: #6C8A19; }
.comment .body a:hover { text-decoration: underline; }
.comment div { position: relative; }
.comment .comment img { margin: 0px; }
p.nest { margin: 2px 0px; text-align: right; }
.reply a, .reply_out a { color: #6C8A19; text-decoration: none; }
.reply a:hover, .reply_out a:hover { text-decoration: underline; }
.reply { text-align: right; font-size: 0.750em; margin: 10px 0px; padding: 0px 6px 0px 0px; }
.reply_out { text-align: right; font-size: 0.675em; margin: 10px 0px 10px 0px; padding: 0px 10px 0px 0px; }
.comment { margin-top: 10px; }
.comment .body .content { padding: 0px 3px 5px 3px; overflow: auto; }
.comment .title abbr { border: none; }

#respond { margin: 12px 0px; }
#respond a { color: #6C8A19; text-decoration: none; }

.navi { }
.navi .alignleft a, .navi .alignright a { color: #6C8A19; font-size: 0.875em; }
.navi .alignleft { float: left; }
.navi .alignright { float: right; }

.txt_gravatar { margin: 6px 0px; color: #666666; }

.date { float: left; font-size: 0.875em; padding: 5px 0px 0px 0px; float: left; }

/* Categories */

#cat_side_one { width: 300px; float: left; }
#cat_side_two { width: 300px; float: right; }

/* Footer */

p.copy { text-align: center; margin: 8px 0px; font-size: 0.875em; }

#upper_footer_st { background-image: url(images/bg_footer_stretch.jpg); background-repeat: repeat-x; }
#upper_footer { width: 1000px; height: 46px; margin: 0px auto; background-image: url(images/bg_footer.jpg); background-repeat: no-repeat; }
#footer { width: 1000px; height: 50px; margin: 0px auto; }

#footer_txt { margin: 0px 0px 10px 0px; }
#footer_txt a { color: #6C8A19; }
#footer_txt ul { list-style-type: square; margin: 0px 0px 0px 20px; font-size: 0.750em; }
#footer_txt h3 { font-size: 0.750em; color: #999999; margin: 5px 0px 5px 0px; }

.footer_txt_left { width: 340px; height: 144px; background-image: url(images/bg_footer_text.jpg); padding: 0px 5px; margin: 0px 10px 0px 10px; float: left; }
.footer_txt_right { width: 330px; height: 144px; background-image: url(images/bg_footer_text.jpg); padding: 0px 10px; margin: 0px; float: left; }

.twitter_txt ul { list-style-type: square; margin: 0px 0px 0px 20px; font-size: 0.750em; }

.logo_grey { float: right; position: relative; top: 10px; right: 20px; }

p.glam_btn { width: 160px; margin: 0px auto 8px auto; }

.img_right { float: right; margin: 0px 0px 5px 20px; }
.img_left { float: left; margin: 0px 20px 5px 0px; }