@charset "UTF-8";

/* www.tu-Design.com*/

/*
ROUND CORNERS
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; 
-khtml-border-radius: 10px;
*/

/* RESETS AND REPEATABLE CODE*/
* {
			margin: 0;
			padding: 0;
}

a {
			text-decoration: none;
			color: #000;
}

a:hover {
			color: #FE5502;
			text-decoration:none;
}

a:active {
			position: relative;
			top: 1px;
}

ul {
			font-size: 1em;
			line-height:1.2em;
			list-style-type:none;
			padding:0 0 10px 10px;
}

img {
			border:0;
			padding:10px 10px 10px 0;
}

.float-left { float:left; }

.float-right { float:right; }

.clear-both { clear:both; }

.small-text { font-size:.7em }

/* BLOG AND POSTS*/
ol.commentlist li.comment div.vcard img.avatar {
			float:right;
			margin: 0 0 10px 10px;
}

ol.commentlist li.comment {
			border:1px dotted #666;
			padding:10px 0 10px 10px;
			margin:30px 0 30px 0;
			list-style:none;
}

ol.commentlist li.comment div.comment-meta { font-size:10px; }

ol.commentlist li.comment p {
			font-size:12px;
			padding:10px 0 0 0;
}

p#intro-paragraph {
			font-family: Georgia, serif;
			font-size: 1.5.0em;
			font-style: italic;
			line-height: 1.4em;
			margin-top: 5px;
}

p#intro-paragraph span {
			font-size: 3em;
			font-weight: bold;
}

p#intro-paragraph em { color: #990000; }

.post { margin: 0 0 50px 0; }

.datebox {
			width: 40px;
			float: left;
			padding: 0px 5px 5px 5px;
			background: #FE5502;
			color: white;
			text-align: center;
			margin: 0px 10px 0 0;
}

.day {
			font-size: 2em;
			font-weight: bold;
			margin: 0;
			font-family: Georgia, serif;
}

.month {
			font-size: 1em;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0;
}

.year {
			font-size: .9em;
			font-weight: bold;
			margin: 0;
}

#comment {
			width:500px;
			padding: 0 0 0 10px;
			color: #000;
}

.says { display:none; } /* to stop showing the word "says" in the comments area
/* STRUCTURE*/

body {
			font-size: 100%;
			font-family: Arial, sans-serif;
			color: #666;
			background-image: url(images/background-image.png);
			background-repeat:repeat-x;
			background-color:#FFF;
}

#page-wrapper {
			width: 940px;
			margin:0 auto;
			text-align: left;
			overflow:hidden;
}

#header {
			background-image:url(images/header-image.png);
			height:105px;
			background-repeat: no-repeat;
			padding:15px 20px 0 40px;
}

/* Navigation */
#nav-bar {
			background-image:url(images/nav-image.png);
			height:54px;
			background-repeat: no-repeat;
			overflow:hidden;
			padding: 0 0 0 20px;
}

#menu-bar {
			font-family: "Eurostile", Trebuchet MS, "Comic Sans MS", sans-serif;
			list-style-type:none;
			text-transform:uppercase;
			margin:0;
			width: 100%; /* IE wihte space bug*/
}

#menu-bar li {
			float:left;
			font-size: 1em;
}

#menu-bar a {
			width:95px;
			display:block;
			color: #CCC;
			line-height: 2;
			text-align:center;
}

#menu-bar a:hover {
			background-image: url(images/buttonBg.png);
			background-repeat:no-repeat;
			background-position:0 4px;
			color: #fff;
}

#content-wrapper {
			overflow:hidden;
			background-image:url(images/body-image.png);
			background-repeat:repeat-y;
			zoom: 100%;
}

#main-content {
			width:582px;
			float:left;
			padding:10px 0 10px 40px;
			overflow:hidden;
}

#fotos-page {
			background-color: #333333;
			height:230px;
			padding:10px 0 0 10px;
			text-align:center;
}

#side-bar {
			width:300px;
			float:right;
			padding:5px 0 50px 0;
			overflow:hidden;
}

.sidebar-images {
			clear:both;
			padding: 15px 0 0 5px;
			float:left;
} /*after icons only*/

.sidebar-articles {
			padding: 5px 15px 0 10px;
			float:left;
}

.sidebar-box {
			margin:20px 0 0 15px;
			padding:10px;
			width:230px;
			background-color: #666;
			border:1px solid #ccc;
			clear:both;
			overflow:hidden;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			-khtml-border-radius: 10px;
}

#side-bar p { color: #333; }

#icons li {
			float:left;
			padding:10px 15px 0 0;
			display:inline;
}

#icons li a {
			text-indent: -999px;
			display: block;
			width: 77px;
			height: 77px;
			background-image: url("images/sprite.png");
			padding-bottom:0;
			padding-right:0;
}

#icons li a#twitter { background-position: 0 0px; }

#icons li a#twitter:hover { background-position: 0 -77px; }

#icons li a#facebook { background-position: -154px 0px; }

#icons li a#facebook:hover { background-position: -154px -77px; }

#footer {
			clear:both;
			background-image:url(images/footer-repeat.png);
			background-repeat:repeat-x;
}

#footer-inner {
			margin: 0 auto;
			width: 880px;
			text-align: left;
			background-image:url(images/footer-image.png);
			padding:95px 30px 30px 30px;
			overflow:hidden;
			background-repeat:no-repeat;
}

.footer-links {
			float:left;
			padding:0 20px 0 0;
			font-size: 0.8em;
}

#copy-right {
			float:right;
			font-size: 0.9em;
			color: #666;
			padding: 50px 0 0 0;
}

/* TYPOGRAPHY*/

span {
			font-style: italic;
			font-size: 3em;
			font-weight: bold;
			font-family: Georgia, serif;
}

h1 {
			color: #333;
			font-family: "Georgia", Trebuchet MS, "Comic Sans MS", sans-serif;
			font-weight:lighter;
}

h2, h3, h4, h5 {
			color: #000;
			font-family: "Georgia", Trebuchet MS, "Comic Sans MS", sans-serif;
			font-weight: normal;
}

/* FONT SIZES */
h1 {
			font-size:3em;
			line-height: 1em;
			padding: 0 0 10px 0;
}

h2 {
			font-size:1.5em;
			line-height: 1em;
			padding:20px 0 0 0;
}

h3 {
			font-size:1.125em; /* 18pt */
			line-height: 0.9em;
			padding: 0 0 10px 0;
}

p {
			font-size:.9em;
			line-height:1.125em; /* on 15pt */
			margin-bottom:.75em; /* 12pts of space */
			font-weight: lighter;
}