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

Theme Name: remotedevice.net - social life
Theme URI: original theme, "social life" found at http://www.press75.com/
Description: heavily modded to taste
Version: 1.0
Author: Jason Schuller (orig) Jeff Watson (mod)
Author URI: http://www.press75.com/

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

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.  Custom RSS Feed Styles
10. Post Comment Styles
11. Footer Styles
12. Remotedevice Custom 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, h5, h6 {font-weight:normal;color:#ea0037;}
h4 {font-size:.9em;font-weight:bold;color:#333333;}

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 Verdana,Arial,Helvetica,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;
}

h2 {
font: 18px Verdana,Arial,Helvetica,sans-serif;
margin: -5px 0 2px 0;
padding: 0;
font-weight: normal;
}

h3 {
font: 12px Verdana,Arial,Helvetica,sans-serif;
margin: -5px 0 2px 0;
padding: 0;
font-weight: normal;
}

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

#logo h1 {
font-size: 14px;
font-weight: normal;
color:#666666;
}

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

#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;
}


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

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: #ff9900;
font-weight: normal;
text-transform: lowercase;
font-size: 12px;
}

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

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: normal;
font-size: 12px;
}

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 {
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;
}

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

.entry a {
background: #eeeeee;
}

.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;
color:#666;
}

.content-dets h3 {
font-weight: normal;
font-size: 14px;
}

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

.updated {
color:#ea0037;
}


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

4. Single Post Pages

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

.entry blockquote {
border-left:4px solid #e9e9e9;
padding-left:12px;
}

.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 0px;
-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. Custom RSS Feed Styles

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


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

10. 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: normal;
}

cite {
font-weight: normal;
}

.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;
}


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

11. Footer Styles

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

#footer p {
font-size:9px;
color:#666;
padding-right:24px;
}

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

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

12. Remotedevice Custom Styles

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

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

.header-text {
padding-left:6px;
}

.header-text-big {
font-size:14px;
padding-top:12px;
padding-left:6px;
}

.entry-quote {
padding:14px;
background:#EEEEEE;
}

.entry-quote a {
background: #fff;
font-weight:bold;
font-size:10px;
}

.entry-twitter {
padding:14px;
background:#d6edf6;
}

.entry-twitter a {
text-decoration:underline;
}

.entry-zotero {
padding:14px;
font: 12px/18px Courier New, Courier, monospace;
border:1px solid #e9e9e9;
}

.entry-zotero a {
text-decoration:underline;
}

.entry-zotero table {
border-collapse: separate;
border-spacing: 10;
}

.entry-zotero td {
padding-left:10px;
}

.title-zotero p {
padding-bottom:4px;
}

.title-zotero img {
margin-bottom: -1px;
}