/*

		 PERSONAL HOMEPAGE THEME FOR WORDPRESS
		 
		 By: Chris Coyier
		 http://chriscoyier.net
		 http://css-tricks.com
		 
		 -- Feel free to alter and use this theme for whatever you would like.
		 -- A link back is always nice but not required.
		 
		 Light grey: #dbdbd9
		 Dark Gray: #AEAEAC
		 background: #f7f7f7
		 red:#AA4231
		 
*/

/*
	RESET
*/

* { 
margin: 0; 
padding: 0; 
}

html { 								
overflow-y: scroll; 
}

html, body { 
height: 100%; 
}

body { 
background-color:#f7f7f7;
font-size: 62.5%; 
font-family: Georgia,times new roman, serif; 
color:#626262;
background: url(images/backg1.jpg) 
top center repeat-x white; 
}

ul { 
list-style: square inside; 
}

ol { 
list-style: decimal inside; 
}

a { 
outline: none; 
text-decoration: none; 
}


a img { 
border: none; 
background: none; 
}

img	{ 
vertical-align: middle; 
}

table { 
border-collapse: collapse; 
}


.alignleft, .post .alignleft{float: left;}
.alignright, .post .alignright{float: right;}
.aligncenter,div.aligncenter,.post .aligncenter {display: block;margin-left: auto;margin-right: auto;}



/*
	UTILITY
*/
.floatLeft { 
float: left; 
}

.floatRight { 
float: right; 
}

.clear { 
clear: both; 
}

.button	{ 
border: 1px solid #272727; 
background: white; 
padding: 3px 8px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
color: 272727; 
}

.button:hover { 
background: #AA4231;
color: white; 
}


/*
	TYPGROGRAPHY
*/

p, li { 
font-size: 1.4em; 
line-height: 1.4em; 
margin: 0 0 10px 0; 
}

p#intro-paragraph { 
font-family: Georgia, serif; 
font-size: 2.2em; 
line-height: 1.3em; 
margin-top: 5px; 
margin-bottom: 40px; 
}

p#intro-paragraph span { 
float:left; 
line-height:90%; 
width:155px;
font-size: 2.8em;
}

p#intro-paragraph em { 
font-style: italic; 
}

a { 
color:#AA4231;

}

a:hover	{ 
color: #626262; 
}

h1 { 
font-size: 3.6em; 
font-family: Georgia,times new roman, serif; 
font-weight: normal; 
}

h2 { 
color:#AA4231;
font-size: 2.8em; 
font-family: Georgia,times new roman, serif; 
font-weight: normal; 
margin-bottom:10px;
}

h2 a{
color: #AA4231;
}

h3 { 
font-size: 2.0em; 
font-family: Helvetica, Arial, sans-serif;
font-weight: normal; 
margin: 0 0 10px 0; 
}

h4 { 
color: white; 
font-size: 2.0em; 
margin-bottom: 15px; 
}

.post h4 { 
font-size: 1.8em; 
font-family: Georgia,times new roman, serif; 
font-weight: normal; 
margin: 0 0 10px 0;
color: #900; 
}

/*
	FORMS
*/
input { 
padding: 3px;
margin-bottom:10px; 
}



/*
	STRUCTURE
*/
#page-wrap { 
width: 960px; 
margin: 0px auto -250px;
min-height: 100%; 
height: auto !important; 
height: 100%;
}

#socialsidebar { 
width: 190px; 
float: left; 
margin-right: 15px; 
}

#main-col { 
width: 600px; 
float: left; 
}					

#linksidebar { 
width: 290px; 
float: right; 
}

#push { 
height: 250px; 
}


/*
	HEADER
*/
#header	{ 
width: 960px; 
height: 200px; 
background: url(images/backg_04.jpg) no-repeat; 
margin: 0 0px 8px 0; 
position:absolute;
top:0;
right:0;
}



h1#logo { 
width: 288px;
height: 60px; 
background: url(images/defif_04.jpg) 
top right no-repeat; 
text-indent: -9999px;
margin: 20px 10px 8px 0;
float:right;
}


#main-pic { 

float: left; 
margin-right: 10px; 
}

#top-bar { 
padding: 20px 0 0 0; 
}

#top-bar p { 
color: #f4dfb8; 
width: 300px; 
float: left; 
}

form#searchform	{ 
margin: 0 0 10px 0; 
float: right; 
}

/*
	MENU
*/
#menu-bar { 
padding-top: 171px; 
padding-bottom: 10px;
position:relative;
}

ul#main-nav	{ 
width: 700px; 
padding: 8em 0; 
margin: 0; 
}


ul#main-nav	li, 
ul#extra-nav li	{ 
display: inline; 
padding: 33px 30px 18px 30px;
border-left: 1px solid #dbdbd9; 
}

.portfolio {
border-right: 1px solid #dbdbd9; 
}

ul#main-nav li a, 
ul#extra-nav li a { 
font-family: Helvetica, Arial, sans-serif; 
color: #dbdbd9; 
font-size: 1.5em; 
}


ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#portfolio ul#extra-nav li.portfolio a,
body#default ul#main-nav li.home a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a,
body#resume ul#extra-nav li.resume a{ 
background: none; 
color: #AA4231;
}

/*
	WIDGETS
*/
.widget{ 
background: #dbdbd9; 
width: 290px; 
border-right: 1px solid #acacac; 
border-bottom: 1px solid #acacac; 	
margin: 0 0 15px 0; 
font-family: Helvetica, Arial, sans-serif;
font-size:0.8em;
}

.widget .inside { 
padding: 10px; 
}

.widget li { 
list-style: none;  
}

.widget ul li { 
margin: 10px 0 5px 0; 
}




.widget ul li a { 
padding: 2px; 
}

#language h3 {
float:left;
width:100px;
margin-bottom:20px;
}



#language li a:link, #language li a:visited {
padding: 0.2em 0.3em 0.2em 0.3em;
color: #dbdbd9; 
background-color: #AA4231;
text-decoration: none;
margin-top:10px;
}

#language li a:hover {
color: #AEAEAC;
background-color: white;
}

.widget img {
margin: 0px 0px 5px 6px;
}

.widget ul {
margin:0 5px 0 10px;
padding:0; 
}

.linkcat {
margin-top:15px;
}

.linkcat h3 {
padding-bottom:10px;
}




/*
	BLOG ENTRIES
*/
.post { 
margin: 0 0 45px 75px; 
font-family: Helvetica, Arial, sans-serif; 
font-size:1.1em;
}
.postsingle{
margin: 0 0 45px 0; 
font-family: Helvetica, Arial, sans-serif; 
font-size:1.1em;
}

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

.offerlanguage {
float:right;
font-family: Helvetica, Arial, sans-serif; 
}
.offerlanguage a{
color: #AA4231;
}


.day { 
font-size: 3.3em; 
font-weight: bold; 
margin:0; 
font-family: Georgia,times new roman, serif; 
}

.month { 
font-size: 1.9em; 
font-family: Helvetica, Arial, sans-serif; 
font-weight: bold; 
text-transform: uppercase; 
margin: 0; 
}


ol.commentlist { 
list-style: none; 
}

.comment-bubble	{ 
font-family: Helvetica, Arial, sans-serif;
background: #AA4231;
color: #dbdbd9; 
padding: 10px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}

ol.commentlist li 	{ 
font-size: 1.em; 
margin-left:60px;
margin-top:-10px;
margin-bottom:50px;
}

.moretext {
width:100px;
}

.more-link {
color: #dbdbd9; 
background-color: #AA4231;
padding:5px;
font-weight::bold;
}

.more-link:hover {
color: #AEAEAC;
}

.grav {
position:relative;
}

#more{
font-size:3em;
margin-left: auto ;
margin-left: auto ;
width:300px;
}

#main-col img{
margin:5px 10px 10px 0;
}

img#comment{
margin:0;
}

#archiv {
font-size:1.4em;	
}


blockquote.pullquote { 
width: 220px; 
padding: 0 10px 10px 0; 
font-size: 2.5em; 
line-height: 120%; 
float:left;}

/*
	Archiv
*/


.archivp {
argin-bottom:30px;
}


/*
	FOOTER
*/
#footer	{ 
height: 250px; 
background: #AEAEAC; 
padding-top: 20px; 
}

#footer-inside{ 
width: 960px; 
margin: 0 auto; 
}

#footer p{ 
margin-top:30px;
color: white; 
}

#footer-1{ 
width: 300px; 
float: left; 
margin-right: 30px; 
}

#footer-2{ 
width: 200px; 
float: left;
margin-right: 30px; 
}

#footer-3{ 
width: 200px; 
float: left; 
}

#footer-4{ 
width: 200px; 
float: left; 
}

#footer a{ 
color: white; 
}

#footer ul{ 
color: white;