/*
Theme Name: surini2
Theme URI: http://www.surini.ws
Description: New Desgin for own
Author: surini
Author URI: http://www.surini.ws
.
Customiziation should be easy enough. Sorry there aren't more comments in the CSS though. The other files are well-commented however.
.
*/

body {
	font-size: 76%;
	/* Used to set 1em to a nice size. More info available here:
		http://www.thenoodleincident.com/tutorials/typography/index.html */
	margin: 0px 0px 0px 0px;
	/* Top, left-right, bottom (add one more value to make it left, then the second is right */
	padding: 0;
	text-align: center; /* Used to center in IE */
	background-color: #FFFFFF;
	direction:rtl;

}

/*
 * Know knock.
 * Who's there?
 * Ie
 * Ie who?
 * Ie like to brake your sites!
 * (Ie is pronounced like I...)
 */
  
input {

	background-color:#FFFFFF;

	padding:3px 3px 2px 3px;

	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#000000;

	border:1px solid #C3D9FF;

	margin-bottom:2px;


}

input[type=submit] {

	background-color:#E8EEFA;

	padding:1px 3px 1px 3px;

	font-family:Tahoma;

	font-size:10px;
	font-weight:bold;

	color:#0099FF;

	border:1px solid #C3D9FF;

	
	margin-bottom:2px;

}



 


/* ------------------------- */
/* -- Header --------------- */
/* ------------------------- */

#header {
	margin: 0 auto 0px;
	width:100%;
	position:fixed;
	background:#FFFFFF
	
}

#header #line1{
top:0px;
background:#C3D9FF;
display:block;
height:5px;
}

#header #line2{
top:5px;
background:#E8EEFA;
display:block;
height:10px;
}


#header #logo{
text-align:center;
top:5px;
right:20px;
position:absolute;
background:#C3D9FF url(images/surini.gif) center no-repeat;
display:block;
height: 40px;
width:110px;

/*font-family:  Verdana;
color: #0099FF;
	font-size: 31px;
	padding:0px 14px 1px 14px;
	stress:20px;
	text-transform:lowercase;
	font-weight:bold;
	letter-spacing:-3.5px;
	
	text-decoration: none;
*/
}

#header #search{
width:200px;
top:13px;
left:10px;
position:absolute;

height: 5px;

font-family: Tahoma;
color: #0099FF;
font-size: 25px;
font-weight:bold;
}

#header #menu {
top:15px;
right:120px;
position:static;
padding: 3px 124px 3px 3px;
height: 20px;
width:auto;
display:block;
}


.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}

* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}





/*#header #menu{
text-align:center;
top:15px;
right:120px;
position:static;
padding: 3px 124px 3px 3px;
height: 20px;
width:auto;
display:block;

}

#header #menu li{
	font-family:Tahoma;
	font-size:12px;
	padding: 0 5px 0 5px;
	display:table;
	float:right;
	border-right: 1px inset #3399FF;
}


#header a {
	color: #000000;
	font-size: 12px;

	
	text-decoration: none;
}

#header a:hover { color: #0099FF; } */
/* ------------------------- */
/* -- Text ----------------- */
/* ------------------------- */

/* Q: Why was the font tag an orphan?
 * A: Because it didn't have a font-family. */

#text {
/*	background: url(images/text-repeat.jpg);*/

	margin: 0px 0px 0px 0px;
	text-align: right;
	width:100%;
	padding-top:50px;
	
	text-align:center;
	vertical-align:middle;
}

/*
 * Main!
 */

#text #main {
/*	background: url(images/text-top.jpg) top right no-repeat;*/
text-align:right;
	color: #333;
	float:right;
	font-family:Tahoma;
	width:60%;
	padding-right:150px;
	padding-top:10px;
	padding-bottom:50px;
}

/* Arg! A pirate is here with IE, beware when editing your CSS. Check in all versions of IE before publishing! */

/* Headers */

#text #main h1 {
	color: #637677;
	margin-bottom:0px;
	font-weight:700;
}

#text #main small {
	color: #3399FF;
	padding-right:8px;
}

.postmetadata {
text-align:center;

}


/* Paragraph */

#text #main p.meta {
	color: #CC0000;
	text-align:center;

}

/* Lists */

ul {
	list-style-type: circle;
}

/* Q: Why did the XHTML actress turn down an Oscar?
 * A: Because she refused to be involved in the presentation. */

/* Preformatted and Code */

pre {
	background: #EFF29F; /* a nice yellow, but change as you like */
	font-size: 1.2em; /* make it a bit larger for ease of reading */
	padding: 5px;
}

code {
	background: #EFF29F;
	color: #000;
	font-size: 1.2em;
}

pre code {
	font-size: 1em; /* When people would place a code element in a pre, it would get very large */
}

/* Comments */

.comment {
	list-style-type: none;
	margin: 0;
}

/* Comment Form */

#reply label {
	display: block;
}

/* Search Highlight */

.hilite {
	background-color: #F17196 !important;
	color: #fff;
}

/* Q: Why was the XHTML bird an invalid?
 * A: Because it wasn't nested properly. */

/*
 * Sidebar!
 */

#text #sidebar {
/*	background: url(images/text-top.jpg) top left no-repeat;*/
	
	
	background:#E8EEFA;
	float:left;
	padding: 10px 15px 20px 10px;
	width:155px;
	height:100%;

}

/* Headers */

#text #sidebar h1 {
	font-size: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

#text #sidebar h2 {
	color: #323C3C;
	font-family:Tahoma;
	font-weight: normal;
	margin: 20px 0 0;
}

/* Lists */

#text #sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
}

/*
 * Footer!
 */

#text #footer {
/*	background: url(images/text-bottom.jpg) bottom no-repeat; */
clear:both;
height:20px;
text-align:center;
direction:ltr;
margin:0px 0px 0px 0px;
	
}

#text #footer p {
	margin: 0;
}



#text #footer #line1{
top:15px;
background:#C3D9FF;
display:block;
height:5px;
}

#text #footer #line2{
text-align:center;
direction:ltr;
top:0px;
background:#E8EEFA;
display:block;
height:15px;
font-family:Tahoma;
font-size:10px;
}



/* Q: Why do CSS designers have too many children?
 * A: Because they employ lots of child selectors. */

/* ------------------------- */
/* -- Fonts ---------------- */
/* ------------------------- */

#header {
	font-family: "Stone Sans ITC TT", "Arial Rounded MT BOLD", Verdana, sans-serif;
}

#text h1 {
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: -2px;
}

#text h2 {
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: -1px;
}

#text h3 {
	font-size: 1.4em;
	font-weight: normal;
}

#text p, #text #main ul, #text #main ol {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	line-height: 200%;
}

#text #sidebar ul {
	font-family: Verdana, Arial, sans-serif;
	line-height: 170%;
}

/* Why was the decapitated web page invalid?
 * Because it didn't have a head. */

/*
 * Links and their colors (is there a better place for this?)
 */

#sidebar a {
font-family:Tahoma;

}


a {
	color: #637677;
}

a:visited {
	color: #859FA0;
}

a:hover {
	color: #90ACAD;
}

/*
 * Header links
 */

h1 a, h1 a:visited {
	border-bottom: 1px solid #ccc;
	color:#E88B00;
	text-decoration: none;
}

h1 a:hover {
	color:#CC0000;
}




/* W00T! A Hack for IE. Let's see if we can get our CSS at least mostly clean. Would be nice if they got the Box Model right at least... watch out when changing. */

/* Q: Why was IE5's 3-metre wide cell in the insane asylum smaller than IE6's 3-metre wide cell?
 * A: Because the width of the cell included the padding. */

/* ------------------------- */
/* -- Hacks ---------------- */
/* ------------------------- */

/*
 * 
 * We should all forget about CSS. Let's go back to the unusable web!
 */

/* #text #main */