/*  





Theme Name: beyondtheclouds





Description: Custom Theme for reachingbeyondtheclouds.com 





Author: Digistortion.com





Author URI: http://digistortion.com/





Version: 1.0





Tags:





*/











/* Defaults */











* {





  margin: 0;





  padding: 0;





  }











h1, h2, h3, h4, h5, h6, p {





  margin: 0;





  padding: 10px 0;





  }











h1, h2, h3, h4, h5, h6 {





  font-family: Verdana;





  }











hr {





  color: #333;





  border: 1px solid #121212;





  }











pre {





  height: auto; 





  overflow-x:scroll;





  }











fieldset {





  margin: 0;





  padding: 0; 





  border: 0;





  }











dd {





  padding-left: 15px;





  }

















p {





  font-size: 9pt;





  }











a {





  color: #6598b8;





  text-decoration: none;





  }











a:hover {





  color: #222;





  text-decoration: none;





  }











a img {





  border: none;  





  }











blockquote {





  background: #070707;





  border: 1px solid #060606;





  padding: 5px 15px;





  margin: 10px 10px 5px 15px;





  font-style: italic;





  color: #fff;





  }











code {





  color: #3366cc;





  font-style: italic;





  }











strong {





  font-size: 110%;





  }











body {





  text-align: center;





  margin: 0;





  padding: 0 0 15px 0;





  font-family: trebuchet ms, arial, helvetica, sans-serif;





  /*background:url(images/mainbg.png) center repeat-y;*/





  background-color:#c8dbe0;





  





  }

















/* Header and wrapper */





#wrapper {





  margin: 0 auto;





  width: 1080px;





  text-align: left;





  padding: 0;





  background: #eee url(images/bgbody.png) top center no-repeat;





  }











#header {





  padding: 0;





  margin: 0;





  height: 0;





  }











#header #topright {





  text-align: right;





  float: right;





  





  margin: 5px 15px 0 0;





}





#header #topright ul {





  list-style: none;





  padding: 0;





  margin: 0;





  }





#header #topright li {





  display: inline;





  }





#header #topright li a {





  color: #fff;





  font-size: 9pt;





  padding: 0 0px 0 40px;





  text-transform: lowercase;





  width:65px;





  background:url(images/rss-trans.png) no-repeat;





  }





#header #topright li a:hover {





  color: #fff;





  font-size: 9pt;





  padding: 0 0 0 50px;





  text-transform: lowercase;





  text-decoration: none;





  }











#header #logo {





  float: left;





  width: 550px;





  margin: 60px 0 0 18px;





  padding: 0 0 0 0;





}







#logo h1{





color: #172a64;





font-size:20px;





}





#header h1 {





  padding: 0;





  margin: 0;





  }





#header h1 a {





  color: #242d64;

    font-size: 17pt;



  text-decoration: none;





  }





#header h1 a:hover {





  color: #242d64;





  text-decoration: none;





  }





#header span {





  padding: 0;





  color: #111;





  font-size: 11pt;





  }

/* MENU */
#catnav {

  margin: 80px 0 25px 0;
  padding-left: 12px;
  padding-top: 10px; 
  clear: both;
  height: 20px;
  width: 1080px;
  display:block;
  }

#nav {
background: #e5e5e5;
float: left;
font-size: 10pt;
margin: 0; padding: 0;
list-style: none;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
 line-height: 22px;
}

#nav li a {
 padding: 0px 15px 0 15px;
 text-decoration: none;
 color: #000;
 background: #fff;

 border-right: 1px solid #eee;
 border-left: 1px solid #eee;
 border-bottom: 1px solid #eee;
 border-top: 2px solid #eee;
}

#nav li a:hover {
   color: #3366FF;
  background-color:#eee; /*nav box color*/
  text-decoration: none;
  display: block;

}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: #fff;
	right : 0;
	bottom: 0;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 200px;
 display: block;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}


#nav li ul 

#toprss {





  float: right;





  margin: 0px 0px 0 0;





  padding: 0 0 0 0;





  display: inline;





  width: 65px;





  line-height: 24px;  





  }











/* Top Content */











#main {





  margin: 5px 15px 0 15px;





  clear: both;





  width: 930px;





  padding-bottom: 5px;





  padding-top:0px;





  }





#bodywrap {





padding-top:0px;





}





#contentwrapper {





  float:left;





  width: 680px;





  margin: 0 0 0px 0;





  padding: 0;





  }





#contentwrapper2 {





  float:left;





  width: 900px; 





  margin: 0 0 15px 0;





  padding: 0;





  }





#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {





  margin: 15px 0 10px 0;





  font-size: 14pt;





  letter-spacing: -1px;





  color: #fff;





  font-weight: normal;





  padding: 5px;





  }





<!-- Posts -->  





.topPost {





  margin: 0;





  padding: 0;





  font-size: 9pt;





  width:680px;





  }





.topTitle{





	background:#e9e9e9 /*url(images/bg_post.png) repeat*/;





	min-height:10px;





	margin: 0;





	padding-left:15px;





	border-top:#888 solid 1px ;





    border-left:#888 solid 1px ;





	border-right:#888 solid 1px ;

	





	color: #333;

	

	/* for IE */

  filter:alpha(opacity=100);

  /* CSS3 standard */

  opacity:1.0;





}





.post {





font-size:12pt;





}





.home{





min-height:550px; /* for mozilla and safari */





}





.topPost h2.topTitle a {





  font-size: 15pt;





  font-weight: normal;





  color: #333333;





  letter-spacing: -1px;





    





  }





.topPost h2.topTitle a:hover {





  text-decoration: none;





  color: #333333;





  }





.topPost p.topMeta {





  padding-left: 20px;





  line-height:9pt;





  margin: 0 0 0 0;





  font-size: 9pt;





  color: #000;





   background:#e9e9e9 /*url(images/bg_post.png) repeat*/;

/* for IE */

  filter:alpha(opacity=100);

  /* CSS3 standard */

  opacity:1.0;





  border-left:#888 solid 1px ;





  border-right:#888 solid 1px ;





  





  }





.topPost p.topMeta a {





  text-decoration: none;





  color: #ff0000;





  }





.topPost p.topMeta a:hover {





  color: #0000ff;





  }





.topPost div.topContent {





  font-size: 10pt;





  color: #000;





  padding: 0 15px 20px 15px;





  margin-bottom: 8px;





  background:#e9e9e9 /*url(images/bg_post.png) repeat*/;

/* for IE */

  filter:alpha(opacity=100);

  /* CSS3 standard */

  opacity:1.0;





  border-left:#888 solid 1px ;





  border-right:#888 solid 1px ;





  border-bottom:#888 solid 1px ;





  





  }





.topPost div.topContent p{





font-size:10pt;





}





.topPost div.topContent a {





  text-decoration: none;





  color:#0033FF;





  }





.topPost div.topContent a:hover {





  text-decoration: none;





  color: #00CCFF;





  }











.topPost div.topContent ul, .topPost div.topContent ol {





  padding: 0 0 0 30px;





  }





.topPost div.topContent ul li, .topPost div.topContent ol li {





  color: #000;





  }





  





<!-- Post Buttons -->





.postfooter{





height:14px;





}





.bottomPost {





background-color:#ff0000;





height:30px; 





margin-top:-15px;











}





.topPost span.topComments, .topPost span.topMore, .topPost span.topTags { 





  font-size: 9pt;





  font-style: italic;





  padding: 8px 10px;





  margin-right: 5px;





  line-height: 14pt;





  color: #000;





   





  }





.topPost span.linkpages {





  font-size: 9pt;





  font-style: italic;





  color: #fff;





  margin-bottom: 0px;





  display:block;





  }





.topPost span.linkpages a:hover {





  color: #ddd;





  }





.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {





  text-decoration:none;





  }





.topPost span.topComments a {





  color: #0000ff;





  background: url(images/comments.png) left no-repeat;





  padding-left: 20px;





  line-height: 14pt;





  vertical-align: middle;





  }





.topPost span.topMore a {





  color: #0000ff;





  background: url(images/more.png) left no-repeat;





  padding-left: 32px;





  line-height: 14pt;





  vertical-align: middle;





  }





.topPost span.topTags em {





  background: url(images/tags.png) left no-repeat;





  padding-left: 20px;





  line-height: 14pt;





  vertical-align: middle;





  color: #000;





  }





.topPost span.topTags a {





  color: #fff;





  line-height: 27pt;





  vertical-align: middle;





  }





.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {





  color: #00ccff;





  text-decoration: none;





  }





.topPost .mceTemp{





display: inline-block;





}











#nextprevious {





  margin: 10px 0 5px 0;





  }





#nextprevious a {





  color: #83adc8;





  text-transform: lowercase;





  text-decoration: underline;





  }





#nextprevious a:hover {





  color: #fff;





  }

















/* Comments */











#comments {





  margin-bottom: 10px;





  margin-top: 15px;





  background: url(images/bg_post.png) repeat;





  width: 650px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */





  border: 1px solid #888;





  padding: 0px 15px 10px 15px;





  color: #000;





  }





#comments h3 {





  font-size: 10pt;





  font-weight: normal;





  color: #000;





  margin: 15px 0;





  padding: 0;





  }





#comments p a {





  color: #0000ff;





  }





#comments p a:hover {





  color: #00ccff;





  }





#comments p {





  padding:0;





  margin: 7px 0;





  }





ul.commentlist, ul.trackback  {





  list-style-type: none;





  margin: 10px 0;





  font-size: 9pt;





  }





.commentlist li, .trackback li {





  margin: 10px 0 15px 0;





  padding: 10px;





  background: #92AAB8;





  border: 1px solid #676767;





  list-style-type: none;





  }





.commentlist li.alt {





  background: #92AAB8;





  border: 1px solid #888;





  margin-top:10px;





  }





.commentlist li.cleared {





  background: transparent;





  border: none;





  }





.commentlist a:hover {





  color: #00ccff;





  }





.commentlist a.gravatar {





  float: left;





  margin: 0 0 0 0;











  }





.commentlist .commentbody {





  margin: 0;





  padding: 0;





  }





.commentlist .commentbody p a {





  text-decoration: none;





  }





.commentlist cite {





  font-size: 10pt;





  font-style: italic;





  font-weight:bold;





  color: #fff;





  }





.commentlist small.commentmetadata a {





  color: #ccc;





  font-size:9pt;





  }





 .commentlist small.commentmetadata a:hover {





  color: #fff;





  font-size:9pt;





  }





.commentlist p {





  color: #fff;





  }





#respond {





  clear: both;





  margin-top: 8px;





  }





textarea#comment {





  width: 620px;





  background: #fff;





  color: #111;





  padding: 10px;





  }





#comments #submit {





  margin: 0;





  }





#extrastuff a {color:#222; font-size:0.8em;}





#extrastuff a:hover {color:#6598b8; text-decoration:none;}





#extrastuff #rssleft {float:left; width:250px;}





#extrastuff #trackright {float:right; width:180px; text-align:right;}























/* Sidebars */





#sidebars {





  margin: 0px 0 0 0;





  float: right;





  width: 180px;





  





  }





#sidebars .sidebarbox {





  background: url(images/bg-trans.png) repeat;





  padding: 8px 15px;





  }











#right_sidebar {





  padding: 0;





  margin: 0;





  float:right;	





  width:0px;





  color: #000;





  border:none;





  }











#sidebars h2 {





  margin: 0;





  padding: 0 0 0px 0;





  font-weight: normal;





  text-align:left;





  font-size: 11pt;





  color: #000;





  letter-spacing: -1px;





  }











#sidebars table {





  width: 130px;





  }











#sidebars ul {





  margin: 0;





  padding: 0 0 0 0;





  }











#sidebars li {





  margin-bottom: 0px;





  list-style: none;





  font-size: 9pt;





  }











#sidebars li ul {





  padding: 0;





  }











#sidebars ul ul li {





  margin: 0;





  padding: 2px 2px 2px 16px;





  color: #000;





  background: url(images/bullet.png) left 8px no-repeat;





  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */





  }











#sidebars a {





  display: inline;





  color: #0000ff;





  }





#sidebars a:hover {





  color: #0066cc;





  text-decoration: none;





  }











#sidebars p {





  padding: 2px 0;





  font-size: 9pt;





  color: #eee;





  }











#tag_cloud a {





  display: inline;





  }











#sidebars ul.children li {border-bottom:none;}





#sidebars ul.children {margin-bottom:0;}























/* Before footer */











#morefoot {





  background: #c4cee9 url(images/bg-footer.png) repeat-x bottom;





  border: 1px solid #888;





  padding: 15px 15px 15px 65px; /*This is the inner padding for the footer area*/





  color: #000;





  margin: 0 15px 10px 18px;





    }





#morefoot p {





  margin: 5px 0;





  padding: 5px 0;





  }





#morefoot ul {





  list-style-type: none;





  margin-top: 5px;





  }





#morefoot ul li, #morefoot p {





  font-size: 9pt;





  }





#morefoot a {





  text-decoration: none;





  color: #0000ff;





  }





#morefoot a:hover {





  text-decoration: none;





  color: #0066CC;





  }





#morefoot h3 {





  font-size: 12pt;





  font-weight: normal;





  color: #000;





  letter-spacing: -1px;





  border-bottom: 1px dotted #444;





  margin: 0;

	



  padding: 5px 0 2px 0;





  }





#morefoot #searchbox {





  padding: 1px;





  width: 180px;





  }





#morefoot .col1 {





  float: left;





  width: 330px;





  }





#morefoot .col2 {





  margin: 0 25px;





  }





#morefoot .col2, #morefoot .col3 {





  float: left;





  width: 240px;

  





  }





#morefoot li {





  padding-left: 20px;





  margin-bottom: 5px;





  background: url(images/arrow.png) left 2px no-repeat;





  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */





  }

















/* footer*/





#footer {





  clear: both;





  background:none;





  padding: 15px 15px 10px 15px;





  margin: 0 15px 10px; 15px;





  }





#footer p {





  font-size: 8pt;





  color: #000;





  padding: 0;





  }





#footer a {





  color: #000;





  text-decoration: none;





  }





#footer a:hover {





  color: #0000ff;





  text-decoration:none;





  }





#footerleft {





  float: left;





  width: 500px;





  }





#footercenter {





	text-align:center;





	float:none;





	width:100%;





}





#footerright {





  float: right;





  width: 300px;





  text-align: right;





  }























/* Misc */











.highlight {





  color: #222;





  font-weight: bold;





  }











.cleared {





  margin: 0;





  padding: 0;





  clear: both;





  }











.alignleft {





  float: left;





  margin: 5px 10px 5px 0;





  }





.alignright {





  float: right;





  margin: 5px 0 5px 10px;





  }





.aligncenter,





div.aligncenter {





  margin: 10px auto;





  text-align: center;





  display: block;





  }











img.alignleft {





  float: left;





  margin: 5px 10px 5px 0;





  }





img.alignright {





  float: right;





  margin: 5px 0 5px 10px;





  }





img.aligncenter {





  margin: 10px auto;





  text-align: center;





  display: block;





  }











.wp-caption {





  border: 1px solid #ddd;





  text-align: center;





  background-color: #fff;











  padding-top: 4px;











  /* optional rounded corners for browsers that support it */











  -moz-border-radius: 3px;











  -khtml-border-radius: 3px;











  -webkit-border-radius: 3px;





  border-radius: 3px;





  }











.wp-caption img {





  margin: 0;





  padding: 0;





  border: none;





  }











.wp-caption p.wp-caption-text {





  font-size: 11px;





  line-height: 17px;





  padding: 0 4px 5px;





  margin: 0;





  color: #111;





  }