/*  
Theme Name: Meta
Description: Pappie Mety
Version: 1
Author: TheRastaMan
*/

/**
If you want this size in pixels (px)  	Declare this percent (%)
10 	77
11 	85
12 	92
13 	100
14 	107
15 	114
16 	122
17 	129
18 	136
19 	144
20 	152
21 	159
22 	167
23 	174
24 	182
25 	189
26 	197

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

body {font:13px/1.231 verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * Bump up IE to get to 13px equivalent
 */

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

body {
background-color:#DFDFDF;
height:100%;
color: #222; 
line-height:15px;
margin-top:0px;
}

#wrapper {

}

.validation-advice {
padding:2px;
border:1px solid #ccc;
background-color:#fff;
color:#FF0000;
}

.hfloat {
display:block;
float:left;
}


h1,h2,h3,h4,h5,h6 { 
margin:0;
padding:0;
line-height:14px;
}

h1,h2,h3,h4,h5,h6 { 
color: #111; 
font-family:Georgia, "Times New Roman", Times, serif;
font-size:122%;	
}

h1 {
font-size:300%;
letter-spacing:-1.5px;
font-weight:normal;
}

h1.site_title a {
text-decoration:none;
color: #111; 
}


h2 {
font-size:224%;
letter-spacing:-1.5px;
font-weight:normal;
line-height:23px;
display:block;
margin:15px 0 2px 0;
}

div.post_title h2 {
margin-bottom:20px;
}

h3 em,h4 em,h5 em,h6 em {
font-style:italic;
}

h3 {
font-size:107%;
margin-top:10px;
}

h3.site_desc {
color:#999999;
font-style:italic;
font-weight:normal;
margin-top:5px;
margin-leftp:5px;
float:none;
}

a {
color:#FF0000;
}


ul,li {
margin:0;
padding:0;
list-style:none;
}

ul {
padding-left:10px;			
}

p {
margin-top:10px;
margin-bottom:10px;
}

/* Navigation Strips */


/* Layout Columns  ----------------*/

#wrapper {
width:950px;
margin:0px auto;
font-size:85%;
background-image:url(images/bgr_right_bar.gif);
}

#header {
height:90px;
}

#header_inner {
height:90px;
}

#header p {
border-right:1px solid #ccc;
border-left:1px solid #ccc;

}

#logo_block {
float:right;
height:40px;
padding-top:0px;
margin-right:10px;
}

#nav_wrapper {
background-color:#1E0D08;
background-position:center;
background-repeat:no-repeat;
}

#nav_block {
font-size:107%;
width:600px;
float:left;
height:100px;
}

#nav_block a {
color:#FFFFFF;
text-decoration:none;
}

#nav_block img {
margin-top:15px;
margin-bottom:15px;
}

#sidebar {
margin-top:10px;
width:120px;
float:left;
background-image:url(images/bgr_sidebar.gif);
}

#sidebar_inner {
border-left:5px solid #CEDAE2;
padding-top:100px;
padding-bottom:50px;
}

#right_bar {
width:432px;
float:left;
padding-bottom:20px;
}

.right_bar_box, .right_bar_box_left {
width:150px;
margin-top:5px;
margin-bottom:5px;
}

.right_bar_box_left {
width:160px;
}

.right_bar_divider, .right_bar_divider_left {
width:150px;
float:left;
margin-left:2px;
margin-right:3px;
}

.right_bar_divider_left {
width:265px;
background-color:none;
}

.right_bar_header {
margin:5px 0 2px 0;
background-color:#63D96C;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
}

.right_bar_b_inner, .right_bar_b_inner_adsense {
margin:0;
padding:8px 3px 10px 3px;
border:1px solid #ccc;
background-color:#FFFFFF;
opacity:0.6;
FILTER: alpha(opacity=60); 
ZOOM: 1;
}

.right_bar_b_inner_adsense {
opacity:0.7;
FILTER: alpha(opacity=70); 
border:none;
background-color:transparent;
}

#content {
width:515px;
float:left;
background-color:#FFFFFF;
/*background-image:url(images/bgr_footer.gif);
background-position:bottom;
background-repeat:no-repeat;*/
overflow:hidden;
border-right:1px solid #ccc;
}

#content_inner {

}

div.site_intro {
margin-top:10px;
padding:5px 0 5px 0;
background-color:#FFFFFF;
width:250px;
margin-left:5px;
opacity:0.9;
FILTER: alpha(opacity=90);
}

div.site_intro div {
padding:5px;
overflow:hidden;
}

div.site_intro li {
margin-left:-5px;
}

div.site_intro.no_bullet li {
background-image:none;
padding-left:0px;
}

.pageNav {
background-image:url(images/bgr_dotted_full.gif);
padding:4px;
width:150px;
}

.pageNav p {
background-color:#FFFFCC;
padding:10px 0 10px 5px;
margin-top:0px;
margin-bottom:0px;
height:15px;
}


#footer {
padding-left:10px;
}

/* Post styles  ----------------*/

.post_wrapper {
padding-right:5px;
}

.posts_content {
padding:7px;
padding-top:10px;
}

div.post {
font-size:100%;
}


.post_title {
margin-left:1px;
padding:4px;
float:left;
}

.post_title.page {
margin-left:0;
padding-left:0;
}

.post_title.page h2 {
padding-left:0;
}

.post_title h2 {
background-color:#ffffff;
padding:10px 0 10px 5px;
margin-top:0px;
margin-bottom:0px;
height:15px;
display:inline;
}

.post_title h2 a {
}

.post_details {
font-size:92%;
background-color:#e9e9e9;
padding:2px;
margin-top:10px;
padding-bottom:0px;
}

.adsense_link {
margin-top:20px;
}

.post_breaker {
width:510px;
margin-top:10px;
background-image:url(images/bgr_sidebar.gif);
height:5px;
}

div.post_date {
color:#999999;
margin-top:0px;
}

div.calendar {
float:left;
}

blockquote {
background: transparent url(images/left_quote.gif) left top no-repeat;
margin-top:8px;
padding-left:13px;
margin-left:10px;
font-style:italic;
color:#666666;
}

div.source,div.link {
background-image:url(images/bgr_link_source.png);
background-position:bottom left;
background-repeat:no-repeat;
padding-left:52px;
height:20px;
line-height:20px;
}

div.link {
background-position:top left;
margin-bottom:5px;
width:1000px;
}

div.link span,div.source span {
border-left:none;
padding:2px;
padding-bottom:3px;
}

/*blockquote p {
background: transparent url(images/right_quote.gif) bottom right no-repeat;
}*/



/* List styles  ----------------*/

ul {
margin:0;
padding:0;
list-style:none;
margin-bottom:10px;
}

ul, ul.standard {
	margin: 10px 0 10px 10px;
}

li, ul.standard li  {
background-image:url(/wordpress/wp-content/themes/meta/images/icn_bullet.gif);
background-repeat:no-repeat;
padding-left: 15px;
background-position:0px 1px;
}

ul.footer, ul.footer li, ul#nav, ul#nav li, ul#cats, ul#cats li, ul#archive, ul#archive li, ul#feeds, ul#feeds li, ul.blogroll, ul.blogroll li, ul.calendar, ul.calendar li {
margin:0;
padding:0;
background-image:none;
}

ul#cats li, ul#archive li, ul#feeds li, ul.blogroll li {
margin:3px;
}


ul#nav {

}

ul#nav li {
float:left;
margin-right:2px;
padding:5px 0 0 0;
width:80px;
text-align:center;
}

ul#nav li div {
padding:0 5px 0 5px;
}


ul#cats a {
	padding:4px 4px 4px 24px;
	color:#99c;
	background: url( images/folder_closed.gif ) 3px 2px no-repeat;
}

ul#cats a:hover {
	color:#FF6600;
	background-position: 3px -17px;	
}

ul#archive a {
	padding:4px 4px 4px 24px;
	color:#99c;
	background: url( images/archive.gif ) 3px 3px no-repeat;
}

ul#archive a:hover {
	color:#FF6600;
	background-position: 3px -16px;	
}

ul#feeds a {
	padding:4px 4px 4px 24px;
	color:#99c;
	background: url( images/feed.gif ) 3px 3px no-repeat;
}

ul#feeds a:hover {
	color:#FF6600;
	background-position: 3px -15px;	
}

ul.blogroll a {
	padding:4px 4px 4px 24px;
	color:#99c;
	background: url( images/blogroll.gif ) 3px 4px no-repeat;
}

ul.blogroll a:hover {
	color:#FF6600;
	background-position: 3px -15px;	
}

div.st-tag-cloud a.st-tags:hover {
color:#FF6600;
}

ul.calendar {
width:35px;
height:40px;
background-image:url(images/icn_calendar_lc_tr.gif);
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
}

ul.calendar li.month {
color:#FFFFFF;
padding-top:4px;
margin-left:3px;
font-size:92%;
}

ul.calendar li.day {
color:#FFFFFF;
margin-top:-5px;
margin-left:3px;
font-size:92%;
}


ul.calendar li.year {
color:#000000;
margin-top:-3px;
margin-left:3px;
font-size:85%;
}


/* Form styles  ----------------*/

form {
margin:0;
padding:0;
}

form input {
border:1px solid #ccc;
padding:2px;
}

form input.button {
margin:3px;
}

form input.button:hover {
margin:3px;
background-color:#999;
}

form input#s {
width:125px;
}

input:focus, textarea:focus {
	background:#ffc;
}

/* Comment styles  ----------------*/

#comments {
	margin-top:25px;
	clear:both;
}

.comments_title {
background: url( images/bg_body.gif );
margin-left:0px;
padding:4px 4px 4px 4px;
width:150px;
margin-bottom:10px;
}

.comments_title h3 {
padding:3px;
}

.comment_author {
float:left;
border:1px solid #ccc;
padding:2px;
padding-bottom:3px;
margin-top:1px;
background-color:#e4e4e4;
}

.comment_author a {
color:#333333;
}

.comment_author a:hover {
color:#666666;
}

#comments dl {
	margin:0; 
	padding:5px;
	padding-left:0px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;	
	width:450px;
}

#comments dt {
clear:both;
margin-bottom:5px;
}

#comments dt a {

}

#comments dd {
clear:both;
border-bottom:2px dotted #ccc;
background-color:#F0F2FF;
margin:0;
padding:0;
margin-bottom:10px;
margin-top:-10px;
padding-top:3px;
}

#comments p {
padding:0px 0px 0px 5px;
}

.comment_line {
position:absolute;
margin-left:513px;
margin-top:-17px;
}

.comment_line.comments {
position:absolute;
margin-left:155px;
margin-top:-17px;
}

ul.calendar.comments {
margin-top:-1px;
width:24px;
height:24px;
background-image:url(images/icn_calendar_comments_t.gif);
font-family:Georgia, "Times New Roman", Times, serif;
float:right;
background-color:#FFFFFF;
}

ul.calendar.comments li.month {
color:#e4e4e4;
padding-top:0px;
margin-left:3px;
font-size:85%;
}

ul.calendar.comments li.day {
color:#999999;
margin-left:4px;
font-size:92%;
margin-top:-6px;
}


#postComment {
	padding:5px;
	margin-top:10px;
	border:1px solid #ccc;
}

#postComment label {
	width:75px;
	display:block;
	float:left;
	clear:both;
	margin:5px 0 0 0;
}

#postComment input, #postComment textarea {
	margin:5px 0 0 0;
	width:330px;
}

#postComment input {
	width:375px;
}

#postComment textarea {
	height:160px;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:90%;
}

#postComment .button {
	padding:5px;
	clear:both;
	width:100px;
	margin:10px 0 0 0;
}

span.comment_in_moderation {
background-color:#FFFFCC;
}

/* Ad styles  ----------------*/

img.ad {
margin-top:5px;
margin-left:5px;
}

/* Utility styles  ----------------*/

.spacer_small { /* Used for spacing DIVs  */
clear:both;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:1px;
line-height:1px;
}

img.align {
vertical-align:middle;
}

div.column {
float:left
}

div.hide {
visibility:hidden;
}

/* BG styles  ----------------*/

table tr td.bold {
	font-weight:bold;
}

.sectionHed, .sectionHed .innerHed {
background:url("/wordpress/wp-content/themes/meta/images/bg_titles.gif") no-repeat scroll 0 0 transparent;
}

.sectionHed {
background-position:left -0px;
font-size:98.6%;
height:30px;
margin:0 0 8px;
width:935px;
}

.sectionHed .innerHed {
background-position:right -0px;
height:25px;
left:5px;
position:relative;
padding-top:2px;
}

.sectionHed .innerHed h3 {
color:#FFFFFF;
float:left;
margin:0;
padding:0;
}

div.image_wrap {
float:left;
margin:0px 0 10px;
width:190px;
}


div.image_wrap img {
max-width:180px;
}

div.left_wrap {
float:left;
margin:0px 0 20px 0;
width:270px;
}

div.image_wrap .sectionHed {
margin:0px 0 10px;
width:240px;
}


div.wide_wrap .sectionHed {
margin:20px 0 0px;
width:470px;
}

div.left_wrap .sectionHed {
width:278px !important;
}

div.clearfix {
clear:both;
height:1px;
}
