/*********************************************************************************************

Theme Name: Social Life
Theme URI: http://www.press75.com/
Description: Designed by Jason Schuller
Version: 1.2
Author: Press75.com
Author URI: http://www.press75.com/

**********************************************************************************************

Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2010 Circa75 Media, LLC

Be inspired, but please don't steal...

**********************************************************************************************

0.  CSS Reset
1.  Basic Setup (Body, Fonts, etc.)
2.  Main Menu
3.  Main Content Styles
4.  Single Post Pages
5.  Twitter Styles
6.  Flickr Styles
7.  Delicious Styles
8.  Vimeo Styles
9.  YouTube Styles
10. Custom RSS Feed Styles
11. Post Comment Styles
12. Footer Styles
	
**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset 

*********************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/*********************************************************************************************

1. Basic Setup (Body, Fonts, etc.) 

*********************************************************************************************/
body {
background: #FFFFFF url(images/bg.jpg) top left repeat-y;
font: 12px/18px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
margin: 0;
padding: 0;
color: #323232;
}

p {
margin: 0 0 15px 0;
padding: 0;
}

a:link, a:visited {
text-decoration: none;
color: #323232;
}

a:hover {
color: #000000;
}

img {
border: none;
}

h1 {
font-size: 30px;
font-weight: normal;
margin: 0 0 15px 0;
}

h2 {
font-size: 22px;
font-weight: normal;
margin: 0 0 15px 0;
}

h3 {
font-size: 14px;
font-weight: normal;
margin: 0 0 5px 0;
}

h4 {
font-size: 12px;
font-weight: normal;
margin: 0 0 2px 0;
}

blockquote {
color: #666666;
padding: 0 0 0 15px;
font-style: italic;
border-left: 1px solid #999999;
}

strong {font-weight: bold;}

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
} 

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

h2, h3 {
font: 18px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
margin: -5px 0 2px 0;
padding: 0;
font-weight: bold;
}

#logo {
padding: 20px 0 0 20px;
height: 80px;
color: #FFFFFF;
font-size: 13px;
}

#logo h1 {
font-size: 25px;
font-weight: bold;
}

#logo a:link, #logo a:visited {
color: #FFFFFF;
}

#nav {
background: url(images/nav-bg.jpg) top left no-repeat;
width: 250px;
min-height: 650px;
float: left;
position: fixed;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

img#wpstats {
display:none
}


/*********************************************************************************************

2. Main Menu

*********************************************************************************************/
ul.main-menu { /* Main Menu */
margin: 30px 0 0 20px;
padding: 0;
}

ul.main-menu a:link, ul.main-menu a:visited {
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}

ul.main-menu li {
margin: 0 20px 0 0;
padding: 8px 0 14px 0;
}

li.menu-categories {
background: url(images/menu-categories.png) top right no-repeat;
}

li.menu-lifestream {
background: url(images/menu-lifestream.png) top right no-repeat;
}

li.menu-twitter {
background: url(images/menu-twitter.png) top right no-repeat;
}

li.menu-flickr {
background: url(images/menu-flickr.png) top right no-repeat;
}

li.menu-delicious {
background: url(images/menu-delicious.png) top right no-repeat;
}

li.menu-facebook {
background: url(images/menu-facebook.png) top right no-repeat;
}

li.menu-vimeo {
background: url(images/menu-vimeo.png) top right no-repeat;
}

li.menu-youtube {
background: url(images/menu-youtube.png) top right no-repeat;
}

li.menu-rss {
background: url(images/menu-rss.png) top right no-repeat;
}

li.page_item {
background: url(images/menu-page.png) top right no-repeat;
}

ul.sub-menu { /* Sub Menu */
margin: 0px 0 0 0;
padding: 0;
}

ul.sub-menu a:link, ul.sub-menu a:visited {
color: #BBBBBB;
font-weight: bold;
font-size: 14px;
}

ul.sub-menu li {
background: url(images/sub-menu.png) top left no-repeat;
margin: 0 0 0 0;
padding: 7px 0 15px 20px;
}


/*********************************************************************************************

3. Main Content Styles

*********************************************************************************************/
#content {
width: 770px;
float: left;
padding: 20px 0 0 0;
margin: 0 0 0 260px;
}

.content-item {
width: 760px;
float: left;
margin: 0 0 30px 0;
padding: 0 0 0 10px;
}

.item-alt {
margin: 0 0 10px 0;
}

.last-item {
border-bottom: none;
}

.content-body {
width: 540px;
margin: 0 0 0 20px;
padding: 20px 0 0 0;
float: left;
min-height: 100px;
}

.body-alt {
padding: 10px 0 0 0;
}

.entry a {
background: #E9E9E9;
}

.entry ul {
margin: 0 0 15px 0;
}

.entry ul li {
background: url(images/bullet.jpg) top left no-repeat;
padding: 0 0 0 20px;
}

.entry ol {
margin: 0 0 15px 20px;
}

.content-dets {
background: url(images/pointer.png) top right no-repeat;
width: 107px;
height: 98px;
padding: 20px 30px 0 0;
float: left;
text-align: right;
font-size: 11px;
line-height: 15px;
}

.content-dets a {
font-weight: normal;
}

.content-dets h3 {
font-weight: bold;
font-size: 18px;
}

ul.dets {
margin: 0;
padding: 0;
list-style: none;
}


/*********************************************************************************************

4. Single Post Pages

*********************************************************************************************/
.entry ul {
margin: 0 0 15px 0;
}

.entry ul li {
background: url(images/bullet.jpg) top left no-repeat;
padding: 0 0 0 20px;
}

.entry ol {
margin: 0 0 15px 20px;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 5px;
margin: 0 0 2px 15px;
}

img.alignleft {
padding: 5px;
margin: 0 15px 2px 0;
}

.wp-caption {
background: #EBEBEB;
border: 1px solid #CCCCCC;
text-align: center;
padding: 10px 5px 5px 5px;
margin: 0 0 20px 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.wp-caption img {
padding: 0;
margin: 0 0 5px;
}

.wp-caption-text {
margin: 10px 0 0;
padding: 0;
}

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
font-size: 12px !important;
text-align: center; 
margin: 0;
padding: 0;
}

#video {
background: #333333 url(images/video-bg.jpg) top left repeat-x;
width: 100%;
float: left;
}

#video-inside {
width: 960px;
margin: 0px auto;
padding: 20px 0 20px 0;
text-align: center;
}


/*********************************************************************************************

5. Twitter Styles

*********************************************************************************************/
#twitter {
margin-top: -18px;
}

.tweet img {
background: url(images/tweet-bg.jpg) top left no-repeat;
float: left;
width: 30px;
height: 30px;
margin: 0 10px 0 0;
padding: 4px;
}

.tweet {
border-bottom: 1px solid #E3E4E7;
float: left;
width: 540px;
padding: 10px 0 10px 0;
}

p.text {
padding: 2px 0 0 0;
margin: 0;
}

.time {
display: none;
}

#twitter-last-item {
float: left;
margin: -1px 0 0 0;
background: #FBFBFB;
width: 540px;
height:1px;
}


/*********************************************************************************************

6. Flickr Styles

*********************************************************************************************/
.flickr {
width: 555px;
}

.flickr-img {
background: url(images/flickr-bg.jpg) top left no-repeat;
float: left;
margin: 0 10px 10px 0;
padding: 13px;
}

#preview{
position:absolute;
display:none;
}

#preview img {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
}

/*********************************************************************************************

7. Delicious Styles

*********************************************************************************************/
.delicious-container {
margin-top: -15px;
margin-bottom: 8px;
}

#delicious ul {
margin: -5px 0 15px 0;
padding: 0;
list-style: none;
}

#delicious li {
padding: 15px 0 10px 0;
border-bottom: 1px solid #E3E4E7;
float: left;
width: 540px;
}

#delicious p {
margin: 0;
padding: 0;
}

#delicious-last-item {
float: left;
margin: -1px 0 0 0;
background: #FBFBFB;
width: 540px;
height:1px;
}


/*********************************************************************************************

8. Vimeo Styles

*********************************************************************************************/
.vimeo {
width: 540px;
float: left;
margin: 5px 0 15px 0;
}

.vimeo-vid {
background: url(images/vimeo-bg.jpg) top left no-repeat;
width: 200px;
height: 150px;
float: left;
margin: 0 20px 0 0;
padding: 13px;
overflow: hidden;
}

.vimeo-desc {
width: 280px;
float: left;
height: 150px;
overflow: hidden;
}

.vimeo-desc h2 {
margin: 5px 0 0 0;
padding: 0;
}

.vimeo-desc p {
margin: 0;
padding: 0;
}

.vimeo-desc img {
display: none;
}

/*********************************************************************************************

9. YouTube Styles

*********************************************************************************************/
.youtube-vid {
background: url(images/youtube-bg.jpg) top left no-repeat;
width: 146px;
height: 116px;
float: left;
margin: 0 10px 10px 0;
overflow: hidden;
}

.youtube-vid img {
margin: 13px;
}


/*********************************************************************************************

10. Custom RSS Feed Styles

*********************************************************************************************/
#rss-feed img {
display: none;
}


/*********************************************************************************************

11. Post Comment Styles

*********************************************************************************************/
#comments {
width: 540px;
}

#comments-meta a {
color: #808080;
}

#comments ol li {
list-style: none;
}

ol.commentlist li {
padding: 0 0 20px 0;
}

ol.commentlist li.alt {
padding: 0 0 20px 0;
}

ol.commentlist li ul.children { 
list-style: none; 
text-indent: 0; 
}

ol.commentlist li ul.children li {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.alt {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.depth-2 {margin: 0;}
ol.commentlist li ul.children li.depth-3 {margin: 0;}
ol.commentlist li ul.children li.depth-4 {margin: 0;}
ol.commentlist li ul.children li.depth-5 {margin: 0;}

ol.commentlist li div.reply {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 10px;
padding: 3px 0 3px 0;
width: 41px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

ol.commentlist li div.reply a {
color: #FFFFFF;
}

ol.commentlist li div.reply:hover {
background: #666666;
color: #FFFFFF;
}

.vcard, .comment-author {
font: 18px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
margin: -8px 0 0 0;
padding: 0;
font-weight: bold;
}

cite {
font-weight: bold;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
}

.avatar {
background: #EBEBEB;
border: 1px solid #CCCCCC;
float: right;
margin: 0 0 15px 15px;
padding: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#respond {
width: 100%;
padding: 0;
margin: 25px 0 0 0;
}

h3.no-comments {
margin: -5px 0 0 0;
}

.cancel-comment-reply a {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
float: right;
font-size: 10px;
margin: 0 0 15px 0;
padding: 3px 0 3px 0;
width: 81px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.cancel-comment-reply a:hover {
background: #666666;
color: #FFFFFF;
}

#author, #email, #url, #comment {
background: #FFFFFF url(images/fields.jpg) top left repeat-x;
border: 1px solid #CCCCCC;
padding: 6px 4px 6px 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#comment {
width: 98%;
max-width: 610px;
}

input#submit {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
padding: 8px 10px 8px 10px;
font-size: 12px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input#submit:hover {
background: #666666;
color: #FFFFFF;
}


/*********************************************************************************************

12. Footer Styles

*********************************************************************************************/
#footer {
position: fixed;
bottom: 5px;
left: 20px;
width: 240px;
color: #FFFFFF;
}

#footer a:link, #footer a:visited {
color: #FFFFFF;
}