body {
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color:#FFF;
}
.container {
	width:100%;
	font-size:small;
	color:#999;
}
a:link, a:visited {
	color:#FFF;
	/*background-color:#444;*/
	text-decoration:none;
}
a:hover {
	color:#111;
	background-color:#EEE;
}
h1 {
	margin:0;
	padding:0 10px 0 0;
	line-height:40px;
	font-size:130%;
}

h1 a:link, h1 a:visited, h1 a:hover {
	color:#999;
	text-decoration:none;
	background:none;
}

p {
    margin-top: 0;
    line-height: 1.4em;
}

.header {
    float: left;
    width: 49%
}

.header a.logo {
    float: left;
    margin: 0;
	padding: 0 10px 0 0;
	line-height: 40px;
	font-weight: bold;
	font-size: 17px;
	color: #00A2E6;
	text-decoration: none;
	background: none;
}

.content a.action {
    padding-left: 14px;
    background: url(../img/arrow_right.png) center left no-repeat;
}
.content a.action:hover {
    color: #000;
    background: #FFF url(../img/arrow_right_hover.png) center left no-repeat;
}

.content a.feed {
    float: right;
    margin: -2px 0 0; 
    padding: 2px 0 0 20px;
    background: url(../img/feed-icon-14x14.png) center left no-repeat;
}


.content {
    margin: 0 auto;
    width: 960px;
}
.content.hphoto {
    width: 960px;
}
.content.vphoto {
    width: 940px;
}

.content .photoWrapper {
    float: left;
    min-width: 400px;
    max-width: 1280px;
}
.content.vphoto .photoWrapper {
    background: #252525;
}

/* top nav */
.topnav {
    float: right;
    width: 50%;
}
.topnav ul {
    float: right;
    margin: 7px 0 0;
    padding: 0;
    list-style: none;
}
.topnav li {
    float: left;
    list-style: none;
}
.topnav li a,
.topnav li em {
    display: block;
    padding: 5px 10px 6px;
    color: #777;
    
}
.topnav li a.feed {
    margin: 0 0 0 5px;
    padding: 5px 10px 6px 35px;
    background-position: 15px 5px;
    border-left: 1px solid #CCC;
}
.topnav li a.twitter {
    margin: 0 0 0 5px;
    padding: 5px 0 6px 20px;
    background: url(http://twitter-badges.s3.amazonaws.com/t_mini-b.png) 0 4px no-repeat;
}

.topnav li.current em {
    font-style: normal;
    color: #000;
    background: #CCC;
}

/* image nav */
.imagenav {
    clear: both;
    background: #000;
}
.imagenav ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.imagenav li {
    float: right;
    margin: 0;
    list-style: none;
}
.imagenav li:first-child { /* IE6 will get right-aligned nav regardless, since it has no :first-child support */
    float: left;
}
.imagenav ul li a:link, 
.imagenav ul li a:visited {
	display: block;
	padding: 6px 15px 7px;
	color: #999;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}

.imagenav ul li a:hover {
	background: none;
	color: #FFF;
}

.hphoto .photoWrapper, 
.vphoto .photoWrapper {
	display: none;
}

.photocell {
    float: left;
	background: #000 url(../img/loadingB.gif) center center no-repeat;
}

.photocell a img {
    border: none;
}

.photo {
	display:none;
}

.sidecol {
	width: 250px; 
	background: #252525;
}

.content .secondary {
    background: #252525;
}
.content.hphoto .secondary {
    display: block;
    clear: left; 
    width: 100%;
}
.content.vphoto .secondary {
    float: left;
    clear: none;
    width: 300px;
}

.content .panel {
	font-size: 85%;
	line-height: 150%;
}
.content.hphoto .panel {
    float: left;
    width: 45%;
    padding: 20px 0 20px 20px;
}
.content.hphoto .panel + .panel {
    float: right;
    padding: 20px 20px 20px 0;
}

.content.vphoto .panel {
    padding: 20px;
}
.content.vphoto .panel + .panel {
    padding: 0 20px 20px;
}
.content.vphoto .panel + .panel h2 {
    margin-top: 10px;
}
.content.vphoto .panel + .panel h2.comments {
    margin-top: 30px;
}

.content .panel h1 {
    margin: 0 0 1em;
	padding: 0;
	color: #BBB;
	font-size: 150%;
	line-height: 1;
}

.content .panel h2 {
	margin: 0 0 1em;
	color: #BBB;
	font-size:110%;
}
.content .panel h2.tags {
    margin-top: 30px;
}
.catLinks + h2 {
    margin-top: 1em;
}

.content .primaryWrapper {
    float: left;
    width: 100%;
    background: #252525;
}
.content .primaryWrapper .primary {
    float: left;
    width: 620px;
    padding: 10px 0 20px 20px;
}
.content .primary .thumbs ul {
    margin: 0;
    padding: 0;
    list-style: none; 
}
.content .primary .thumbs ul li {
    float: left;
    margin: 0 20px 20px 0;
    list-style: none;
}

.content .secondary .panel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.content .secondary .panel ul.inspiration {
    margin-bottom: 10px;
}

.content .secondary .panel ul li {
    list-style: none;
}

.content .secondary .panel ul.tagcloud li {
    float: left;
    margin-right: 1em;
}
	
.comment ul {
	list-style:none;
	margin:0;
	padding:0;
}
.comment ul li {
    padding: 5px 0;
    border-bottom: 1px dotted #666;
}
.comment ul li:first-child {
    border-top: 1px dotted #666;    
}

.footer {
    clear: both;
	padding: 10px 0;
	font-size:90%;
}
.footer a {
    color:#999;
}
	
	
/* COMMENT TEMPLATE */

#commentTop {
	padding:8px 20px;
	background-color:#252525;
}
#commentMid {
	
}
#commentMid ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#commentMid ul li {
	padding:6px 20px;
	}	
.odd {
	background-color:#222;
	}
.even {
	background-color:#333;
}
#commentBottom {
	padding:8px 20px;
	}
#commentBottom input.input, #commentBottom textarea {
	background-color:#111;
	color:#FFF;
	padding:4px;
	border:1px solid #666;
	}

/* ARCHIVE */

table td#thumbs {
	background-color:#333;
}
table td#thumbs a:link, table td#thumbs a:visited {
	border:2px solid #444;
	display:block;
	float:left;
	margin:12px;
}
table td#thumbs a:hover {
	border:2px solid #666;
}
table td#thumbs a img {
	border:none;
	}
td.sidecol ul {
	list-style:none;
	margin:0;
	padding:0;
}
td.sidecol ul li {
	margin-bottom:4px;
}

/* Form styling */

.formField {
    margin: 0 0 1px 0;
    padding: 5px 0 7px;
}

.formField label {
    float: left;
    clear: left;
    width: 100%;
    margin: 0 0 2px 0;
}

.formField input[type="text"] {
    min-width: 200px;
}

.formField input,
.formField select,
.formField textarea {
    float: left;
    clear: left;
}
.formField select {
    min-width:200px
}

.formField.checkbox {
    padding: 7px 0 5px;
}
.formField.checkbox input {
    margin-top: 1px;
}
.formField.checkbox label {
    float: none;
}

.formField span.note {
    float: left;
    clear: left;
    font-size: 10px;
    color: #888;
}

.formField.formSubmit {
    padding: 0;
    margin: 0 0 10px 0;
}
.formField.formSubmit input {
    width: auto;
}

.formField.error input,
.formField.error textarea {
    border: 2px solid red;
}

.formErrors {
    color: #FF0000;
}

/* Hide */
.hidden {
    display: none;
}

/* Clearfix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}