/*
Theme Name: afox Theme
Theme URI: http://alisonfoxall.com/
Description: Custom theme for Alison Foxall's portfolio 2009.
Version: 1.0
Author: Alison Foxall
Author URI: http://cruiza.com/
Tags: bamboo, white, custom, museo
*/
/* The Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End The Reset */

body {
	background:url(images/bg.jpg) top center repeat-x fixed;
	font-family:Georgia;
	line-height:20px;
	color:#455560;
	}
a, a:link, a:visited {
	color:#1ab7ea;
	font-weight:bold;
	text-decoration:none;
	}
h2 {
	font-weight:bold;
	font-size: 16px;
	color:#455560;
	margin-bottom:15px;
	}

#wrapper {
	width:815px;
	margin:50px auto;
	background-color:#FFFFFF;
	padding:70px;
	}
#header {
	border-bottom:#ccc 1px solid;
	padding-bottom:30px;
	height:90px;
	}
#navigation {float:left;}
	#navigation li {
		list-style:none;
		text-transform:uppercase;
		}
#availability {
	float:right;
	font-size:11px;
	}
	#availability h1 {
		background:url('images/available.gif') left;
		width:161px;
		height:46px;
		text-indent:-9999px;
		}
#content {
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px 0 30px 0;
	}
#secondary_content {
	clear:both;
	border-top: solid 1px #ccc;
	padding-top:30px;
	}
#footer {
	clear:both;
	float:left;
	padding-top:30px;
	border-top:solid #ccc 1px;
	width:100%;
	}
	#footer p {font-size:9px;}
	#footer ul {padding-bottom:8px;}
	#footer li {
		display:inline;
		text-transform:uppercase;
		font-weight:normal;
		}
		#footer a, #footer a:visited {
			color:#455560;
			font-weight:normal;
			}
.logo {
	float:left;
	margin-right:20px;
	border:0px;
	}
#textblock {
	width:490px;
	float:left;
	}
	#textblock p {
		margin-bottom:30px;
		font-size:12px;
		}
#rightcol {
	float:right;
	width:265px;
	}
.img {padding:15px; border: solid 1px #ccc;}
.imggal {
	padding:15px;
	border: solid 1px #ccc;
	float:left;
	margin-right:21px;
	margin-bottom:21px;
	}
	
/* home page ID's */

#welcome {
	background:url('images/welcome.gif') no-repeat;
	text-indent:-9999px;
	height:16px;
	width:92px;
	margin-bottom:20px;
	margin-top:40px;
	}
#homequote {
	width:350px;
	float:right;
	font-size:16px;
	line-height:26px;
	float:right;
	}
#seework {
	margin-top:38px;
	margin-left:0px;
	padding:0;
	}
#codahome {
	float:left;
}
#afoxdoes {
	width:440px;
	float:left;
	padding-bottom:30px;
	}
	#afoxdoes h1 {
		background:url('images/whatdoesafoxdo.gif') no-repeat;
		text-indent:-9999px;
		height:14px;
		width:176px;
		margin-bottom:20px;
		}
		#afoxdoes li{
			list-style-image:url('images/check.gif');
			margin-left:8px;
			}
#listleft{
	float:left;
	margin-left:15px;
	border-right:solid 1px #ccc;
	padding-right:28px;
	}
#listright{
	float:right;
	padding-left:28px;
	}
#forpaper {
		background:url('images/forpaper.gif') no-repeat;
		text-indent:-9999px;
		height:16px;
		width:74px;
		margin-bottom:20px;
		margin-left:-15px;
	}
#forscreen{
		background:url('images/forscreen.gif') no-repeat;
		text-indent:-9999px;
		height:13px;
		width:80px;
		margin-bottom:20px;
		margin-left:-15px;
	}
#blognews {
	float:right;
	width:350px;
	}
		#blognews h1 {
			background:url('images/recentblogposts.gif') no-repeat;
			text-indent:-9999px;
			height:18px;
			width:160px;
			margin-bottom:20px;
		}
		#blognews li {
			border-bottom: solid #ccc 1px;
			padding-bottom:8px;
			}
		#blognews a {
			font-size:11px;
			}
/*end home page */

/*about page ID's and classes */

.listrec {
	padding-left:50px;
	margin-bottom:35px;
	font-size:12px;
	list-style-type:decimal;
	}
#recog {
	width:400px;
	float:left;
	}
#stalkme{
	float:right;
	width:265;
	margin-right:60px;
	}
	#stalkme h1 {
		background:url('images/stalkme.gif') no-repeat;
		text-indent:-9999px;
		height:14px;
		width:199px;
		margin-bottom:20px;
	}
	#stalkme li{
		font-size:12px;
		margin-bottom:20px;
		}
		#stalkme img{
			padding-right:5px;
			}
#hello {
		background:url('images/hello.gif') no-repeat;
		text-indent:-9999px;
		height:62px;
		width:215px;
		margin-bottom:20px;
}
#recognize{
		background:url('images/recognition.gif') no-repeat;
		text-indent:-9999px;
		height:17px;
		width:295px;
		margin-bottom:20px;
}

/* end about page */

/* contact page styles */
#contactme{
	background:url('images/getintouch.gif') no-repeat;
	text-indent:-9999px;
	height:91px;
	width:247px;
	margin-bottom:20px;
}
/*blog styles */

.widecolumn p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	}
#remarks {
	background:url('images/remarks.gif') no-repeat;
	text-indent:-9999px;
	height:22px;
	width:98px;
	margin-bottom:20px;
}
/*comments styling */
.social_bookmark h2{
	background:url('images/bookmarkit.gif') no-repeat;
	text-indent:-9999px;
	height:16px;
	width:122px;
	margin-bottom:20px;
}
.d {
	margin:0; 
	padding:0;
	border-bottom:solid 1px #ccc;
	padding-bottom:10px;
	margin-bottom:25px;
	}
#gravatar{
float:right;
}
#gravatar img {
	padding:5px;
	border: 1px #ccc solid;
	margin-top:15px;
	}
.reply {
	border-bottom: solid #ccc 1px;
	padding-bottom:10px;
	margin-bottom:25px;
	}
.commentlist a {
	font-size:11px;
	}
/*sidebar properties */

#sidebar {
	float:right;
	width:160px;
	}
		#sidebar a{
			font-size:11px;
			font-weight:normal;
			}
#search {
	background:url('images/search.gif') no-repeat;
	text-indent:-9999px;
	height:14px;
	width:69px;
	margin-bottom:15px;
}
#vault {
	background:url('images/thevault.gif') no-repeat;
	text-indent:-9999px;
	height:15px;
	width:92px;
	margin-bottom:15px;
	margin-top:20px;
}
#subscribe {
	background:url('images/subscribe.gif') no-repeat;
	text-indent:-9999px;
	height:17px;
	width:98px;
	margin-bottom:15px;
	margin-top:20px;
}
#tagcloud {
	background:url('images/tagcloud.gif') no-repeat;
	text-indent:-9999px;
	height:17px;
	width:98px;
	margin-bottom:15px;
	margin-top:20px;
}
#opinion  {
	background:url('images/opinion.gif') no-repeat;
	text-indent:-9999px;
	height:17px;
	width:79px;
	margin-bottom:15px;
	margin-top:20px;
}
/* caption styling */


.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
	margin:0 7px 7px 0 !important;
}
br.c { clear: both; }

/*blog styling*/
.date {
margin-left:-115px;
padding:10px;
background:white;
width:50px;
height:80px;
border-left: solid #1ab7ea 3px;
}
.index_h2 {
margin-top:-15px;
text-transform:capitalize;
}
small {
font-size:11px;
}
#textblock_index {
width:580px;
	float:left;
	}
	#textblock_index p {
		margin-bottom:30px;
		font-size:12px;
		}
.entry {
padding:15px 0 15px 0;
}
.widecolumn {
margin-top:30px;
}
.single ul {
margin:20px 0 20px 0;
font-style:Arial;
font-size:11px;
}
.single li {
list-style-type:circle;
margin-left:20px;
}
/* Default Positioning */

.clear {clear:both;}
.alignright {float:right; padding-left:20px;}
.alignleft {float:left; padding-right:20px;}

.avatar {border: 1px #ccc solid; margin-left:15px;}
.avatar:hover {border: 1px #666 solid;}
