/*

Theme Name: YORGOO Blaster

Theme URI: http://yorgooblaster.com

Description: Semiomantics Interpretation of SE Blasting

Version: v. 2.1.5

Author: Semiomantics 

Author URI: http://www.semiomantics.com

*/





body {

	padding:0px;

	margin: 0px;

	background: url(images/main_bg.png) #010101 repeat-x left top; 

   font-family: verdana, 'trebuchet ms', sans-serif;

   font-size: 11pt;

   line-height: 1.2em;

}

#container {

	background: url(images/container_bg.png) white repeat-y left top; 

	margin: 0px auto; 

	width: 826px; 

	position: relative

}

#page {

	min-height: 556px; 

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

	width: 826px; 

	position: relative

}

#header {

	height: 200px;

	padding-left: 28px;

}



#header .description {

  position:left;

  font-size: 14px;

  font-weight:bold;

  font-family:Arial, Verdana, Sans-Serif;

  text-align: left;

  top:70px;

  left:220px;

  color:#696969;

}



#header h1 {

  position:left;

  line-height:20px;

  top:40px;

  left:220px;

  margin:0;

  padding:0;

}



#header h1 a {

  font-size:14px;

  font-weight:bold;

  color: #000066;

  font-family:Arial, Verdana, Sans-Serif;

}



#header-logo {

  position:absolute;

  background: #d6d6d6 url(images/top_logo.png) no-repeat;

  height:70px;

  width:70px;

  top: 10px;

  left:110px;

}



#header #tabs {

  position:left;

  width:650px;

  height:40px;

  left:75px;

  top:200px;

}



#tabs span {

  cursor:pointer;

  cursor:hand;

}



#tabs a .button, #tabs a:visited .button, #tabs .button_selected {

  display:block;

  height:37px;

  width:126px;

  float:left;

  background: url(images/tabs.png) no-repeat top center;

  text-align:center;

  font-size:12px;

  font-weight:bold;

  line-height:40px;

}



#tabs .button_selected, #tabs a:hover span.button {

  background: url(images/tabs_sel.png) no-repeat top center;

  color:white;

}



#tabs a:hover {

  color:white;

  text-decoration:none;

}





#tabs a {

  color:#333;

  text-decoration:none;

}



#tabs a:hover {

  color:white;

  text-decoration:none;

}



#cols {

	padding:10px 10px 0px 14px;

}

#col-left {

	float: left;

	margin: 0px;

	width: 500px;

	text-align: left;

}

#col-right {

	float:right;

	margin:0px;

	padding-top:22px;

	padding-right:0px;

	width:214px;

	margin-right: 0px;

	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	border-left: 1px solid #ebecee;

	text-align: left;

}



html>body #col-right {

  padding-right:0px;

}



.content {

	padding:20px;

}



.clear {

	clear: both;

	font-size: 4px

}



#col-left .entry {

  padding:0px 13px 0px 13px;

}



#col-left .postmetadata {

  text-align: left;

  padding-left:13px;

}





#footer{

  position:relative;

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

  width:826px;

  height:86px;

  position:relative;

  padding: 0 0 0 1px;

  margin: 0 auto;

  width: 769px;

  clear: both;

}



#footer-img {

  position:absolute;

  background: #d6d6d6 url(images/bottom_logo.png) no-repeat;

  height:59px;

  width:194px;

  top: 20px;

  left:20px;

}



#footer-links {

  position:absolute;

  height:20px;

  width:194px;

  top: 40px;

  right:-70px;

}



#footer-links a {

  font-weight:bold;

  color:#333;

  font-size:11px;

  text-decoration:underline;

}



#content .postmetadata {

  text-align: left;

  padding-left:13px;

}



.alt {

  background-color: #f8f8f8;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}



small {

  font-family:Arial, Verdana, Sans-Serif;

  font-size: 10px;

  line-height: 1.5em;

}



h1, h2, h3 {

  font-family:Arial, Verdana, Sans-Serif;

  font-weight: bold;

}



h1 {

  font-size: 4em;

  text-align: left;

}



h2 {

  font-size: 1.2em;

  text-align: left;

}



h2.pagetitle {

  font-size: 1.2em;

  text-align: left;

}



#col-right form {

  margin: 0;

}



#col-right li label {

  display:block;

}



#col-right ul {

}



#col-right ul li {

  padding: 0px 0px 10px 0px;

}



#col-right ul li ul li {

  padding-left: 10px;

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

}



#col-right h2, #col-right li label {

  font-family:Arial, Verdana, Sans-Serif;

  font-size: 14px;

  text-align:center;

  vertical-align:middle;

  color:white;

  background: orange url(images/sidebox_title.png) no-repeat top center;

  height:32px;

  width:224px;

  line-height:31px;

  margin-top:0px;

  margin-bottom:10px;

  padding:0px;

}



#col-right #email {

  width:150px;

}



#col-right #feedblitz {

  padding:16px;

}



h3 {

  font-size: 1.3em;

}



h1, h1 a, h1 a:hover, h1 a:visited {

  text-decoration: none;

  color: white;

}

.itemhead {

	color: #000066;

}

h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

  color: #000066;

}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #col-right h2, #wp-calendar caption, cite {

  text-decoration: none;

  text-align: absolute;

}



.entry p,#col-right li, #col-right p, .entry li {

  font-size:11px;

}



.entry p a:visited {

  color: #000066;

}



.commentlist li, #commentform input, #commentform textarea {

  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}



.commentlist li {

  font-weight: bold;

}



.commentlist cite, .commentlist cite a {

  font-weight: bold;

  font-style: normal;

  font-size: 1.1em;

}



.commentlist p {

  font-weight: normal;

  line-height: 1.5em;

  text-transform: none;

}



#commentform p {

  font-family:Arial, Verdana, Sans-Serif;

}



.commentmetadata {

  font-weight: normal;

}



#col-right {

  font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}



small, #col-right ul ul li, #col-right ul ol li, .nocomments, .postmetadata, blockquote, strike {

  color: #777;

}



code {

  font: 1.1em 'Courier New', Courier, Fixed;

}



acronym, abbr, span.caps

{

  font-size: 0.9em;

  letter-spacing: .07em;

}



a, h2 a:hover, h3 a:hover {

  color: #000066;

  text-decoration: underline;

}



a:hover {

  color: #147;

  text-decoration: underline;

}



#wp-calendar #prev a {

  font-size: 9pt;

}



#wp-calendar a {

  text-decoration: none;

}



#wp-calendar caption {

  font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

  text-align: center;

}



#wp-calendar th {

  font-style: normal;

  text-transform: capitalize;

}

/* End Typography & Colors */







/* Begin Structure */

body {

  margin: 0;

  padding: 0;

}



#page {

  background-color1: white;

  margin: 0px auto;

  padding: 0;

}



.post {

  margin: 0 0 10px;

  text-align: left;

  bottom-border:1px dotted #ddd;

}



.post h2, .post h3 {

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

  font-size:43px;

  font-weight:normal;

  font-family:Arial, Verdana, Sans-Serif;

  line-height:38px;

  padding-left:10px;

  margin-top:20px;

  margin-bottom:0px;

}



.narrowcolumn .postmetadata {

  padding-top: 5px;

}



.postmetadata {

  clear: left;

}



#footer p {

  margin: 0;

  padding: 20px 0;

  text-align: center;

}


/* End Structure */







/*  Begin Headers */

h1 {

  padding-top: 70px;

  margin: 0;

}



h2 {

  margin: 30px 0 0;

}



h2.pagetitle {

  margin-top: 30px;

  text-align: left;

}



h3 {

  padding: 0;

  margin: 30px 0 0;

}



h3.comments {

  padding: 0;

  margin: 40px auto 20px ;

}

/* End Headers */







/* Begin Images */

p img {

  padding: 0;

  max-width: 100%;

}



/*  Using 'class="alignright"' on an image will (who would've

  thought?!) align the image to the right. And using 'class="centered',

  will of course center the image. This is much better than using

  align="center", being much more futureproof (and valid) */



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

}

/* End Images */







/* Begin Lists



  Special stylized non-IE bullets

  Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

  margin-left: 0px;

  padding: 0 0 0 30px;

  list-style: none;

  padding-left: 10px;

  text-indent: -10px;

}



html>body .entry li {

  margin: 7px 0 8px 10px;

}



.entry ol {

  padding: 0 0 0 35px;

  margin: 0;

}



.entry ol li {

  margin: 0;

  padding: 0;

}



.postmetadata ul, .postmetadata li {

  display: inline;

  list-style-type: none;

  list-style-image: none;

}



#col-right ul, #col-right ul ol {

  margin: 0;

  padding: 0;

}



#col-right ul li {

  list-style-type: none;

  list-style-image: none;

  margin-bottom: 0px;

}



#col-right ul p, #col-right ul select {

  margin: 5px 0 8px;

}



#col-right ul ul, #col-right ul ol {

  margin: 5px 0 0 10px;

}



#col-right ul ul ul, #col-right ul ol {

  margin: 0 0 0 10px;

}



ol li, #col-right ul ol li {

  list-style: decimal outside;

}



#col-right ul ul li, #col-right ul ol li {

  margin: 3px 0 0;

  padding: 0;

}

/* End Entry Lists */







/* Begin Form Elements */

#searchform {

  margin: 0px;

  padding: 5px 3px 0px 20px;

}



#col-right #searchform #s {

  width: 155px;

  padding: 2px;

  border:1px solid #888;

}



#col-right #searchsubmit {

  padding: 1px;

  background-color:white;

}



.entry form { /* This is mainly for password protected posts, makes them look better. */

  text-align:center;

}





#commentform input {

  width: 170px;

  padding: 2px;

  margin: 5px 5px 1px 0;

}



#commentform textarea {

  width: 450px;

  padding: 2px;

}



#commentform #submit {

  margin: 0;

  float: right;

}

/* End Form Elements */







/* Begin Comments*/

.alt {

  margin: 0;

  padding: 10px;

}



.commentlist {

  padding: 0;

  text-align: justify;

}



.commentlist li {

  margin: 15px 0 3px;

  padding: 5px 10px 3px;

  list-style: none;

}



.commentlist p {

  margin: 10px 5px 10px 0;

}



#commentform p {

  margin: 5px 0;

}







.nocomments {

  text-align: center;

  margin: 0;

  padding: 0;

}



.commentmetadata {

  margin: 0;

  display: block;

}

/* End Comments */





/* Begin Calendar */

#wp-calendar {

  empty-cells: show;

  margin: 10px auto 0;

  width: 155px;

}



#wp-calendar #next a {

  padding-right: 10px;

  text-align: right;

}



#wp-calendar #prev a {

  padding-left: 10px;

  text-align: left;

}



#wp-calendar a {

  display: block;

}



#wp-calendar caption {

  text-align: center;

  width: 100%;

}



#wp-calendar td {

  padding: 3px 0;

  text-align: center;

}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

  background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

  cursor: help;

}



acronym, abbr {

  border-bottom: 1px dashed #999;

}



blockquote {

  margin: 15px 30px 0 10px;

  padding-left: 20px;

  border-left: 5px solid #ddd;

}



blockquote cite {

  margin: 5px 0 0;

  display: block;

}



.center {

  text-align: center;

}



hr {

  display: none;

}



a img {

  border: none;

}



.navigation {

  display: block;

  text-align: center;

  margin-top: 10px;

  margin-bottom: 60px;

}





#photo {

  background: url(images/photo.jpg) no-repeat;

  height:130px;

  width:222px;

  border:none;

}



.postpermalink {

padding-left:15px;

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

}



.postcomments {

padding-left:18px;

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

}



.postcomments a, .postpermalink a, .postmetadata a {

color:#090000;

font-size:11px;

font-family:Arial, Verdana, Sans-Serif;

}



p.postmetadata {

font-size:11px;

}



.postmetadata {

  margin-bottom:0.5em;

  margin-top:0.5em;

}



#email {

  border:1px solid #888;

}



#feedblitz input {

  background-color:white;

}



div.hr {

  border-bottom:1px dashed #ddd;

  height:20px;

  width:430px;

  margin:0px auto 20px auto;

}



.entrytext {

  padding:0px 13px 0px 13px;

}



.flickr-frame {

  width:430px;

  max-width:410px;

  overflow:hidden;

}



#col-right h2 a,#col-right h2 a:hover, #col-right h2 a:visited {

  color:white;

  text-decoration:none;

}



blockquote h2 {

  background:none;

}