/* CSS Document */

/* 
	Theme Name: Shock
	Theme URI:  http://www.edge-e-space.com
	Description: none 
	Author: none
	Author URI: http://www.geekssite.com
	Live Demo: http://www.edge-e-space.com
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	

*/

/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
html { }
.hidden, .low {display:none;} 


/* body
--------------------------------------------------*/
/*body {text-align:center; margin:0px auto; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; color:#000000; background-color:#ABB193;}*/


body {text-align:center; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; color:#000000; 
/*text-align: left;*/
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-image:url('images/background.jpg'); 
	background-repeat:no-repeat;
	background-attachment:fixed;
	}
	
			


body#commentspopup {padding:0; background:white;}


/* headings
--------------------------------------------------*/

/*h1, h1 a {font-size:14px; color:#fff;}*/
h1, h1 a {font-size:1.1em; color:#000000;}

h1 a:hover {color:/*#fff*/#ed1b24;}
h2, h2 a, h3 a, h4 a {color:#000000/*4b3c2d*/; margin:0 0 10px; font-size:1.1em; }
h2 a:hover, h3 a:hover, h4 a:hover {color:#ed1b24/*CBBCA7*/;}

/* You may have to adjust the positions of these header elements depending on how many navigation menu items
you have.  As they are right now is the artistic impression the theme was meant to have, but if you need to you can 
move the h1 to be bottom:30px; or so depending on how far up you want to move it.
*/
#header h1 {/*display:none;*/ position:absolute; right:4px; bottom:4px;}
#header h3 {/*display:none;*/ font-size:1.1em; position:absolute; left:5px; top:2px;}

/*#content h2 {font-size:1.6em; margin:10px 0 10px 0;}*/
#content h1 {font-size:1.6em; margin:10px 0 10px 0;}
#content h4 {margin:0;}
#content.archive h3 {font-size:1.3em; font-weight:normal; margin:10px 0 10px 0;}
#content.archive h5 {margin:0;}


/* links
--------------------------------------------------*/
a img {border:none; text-align:left;}
/*ullist a img {border:none;}*/
a {color:#000000; text-decoration:none;}
a:hover {color:#ed1b24;}
a.commentlink {padding-left:15px; background:url(images/comments.gif) center left no-repeat;}
a.more {padding-right:10px; background:url(images/more.gif) center right no-repeat;}


/* paragraphs, lists, etc
--------------------------------------------------*/
p {margin:0; padding:12px 0 10px 0;}
ul {margin:0 0 0 1.4em; padding:0 0 15px 0;}
ul ul {padding:0;}
blockquote {color: #777; margin:0; padding:0 15px; border-left:10px #777 solid; font-style:italic;}
pre {overflow:auto; margin:0 0 15px 0; padding:4px; background-color:#FAF8F2; font-family:Courier, Monaco, monospace;}
kbr {color:#990; font-family:Courier, Monaco, monospace; padding:0 2px;}
abbr, acronym {font-size:0.9em; letter-spacing:1px;}
code {background-color:#EEE; font-family:Courier, Monaco, monospace; padding:0 2px;}


/* images
--------------------------------------------------*/
img.left {float:left; margin:0 12px 0 0;}
img.right {float:right; margin:0 0 0 12px;}
img.center {display: block; margin:0 auto;}


/* container
--------------------------------------------------*/
#container {position:relative; width:/*802*/960px; top: 0px; height:100%; margin:0 auto; background-color:#FFFFFF/*BCB3A7*/; bottom:0; z-index: 0;}

* html #container, * html #content, * html #subcontent, * html #main {
	height: 100%; /* for IE because it doesn't do min-height */
	}
* html #subcontent, * html #content {
	overflow: hidden; /* this way IE doesn't mess with our sizes */
}
#commentspopup #container {
  width:440px;
  padding:0 15px;}


/* header
--------------------------------------------------*/
#header {
	width:			/*802*/960px;
	height:			/*36*/183px;
	background-color: 	#FFFFFF/*4b3c2d*/;
	color: 			#FFFFFF;
	font-family:		"Helvetica Neue","arial","sans-serif";
	font-size:		12px;
	font-weight:		800;
	/*
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 		18px;
	font-weight:		bold;
	*/

	overflow:		hidden;
	border-bottom:		#FFFFFF medium solid; background-position: 0 -1px 0 0;
		
	}

#ullist {
        position:               absolute;
        left:                   85px; 
	color:			#ed1b24;
	margin: 		0px /*-188px(original) -367px(test) -241px(test) -215px*/ 0px 0px 0px; 
	padding:		2px 0; 
	width:			/*750*/960px;
	}

#ullist a, #ullist a:link, #ullist a:visited  
{
        padding-top: 0.3em;
	padding-left: 1.1em;
	padding-bottom: 0.3em;
	padding-right: 1.1em;
	color: #ed1b24;
	text-decoration: none;
        font-family:"Helvetica Neue","arial","sans-serif";
        font-size:12px;
        font-weight:800;

}

#ullist a:hover, #ullist a:active
 {
        padding-top: 0.3em;
	padding-left: 1.1em;
	padding-bottom: 0.3em;
	padding-right: 1.1em;
	color: #000;
	text-decoration: none;
        font-family:"Helvetica Neue","arial","sans-serif";
        font-size:12px;
        font-weight:800;
}

#ullist a#blog_link, #ullist a#blog_link:link, #ullist a#blog_link:visited, #ullist a#blog_link:hover, #ullist a#blog_link:active {
        padding-top: 0.3em;
	padding-left: 1.1em;
	padding-bottom: 0.3em;
	padding-right: 1.1em;
	color: #ed1b24;
        background: #000;
	text-decoration: none;

}

#footlinks a, #footlinks a:link, #footlinks a:visited  
{
        padding-top: 0.3em;
	padding-left: 1.1em;
	padding-bottom: 0.3em;
	padding-right: 1.1em;
	color: #ed1b24;
	text-decoration: none;
        font-family:"Helvetica Neue","arial","sans-serif";
        font-size:12px;
        font-weight:800;

}

#footlinks a:hover, #footlinks a:active
 {
        padding-top: 0.3em;
	padding-left: 1.1em;
	padding-bottom: 0.3em;
	padding-right: 1.1em;
	color: #000;
	text-decoration: none;
        font-family:"Helvetica Neue","arial","sans-serif";
        font-size:12px;
        font-weight:800;
}

/*twitter banner
-------------------------------------------------*/
#twitter {
        position:               absolute;
        left:                   405px; 
        top:                    50px; 
        }


#ullist p {
	color:			#ed1b24; 
	font-size: 		12pt; 
	}



a.style:link {
	color:			#ed1b24;
	font-size:		12px;
	}


a.style:visited {
	color:			#ed1b24; 
	font-size:		12px;
	}

a.style:active {
	color:			#ed1b24;  
	margin: 		-70px 8px 8px 8px/*-70px 0 0 2px*/;
	text-decoration:	none; 
	list-style-type:	none; 
	display:		inline; 
	}

a.style:hover {
	color:			#000000; 
	font-size:		12px;
	}


a.work:link {
	color:			#ed1b24; 
	font-size:		12px; 
	margin: 		-70px 8px 8px 8px/*0 0 0 4px*/;
	}

a.work:visited {
	color:			#ed1b24; 
	font-size:		12px; 
	margin: 		-70px 8px 8px 8px/*0 0 0 4px*/;
	}

a.work:active {
	color:			#ed1b24;  
	margin: 		-70px 8px 8px 8px/*-70px 0 0 2px*/;
	text-decoration:	none; 
	list-style-type:	none; 
	display:		inline; 
	}

a.work:hover  {
	color:			#000000; 
	font-size:		12px; 
	margin: 		-70px 8px 8px 8px/*0 0 0 4px*/;
	}


a.blog:link {
	background-color: 	#000000;
       	color: 			#ed1b24;
	padding:		0.3em 1.1em;
	font-size:		12px; 
	margin: 		-70px 8px 8px 8px/*0 0 0 4px*/;
	}


a.blog:visited {
	background-color: 	#000000;
	color:			#ed1b24;
	padding:		0.3em 1.1em; 
	font-size:		12px; 
	margin: 		-70px 8px 8px 8px/*0 0 0 4px*/;
	}


a.blog:active {
	color:			#ed1b24;  
	margin: 		-70px 8px 8px 8px/*-70px 0 0 2px*/;
	text-decoration:	none; 
	list-style-type:	none; 
	display:		inline; 
	}

a.blog:hover  {
	background-color: 	#000000;
       	color: 			#ed1b24;
	font-size:		12px; 
	margin: 		-70px 8px 8px 8px/*0 0 0 4px*/;
	}



/* main
-------------------------------------------------*/
/*
#main { background-color:#FFFFFF;background-repeat: repeat-x; background-attachment: scroll; background-position: 50% top; position:relative; display:block; text-align:left; width:960px; height: auto; 
  min-height: 100%;
  padding-top:10px; }
*/

#main { background-color:#FFFFFF;background-repeat: repeat-x; background-attachment: scroll; background-position: 50% top; position:absolute; display:block; text-align:left; width:960px; height: auto; 
  min-height: 100%;
  padding-top:10px; }


/* content
--------------------------------------------------*/
#content {padding:15px 20px 20px /*44*/60px; float:left; position:relative; display:block; width:/*427*/475px;}
#content ul, #content li {/*list-style:none;*/}
.singlecol #content {float:none; width:550px; margin:0 70px;}
#commentspopup #content {float:none; padding-top:0;}


/* entry
--------------------------------------------------*/
.entry {padding-bottom:15px; margin-bottom:20px; font-size:95%; border-bottom: dotted 1px #eee;}
.entry .info {position:relative; padding:1px; border:1px solid; font-size:0.9em; border-color:#ABB193; background-color:#FFFFFF; line-height:1.3em;}
.entry.single {clear:both;}
.entry .info a {margin-right:6px; padding-right:9px; border-right:1px solid; border-color:#949494;}
.entry .info em {padding-right:6px; font-style:normal;}
.entry .author,
.entry .editlink a {padding:0 0 0 5px; border-left:1px solid; border-right:none;}
.entry #filedunder {clear:both; padding:3px 0 0 0; font-size:0.9em;}
.entry a.more {padding-left:12px; background:url(images/more.gif) center left no-repeat;}
.entry .info .date {padding-left:15px; background:url(images/post.gif) center left no-repeat;}
.entry .info .author {padding-left:/*23*/30px; border-color:#949494; background:url(images/author.gif) 10px 2px no-repeat;}


/* comments
--------------------------------------------------*/
#comments {border:#ddd 1px solid; margin:10px; padding:10px;}
#comments h2 {margin-bottom:24px;}
#comments h2 a {margin-left:2px; padding-left:6px; border-left:1px solid; font-family: Helvetica Neue, Arial,Helvetica,sans-serif; font-size:0.55em; color:#873;}
#comments ul {margin:0 0 0 20px;}
#comments li {position:relative; margin-bottom:18px;}
#comments li p {padding:0 0 10px 0;}
#comments .header {position:relative; min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
  margin:0 0 10px 0; padding:3px 6px; background-color:#eee;}
* html #comments .header {height:19px;} /* IEWin */
#comments .header strong {}
#comments .header .gravatar {position:absolute; top:1px; right:1px;}
#comments li.comment {list-style-image:url(images/comments.gif);}
#comments li.trackback,#comments li.pingback {list-style-image:url(images/pingtrackback.gif);}
#commentform {background-color:#eee;}
#comments .header.alt {background-color:#eee;}


/* form
--------------------------------------------------*/

form {line-height:1em;}
#commentform, #contactform {margin-bottom:30px; padding:10px;}
form fieldset {border:0 solid;} /* Opera */
form p {padding:3px 6px 3px 6px; border-bottom:1px solid; border-color:white;}
form label {display:block; float:left; width:60px; color:#873;}
form em {margin-left:5px; font-size:0.9em; font-style:normal;}
#commentform input, #contactform input, 
#commentform textarea , #contactform textarea {
  padding:2px; width:190px; border:1px solid; font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em; border-color:#ccc #eee #eee #ccc; overflow:auto; color:#414141;}
#commentform input {width:180px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:325px;}
* html #commentform textarea {width:340px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:340px;} /* IE WIN; but why? */
#commentform .button {margin-left:90px; width:170px !important; border-bottom:1px solid; font-weight:bold;}
#contactform .button {margin-left:75px; width:170px !important; border-bottom:1px solid; font-weight:bold;}
form .hiddenfield {display:none;}
form .info {padding-left:90px;}
form em {color:#C8C8B4;}


/* archives
--------------------------------------------------*/
.archive .postspermonth {margin:0; list-style:none; color:#ed1b24/*A0A0A0*/;}


/* search
--------------------------------------------------*/
#search {height: 40px;}
#search form .searchfield {background: #fff; border: 1px solid #000000/*C3A54D*/;	color: #222; margin-left:15px; padding:0px 10px 0px 5px; width:100px;}
#search form .searchfield:hover {border: 1px solid #ed1b24/*811*/; color: #000000/*949494*/;}


/* content misc
--------------------------------------------------*/
.next a {float:right; padding-right:10px; background:url(images/next.gif) center right no-repeat;}
.previous a {float:left; padding-left:10px; background:url(images/previous.gif) center left no-repeat;}
#entrynavigation {overflow: auto; height:1%; margin-bottom:13px; padding-bottom:13px; border-bottom:1px solid; font-size:0.9em; border-color:#F3F4F4;}
.editlink {position:absolute; height:14px; width:14px; right:2px; background:url(images/edit.gif) 0 -14px;}
html>body .editlink {bottom:6px;}
.entry .info .editlink a,
.minientry .editlink a,
#comments li .editlink a {
  display:block; height:14px; width:14px; margin:0; padding:0; border:none;
  font-size:1px; /* IEWin */
  line-height:0px; /* IEWin */
  text-indent:-9999px; background:url(images/edit.gif) 0 0;}
.entry .info .editlink a:hover,
.minientry .editlink a:hover,
#comments li .editlink a:hover
  {background:none;}


/* subcontent
--------------------------------------------------*/
#subcontent {float:right; display:block; position:relative; width:/*180px*/200px; padding:5px 10px 5px 2px; font-size:0.9em; border:#4b3c2d solid 1px; margin-right: 30px;/* <--- stupid IE overflow hack */ right:15px;}
#subcontent ul {margin:0 5px;}
#subcontent p {padding:10px; margin:5px 0 25px 0; text-align:center; background:#fff; border:#dadada 1px solid;}
#subcontent h2 {background:url(images/bullet.gif) no-repeat left 50%; color:#4b3c2d; font-size: 1.1em; margin: 10px 10px 0; padding:0 0 0 12px; text-transform:uppercase;}
#subcontent h2 em {display:block; padding:5px 5px; font-style:normal;}
#subcontent ul li {margin:2px 10px 2px 30px; padding: 0 2px 0 2px;}
#subcontent li a {display:block; padding:1px 0; height:1%; /* IE WIN */}
#subcontent ul.categories li ul {margin:0;}
#subcontent ul.categories li li {margin:0; padding:0 0 3px 0; border-bottom:none; list-style-image:url(images/sub_categories.gif);}
#subcontent ul.categories li ul ul {margin:0 0 0 16px;}
#subcontent li a:hover {background-color:#fff; border-right:#ddd 5px solid;}
#subcontent ul.pages li {list-style-image:url(images/post.gif);}
#subcontent ul.categories li,
#subcontent ul.months li {list-style-image:url(images/categories.gif);}
#subcontent ul.links li {list-style-image:url(images/external.gif);}
#subcontent ul.feeds li {list-style-image:url(images/tv.gif);}
#subcontent ul.posts li {list-style-image:url(images/post.gif);}
#subcontent ul.email li {list-style-image:url(images/envelope_ver3.gif);}
#subcontent ul.im li {list-style-image:url(images/pingtrackback.gif);}


/* calendar
--------------------------------------------------*/
#wp-calendar {display:inline-table; border-collapse:collapse; width:185px; margin:0 10px 20px 10px; text-align:center; color:#4b3c2d;}
#subcontent table caption {margin:-5px 10px 0 10px; padding-bottom:5px; border-bottom:1px solid;letter-spacing:0.1em; border-bottom-color:#F3F4F4;}
#subcontent table thead tr {border-bottom-color:#F3F4F4; color:#414141; border-bottom:1px solid;}
#subcontent table th {border-bottom:1px solid; border-bottom-color:#F3F4F4;}
#subcontent table td {width:200px; /* maximaize width; honestly, I don't know much about tables... */  padding:1px; font-size:0.9em;}
#subcontent table td#today {padding:0; border:1px solid; font-size:1em; font-weight:bold;  border-color:#F3F4F4; color:#414141;}
#subcontent table td a {display:block; border-bottom:1px solid; font-weight:bold; font-size:1.15em; border-bottom-color:#ddd; background-color:#ffc;}
#subcontent table td a:hover {background-color:#ffffff; color:#7da300;}
#subcontent table tfoot {border-top:1px solid; border-top-color:#F3F4F4;}
#subcontent table tfoot a {border:none; font-weight:bold; background:none;}
#subcontent table tfoot #prev a {text-align:left;}
#subcontent table tfoot #next a {text-align:right;}


/* footer
--------------------------------------------------*/
#footer {clear:both; text-align:center; position:relative; color:#4b3c2d; bottom:15px; margin-top:15px; font-weight:bold; font-size:/*x-*/small; /*text-transform: uppercase;*/ color: #ed1b24;}
#footer p {margin:4px; padding:4px; color: #ed1b24;}

	
.warning p { /* Used on the search page (image will appear if no result is found) */
	background: url(images/warning.gif) no-repeat left;	height: 160px; padding: 20px 0 0 90px; font-size: 1.5em; margin: 0 0 0 10px;}
.clr {clear:both; overflow:hidden; width:1px; height:1px; margin:0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0px;}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0px;}
* html .pkg { display:block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display:block; }
/* */