/*
Theme Name: PinkyGrey
Theme URI: http://saluum.deviantart.com/
Description: Jquery and sIFR enhanced theme. Done for http://themeforest.net/
Version: 1.0
Author: Guilherme Salum
Tags: two columns, stylish
*/

@import url(fixes.css);
@import url(sifr.css);


/* -------------- Main tags & styles -------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #c3c2af url(images/header_bg.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #55554a;
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, a:hover { color: #25a6e3; }
a { color: #006899; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

#wrapper { width: 960px; margin: 0 auto; text-align: left; }

.box_border { border: 1px solid #55554a; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }
.center, .aligncenter { margin: 0 auto; float: none; }


/* -------------- Header -------------- */
#header { width: 100%; height: 198px; float: left; background: url(images/header_bg_full.gif) no-repeat top right; overflow: hidden; }
#logo { float: left; height: 136px; }
#top_nav { float: right; background:url(images/top_nav_bg.gif) no-repeat top left; width: 288px; padding: 0 6px 6px 6px; }
#top_nav a { float: left; font-weight: bold; text-decoration: none; color:#55554a; display: block; padding: 11px 15px; margin: 2px 0 0 0; }
#top_nav a.rss { background: url(images/rss_top_nav.gif) no-repeat center left; padding-left: 34px; }
#top_nav a.contact { background: url(images/contact_top_nav.gif) no-repeat center left; padding-left: 37px; }
#top_nav a.login { background: url(images/login_top_nav.gif) no-repeat center left; padding-left: 34px; }
#top_nav a:hover { background-color: #a9a792; }
#menu_nav { float: left; width: 638px; background: url(images/menu_nav_border.gif) repeat-x bottom; margin-left: 5px; display: inline; }
#menu_nav ul { list-style: none; }
#menu_nav li { float: left; background: url(images/menu_nav_left_bg.gif) no-repeat top left; margin: 0 10px 0 0; }
#menu_nav li.current_page_item { float: left; background: url(images/menu_nav_left_bg_selected.gif) no-repeat top left; }
#menu_nav li.page_item a span { background: url(images/menu_nav_right_bg.gif) no-repeat top right; height: 31px; }
#menu_nav li.page_item a { display: block; text-transform: uppercase; background: url(images/menu_nav_right_bg.gif) no-repeat top right; padding: 20px 20px 18px 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #efede0; }
#menu_nav li.current_page_item a { display: block; text-transform: uppercase; background: url(images/menu_nav_right_bg_selected.gif) no-repeat top right; padding: 20px 20px 18px 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #898772; }
#menu_nav li a:hover { text-decoration: underline; }
#search_header { float: right; background: url(images/search_bg.gif) no-repeat top left; height: 65px; width: 288px; padding: 0 6px 6px 6px; margin: 89px 0 0 0; }
#search_form_container { margin: 15px 0 0 10px; }


/* -------------- main_bar -------------- */
#content { float: left; width: 639px; }
#content_wrapper { float: left; width: 100%; padding: 5px 10px; background:url(images/main_bar_bg.gif) repeat-y top left; }
#content_wrapper img { border: 1px solid #7b7a66; background: #9c9a85; padding: 4px; }
#content_wrapper img.left, #content_wrapper img.alignleft { margin: 0 10px 0 0; }
#content_wrapper img.right, #content_wrapper img.alignright { margin: 0 0 0 10px; }
#content_wrapper img.center, #content_wrapper img.aligncenter { margin: 0 auto; }

.featured_box_top { float: left; background:url(images/featured_box_bottom_bg.gif) no-repeat bottom left; width: 625px; margin-bottom: 10px;  }
.featured_box_bottom { float: left; background:url(images/featured_box_top_bg.gif) no-repeat top left; width: 585px; padding: 20px;}
.featured_box_bottom h1 { font-size: 24px; font-weight: bold; color: #414135; display: block; }

#entries { float: left; width: 100%; }
.entry { float: left; position: relative; margin: 0 0 20px 0; }
.date { background: url(images/date_bg.gif) no-repeat top left; width: 107px; height: 64px; position: absolute; left: -111px; padding: 7px 0 0 12px; }
.date .date_no { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 36px; color: #d7084c; display: block; float: left; width: 50px; }
.date .month { font-size: 14px; color: #454334; margin: 4px 0 0 6px; float: left; display: inline; }
.date .month .year { font-size: 12px; color: #454334; float: left; font-weight: bold; }
.title { float: left; margin: 9px 0 0 25px; width: 578px; display: inline; }
.title a { text-decoration: none; }
.title h1 { font-size: 30px; color: #d9084c; text-decoration: underline; }
.title h1 a { font-size: 30px; color: #d9084c; text-decoration: underline; }
.title h1 a:hover { color: #ed2c6b; }
.content { float: left; margin: 10px 0 0 25px; width: 578px; display: inline; }
.content h1 { font-size: 26px; font-weight: bold; color: #434537; margin-top: 10px; }
.content h2 { font-size: 12px; font-weight: bold; color: #434537; margin-top: 8px; }
.content h3 { font-size: 18px; font-weight: bold; color: #434537; margin-top: 6px; }
.content h4 { font-size: 16px; font-weight: bold; color: #434537; margin-top: 4px; }
.content h5 { font-size: 14px; font-weight: bold; color: #434537; margin-top: 4px; }
.content h6 { font-size: 12px; font-weight: bold; color: #434537; margin-top: 4px; }
.content ul, .content ol { margin: 5px 0 15px 10px; }
.content pre { font-family: Arial, Helvetica, sans-serif; font-size: 9px; border: 1px solid #7998ac; background: #dbecf6; color: #7998ac; margin-bottom: 15px; padding: 15px; }
.more { float: left; width: 578px; background: url(images/more_bg.gif) no-repeat top left; margin: 10px 0 0 25px; height: 40px; display: inline; }
.more_single { float: left; width: 578px; background: url(images/psot_bar_bg.gif) no-repeat top left; margin: 10px 0 0 25px; height: 40px; display: inline; }
.tags { float: left; background: url(images/tags.gif) no-repeat center left; padding-left: 20px; margin: 12px 0 0 12px; }
.tags a, .comments a, .leave_comments a { color: #424436; } .tags a:hover, .comments a:hover { color: #2d2e24; }
.comments { float: left;  background: url(images/comments.gif) no-repeat center left; padding-left: 20px; margin: 12px 0 0 12px; }
.leave_comments { float: left;  background: url(images/leave_comment.gif) no-repeat center left; padding-left: 20px; margin: 12px 0 0 12px; }
a.read_more { float: right; background: url(images/read_more.gif) no-repeat top right; padding: 12px 32px 12px 31px; font-weight: bold; text-decoration: none; color: #ffffff; display: block; } a.read_more:hover { color: #fff; }

#pages_nav { float: left; width: 100%; margin-bottom: 20px; }
#read_older { float: left; width: 134px; height: 48px; margin-left: 21px; text-align: center; display: inline; }
#read_older a { display: block; background: url(images/older-newer_button.gif) no-repeat top left; text-decoration: none; font-size: 14px; color: #434337; padding: 13px 0 12px 0; }
#read_newer { float: right; width: 134px; height: 48px; margin-right: 32px; text-align: center; display: inline; }
#read_newer a { display: block; background: url(images/older-newer_button.gif) no-repeat top left; text-decoration: none; font-size: 14px; color: #434337; padding: 13px 0 12px 0; }

#content_bottom { float: left; width: 647px; background: url(images/content_bottom.gif) no-repeat bottom left; height: 5px; margin-bottom: 30px; }

#contact { float: left; width: 100%; background: url(images/contact_form_full_bg.gif) no-repeat top left; height: 222px; position: relative; }
#contact_name { background: none; border: none; position: absolute; left: 14px; top: 35px; width: 176px; padding: 7px; }
#contact_email{ background: none; border: none; position: absolute; left: 14px; top: 106px; width: 176px; padding: 7px; }
#contact_subject{ background: none; border: none; position: absolute; left: 14px; top: 175px; width: 176px; padding: 7px; }
#contact_message{ background: none; border: none; position: absolute; left: 228px; top: 31px; width: 320px; padding: 7px; height: 155px; }
#contact_submit_div { float: left; width: 100%; height: 40px; position: relative; }
#contact_submit { background: url(images/submit_comment.gif) no-repeat top left; width: 145px; height: 40px; position: absolute; border: none; cursor: pointer; top: 0; left: 417px; }


/* -------------- side_bar -------------- */
#sidebar { float: right; width: 300px; margin: 10px 0 30px 0; }
.sidebar_title { float: left; margin-left: 6px; display: inline; width: 294px; }
.sidebar_title h2 { color: #414335; font-size: 22px; }
.sidebar_box_wrapper { float: left; width: 100%; background: url(images/sidebar_box_top.gif) no-repeat top left; margin-bottom: 20px; }
.sidebar_box { float: left; width: 276px; background:url(images/sidebar_box_bottom.gif) no-repeat bottom left; padding: 12px; color: #434434; }
.sidebar_box ul { list-style: none; }
.sidebar_box ul li { float: left; width: 100%; border-bottom: 1px solid #7c7b67; }
.sidebar_box ul li a { display: block; font-size: 13px; font-weight: bold; color: #434434; text-decoration: none; padding: 8px 0 8px 10px; }
.sidebar_box ul li a:hover { background: #7c7b67; }

ul#categories { list-style: none; }
ul#categories li { float: left; width: 276px; background: url(images/cat_bg.gif) no-repeat top left; height: 34px; margin-bottom: 6px; border: none; padding: 0; }
ul#categories li a { display: block; font-size: 13px; font-weight: bold; color: #434434; text-decoration: none; padding: 7px 0 7px 10px; }
ul#categories li a:hover, ul#categories li.current-cat a { background: url(images/cats_hover.gif) no-repeat center left; padding-left: 28px; }
ul#categories li.current-cat a { background: url(images/cats_selected.gif) no-repeat center left; }

.popular_box { float: left; width: 268px; padding: 4px; margin-bottom: 10px; }
.popular_box a { font-size: 12px; text-decoration: none; color: #fff; margin-left: 6px; }
.popular_box a:hover { color: #fff; text-decoration: underline; }
.popular_box a.popular_comments { font-size: 9px; color: #c3c2ae; background: url(images/popular_comment.gif) no-repeat center left; padding-left: 16px; }
.popular_box a.popular_comments:hover { color: #c3c2ae; }
.popular_box span.popular_date { font-size: 9px; color: #c3c2ae; background: url(images/popular_date.gif) no-repeat center left; padding-left: 16px; margin-left: 16px; text-decoration: none; }

.flickr img { border: 4px solid #c3c2ae; margin: 8px; }

img.ads { border: 3px solid #c3c2ae; margin: 4px; }


/* -------------- Portfolio -------------- */
.gallery-item { position: relative; }
.gallery-caption { position: absolute; left: 3px; top: 10px; background: #8c8b76; margin: 0; padding: 10px; font-size: 10px; color: #fff; }


/* -------------- Footer -------------- */
#footer { float: left; width: 100%; background: #747661 url(images/footer_bg.gif) repeat-x top left; }
#footer_wrapper { width: 960px; margin: 0 auto; text-align: left; padding: 20px 0 0 0; }
.footer_box { float: left; width: 315px; #ff0000; margin-right: 15px; }
.footer_box_2 { float: left; width: 290px; margin-left: 10px; display: inline; }
.footer_title { margin-left: 7px; width: 300px; }
.footer_title h2 { color: #414335; font-size: 18px; }
#footer_recent_comments { float: left; background: url(images/recent_comments.gif) no-repeat top left; width: 281px; height: 229px; padding: 15px; }
.recent_comment { float: left; width: 265px; background: url(images/recent_comment_box.gif) no-repeat top left; padding: 8px; color: #424436; line-height: 13px; height: 25px; overflow: hidden; }
.recent_comment a { color: #424436; text-decoration: none; }
.recent_comment_author { float: right; color: #454336; margin-bottom: 12px; }
.recent_comment_author a { font-weight: bold; color: #da074a; text-decoration: none; }
.recent_comment_author a:hover { font-weight: bold; color: #da074a; text-decoration: none; }

#footer_about { float: left; background: url(images/recent_comments.gif) no-repeat top left; width: 281px; height: 229px; padding: 15px; color: #434337; }

#partners_cont { float: left; margin: 8px 0 0 0; }
#partners_cont a img { border: 3px solid #c4c1ae; margin: 2px; }


/* -------------- Comments -------------- */
#comments_wrapper { float: left; width: 578px; margin: 10px 0 0 25px; display: inline; }
#comments_wrapper h2 { background: url(images/comments_h2.gif) no-repeat center left; padding: 0 0 0 34px; font-size: 20px; color: #424436; margin-bottom: 20px; }
#comments_wrapper ol { list-style: none; padding: 0; margin: 0; }
#comments_wrapper ol li { float: left; width: 578px; background: url(images/comment_bg.gif) no-repeat top left; margin-bottom: 20px; }
.comment_avatar { float: left; width: 63px; margin: 10px 18px 0 10px; display: inline; }
.comment_info { float: left; width: 480px; margin: 7px 0 0 0; }
.comment_author { display: block; color: #424436; font-weight: bold; font-size: 12px; }
.comment_date { display: block; color: #9e9c87; font-size: 9px; background: url(images/popular_date.gif) no-repeat center left; padding: 0 0 0 14px; }
.comment_time { display: block; color: #9e9c87; font-size: 9px; background: url(images/time.gif) no-repeat center left; padding: 0 0 0 14px; }
.comment_link a { display: block; color: #9e9c87; font-size: 9px; background: url(images/link.gif) no-repeat center left; padding: 0 0 0 14px; }
#comments_wrapper ol li img { border: 3px solid #a8a691; padding: 0; }
.comment_content { float: left; width: 508px; padding: 35px 35px 20px 35px; background: url(images/comment_bg_bottom.gif) no-repeat bottom left; }
#comments_wrapper h3 { float: left; width: 544px; background:url(images/leave_comments_h2.gif) no-repeat center left; padding: 0 0 0 34px; font-size: 20px; color: #424436; margin-bottom: 10px; }
#comment { float: left; width: 100%; margin-bottom: 20px; }
#comment_full { float: left; width: 100%; background: url(images/comment_form_full_bg.gif) no-repeat top left; height: 262px; position: relative; }
#comment_name_input { background: none; border: none; position: absolute; left: 14px; top: 35px; width: 176px; padding: 7px; }
#comment_email_input { background: none; border: none; position: absolute; left: 14px; top: 106px; width: 176px; padding: 7px; }
#comment_url_input { background: none; border: none; position: absolute; left: 14px; top: 177px; width: 176px; padding: 7px; }
#comment_message_input { background: none; border: none; position: absolute; left: 228px; top: 31px; width: 320px; padding: 7px; height: 155px; }
#comment_submit_full { background: url(images/submit_comment.gif) no-repeat top left; width: 145px; height: 40px; position: absolute; border: none; cursor: pointer; top: 222px; left: 417px; }
#comment_loggedin { float: left; width: 100%; background: url(images/comment_form_loggedin_bg.gif) no-repeat top left; height: 262px; position: relative; }
#comment_message_loggedin_input { background: none; border: none; position: absolute; left: 13px; top: 31px; width: 535px; padding: 7px; height: 155px; }


/* -------------- Copyright -------------- */
#copyright { float: left; width: 100%; background: #434436 url(images/copyright_bg.gif) repeat-x top left; height: 37px; font-size: 9px; }
#copyright_wrapper { width: 960px; margin: 0 auto; text-align: left; padding-top: 12px; }
#copyright_wrapper a { text-decoration: none; color: #fff; }

/* -------------- Forms -------------- */
#s { background: #c3c2af; border: 1px solid #9e9c86; float: left; color: #9e9c86; font-size: 14px; padding: 7px 7px 7px 7px; width: 181px; margin: 0 3px 0 0; }
#search_submit { background: url(images/search_button.gif) no-repeat top left; border: none; width: 65px; height: 33px; margin: 0; cursor: pointer; }

textarea {
	font-family: arial;
	font-size: 10px;

}

.embed {
	height: 60px;
	width: 400px;
	color: #b7b7b7;

}
.perma {
	height: 12px;
	width: 400px;
	color: #b7b7b7;
}


.label {
	font-size: 10px;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	color: #707070;
}