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

Theme Name: motion+connect
Theme URI: http://www.motion.tv/
Description: motion+connect based on social life
Version: 1.5.2a
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);}

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

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

a:hover {
color: #07bff4;
}

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: 14px;
font-weight: bold;
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: 180px;
color: #FFFFFF;
font-size: 13px;
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: 650px;
float: left;
position: fixed;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

img#wpstats {
display:none
}


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

2. Main Menu

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

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

ul.menu li {
margin: 0 20px 0 0;
padding: 9px 0 10px 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-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-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-calendar.png) top right no-repeat;
}

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

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

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 {
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;
color:#f1f0ec;
}

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

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;
margin-top: 5px;
}

.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: -5px 10px 15px 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;
}


/*------------------------------------------------*/
/*-------------------[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;}
/*----------------[remove bullets]--------------*/
body .gform_wrapper ul,
body .gform_wrapper li,
body .gform_wrapper form li,
body .gform_wrapper form ul li { list-style-type:none!important; list-style-image:none!important; background-image:none!important }