/*  
Theme Name: tetatet
Theme URI: http://www.tetatet.ro

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/



/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Forms
  Float Clearing
  Footer



/* ---------- @ HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
	} 

body, html {
	min-height:101%;
	}
	
body {	
	color:#333;background: #eee;
	}

select, textarea, input {	
	font: 100% Arial, Swiss, Helvetica Neue, sans-serif; padding: 6px; border: 0;
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	}
body {font: 100% Arial, Swiss, Helvetica Neue, sans-serif; border: 0;}
p {	
	margin: 15px 0;
	line-height:145%;
	}
		
a, a:visited {
	text-decoration:none;
	color:#666;	
	}

a:hover, a:active {	
	text-decoration:none; color: black;
	}

ol {
	margin: 15px 15px 15px 35px;
	}
	
a img, fieldset {
	border:none
	}

*:focus {
	outline:none
	}
	
		
		

/* ---------- @ Page Structure -----------*/

#top {padding-bottom:28px;
	}

.wrapper {
	margin: 0 auto;
	font-size: 1em;
	width: 960px;
	}

#home #top .wrapper {
	background:url(images/bg_flare.png) 50px 175px no-repeat;
	}

#interior #top .wrapper {
	background:url(images/bg_flare2.png)50px 175px no-repeat;
	}

#main {
	background:white;padding:25px 0 20px 30px;
	margin-bottom:12px;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
	}

#content {
	float:left;
	width:614px;
	}

#interior #sidebar {
	float:right;
	width:242px;
	padding:17px 20px 20px 20px;
	background:#ccc;
	margin:3px 0 0 20px;-moz-border-radius-topleft:6px;	-moz-border-radius-bottomleft:6px;	
	-khtml-border-radius-topleft: 6px;-webkit-border-radius-topleft: 6px;border-radius-topleft: 6px;
	-khtml-border-radius-bottomleft: 6px;-webkit-border-radius-bottomleft: 6px;border-radius-bottomleft: 6px;}
	
.related_post small {font-size: 12px;}
.related_post a {font-weight: bold;}						   

#masthead {
	height: 100px;
	}

.left {	
	float:left;
	}

.right {	
	float:right
	}
	
#branding {
	text-align:left;
	height:175px; background:url(images/logotetatet.png) 0 -20px no-repeat;
	}
	
#description {
	font:22px Arial, Swiss, Helvetica Neue, sans-serif;	
	color:#666;letter-spacing: 0.06ex; margin:5px 0 0 80px;
	}	

	
	
	
		
/* ---------- @ Headings -----------*/

		   
h1 {
	font: normal 36px Arial, Swiss, Helvetica Neue, sans-serif;
	letter-spacing:0.002em;
	}

h2 {	
	font:30px Arial, Swiss, Helvetica Neue, sans-serif; 
	line-height:110%;font-weight: bold;
	color:#666;
	}

h2, h3, h4 {
	letter-spacing:-0.08ex;line-height:90%;	
	}
		
h3 {	
	font: 24px Arial, Swiss, Helvetica Neue, sans-serif;
	color:#666;
	font-weight:bold;line-height:90%;
	}
h3.pagetitle {color: teal;}
#sidebar h3 {font-size:22px;
color:white;
font-weight:bold;
margin-bottom:7px;
	}
	
.widget h3 {
font-size:24px;
font-weight:bold;
	}
		
h4 {	
	font-size: 1.1em;
	}

h4#pagetitle {
	margin-bottom:15px;
	}
	
h5 {	
	font-size: 1em
	}

h5 {	
	font-size: 0.9em
	}



/* ---------- @ Content Styles -----------*/

h1 a, h1 a:visited {
	color:black;
	}

h1 a:hover, h1 a:active {
	text-decoration:none;
	}	

.commentcount {
	background:url(images/bubble.gif) no-repeat right 5px;
	padding:0 20px 3px 0;
	color:teal;
	}

.commentcount a {
	font-family:Arial, Swiss, Helvetica Neue, sans-serif; color: teal;
	}
	
.module {-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	background:#eee;
	padding:12px;
	overflow:auto;
	font-size:0.8em;
	}

.module img {width: 70px; height: 70px; float:left; padding:0 10px 1px 0; 	}

.module p { text-align: justify;margin:0;	}
	
.drop {
-moz-border-radius:6px;
background:teal;
color:white;
float:left;
font-family:Arial,Swiss,Helvetica Neue,sans-serif;
font-size:26px;
font-weight:bold;
line-height:100%;
margin:1px 5px 0 0;
padding:5px 2px;
text-align:center;
width:30px;
	}

h3 em {
	font-style:italic;
	font-size:0.8em;
	}

#archive-list li {
	width:165px;
	float:left;
	height:60px;
	font-size:0.9em;
	margin: 0 6px 0 25px;
	line-height:140%;
	}	

.pagenavigationbox {
	color:#a19e94;
	margin-top:20px;
	}
	
.pagenavigationbox a, .pagenavigationbox a:visited, .pagenavigationbox span {
	width:24px;
	height:20px;
	display:block;
	float:left;
	font:0.7em Arial, Swiss, Helvetica Neue, sans-serif;
	padding-top:4px;
	margin-right:4px;
	text-align:center;
	color:#a19e94;
	}
	
.pagenavigationbox, .pagenavigationbox a, .pagnavigationbox a:visited {
	background:#eee;color: #333;
	}
		
.pagenavigationbox a:hover, .pagenavigationbox a:active {
	background:teal;color:white;
	text-decoration:none;
	}
	
.pagenavcurrent {
	background:black; color: white;
	}
.detalii, .detalii a, .detalii li {float: right; color: teal;margin-bottom: 20px;text-align: right;width: 650px}	
	
/*Widgets*/					
.widget {
	margin-bottom:20px;
	font-size:14px;
	}	

.widget li {
border-bottom:1px solid #999;
padding:6px 0;
	list-style:none;
	line-height:120%;
	}
.widget a {color: teal;}
.widget a:hover {color:black;}
	
#wp-calendar {
	width:100%;
	font-size:0.9em;
	}
#today {background: white;}

#wp-calendar caption {
	padding-bottom:5px;text-align:left;
	}
	
#wp-calendar td,
#wp-calendar th {
	text-align:center;padding:5px;
	}
#wp-calendar a, #wp-calendar li {font-weight: bold; color: teal;font-size: 16px;}
#wp-calendar a:hover, #wp-calendar li:hover {color: white;}
#wp-calendar #prev {
	text-align:left;
	}

#wp-calendar #next {
	text-align:left;
	}
			
#wp-calendar th {
	background:#ccc;
	padding:4px
	}

.textwidget {
	font-size:.9em;
	line-height:145%;
	}
	
#recentcomments em {
	font:italic 0.9em Arial, Swiss, Helvetica Neue, sans-serif; margin-right:10px;
padding-right:19px;
	background:url(images/bg_recentcomment.gif) right no-repeat;
	color:white;
	letter-spacing:.08em;	
	}

#recentcomments a, #recentcomments a:visited {
	color:teal;
	font-size:14px;
	}
#recentcomments a:hover{
	color:black;
	}
#tagcloud a {
	color:teal;
line-height:120%;
padding-right:6px;
	}
				
#sidebar li  {
	list-style:none;
	color:#333;
	}
#sidebar a {
	color:teal;
	}
#sidebar a:hover {
	color:black;
	}


	
/* ---------- @ Forms -----------*/


#searchformagain {
margin:20px 0;
	}
	
#searchformagain .field {-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
font-size:20px;background: #eee;border:1px solid #eee;
padding:6px; width:300px;margin-right:5px;
	}
#searchformagain .field:focus {background: white;border:1px solid #eee;
	}

#searchformagain .button {
	margin:0;
	padding:4px 10px;
	font-size:20px;
	}


#searchform {
margin-left:13px;
margin-top:-3px;
	}
	
#searchform .field {-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
font-size:12px;background: #eee;border:1px solid #eee;
padding:4px;
width:130px;
	}
#searchform .field:focus {background: white;border:1px solid #eee;
	}

#searchform .button {-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	margin:0;
padding:3px 6px;
	font-size:12px;
	}
		
.button {-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;text-align:center;
	background: #666;
	border:none;
	font-size:13px;font-weight:bold;
	color:#eee;
	padding:10px 18px;
	margin-top:7px;
cursor: pointer;
	}

a.button, a.button:visited {-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
	color:#ccc;
	width:100px;
	margin-top:20px;
	display:block
	}

a.button:hover, a.button:active { background: teal;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;color:white;
	text-decoration:none
	}
	
.button:focus, .button:hover {	
 background: teal;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;color:white;	text-decoration:none
	}
.comfield {background:#ddd;
	border:none;
	padding:5px;
	font-size:0.8em;
	color:#333;}
.comfield :focus{background:#eoeoeo;
	border:none;
	padding:5px;
	font-size:0.8em;
	color:#333;}	
.field {
	background:#ddd;
	border:none;
	padding:5px;
	font-size:0.8em;
	color:#333;
	}

.field#user-name {	
background: #eee url(images/user.gif) no-repeat scroll 7px 50%;padding-left:26px;border:1px solid #eee;width:110px;margin-right: 3px;
	}

.field#user-name:focus {	
background: white url(images/user.gif) no-repeat scroll 7px 50%;padding-left:26px;border:1px solid #eee;
	}
		
.field#user-email {	
	background: #eee url(images/mail.gif) no-repeat scroll 7px 50%;
	padding-left: 26px;border:1px solid #eee;width:118px;
	}		

.field#user-email:focus {	
background: white url(images/mail.gif) no-repeat scroll 7px 50%;padding-left: 26px;border:1px solid #eee;
	}	

.field#user-comment {border:1px solid #eee;	
	background: #eee;
	width:290px;
	height:120px;
margin:8px 0 10px;
	}	

.field#user-comment:focus {
	background:white;border:1px solid #eee;
	}

.field#user-url {	
	background: #eee url(images/home.gif) no-repeat scroll 7px 50%;padding-left:26px;border:1px solid #eee;
	}		

.field#user-url:focus {	
	background: white url(images/home.gif) no-repeat scroll 7px 50%; padding-left: 26px;border:1px solid #eee;
	}	
	
#interior .field#user-name, #interior .field#user-email,
#interior .field#user-url, #interior .field#user-url {
	width:260px
	}

#interior .field#user-comment {
	width:586px;
	height:300px;
	}	
#success-message {background: teal;color: white;}
			

/* ---------- @ Float Clearing -----------*/

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

.clearfloat {
	display:block
	}



/* ---------- @ Footer -----------*/

#footer {
	background:#333;
	}
	
#footer .wrapper {
	color:#999;
	text-align:right;
	font:11px Arial, Swiss, Helvetica Neue, sans-serif;
	letter-spacing:0.08em;
	padding:46px 0 40px;
	background:#333;
	}
	
#footer a, footer li {color: teal;}	
#footer a:hover {color:white;}