/*  
Theme Name: TV.Elements (Dark & Light - motion)
Theme URI: http://www.press75.com/
Description: Another quality video theme brought to you by Jason @ Press75.com
Version: 2.0
Author: Jason Schuller
Author URI: http://www.jdidit.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
*/


/* general
----------------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}
body {background: #000000 url("images/motion_background.jpg") no-repeat left top;color:#47443a;font: 0.75em Tahoma, Arial, Helvetica, sans-serif;color: #47443a;line-height: 18px;}
h2 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;font-weight: bold;text-transform: lowercase;padding: 0;color:#353225;margin-bottom:20px;line-height:22px;}
h3 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;text-transform: lowercase;padding: 0;color:#353225;margin-bottom:20px;line-height:18px;}
h4 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;font-weight: bold;text-transform: lowercase;padding: 0;color:#353225;margin-bottom:20px;line-height:18px;}
p {margin-bottom:14px;}
strong {color:#47443a;}

/** links **/
a:link, a:visited {color:#A7A7A7;text-decoration:none;}
a:hover {color:#0D0D0D;}

/** images **/
img {border:none;}
p img {margin-top:-0px;}

/** categories list - DARK **/
ul, li {margin:0;border:0;padding:0;list-style:none;}
#catlist {font-size:14px;font-family: Georgia, "Times New Roman", Times, serif;text-transform:lowercase;padding:0px;height:28px;}
#catlist .menu li {background:url(images/lm.gif) left top no-repeat;height:28px;float:left;margin-right:10px;}
#catlist .menu li a {color:#A7A7A7;text-decoration:none;padding:0 10px;height:28px;line-height:28px;display:block;float:left;padding:0 26px 0 10px;background:url(images/rm.gif) right top no-repeat;width:264px;}
#catlist .menu li a:hover {color:#FFFFFF;}
#catlist ul .submenu {border-top:none;background:#000000;position:relative;width:298px;padding:6px 0;clear:both;z-index:2;display:none;}
#catlist ul .submenu li {background:none;display:block;float:none;margin:0 6px;border:0;height:auto;line-height:normal;border-top:solid 1px #1F1F1F;}
#catlist .submenu li a {background:none;display:block;float:none;padding:6px 11px;margin:0;border:0;height:auto;color:#A7A7A7;line-height:normal;}
#catlist .submenu li a:hover{background:#0D0D0D;}

/** header **/
#header {width:100%;background:#000000;border-bottom:1px solid #47443a;border-top:1px solid #47443a;float:left;}
#insideheader {width:1040px;margin:0px auto;}
#logo {float:left;padding:20px 0 20px 0;z-index:30;}

/** navigation **/
#navigation {float:right;width:744px;height:32px;font-family: Georgia, "Times New Roman", Times, serif;text-transform:lowercase;text-align:right;font-size:14px;background:url(images/headbg.gif) top right no-repeat;}
#navigation a:link, #navigation a:visited {color:#A7A7A7;text-decoration:none;}
#navigation a:hover {color:#FFFFFF;text-decoration:none;}

/** navigation **/
.navigation {display: block;text-align: center;float: left;margin-top: 10px;margin-bottom: 30px;}

/** search **/
#searchwrap {background:none;height:27px;margin:2px 5px 0 0;float:right;}
#searchwrap input{vertical-align:middle;background:none;color:#A7A7A7;font-family: Georgia, "Times New Roman", Times, serif;}
#searchwrap #s{font-size:14px;border:none;padding:4px 4px;margin-right:3px;width:150px;}

/** showcase **/
#showcase {width:100%;padding:50px 0 0 0;float:left;}
#insideshowcase {width:1040px;margin:0px auto;}
#insideshowcase h4 {color:#A7A7A7;font-size:14px;font-weight:normal;margin:0 0 2px 0;padding:0;}
#socialize {float:left;padding:8px;background:#0D0D0D;border:1px solid #47443a;width:620px;margin:0 0 30px 0;}

#video {width:660px;text-align:center;float:left;margin:0 8px 0 0;}
#videolist {width:300px;float:left;background:#000000;}
.videoitem {width:295px;height:60px;margin:10px 0 0 5px;overflow: hidden;border-bottom:1px solid #47443a;}
.videoitem img {width:102px;height:50px;float:left;margin:1px 8px 0 0;padding:3px;border:1px solid #47443a;}
.videoitem a:hover img {border:1px solid #FFFFFF;}
.videoitem a h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:11px; text-transform:lowercase;line-height:12px;margin-bottom:2px;color:#A7A7A7;}
.videoitem a:hover h3 {color:#ffffff;}
.videoitem p {font-size:10px;line-height:12px;margin-bottom:0px;}

/** social tools **/
#tools {width: 68px;float: left;}
#tools ul {list-style: none;margin: 0;padding: 0;}
#tools li {display: block;list-style: none;float: left;padding: 0px 0px 10px 0px;margin: 0;}
#tools a {display: block;height: 64px;text-indent: -5000px;overflow: hidden;}
#tools a:hover {background-image: none;}
#toolshare {width:68px;background:transparent url(images/share.gif) no-repeat 0 -64px;}
#toolshare a {background:transparent url(images/share.gif) no-repeat 0 0;}
#toolcomment {width:68px;background:transparent url(images/comment.gif) no-repeat 0 -64px;}
#toolcomment a {background:transparent url(images/comment.gif) no-repeat 0 0;}
#toolembed {width:68px;background:transparent url(images/embed.gif) no-repeat 0 -64px;}
#toolembed a {background:transparent url(images/embed.gif) no-repeat 0 0;}
#toolsubscribe {width:68px;background:transparent url(images/subscribe.gif) no-repeat 0 -64px;}
#toolsubscribe a {background:transparent url(images/subscribe.gif) no-repeat 0 0;}
#toolread {width:68px;background:transparent url(images/read.gif) no-repeat 0 -64px;}
#toolread a {background:transparent url(images/read.gif) no-repeat 0 0;}


/*#page {width:100%;background:#f1f1f1;border-top:1px solid #47443a;border-bottom:1px solid #47443a;float:left;margin-top:50px;nin-height:600px;}
*/

/*set minimum height >>>>>>>>>>>>>>>>>>
*/
/** copy **/
#copy, #page {width:100%;background:#f1f1f1;border-top:1px solid #47443a;border-bottom:1px solid #47443a;float:left;margin-top:50px; min-height:600px;}
#insidecopy {width:1068px;margin:0px auto;padding:25px 0 20px 0;}
#insidecopy p {font: 1em Tahoma, Arial, Helvetica, sans-serif; color: #47443a; line-height: 18px;}
#insidecopy img {padding:3px;border:1px solid #fff;}
#insidecopy .post-ratings img {padding:3px;border:0px solid #fff;}

#copywrap {width:690px;float:left;}
.copycontent {width:720px;float:left;margin:0 0 20px 0;overflow: hidden;}

/** comments **/
#postcomments {width:695px;margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #47443a;}

/** sidebar **/
#sidebar {width:300px;float:left;margin:5px 0 20px 30px;font-size:12px;border:1px solid #47443a;padding: 5px;}
#sidebar p {font-size:11px;padding:0 10px 2px 10px;line-height: 1.2em;}
#sidebar h3 {color:#1A1915;padding:10px 10px 2px 10px;text-transform:lowercase;}

.sideblock {width:300px;float:left;margin:0 0 20px 0;background: #f1f1f1;}
.sideblock a h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:11px; text-transform:lowercase;line-height:14px;margin-bottom:2px;color:#ff0000;}
.sideblock a:hover h3 {color:#47443a;}
.sideblock li {list-style:none;font: 0.75em Tahoma, Arial, Helvetica, sans-serif; color: #47443a; line-height:1.8;padding: 4px 10px 4px 10px;border-bottom: 1px dotted #1A1915;margin-bottom:6px;margin-right:10px; min-height:40px;}

.sideblog {border-bottom: 1px dotted #1A1915;padding: 10px 0 10px 0;}
.sideblog p {margin: 0;padding: 0;height: 42px;overflow: hidden;}
.sideblog h3 a {font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:14px; text-transform:lowercase;line-height:14px;margin-bottom:2px;color:#353225;}
.sideblog h3 a:hover {color:#A7A7A7;}

/** ads **/
#sideads {width: 100%;margin: 0px 0px 10px opx;float: left; border-bottom: 1px dotted #1A1915; margin-bottom:15px;}
#sideads img {width: 125px;height: 125px;float: left;margin: 8px;}
.sidead250 {margin:15px 0px 20px 20px;}

/** comments **/
#comment {width:450px;font:12px arial,helvetica,verdana,sans-serif;}
h2.commh2 {font-size: 1.4em !important;padding: 0 0 5px;color:#333 !important;}
ol.commentlist {margin: 10px 0 20px;padding: 0;list-style: none;font-size: 12px;line-height: 20px;}
ol.commentlist p {margin-bottom:10px;line-height: 20px;}
ol.commentlist cite {font-style: normal;font-weight: bold;}
ol.commentlist li {padding: 10px 10px 5px 10px !important;margin:10px 0 10px 0;}
ol.commentlist li.alt {padding: 10px 10px 5px 10px !important;background:#fff;border-bottom:1px dotted #171717;}

#author,#email,#url {background:#080808;border:1px solid #171717;padding:2px;color:#A7A7A7;}

/** search **/
.searchitem {width:300px; height:74px;margin:10px 0 0 5px;overflow: hidden;border-bottom:1px dotted #47443a;float:left;}
.searchitem img {width:102px;height:50px;float:left;margin:1px 8px 0 0;padding:3px;border:1px solid #47443a;}
.searchitem a:hover img {border:1px solid #FFFFFF;}
.searchitem a h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:11px; text-transform:lowercase;line-height:12px;margin-bottom:2px;color:#A7A7A7;}
.searchitem a:hover h3 {color:#0D0D0D;}
.searchitem p {font-size:10px;line-height:12px;margin-bottom:0px;}
.searchitem .videoitem {border:none;}

#insidesearch {width:1040px;margin:0px auto;padding:0;}

/** begin images **/
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
p.wp-caption-text {margin-bottom:-10px; vertical-align:top; opacity:.7;filter:alpha(opacity=70); text-align:center;}


/** begin lists **/
html>body .copycontent ul {margin-left: 0px;padding: 0px;list-style: none;}
html>body .copycontent li {margin: 7px 0 8px 0;}
.copycontent ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}

#sidebar ul, #sidebar ul ol, #altsidebar ul, #altsidebar ul ol {margin: 0 0 10px 10px;padding: 0;}
#sidebar ul li, #altsidebar ul li {list-style-type: none;list-style-image: none;}
#sidebar ul p, #sidebar ul select, #altsidebar ul p, #altsidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol, #altsidebar ul ul, #altsidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol, #altsidebar ul ul ul, #altsidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li, #altsidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li, #altsidebar ul ul li, #altsidebar ul ol li {margin: 3px 0 0;padding: 0;}

/** blockquote **/
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #0D0D0D;}
blockquote cite {margin: 5px 0 0;display: block;}


/** footer **/
#footer {width:100%;text-align:center;padding:10px 0 30px 0;font: normal 1.1em Georgia, times, serif;}
#insidefooter {width:1040px;margin:10px auto;}

/** motion elements **/
.pipe {color: #ed1c24;}

/** login **/
* {margin:0; padding:0; outline:0;}
#slide-panel{ background-color:#000;border-bottom-style:solid;border-bottom-width:2px;display:none;height:260px;margin:auto;}
#slide-panel h2 {padding:10px 10px 10px 15px; font-size:12px; font-weight:normal; text-transform:uppercase; color:#CCC;}
#slide-panel p {color:#CCC;}
#slide-panel .button {background-color:#000; color:#CCC;border:1px dotted #fff; text-transform:uppercase; font-size:10px;}
#slide-panel .button:hover {background:#ff0000; }
.slide {width:250px; margin:auto;}
.btn-slide:link, .btn-slide:visited{color:#fff; float:right; display:block;font-size:14px; text-transform:uppercase; font-weight:bold;height:26px; padding:3px 0 3px 0;line-height:22px;text-align:center;text-decoration:none;width:100px; background-color:#000; font-family:Arial;}
.loginform {width:950px; margin:auto; color:#999; font-family:Arial, Helvetica, sans-serif;}
.formdetails {color:#FFF; font-size:12px;padding:15px;}
.formdetails input{border:none; padding:2px 5px 2px 5px; background-color:#EFEFEF;}
.loginregister {color:#999; padding:15px;}
.loginregister a:link, .loginregister a:visited {color:#FFF; font-size:11px; text-decoration:underline;}
.loginform h2 {padding:10px 10px 10px 15px; font-size:12px; font-weight:normal; text-transform:uppercase; color:#CCC;}
.loginform ul li {display:inline;}
.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; font-size:12px; text-decoration:underline;}


/* motion colors
---------------------------------------------------------- */
.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);}