 /*
Trendycrew
Author: Trendycrew Team
Author URI: http://www.trendycrew.com
Based on PressRow by Chris Pearson http://www.pearsonified.com/
*/
body { background: #fff; color: #444; font: 62.5% Arial, sans-serif; text-align: center; }
* { padding: 0; margin: 0; }
/*---:[ global elements ]:---*/
a { color: #1c9bdc; text-decoration: none; }
a:visited { color: #1c9bdc; text-decoration: none; }
a:hover { color: #1873a1; text-decoration: underline; }
p { margin: 0 0 15px 0; }
blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; }
blockquote p { margin-bottom: 7px; }
code { color: #090; font-family: "Courier New", Courier, monospace; }
pre { width: 500px; margin-bottom: 15px; font-size: 1.2em; float: left; }
* html pre { font-size: 1.0em; overflow: hidden; }
/*---:[ headlines ]:---*/
h1 { font-weight: bold; font-size: 4.0em; line-height: 1.8em; }
h1 a, h1 a:visited, h1 a:hover { color: #222; text-decoration: none; }
h2 { font-weight: normal; font-size: 1.6em; }
.post h2 { color: #000; line-height: normal; padding-top: 5px; margin-bottom: 5px; }
.post h2 a { color: #000; text-decoration: none; }
.post h2 a:visited { color: #666; text-decoration: none; }
.post h2 a:hover { color: #1c9bdc; text-decoration: none; }
#sidebar h2 { color: #999; font-size: 1em; padding: 2px; border-bottom: 1px dashed #ddd; }
h2.archive_head { font-size: 2em; color: #999; padding: 4px 4px 4px 32px; background: #fff url('https://famfamfam.s3.amazonaws.com/box.png') 5px 50% no-repeat; border-bottom: 2px solid #eee; margin-bottom: 20px; }
h2.archive_head_tag { font-size: 2em; color: #999; padding: 4px 4px 4px 32px; background: #fff url('https://famfamfam.s3.amazonaws.com/tag_pink.png') 5px 50% no-repeat; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.archive_explanation { font-size: 1.2em; line-height: 1.3em; color: #999;}
h2.comment_head { padding-left: 29px; line-height: 2.0em; background: url('images/icon_comment.gif') 0 50% no-repeat; color: #999; }
h2.form_head { color: #999; }
h3 { font-weight: normal; font-size: 1.2em; margin: 15px 0 5px 0; color: #999; border-bottom: 1px dashed #eee }
h4 { display: inline; font-weight: normal; padding: 4px; line-height: 1.0em; font-size: .8em; text-transform: uppercase; background: #f5f5f5; border-bottom: 1px solid #ddd; }
/*---:[ core layout elements ]:---*/
#container { width: 860px; margin: 0 auto; }
#page { width: 860px; float: left; }
#header { width: 860px; margin-bottom: 30px; float: left; }
#content_box { width: 860px; padding-bottom: 5px; text-align: left; float: left; }
#content { width: 500px; padding-right: 40px; overflow: visible; float: left; }
* html #content { overflow: hidden; }
#sidebar { width: 320px; color: #222; font-size: 1.4em; line-height: 1.5em; float: left; }
* html #sidebar { overflow: hidden; }
#footer { width: 860px; padding-top: 8px; font-size: 1.2em; text-transform: uppercase; letter-spacing: .3em; float: left; clear: both; }
/*---:[ header styles ]:---*/
#nav { width: 100%; background: #fff; border-bottom: 1px dashed #ddd; float: left; }
#nav ul { list-style: none; padding-left: 0.2em; }
#nav li { float: left; }
#nav li a, #nav li a:visited { display: block; height: 1.4em; font-family: helvetica, arial, sans-serif;  padding: 0 .5em; line-height: 1em; color: #999; text-decoration: none; font-size: 1.4em; float: left; }
#nav li a:hover { color: #999; }
.blog #nav li a.blog, .blog #nav li a.blog:visited, .archive #nav li a.archives, .archive #nav li a.archives:visited, .about #nav li a.about, .about #nav li a.about:visited, .thewall #nav li a.thewall, .thewall #nav li a.thewall:visited {  color: #FC95C4; cursor: default;  }
#header h1 {
float: left;
width: 320px;
padding-left: 5px;
w\idth: 315px;
text-align: left;	margin: 20px 0 5px 0;
}
/*---:[ search box ]:---*/
#search-box {
float: right;
width: 290px;
padding-right: 10px;
w\idth: 280px;
text-align: right;
margin: 25px 0 10px 0;
}
#search-box p {
margin: 0 0 2px 0;
padding-left: 10px;
text-align: left;
font-family: helvetica, arial, sans-serif;
color: #999;
font-size: 11px;
}
.search-input {
width: 221px;
border: 1px solid #d3d2d0;
padding: 4px 2px;
w\idth: 215px;
background: #fff;
}
.search-button {
padding-top: 2px;
padding-left: 2px;
}
/*---:[ content styles ]:---*/
.post { width: 500px; margin-bottom: 50px; font-size: 1.4em; line-height: 1.7em; color: #444; float: left; }
.entry ul, .entry ol { margin: 0; color: #000; }
.entry ul { list-style-type: none; }
.entry li { padding: 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0; }
.entry dl { margin-bottom: 15px; }
.entry dt { font-weight: bold; color: #000; }
.entry dd { margin: 0 0 0 20px; font-style: italic; }
.entry img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }
.entry img.left_off { margin: 0 10px 5px 0; float: left; }
.entry img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }
.entry img.right_off { margin: 0 0 5px 10px; float: right; }
.entry img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
.entry img.center_off { display: block; margin: 0 auto 15px auto; }
.post_meta { width: 480px; padding: 10px 0 0 10px; border-bottom: 1px solid #eee; background: #fafafa; line-height: 1.6em; float: left; font-size: 0.9em; }
p.num_comments {  margin-bottom: 0; line-height: 1.6em; float: right; }
p.tagged { margin-bottom: 0; line-height: 1.6em; float: left; }
.navigation { width: 490px; padding: 5px 10px; margin-bottom: 5px; font-size: 1.2em; line-height: 1.2em; background: #fff; float: left; }
* html .navigation { line-height: normal; }
.home_nav {font-size: 2em;}
.previous { padding-left: 27px; margin-bottom: 0; background: url('https://famfamfam.s3.amazonaws.com/arrow_left.png') 0 50% no-repeat; float: left; }
.next { padding-right: 27px; margin-bottom: 0; background: url('https://famfamfam.s3.amazonaws.com/arrow_right.png') 100% 50% no-repeat; float: right; }
.jump { padding: 4px 6px 4px 33px; margin: 0 0 10px 10px; background: #f5f5f5 url('images/icon_down.gif') 6px 50% no-repeat; float: right; clear: both; }
/*---:[ sidebar styles ]:---*/
#sidebar ul { list-style: none; }
#sidebar ul li { width: 320px; margin-bottom: 10px; float: left; }
.sidebar_section { width: 320px; padding: 15px 0 7px 0; background: #fff; float: left; }
.sidebar_section p { padding: 0 10px; margin-bottom: 10px; }
.sidebar_section p.center { text-align: center; }
.sidebar_section img.off { border: none; }
#sidebar ul li ul, #sidebar ul li ol { list-style: none; width: 300px; padding-left: 0; margin-bottom: 12px; }
#sidebar ul li ul li, #sidebar ul li ol li { width: 320px; padding: 3px 0 3px 0; margin-bottom: 0; }
.quick_date { padding-left: 5px; color: #999; }
/*---:[ footer styles ]:---*/
#footer p { text-align: center; }
#footer a, #footer a:visited { color: #222; text-decoration: none; }
#footer a:hover { color: #222; text-decoration: none; }
/*---:[ comment styles ]:---*/
#comments { width: 500px; font-size: 1.4em; line-height: 1.7em; color: #444; float: left; clear: both; }
ul.comment_list { list-style: none; margin-bottom: 40px; border-top: 1px dotted #bbb; float: left; }
ul.comment_list li, ul.comment_list li.alt, ul.comment_list li.author_comment_, ul.comment_list li.author_comment_alt { width: 480px; padding: 15px 10px 5px 10px; border-bottom: 1px dotted #bbb; float: left; }
ul.comment_list li.alt, ul.comment_list li.author_comment_alt { background: #f5f5f5; }
.comment_intro { width: 480px; margin-bottom: 15px; line-height: normal; float: left; }
* html .comment_intro { margin-bottom: 0; }
.author_comment_ .comment_intro { width: 453px; padding-left: 27px; background: url('images/icon_author.gif') 0 50% no-repeat; }
.author_comment_alt .comment_intro { width: 453px; padding-left: 27px; background: url('images/icon_author_alt.gif') 0 50% no-repeat; }
img.gravatar { float: right; margin: 0 0 10px 10px; }
.comment_author { font-weight: bold; font-size: 1.2em; }
.comment_meta { font-size: .9em; }
.comment_meta a, .comment_meta a:visited, .comment_meta a:hover { color: #999; text-decoration: none; }
#comments .entry { clear: both; }
#comments .entry ul, #comments .entry ol { margin: 0 0 15px 40px; color: #000; border: none; float: none; }
#comments .entry ul { list-style-type: square; }
#comments .entry li { width: auto; padding: 3px 0; border: none; float: none; }
#comments .entry ul li ul, #comments .entry ul li ol, #comments .entry ol li ul, #comments .entry ol li ol { margin: 0 0 0 30px; }
/*---:[ comment form styles ]:---*/
#comment_form { width: 500px; padding: 10px 0; float: left; }
#comment_form p { padding: 6px 0; margin-bottom: 0; }
#comment_form label { padding-left: 10px; font-size: .9em; }
#comment_form .text_input { width: 40%; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#comment_form .text_area { width: 95%; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#comment_form .text_input:focus, #comment_form .text_area:focus { border-top: 2px solid #444; border-left: 2px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
/*---:[ trendycrew tweaks ]:---*/
a img {
border:0;
}
#footer p {
font-size: 9px;
color: #666;
}
#footer a {
color: #666;
}
.tags{
clear: both;
padding-left: 12px;
}
.trendytags {
font-size: 0.9em;
padding-left: 30px;
padding-top: 5px;
background: url('images/trendy-tags.gif') 0 50% no-repeat;
}
.trendytags a {
text-decoration: none;
}
dl#trendy-elements {
float: left;
font-size: 0.9em;
width: 100%;
margin: 5px 0 20px 0;}
#trendy-elements dt {
font-weight: bold;
float: left;
clear: left;
width: 20%;
border-top: 1px #eee solid;
margin: 0 0 0.em 0;}
#trendy-elements dd {
float: left;
width: 77%;
border-top: 1px #eee solid;
margin: 0 0 0.5em 2%;}
* html #trendy-elements dd {
float: none;
margin-left: 15%;}
* html #trendy-elements dt {
margin: 0;}
.author {
font-size: 0.5em;
font-style: italic;
}
.tag-cloud {
list-style-type: none;
}
.cloud a {
font-family: helvetica, arial, sans-serif;
}
.tag-cloud li ul { margin: 1em 0; }
.below_title {
font-family: helvetica, arial, sans-serif;
font-size: 0.9em;
color: #555;
width: 250px;
float: left;
margin: 0 0 9px 0;
line-height: 1.8em;
}
.post-ratings {
font-family: helvetica, arial, sans-serif;
font-size: 0.8em;
line-height: 1.1em;
}
.update { font-size: 1.5em;border: 3px solid #f2ec49; background: #fffdcb; padding: 1.0em 15px; margin: 0 0 1.46667em 0; clear: both; }
#subscribe label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
#subscribe .submit input
{
margin-left: 4.5em;
}
#wall {
clear: left;
}
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
margin: 10px;
padding: 0;
float: left;
position: relative;
width: 210px;
height: 320px;
}
.gallery img {
background: #fff;
border: solid 1px #ccc;
padding: 4px;
}
.gallery span {
width: 77px;
height: 27px;
display: block;
position: absolute;
top: -12px;
left: 65px;
background: url(https://trendycrew.s3.amazonaws.com/tape.png) no-repeat;
}
.gallery a {
text-decoration: none;
}
.metadona {
font-size: 0.9em;
line-height: 1.4em;
padding-top: 10px;
float: left;
}
.rating-tool {
float: left;
margin: 5px 0;
font-size: 1.1em;
color: #999;
}
h2 .top-comment a { color: #1c9bdc; text-decoration: none; }
h2 .top-comment a:visited { color: #1c9bdc; text-decoration: none; }
h2 .top-comment a:hover { color: #1873a1; text-decoration: underline; }
/*CSS Yahoo new version style pagination*/
#footer div.pagination {
padding: 3px;
margin: 5px 0 20px 0;
text-align:center;
font-size:1em;
text-transform: none;
}
#footer div.pagination a {
border: 1px solid #ccdbe4;
margin-right:3px;
padding:2px 8px;
background-position:bottom;
text-decoration: none;
color: #0061de;
}
#footer div.pagination a:hover, #footer div.pagination a:active {
border: 1px solid #2b55af;
background-image:none;
background-color:#3666d4;
color: #fff;
}
#footer div.pagination span.current {
margin-right:3px;
padding:2px 6px;
font-weight: bold;
color: #000;
}
#footer div.pagination span.disabled {
display:none;
}
#footer div.pagination a.next{
border:2px solid #ccdbe4;
margin:0 0 0 10px;
}
#footer div.pagination a.next:hover{
border:2px solid #2b55af;
}
#footer div.pagination a.prev{
border:2px solid #ccdbe4;
margin:0 10px 0 0;
}
#footer div.pagination a.prev:hover{
border:2px solid #2b55af;
}
.below-post {
float: left;
padding: 7px 10px;
font-size: 0.9em;
border-top: dashed 1px #ddd;
color: #999
}
.below-post a {
color: #b2a8db;
}
.photo-credit {font-size: 0.9em; color: #999;}
#footer .wp-pagenavi {
margin-bottom: 20px
}
#footer .wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #eee;
color: #0092e9;
background-color: #fafafa;
}
#footer .wp-pagenavi a:visited {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0092e9;
background-color: #FFFFFF;
}
#footer .wp-pagenavi a:hover {
border: 1px solid #eee;
color: #fff;
background-color: #0092e9;
}
#footer .wp-pagenavi a:active {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0092e9;
background-color: #FFFFFF;
}
#footer .wp-pagenavi span.pages {
padding: 2px 4px 2px 4px;
margin: 2px 2px 2px 2px;
color: #000000;
background-color: #FFFFFF;
}
#footer .wp-pagenavi span.current {
padding: 2px 2px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #eee;
color: #fff;
background-color: #0092e9;
}
#footer .wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
margin: 2px;
border: 1px solid #fff;
color: #000000;
background-color: #FFFFFF;
}
.small{font-size:0.9em; color:#777}
