/*  
Theme Name: Watch Shock
Theme URI: http://watchshock.com/
Description: The Watch Shock theme.
Version: 101
Author: Riley
Author URI: http://watchshock.com/
*/
body {
 background: #e1e3e5;
 margin:  0;
 padding: 0;
 text-align: center; /* IE hack Part 1 */ 
}
img, a img { border: none; }
table {
  margin: 4px 0 8px 0px;
  width: 100%;
}

td {
  margin: 0;
  padding: 0;
}
table.cntr {
  margin: 4px 0 8px -20px;
  position:relative;
  left:120px;
}

table.ftab {
  margin: 0;
  padding: 0 8px;
  text-align: center;
  width: 480px;
  background:#F5F6F7;
  border:2px solid #D5D7DB;-moz-border-radius:14px 14px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
td.ftab a{
  font-size: 32px;
}
.tabhed {
  color: #FFF;
  background: #ccc;
  border: 0px solid #ccc;
  text-align: center;
  font-weight: bold;
}

.tabc {
  color: #555;
  border: 1px solid #ccc;
  border-width: 2px;
  text-align: center;
}
#hnavbot {
 width: 980px;
 margin: 0px auto;
 margin-top: -16px;
 height: 23px;
 background: #d9d7da url(images/navgradient.jpg) repeat-x top;
 border-bottom: 1px solid #ccced2;
 border-left: 1px solid #ccced2;
 border-right: 1px solid #ccced2;
 clear: both;
}
#hnavbot3 {
 font-size: 1.8em;
}
#header {
 float: left;
 width: 10px;
 margin: 0px;
 padding: 0px;
 text-align: left;
}
#hnav {
 width: 980px;
 margin: 0px auto;
 height: 114px;
 background: #AAAAB4 url(images/navgradientnew1.jpg) repeat-x top;
}
#hmenu {
 margin: 94px 5px 0 0;
 _margin: 0; /* IE6 and below */
 text-transform:lowercase;
 float: left;
 text-align: left;
 width: 960px;
}
#hnav ul li{
 display: inline;
}
#hnav ul li a {
 color: #FFF;
 text-decoration: none;
 padding: 5px 32px 5px 0px;
 font-size: 1.0em;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
}
#hnav ul li a:hover {
 color: #333;
 background: #FFF;
}
a {
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
a:hover {
 color: #FFF;
 background: #333;
 text-decoration: none;
}
top a {
 border: 0;
 text-decoration: none;
}
#masthead {
 background: url(images/masthead.jpg);
 width: 980px;
 height: 12px;
 margin: 0 auto;
 padding: 0;
 border-top: 1px solid #b8e4e7;
 border-right: 1px solid #86c9cf;
 border-bottom: 2px solid #00527f;
 border-left: 1px solid #86c9cf;
}
#topad {
height: 90px;
padding: 0 0 12px 0;
margin: 0;
}
#midad {

height: 120px;
width: 728px;
padding: 2px 0px;
margin: 0;
}
#midad a{
float:right;
}
#container {
 margin: 0px auto;
 width: 980px;
 background: #FFF;
 border-left: 1px solid #d5d7db;
 border-right: 1px solid #d5d7db;
 font-family: Arial, Helvetica, sans-serif;
 font-size: .80em;
 text-align: left; /* IE hack Part 2 */
 border-top: 10px solid #FFF;
 border-bottom: 15px solid #FFF;
 
}
#topcontent {
 width: 660px;
}
#content {
 width: 660px;
 background: #ffffff;
 margin: 0 5px 0 14px;

}
.post {
 margin: 0 0 60px 0;
}
#bottomcontent {
 width: 660px;
 height: 14px;
 clear: both;
}
.meta {
 color: #555;
 font-size: .9em;
 line-height: 18px;
}
.feedback {
 float: right;
 position: relative;
 top: -16px;
 left: -40px;
 font-size: 1.2em;
 font-weight: bold;
 background: #ccc;
 border:0px solid #bbb;-moz-border-radius:14px 14px;
}
.feedback a{
 color: #333;
 padding: 4px 32px;
 border:0px solid #bbb;-moz-border-radius:14px 14px;
 }
.feedback a:hover{
 text-decoration:none;
 color: #FFF;
}
.author {
 width: 200px;
 float: right;
 text-align: right;
}
.bliptv { margin: 0 0 0 -10px; }
.postnavigation {
 height: 80px;font-size:24px;font-weight:bold;
}
.postnavigation1 { height: 24px;text-align:center;font-size:24px;font-weight:bold; }
.postnavigation1 a{ font-size:24px;font-weight:bold; }
.left {
 float: left;
 padding-left: 20px;
 font-size:24px;
 margin: 20px 0px;
}
.left a{ font-size:1.2em;font-weight:bold;margin: 20px 0px; }
.right {
 float: right;
 padding-right: 20px;
 font-size:24px; 
}
.right a{ font-size:1.2em;font-weight:bold; }
#response {
 margin: 0px 0px;
}
.commenttalk {
background: #E1E3E5;
margin: 0 -42px -18px -42px;
}
#commentlist {
 padding: 0px 10px 0px 10px;
 margin-left: 10px;
 margin-right: 10px;
 color: #333;
 list-style-type: none; 
 text-align: justify;
}
#commentlist li  p{
 padding: 0px;
 margin: 8px 0px 0px 0px;
}
.commentname {
 height: 35px;
	padding: 0 0px 7px 0px;
	background: url(images/comment-top.png) no-repeat bottom left;
  z-index: 5;
 width: 720px;
 font-size: 1.1em;
 position: relative;
 top: 12px;
 _background: #E1E3E5; /* IE6 and below */
}
.commentBottom {
	height: 22px;
	width: 720px;
	
	background: url(images/comment-bottom.png) no-repeat;
}
.commentinfo{
 position: relative;
 top: 27px;
 left: 58px;
 
 z-index: 5;
}
.cauth { 
position: relative;
right: 14px;
font-weight:bold; 
}
.commenttext {
 background: #F6F6F6;
 font-size: 1.3em;
 clear: both;
 padding: 0 8px;
 margin: 12px 0 0 0;
 line-height:20px;
 width: 622px;
 border-left: 1px solid #ccced2;
 border-right: 1px solid #ccced2;


}
h2#postcomment {
 margin: 20px 0px 0px 0px;
 padding: 0 0 10px 10px;
}
h1#postcomment {
 margin: -20px 0 0 0;
 padding: 0;
}
#commentform {
 background: #FFF; 
 padding: 1px 20px 12px 20px;
 margin: 0;

}
#commentboxes {
 width: 500px;
 float: left;
 color: #333;
 font-size: 1.3em;
}
p.instructions {
 margin: 14px 0 0 200px;
 color: #333;
 font-size: 0.9em;
 text-align: justify;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #d5d7db;
 padding-left: 15px;
 position: relative;
}
#inputbox {
 clear: both;
 color: #333;
 font-size: 0.9em;
}
#button{
 padding-top: 0.5em;
}
#commentsbottom { 
 margin: 0;
 padding: 0;
 height: 22px;
}
#menu {
 margin: 0px auto;
 width: 980px;
 height: 45px;
 background: #F0F0F0 url(images/bottomgradient.jpg) repeat-x top;
 border-top: 1px solid #d1d4d9;
 border-right: 1px solid #d5d7db;
 border-bottom: 2px solid #d5d7db;
 border-left: 1px solid #d1d4d9;
}
#searchform {
 margin-top: 10px;
}
#topimage {
 margin: 2px 0 0 0; 
 cursor: pointer;
 width: 60px;
 height: 40px;
 background: url(images/topbutton.gif) no-repeat top;
 float: right;
 padding-right: 9px;
 padding-top: 3px;
}
#topimage a{
 display:block;
 height:100%;
 overflow:hidden;
 text-decoration:none;
}
#footer {
 clear: both;
 margin: 10px auto;
 padding-bottom: 40px;
 width: 980px;
 font-size: .8em;
}
#footer p {
margin-top: 0;
}
.clearer {
 clear: both;
 line-height: 0px;
}
#top { 
 display: inline;
 list-style-type: none;
}
blockquote {
 width: 620px;
 background: #f5f6f7;
 font-size: 0.8em;
 padding: 4px 10px;
 margin: 0;
}
code {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 0.8em;
 background:#F5F6F7;
}
.code {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 0.8em;
 background:#F5F6F7;
 padding:8px;
 border:1px solid #D5D7DB;-moz-border-radius:14px 14px;
}
h1 a {
 margin: 0;
 padding: 0;
 text-decoration: none;
 color: #fcfbfa;
}
h2 {
 color: #A2A2AA;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 2.0em;
 margin-bottom: 0px;
 margin-top: 40px;
 margin-left: 10px;
}
h3 {
 text-align: left;
 margin: 0;
 margin-top: 6px;
 padding: 0;
 font-size: 0.9em;
 line-height: 26px;
 font-weight: normal;
}
#blogtitle {
 margin: 0;
 padding: 0 0 0 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 1.2em;
}
#blogtitle a{
 font-weight: bold;
 color: #FFFFFF;
}
#blogtitle a:hover{
 color: #919191;
 font-weight: bold;
 text-decoration: none;
 background: none;
}
.post {
color: #333;
/* color: #333;*/
 text-align: left;
}
.posted {
 color: #555;
 float: left;
 margin: 0;
 padding: 0;
}
.title a  {
 text-align: left;
 color: #333;
 text-decoration: none;
 font-size: 2.2em;
 margin-top: 8px;
 font-weight: bold;
}
.title a:hover {
 color: #FFF;
 background: #333;
}
.title2 a  {
 text-align: left;
 color: #333;
 text-decoration: none;
 font-size: 2.2em;
 margin-top: 8px;
 font-weight: bold;
}
.title2 a:hover {
 color: #FFF;
 background: #333;
}
.storycontent {
padding:0;
line-height: 1.4em;
font-size: 1.3em;

}
.storycontent a {
 color:#333;
 text-decoration: none;
 font-weight: bold;
}
.storycontent a:hover {
 color: #FFF;
 background: #333;
 text-decoration: none;
}
.left a{
 color: #333;
 font-size: 0.9em;
}
.right a{
 font-size: 0.9em;
 color: #333;
}
.left a:hover{
 color: #FFF;
 background: #333;
}
.right a:hover{
 color: #FFF;
 background: #333;
}
.commentauthor {
 font-size: 1.0em;
 padding: 0 0 2px 0;
 margin: 0;
 color: #000000;
}
.commentauthor a{
 font-weight: bold;
 margin: 20px;
 padding: 0 20px 20px 0;
 background: url(images/icon.jpg) no-repeat top right;
 z-index: 5;
}
.commentdate {
 font-size: 0.8em;
 text-align: right;
 line-height: 18px;
 padding: 0;
 margin: 0;
}
#nocomment, #commentsclosed {
 text-align: center;
 color: #333;
 font-size: 1.0em;
 padding: 0 0 48px 0;
}
#comment  {
 width: 575px;
}
#comment, #author, #url, #email, #press{
 background: #fefdfc/*#f5f6f7*/;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 color: #333;
 padding: 1px 2px 1px 1px;
}
#comment, #author, #url, #email{
 border: 1px solid #d5d7db;
}
#comment:hover, #author:hover, #url:hover, #email:hover{
 border: 1px solid #333;
}
#comment:focus, #author:focus, #url:focus, #email:focus{
 background: #FFFFFF;
 border: 1px solid #000000;
 color: #333;
 padding: 1px 2px 1px 1px;
}
#commentboxes p {
 background: #FFF;
 margin: 0;
 padding-bottom: 0.9em;
}
h2#comments{
 font-size: 1.4em;
 margin-bottom:40px;
}
p.feeds {
 float: right;
 margin-top: -1.8em;
 font-size: 0.9em;
}
p.feeds a, p.feeds a:hover  {
 text-decoration: none;
}
p.feeds a:hover {
 color: #000000;
}
#inputbox {
 clear: both;
 color: #333;
 font-size: 0.9em;
}
#inputbox a {
 color: #333;
}
#inputbox a:hover {
 color: #FFFFFF;
}
p.inputbox {
 margin: 0;
 padding-bottom: 10px;
}
p.pages {
 margin: 0;
 padding: 40px 40px;
 padding-top: 0;
 text-align: center;
}
p.pages a {
 color: #333;
}
p.credits {
 padding: 0px 0px;
 text-align: center;
 margin: 10px 0px; 
 color: #9e9e9e;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
}
p.wordpress {
 margin: 0;
 padding: 0;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #d5d7db;
}
.searchresult {
 padding: 30px 0 0 0;
 margin:0;
}
.searchresult a{
 color: #333;
 font-size: 28px;
}
.searchresult a:hover{
 color: #FFF;
 background: #333;
}
.searchinfo {
 font-size: .9em;
 line-height: 18px;
 padding: 0 0 2px 0;
 color: #000000;
 margin: 0 ;
}
.searchdetails {
 font-size: .9em;
 line-height: 18px;
 padding: 0 0 2px 0;
 color: #000000;
 margin: 0 ;
 border-bottom: 1px solid #BBBBBB;
}
.wdgt_ft { display: none; }
#ed_toolbar {
 background: #d5d7db; 
 border: 1px solid #d5d7db;
 padding: 4px 0 4px 5px;
 border:0px solid #bbb;-moz-border-radius:8px 8px;
}
#ed_bold {
 background: url(images/bold.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
}
#ed_italic {
 background: url(images/italic.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 5px;
}
#ed_link {
 background: url(images/link.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 5px;
}
#ed_image {
 background: url(images/link.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 5px;
}
#ed_close{
 background: url(images/close.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 40px;
}
.wp-polls .pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	background-image: url('http://watchshock.com/wp-content/plugins/polls/images/default/pollbg.gif');
	border: 1px solid #c8c8c8;
}
.wp-polls-archive {
	/* background-color: #ffffff; */
}
.wp-polls, .wp-polls-form {
	/* background-color: #ffffff; */
}
.wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {
	text-align: left;
	background-image: none;
	display: block;
}
.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul  {
	text-align: left;
	list-style: none;
}
.wp-polls ul li:before, wp-polls-ul li, .wp-polls-ans ul li:before, #sidebar ul ul li:before {
	content: '';
}
.wp-polls IMG, .wp-polls LABEL , .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG {
	display: inline;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.wp-polls-ul {
	padding: 0px;
	margin: 0px 0px 10px 10px;
}
.wp-polls-ans {
	width:100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	/* background-color: #ffffff; */
}
.wp-polls-loading {
	display: none;
	text-align: center;
	height: 16px;
}
.wp-polls-image {
	border: 0px;
}
.wp-polls .Buttons {
  color: #A2A2AA;
	background-color: #f3f6f8;
	font-size: 24px;
	border:1px solid #A2A2AA;-moz-border-radius:6px 6px;
}
.wp-polls .Buttons:hover {
  cursor: pointer;
  color: #005D93;
  border:1px solid #005D93;-moz-border-radius:6px 6px;
}
/* Styles Used In WP-Admin */
.wp-polls-usage-pre {
	margin: 20px;
	padding: 10px;
	border: 1px solid #c8c8c8;
	background-color: #f0f0f0;
	overflow: auto;
}
#wp-polls-pollbar-bg {
	width: 25px;
	height: 25px;
	border: 1px solid #000000;
}
#wp-polls-pollbar-border {
	width: 25px;
	height: 25px;
	border: 1px solid #000000;
}
.editableAuthor, .editableComment{
 color: #000;
 background-color: #ABD8A2;
 padding: 0 0 12px 0;
 }
.editAuthor { background-color: transparent; background-image: none; display: inline; margin: 0; padding: 0; border: 0; clear: none;}
.textComment textarea { width: 90%; height: 100px; }
.editComment, .editableComment, .textComment{ /*clear: both;*/ padding: 0 0 12px 0; } 

.ajax-edit { font-size: 1em; font-weight: bold; background-color: #D5D7DB; color: #fff; padding: 5px; font-weight: bold;}
.ajax-edit .ajax-timer { font-size: 0.8em; color: #333; }
input.ajax-error { border: 3px solid #966; }
textarea.ajax-error, li.ajax-error { background: #966; }
.album { margin: 7px 0;
	padding: 7px;
	border: 1px #ccc solid; }
.album .image { float: right; 
	margin-left: 5px; }
.album h2.name{ font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0; }
.clear { clear: both; }
.thumbs{ text-align: left;	 }
.thumbs img { margin: 4px;
	padding: 2px;
	border: 1px #ccc solid; }
a img { border: none;  }
.prev { float: left; }
.next { float: right; }

#button input, #button input:focus {
	background: url( images/fade-butt.png );
	border: 2px solid #A2A2A2;-moz-border-radius:14px 14px;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 4px 8px;
	font-weight:bold;
	font-size: 24px;
}

#button input:hover{
	color: #990000;
	cursor: pointer;
}
#categories li {
 margin: 10px 0 10px 40px;
 padding: 0;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
}
#sidebarright {
padding: 0;
margin: 0;
width:296px;
background: #FFF;
}
.submit input, .submit input:focus, .button {
	background: url( http://watchshock.com/fade-butt.png );
	border: 2px solid #A2A2A2;-moz-border-radius:14px 14px;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 2px;
	font-weight:bold;
}
.submit input:hover{
	color: #990000;
	cursor: pointer;
}


#container {
max-width: 100%;
}

#content {
max-width: 100%;
}

img, a img {
max-width: 100%;
}

#hnav {
max-width: 100%;
}
#hmenu {
max-width: 100%;
}

@media screen and (max-width: 900px) {
#hmenu {
margin:0 auto;
position:relative;
top:-10px;
}
}

@media screen and (max-width: 600px) {
#hnav ul li a {
font-size:12px;
}
#sidebarright {
display:none;
}
}

@media screen and (max-width: 400px) {
#hnav ul li a {
font-size:12px;
}
}




