/**
  Theme Name: E-piphany
  Theme URI: http://www.e-piphany.com
  Version: 0.1
  Author: Fabian Vercuiel
  Author URI: http://www.redesign-it.net

  Description: The official theme for E-piphany
*/

html {
overflow-y: scroll;
body:0;
padding:0;
background: #a4a4a4 url(images/bgGrad.gif) repeat-x;
}

body { 
margin:0;
padding:0;
text-align:right;
min-width:500px;
}

#bodyBG {
position:absolute;
background: url(images/softBG.jpg) no-repeat;
top:0px;
left:0px;
width:944px;
height:549px;
}

div .post {
text-align:left;
width:975px;
position:absolute;
left:0px;
top:0px;
background: url(images/colBG.png) repeat-y;
padding-right:10px;
}

#col1 {
position:relative;
width:465px;
background:#ededed;
float:left;
margin-left:42px;
}

/* IE6 only */
/*\*/
* html #col1{margin-left:-30px;}
/**/

#col2 {
position:relative;
width:255px;
float:right;
}

#submitButton {
*position:absolute;
*left:-15px;
}

.topNavigation {
margin-top:-38px;
position:absolute;
}

.bottomNavigation {
margin-top:-16px;
position:absolute;
}

.titleParagraph {
display:block;
margin-bottom:15px;
}

.paragraph {
font-family:Verdana;
font-size:10px;
padding-top:40px;
color:#6b6b6b;
text-align:left;
line-height:16px;
padding-left:30px;
padding-right:30px;
}

/* IE6 only */
/*\*/
* html .paragraph{margin-left:30px;}
/**/

.paragraph2 {
font-family:Verdana;
font-size:10px;
color:#6b6b6b;
text-align:left;
line-height:16px;
}
.sphere {
float:left;
margin-top:15px;
margin-bottom:15px;
}

.innerSphere {
position:absolute;
left:56px;
top:54px;
margin-top:15px;
margin-bottom:15px;
}

.submit {
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #ffffff;
	border-left: 0;
	color: #ffffff;
	display: inline;
	margin: 0;
	padding: 0;
        cursor:pointer;
}


*:first-child+html .submit {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .submit {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}

.left {
float:left;
}

.right {
float:right;
}
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}





ul.nav>li{
	display: inline;
	position: relative;
	padding: 0;
}

a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

ul.nav>li img{

	margin-right:20px;
}



#canvas {
  display:block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}


#header {
 width:100%;
 height:23px;

text-align:center;
margin-top:60px;
}

  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1,
  #header h4 {
    font-size: 30px;
    margin: 0;
    padding: 0px 0 0px 0;
  }
    /** the tagline is a span within the h1 or h4 */
    #header h1 span,
    #header h4 span { }


/**      main content     */
#primaryContent {
  padding: 0 0px 0 0;
  margin: 0;
  font-family: Verdana;
  font-size:12px;
  text-align:left;

text-align:left;
}

 #primaryContent h1 {
font-family: Verdana;
font-size:12px;
color:#65a5e8;
padding: 0;
margin: 0px 0 0 0;
margin-bottom:5px;
padding-left:10px;
  }

h1 {
margin:0;
padding:0;
}

  #primaryContent h2 {
font-family: Trebuchet MS, Verdana;
font-size:20px;
padding: 0;
margin: 0px 0 0 0;
  }

  #primaryContent p {
font-family: Verdana;;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size: 22px;
  }

  #primaryContent h3 {
    padding: 0;
    margin: 0px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }




div .post .right {
float:right;
}

div .post .left {
float:left;
}

    li.postWrapper,
    div.postWrapper {
 width:100%;
 text-align:left;
 }

      .postWrapper img { }

      div.post { }


      p.postMeta { }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inline;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }


  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {


    padding-left: 5px;
  }




#comment {


  width: 500px;
}

#footer {
  clear: both;
  height:23px;

  margin-bottom:95px;
  text-align:center;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

code {
    white-space: pre;
}

.post:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.post {display: inline-block;}

/* Hides from IE-mac \*/
* html .post {height: 1%;}
.post {display: block;}
/* End hide from IE-mac */


.unselected a {
color:#cddff4;
}

.unselected a :visited {
color:#cddff4;
}

a {
color:#000000;
}

a :visited {

color:#000000;
}

.absolute {
position:absolute;
}

#forms {
font-size:12px;
margin:0;
padding:0;
}

#textArea {
height:100px;
}

.formFields {
display:block;
width:426px;
margin-top:5px;
margin-bottom:5px;
}

p {
padding:0;
margin:0;
margin-top:10px;
margin-bottom:10px;
text-align:left;
}

a:hover,a:focus,a:active{outline-width:0}