/*  
Theme Name: Brownian Motion
Theme URI: http://www.thetelegraphic.com
Description: Brown theme for thetelegraphic
Version: 1
Author: Daniel Price
Author URI: http://www.thetelegraphic.com
*/

/* Colors */
body { 
  color: #F3EADC;
  background: #40352D url('../images/bg-brown3.png');
  }


#header {
  background: #312922 url('../images/bg-brown2.png') repeat-x bottom;
  border-bottom: 1px solid #4F4138;
  margin-bottom: -65px;
  height: 65px;
  }

#headerimg { background: url('../images/header.png') no-repeat top left; height: 65px; margin-top: -15px; margin-bottom: 50px;}
#headerimg h1 { font-size: 1px; color: #26201B; text-indent: -1000px;}

#footer2 {
  background: #312922 url('../images/bg-brown2.png') repeat-x bottom;
  border-top: 1px solid #4F4138;
  }
  
.entry, .portfolio {  
  border: 1px solid #4F4138; 
  background: #3f332c url('../images/bg-brown.png') repeat-x bottom; 
  }

#sidebar ul li ul {  
  }

h1, h2 { color: #E8BF74 }
h3 { color: #78695F; }
h4, h5, h6 { color: #AF905C; }

a { color: #F3EADC; }
a:hover { color: #E57639; }

#content a, #contentwide a { color: #DEC9A3; }
#content a:hover, #contentwide a:hover { color: #E57639; }
#content h2 a, #contentwide h2 a { color: #E8BF74; }
#content h3 a, #contentwide h3 a { color: #F3EADC; }
#content small, #contentwide small {color: #78695F; }

#content label small, #contentwide label small, .portfolio small { color: #fff;}
#content img, #contentwide img { background-color: #FDF6E9; border: 1px solid #4F4138; }

.portfolio_entry {
 display: block;
 width: 100%;
 margin-bottom: 50px;
 float: none;
}

.portfolio_entry p {
    font-size: 1.2em;
}

.portfolio h3 { color: #F5DDB2 !important; }
.portfolio small, .portfolio p { color: #fff !important; }
.portfolio a { color: #E57639 !important;  }

.commentlist li {   border: 1px solid #4F4138; 
  background: #3f332c url('../images/bg-brown.png') repeat-x bottom;  }

/* Form stuff */
input, textarea { background: #ECDFC9; border: 1px solid #433830; }

input#submit { background: #28211C; color: #F3EADC; font-size: 0.7em; padding-top: 5px; padding-bottom: 5px;}
input#submit:hover { background: #55453A; cursor: hand; cursor: pointer;}

#sidebar li p {   
  padding: 5px;
  border: 1px solid #4F4138; 
  background: #3f332c url('../images/bg-brown.png') repeat-x bottom; 
}

.contactform {
	padding-left: 30px;
}

/* Header image replacements */
.h_welcome { 
	background: url('../images/h_welcome.png') no-repeat top right; 
	height: 40px; 
	width: 475px;
	}

.h_welcome h2 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_contact { 
	background: url('../images/h_contact.png') no-repeat top left; 
	height: 35px; 
	width: 290px;
	}

.h_contact h2 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_webdesign { 
	background: url('../images/h_webdesign.png') no-repeat top left; 
	height: 35px; 
	width: 290px;
	}

.h_webdesign h2 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_physics { 
	background: url('../images/h_physics.png') no-repeat top left; 
	height: 35px; 
	width: 290px;
	}

.h_physics h2 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_music { 
	background: url('../images/h_music.png') no-repeat top left; 
	height: 35px; 
	width: 290px;
	}

.h_music h2 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_portfolio { 
	background: url('../images/h_portfolio.png') no-repeat top left; 
	height: 35px; 
	width: 280px;
	}

.h_portfolio h6 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_port_kicking { 
    background: url('../images/h_port_kicking.png') no-repeat top right; 
    height: 40px; 
    width: 480px;
	}

.h_port_kicking h2 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_port_2pad { 
    background: url('../images/h_port_2pad.png') no-repeat top right; 
    height: 40px; 
    width: 480px;
	}

.h_port_2pad h2 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_port_fashion { 
    background: url('../images/h_port_fashion.png') no-repeat top right; 
    height: 40px; 
    width: 480px;
	}

.h_port_fashion h2 {font-size: 1px; color: #26201B; text-indent: -5000px;}


.h_weblog { 
	background: url('../images/h_weblog.png') no-repeat top left; 
	height: 35px; 
	width: 280px;
	}

.h_weblog h6 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_publications { 
	background: url('../images/h_publications.png') no-repeat top left; 
	height: 35px; 
	width: 280px;
	}
	
.h_publications h6 {font-size: 1px; color: #26201B; text-indent: -5000px;}

.h_pressings { 
	background: url('../images/h_pressings.png') no-repeat top left; 
	height: 35px; 
	width: 280px;
	}
	
.h_pressings h6 {font-size: 1px; color: #26201B; text-indent: -5000px;}


/* Extra Formatting */

.thumb {
	border: 1px solid #4F4138 !important; 
	background-color: #382E27; 
	padding: 7px !important; 
	width: 380px; 
	float: left;
	margin-right: 30px;
	}
	
.thumb img {margin-left: -1px;}

.badge {
	border: 1px solid #4F4138 !important; 
	background-color: #382E27; 
	padding: 3px !important; 
	width: 32px; 
	height: 32px;
	float: left;
	margin-right: 10px;
	}

.badge img { border: 0px !important; background-color: #382E27 !important; }


.strong {font-weight: bold; color: #F3E9B6 !important;}
.em {	font-style: italic !important; }
.justify, .justify p {text-align: justify !important;}
.break {	height: 30px;}

.box {
	background: url(../images/box.png) no-repeat top left;
	height: 180px !important;
	width: 260px !important;
	padding: 20px;
	}



/* Footer */

#footer {
	text-align:right;
	font-size: 0.8em;
}

#footer p {	padding-right: 35px;}
#footer hr { width: 97%; border: 1px solid #4F4138;}

/* Flash Player */
#mediaspace { margin-left: 200px; margin-bottom: 20px; }
