#brand_line {
	font:11px "Lucida Grande",Verdana,sans-serif;
	background:#369 url(/img/top_nav_bg.gif) no-repeat left;
	margin:0 0 5px;
	padding:0;
	width:100%;
	height:32px;
	display:block;
	border-bottom:1px solid #839EAF;
	border-top:1px solid #839EAF;
}
#brand_line #tp_branding {
	border:none;
	float:left;
	margin-left:15px;
	padding:9px 0 10px 95px;
	color:#fff;
	text-decoration:none;
}
#brand_line #user_links {
	margin:0;
	padding:2px 10px 0 0;
	color:#4d5863;
	line-height:30px;
	float:right;
}	
#brand_line p a {
	color:#fff;
	text-decoration:none;
	padding:9px;
	border-left:1px solid #3d6e9e;
}
#brand_line p a:hover{
	background:#fff;
	color:#546674;
	border-top:1px solid #839EAF;
	border-left:1px solid #839EAF;
}

/* Primary layout 
==============================*/
body {
  margin: 0;
  padding: 0;
  background: url(http://farm1.static.flickr.com/110/309451832_5c7b91d189_b.jpg);
  color: #333;
	font-size: small;
}

/* font specs */ 
body, h1, h2, h3, p, li, ul {
	font-family: "trebuchet ms", verdana, sans-serif;
}

#wrapper {
  position: relative;
  width: 690px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto; /* use long form to avoid problems with Mac IE5 */
  border-bottom: 1px solid #ccc;
	padding: 0;
  background: #ccc url(img/5/wrap.gif) repeat-y center;
}

#header,#center,#footer {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 110%;
}

/* Header 
==============================*/
#header {
  height: 150px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ccc url(img/5/bg-title.gif) no-repeat bottom;
  color: #eee;
  text-align: left;
  cursor: default;
}

#header h1 {
	margin-left:300px;
  margin-top: 0;
  margin-bottom: 0;
	line-height:20px;
  padding-top: 35px;
}

#header p {
	margin-left:300px;	
  margin-top: 0;	
}

#title {	
  font-size: 30px;
}

#description {
  font-size: 120%;
}

/* Images
==============================*/
img {
  border: 0;
}

/* Navigation 
==============================*/
#navigation {
  float: right;
  width: 190px;
  margin: 0;
  border: 0; /*specify to avoid a bug in MacIE5 */
  padding: 0;
  font-size: 90%;
}

#navigation ul {
  margin: 0;
	border-bottom: 1px solid #ccc;
  padding: 5px 15px 10px 20px;
  list-style-type: circle;
  list-style-image: url(img/4/icon-navlist.gif);
}
#navigation li {
  line-height: 150%;
}
#navigation h3 {
  border-bottom: 0px solid #ccc;
  padding: 5px;
	line-height:15px;	
	text-indent:10px;
  color: #818e94;
  text-align: left;
	font-size:100%;
  cursor: default;
	text-transform:uppercase;
} 

#navsearch, #changestyles {
	padding-bottom:5px;
	margin:0;
}
#authorprofile, #navsearch {
	border-bottom: 1px solid #ccc;
}

#navsearch form, #changestyles form {
	margin:0;padding:.5em;
	margin-left: .5em;
}

div#authorprofile, div#photography{
	padding:0; padding-bottom: .5em;
}

#authorprofile p, #photography p {
	width:160px;
	margin:.5em 0 0 10px;
}
#photography .photo, #profilephoto .photo {
	border:1px solid #666;
}
#profilephoto {
	float:right;
	margin:10px;	
	margin-right:20px;
}

/* Content Group Header
==============================*/
#contentgroupheader {
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

#contentgroupheader h2 {
  margin: 0;
  padding: 5px;
}

/* Blog Content Area
==============================*/
#blogcontent {
  width: 490px;
  margin: 0;
  padding: 0;float:left;
}

/* For Win IE only, float the blogcontent to actually visually touch the navigation. \*/
* html #blogcontent {
  float: right;
  margin: 0;
}
/* */

#blogcontent h3 {
  margin: 0;
  font-weight: normal;
}

.entry {
  border-bottom: 1px #ccc solid;
  padding: 10px 20px;  
}

#blogcontent h2 {
  margin: 0;
  padding: 0;
}

.entrydetails {
  margin: 0;
}

.entrydetails:before {
  content: url(img/4/icon-page.gif);
  padding-right: .5em;
}

#authorprofile {
	padding: 1em;
}

/* This comment with a \ is a hack to make Mac IE5 ignore the following rule */
.entrycontent, .comment {
  overflow: auto;
}

.commentlink {
  margin-left: 1em;
  padding-left: 1.5em;
  background: url(img/4/icon-comments.gif) no-repeat left top;
}

.commentdetails {
  margin-top: 0;
  font-size: 90%;
}

.othercontent {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

#entrynavigation {
  margin: 5px;
  padding: .3em;
  text-align: center;
}

/* Links
==============================*/
:link,:visited {
  font-weight: bold;
  text-decoration: none;
}
:link {
  color: #870302;
}
:visited {
  color: #999;
}
:link:hover, :visited:hover {
  color: #333;
}
/* Footer 
==============================*/
#footer {
	display: block;
	clear: both;
	margin: 1em 0 0;	
	border-top: 1px solid #ccc;
	background-color: #eee;
}
#footer p {
	margin: 0;
	padding: 1em 0 .2em;
	text-align:center;
}
#footer .tp_plug {
	margin:0;
	padding:0 0 1em;
	list-style:none;
	text-align:center;
}
#footer .tp_plug li {
	margin:0 0.2em;
	display:inline;
}