/*
Theme Name: motion+connect
Theme URI: http://www.motion.tv/
Description: motion+connect based on social life
Version: 1.0
Author: Elaine Montoya
Author URI: http://www.zocoloco.com/


colors:
------------
black: #000000
black gray: #0D0D0D
dark gray: #353225
medium gray:#47443a
light gray: #A7A7A7

726c6c 726c6c
medium dark gray:
light white: #F1F1F1
white: #FFFFFF

.motionRed {color: #ed1c24;opacity:1.0;filter:alpha(opacity=100);}
.motionGreen {color: #bacd31;opacity:1.0;filter:alpha(opacity=100);}
.motionOrange {color: #ea7d24;opacity:1.0;filter:alpha(opacity=100);}
.motionGray {color: #343437;opacity:1.0;filter:alpha(opacity=100);}
.motionBlack {color: #000000;opacity:1.0;filter:alpha(opacity=100);}

modified by elaine montoya - zocoloco studios for motion.tv


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

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
	
**********************************************************************************************/


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

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, 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;
font-weight:bold;
color: #323232;
}

a:hover {
color: #07bff4;
}

img {
border: 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: 180px;
color: #FFFFFF;
font-size: 12px;
line-height: 10px;
}

#logo h1 {
font-size: 20px;
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: 800px;
float: left;
position: fixed;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}


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

2. Main Menu

*********************************************************************************************/
ul.main-menu { /* Main Menu */
margin: 22px 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: 9px 0 9px 0;
}

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-linkedin {
background: url(images/menu-linkedin.png) top right no-repeat;
}

li.menu-vimeo {
background: url(images/menu-vimeo.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-calendar.png) top right no-repeat;
font-stretch:normal;
}

li.page-item-42 {
background: url(images/menu-subscribe.png) top right no-repeat;
font-stretch:normal;
}

li.cat-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 {
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: #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: 15px 30px 0 0;
float: left;
text-align: right;
font-size: 11px;
line-height: 15px;
}

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

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

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


/* wpcf7-form
----------------------------------------------------------------------------------------------- */
/* general */
form.wpcf7-form {margin: 0;padding: 0;border: 0; text-transform:lowercase;}
form.wpcf7-form input, form.wpcf7-form textarea {background-color:transparent;display: block;border: 1px solid #171717;border-left: 5px solid #171717;padding: 4px; color:#ff0000; font-family:"Courier New", Courier, monospace; font-size:12px;}
form.wpcf7-form input#submit  {border-left: 1px solid #171717;}

/* submit button */
.button {color: #ff0000;padding: 8px 10px 8px 10px;font-size:1.2em;filter:alpha(opacity=90);border: 1px solid #343437;cursor:pointer; font-weight:bold; background: #333333; border-left:1px solid #171717;cursor: pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.button:hover,
.button:focus {background: #ed1c24; color:#FFF}



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

11. Footer Styles

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

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

/*------------------------------------------------*/
/*-------------------[ZOCO FORMS]-----------------*/
/*------------------------------------------------*/
.zocoForm label {font-weight:normal;}
.zocoForm input, .zocoForm textarea {height: 30px; border: 1px solid; border-color: #c7c7c7; border-left: 6px solid; padding-left: 5px; overflow: visible; overflow-y: hidden; margin-bottom: 1px; display: block; background-image: url('images/form_input_bg.png'); }
.zocoForm input.button {border: 1px solid; border-color: #c7c7c7; background: url('images/form_input_bg.png'); padding: 8px 8px; font-size:12px; font-weight:bold; height: 40px;}
.zocoForm input.button:hover {border: 1px solid; border-color: #ff0000;background: url('images/form_input_bg.png');padding: 8px 8px;font-size:12px; font-weight:bold;}
.zocoForm .gfield_radio, gfield_checkbox {margin-top:0px;}
.zocoForm p {color:#ccc;}