/*  
Theme Name: Utata 
Theme URI: utata.org
Description: Theme for the Utata website.
Version: 2.0
Author: The Utata code ninja strike force

*/
body {
margin-top: 0px;
margin-bottom: 0px;
background-color: #f4f3f3;
}

/* ----#wrapper----*/

#wrapper {
width: 900px;
margin: 0 auto;
padding: 0px;
background-color: #fff;
font-family: Helvetica, Arial, sans-serif;
}


/* ----#header----*/

#header {
width: 900px;
margin:auto;
text-align: left;
padding-top: 10px;
background: #fff;
border: none;
overflow: hidden;
}

#header .dopiaza-flickr-badge-container
{
	display: inline;
}

#header .dopiaza-flickr-badge-content
{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#header .dopiaza-flickr-badge-content li
{
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
}

#header  img
{
	display: inline;
	border: none;
	margin: auto;
}

#header .dopiaza-flickr-badge-content li img
{
	border: 5px solid black;	
}


#dopiaza-flickr-photo-popup img
{
	border: none;
}

#topnav {
width:900px;
margin: auto;
text-align: center;
display: block;
padding-top: 3px;
padding-bottom: 3px;
background-color: #b00404;
font-size: small;
border: none;
overflow: hidden;
}



/*---- container----*/

#container{
      width:900px;
      margin: 0 auto;
      padding:0;
 background: #fff url('images/EDEDED.png');
      }

/*----sidebar----*/


#sidebar {
width: 300px;
float:left;
padding: 10px 0 5px 0;
background-color: #ededed;
font-weight: normal;
font-size: 10px;
text-align: left;
display: block;
}

#sidebar li, #sidebar li li {
display: block;
list-style-type:none;
}

#sidebar li.thumb img{
width:75px;
}

#sidebar img{
display:block;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: 2px solid gray;
width: 250px;
}

#sidebar p{
text-align: center;
color: #532d2d;
font-size: .85em;
font-weight: normal;
}
.widget
{

}
.textwidget
{
color: #532d2d;

}

/*----page navigation---*/

.navigation,
.navigation a:link,
.navigation a:active,
.navigation a:visited
 {
color: #b00404;
text-transform:lowercase;
text-align: center;
font-size: 1em;

}

/*----main content----*/

.post, .page {
background-color:#FFFFFF;
float: right;
width: 600px;

}

.post-single, .page-single {
background-color: #FFFFFF;
float:left;
/*padding: 10px;
width: 900px;*/
}

img.post, img.entry {
display:block;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: 5px solid gray;
}

blockquote p{
font-size:0.8em;
}
p {
padding-left: 10px;
padding-right: 10px;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.85em;
color: #666;
}

ol, ul {
color: #666;
display:block;
padding-left: 10px;
padding-right: 10px;
}

.entry li {
display: block;
list-style-type:none;
padding-right: 10px;
}
/*---- the post----*/
.entry {
float: left;
/*width: 585px;*/

padding:0px 20px 0 30px;
}

.postmetadata a {
font-size: 1em;
color: #b00404;
font-weight: normal;
}

.postmetadata  {
/*font-size: medium;*/
font-style: italic;
color: #0f0f0f;
/*padding: 0 0 0 40px;*/
font-weight: normal;
text-align: right;
}

.date {
font-size: 0.8em;
font-style: italic;
}
.entry-single {
padding: 50px 50px 0 50px;
}
.entry-single img {

/*width: 885px;*/
display: block;
}


/*----links----*/

a:link, a:visited, a:active {
color: #b00404;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


#topnav a:link,
#topnav a:visited {
color: #fff;
font-weight: bold;
font-size: small;
text-decoration: none;
}


#topnav a:hover,
#topnav a:active {
color: #532d2d;
text-decoration: underline;
}

#footer a:link,
#footer a:visited {
color: #fff;
font-weight: bold;
font-size: small;
text-decoration: none;
}


#footer a:hover,
#footer a:active {
color: #532d2d;
text-decoration: underline;
}
 


#sidebar a:link,
 #sidebar a:visited {
text-align: center;
font-size: small;
font-weight: bold;
color: #b00404;
}



#sidebar a:hover,
#sidebar a:active {
color: #532d2d;
}


#main h4 a,
#main h4 a:visited  {
text-align: center;
font-size: large;
font-weight: bold;
color: #337809;
text-decoration: none;
}

#main h4 a:hover,
#main h4 a:active {
color: #9db092;
}

.author a {
color: #337809;
font-size: small;
font-weight:normal;
}

 .author a:hover { 
color: #b00404;
text-decoration: none;
}

.entry h4 a,
.entry h4 a:visited,
.entry-single h4 a,
.entry-single h4 a:visited {
text-align: center;
font-size: large;
font-weight: bold;
color: #337809;
text-decoration: none;
}

#entry h4 a:hover,
#entry h4 a:active,
#entry-single h4 a:hover,
#entry-single h4 a:active {
color: #9db092;
}


h2.post-title ,  h2.post-title a:visited {
margin-left: 20px;
margin-top: 20px;
}
 h2.page-title {
padding: 20px 10px 0 40px;
}

/*----member pages----*/


#main {
float: right;
width: 590px;
text-align: center;
padding: 10px 0 0 10px;
background-color: #FFFFFF;
}

#imgwrap {
padding-left: 10px;
padding-right: 10px;
width: 270px;
display: block;

}

.utataitemholder {
    display: inline;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding-right: 0;
padding-left: 50px;
    text-align: center;
   }

img {
margin:10px auto;
padding: 0px;
border: 5px solid gray;
}

img.thumb {
text-align: center !important;
margin-left: 5px;
margin-right: 5px;
padding: 0px;
border: 2px solid gray;
width: 50px;
height: 50px;
}

.photo {
text-align: center;
padding: 50px 0 0 0;
}

.thumb {
text-align: left;
margin: 5px;
display: inline-block;
float:left;
}

li.thumb a {
font-weight: bold ;
}


#main p {
padding: 0 0 0 15px;
text-align: left;
}

.inside  {
font-size: 0.8em;
padding: 20px;
}


/*-------------projects------------*/
div.project-summary,
div.project-description
{
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12pt;
	margin: 1.3em;
	color: #666666;
}

div.project-summary
{
	color: #aaa;	
}

div.project-sampler ul
{
	list-style-type: none;
	margin: 50px auto;
	padding: 0;
	width: 295px;
}

div.project-sampler li
{
	display: inline;
	margin: 0;
	padding: 0;	
	width: 100px;
}

div.project-sampler li img
{
	display: inline;
	border: 1px solid gray;
	margin: 7px 8px 8px 7px;
}

ul#project-list
{
	font-family: Helvetica,Arial,sans-serif;
	max-height: 500px;
	overflow: auto;
	margin: 1.3em;
	/*border: 2px solid #ddd;*/
	padding: 1em;
	list-style-type: none;
	font-size: 12pt;
}

ul#project-list li
{
	margin: 0;
	padding: 0.3em;	
	position: relative;
}

ul#project-list li:hover
{
	background-color: #eee;	
}

ul#project-list .project-tag
{
	color: #aaa;
	position: absolute;
	right: 0;
}

ul#project-list li a,
ul#project-list li a:visited,
ul#project-list li a:hover
{
	text-decoration: none;
	color: #000;
	width: 100%;
	display: block;
	height: 1.2em;
}

div.project-thumbs ul
{
	list-style-type: none;
	margin: 20px auto 30px auto;
	padding: 0;
	width: 535px;
}
div.project-thumbs li
{
	display: inline;
	margin: 0;
	padding: 0;	
	width: 100px;
}

div.project-thumbs li img
{
	display: inline;
	border: 1px solid gray;
	margin: 7px 8px 8px 7px;
}

/*----h1 h2 h3 h4 h5 h6----*/

h1 {
margin-left: 20px;
padding-top: 10px;
font-family: Helvetica, Arial, sans-serif;
color: #265509;
font-weight: bold;
font-size: 1.2em;
text-transform: uppercase;
text-align: center;
/*float:right;
margin-right: 150px;*/
}

h2, h2 a:visited {
    color: #0F0F0F;
    font-family: Georgia,Times New Roman,serif;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
    padding-left: 10px;
}

h3 {
text-align: left;
margin-left: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: small;
color: #b00404;
margin-top: 0;
text-decoration: none;
}

h4 {
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: small;
color: #666;
text-decoration: none;
padding: 1px;
}

h5 {
text-align: center;
display: block;
margin-left: 50px;
margin-right: 50px;
font-family: Helvetica, Arial, sans-serif;
font-size: smaller;
font-weight: normal;
color: gray;
}

h6 {
text-align: center;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #337809;
}

#main h2, #main h3 {
    margin: 0;
    padding: 0 0 0 15px;
}

#sidebar h1{
border: none 0;
border-bottom: 1px  solid #808080;
width: 90%;
height: 1px;
padding-bottom: 20px;
color:#265509;
float:none;
}

#sidebar h2 {
color: #532D2D;
font-size: 1em;
text-align:center;
}

/*----hr and ul----*/

#sidebar hr{
border: none 0;
border-top:  1px solid #808080;
width: 90%;
height: 1px;
}



#main hr, .post hr, .post-single hr, .category hr{
border-color:#B00404;
border-right:0 none;
border-style:dotted none none;
border-width:1px 0 0;
width:85%;
}
ul.post {
color: #666;
font-family: Helvetica, Arial, sans-serif;
font-size: medium;
}



/*----footer----*/

#footer {
width:900px;
margin: auto;
text-align: center;
display: block;
padding-top: 3px;
padding-bottom: 10px;
background-color: #b00404;
font-size: small;
border: none;
overflow: hidden;
clear: both;
}

#footer img {
border: 0;
margin: 0 10px;
position: relative;
top: 4px;
}


#sidebar .authenticated-sidebar
{
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

#masthead
{

width: 300px;
float:left;
padding: 5px 0 5px 0;
background-color: #ededed;
font-weight: normal;
font-size: 10px;
  color: #532D2D;
    font-size: small;
    font-weight: normal;
    text-align: center;
display: block;
}

#masthead h2, #masthead h4,#masthead p{
margin:0;
}


#masthead hr{

border: none 0;
border-top:  1px dotted #808080;
width: 90%;
height: 1px;

margin: 10px 0;
}


/*-----wordpress img classes----*/

.wp-caption.aligncenter {
   margin: 0 auto;
   padding: 0;
   border: 0 none;
}

.wp-caption-text {
text-align:center;
font-size: small;
}