/*
Site: Portfolio Website of Brendan Cullen (http://www.brendancullen.com)
Author: Brendan Cullen (brendan@brendancullen.com)
Version: 10.0
Created: 2008/06/28
Last Modified: 2009/04/10
*/

/* ---------------------------------------------------------------------------------------------------------------------------------------
GLOBAL RESET - (http://meyerweb.com/eric/tools/css/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, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/* ---------------------------------------------------------------------------------------------------------------------------------------
EASYCLEAR - (http://www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------------------------------------------------------------------------- */
.easyclear:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Hides from IE-mac \*/
* html .easyclear
{height: 1%;}

.easyclear
{display: block;}
/* End hide from IE-mac */

/* ---------------------------------------------------------------------------------------------------------------------------------------
GENERAL STYLES
--------------------------------------------------------------------------------------------------------------------------------------- */

/* 
PALLETTE
#121212 - BLACK MATTE
#1e1d1d - LIGHT BLACK
#633f3f - MAROON
#7d2a2a - BLOOD RED
#534a3b - DARK BROWN
#a39077 - BROWN
#f0dec7 - LIGHT BROWN
#536e7c - DARK BLUE
#7793a3 - LIGHT BLUE
#D7D7D7 - OFF WHITE
*/


body {
	/*font-family: GillSans, Calibri, Trebuchet, sans-serif;*/
	font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif;
	font-size: small;
	line-height: 1.5;
	color: #1e1d1d;
	background: #534a3b;
}

a{color:#f0dec7;} 
a:visited{color:#f0dec7;} 
a:hover,a:focus{color:#536e7c; text-decoration:none;} 
a:active{color:#7d2a2a;}

h1, h2, h3, h4, h5, h6 {font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif; color: #7d2a2a;}

h4, h5, h6 {color: #1e1d1d;}

strong {font-weight: bold;}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #633f3f;
}

code {font-family: "Courier New", Courier, monospace;}

#main p {
	line-height: 1.4;
	letter-spacing: .1em;
	padding-bottom: 20px;
	font-size: medium;
}

blockquote {
	margin: 0 20px 20px 20px;
	border-left: #d7d7d7 5px solid;
	padding: 0 5px;
}

blockquote.pull-left, blockquote.pull-right {
	display: block;
	width: 200px;
	margin: 5px;
	border: #534a3b 1px solid;
	padding: 10px 5px;
}

blockquote.pull-left {float: left; margin-left: -150px;}
blockquote.pull-right {float: right; margin-right: -150px;}

#main #content blockquote p, #main #content blockquote {
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 90%;
	/*color: #d7d7d7;
	font-style: italic;*/
	padding: 0 5px;
}

#main #content blockquote.pull-left p, #main #content blockquote.pull-right p {
	font-size: 80%;
	color: #1e1d1d;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
--------------------------------------------------------------------------------------------------------------------------------------- */

div.wrap {
	width: 960px;
	margin: 0 auto;
}

#page #header {
	background: #7793a3 url(../img/bg-header.gif) repeat-x 0 0;
	width: 100%;
	height: 250px;
}

#nb #header {
	background: #7793a3 url(../img/bg-headersm.gif) repeat-x 0 0;
	width: 100%;
	height: 132px;
}

#logo {
	width: 230px;
	height: 271px;
	float: left;
	position: relative;
}

/* HIDE PRINT LOGO - (http://www.simplebits.com) */
#logo span {
	display: block;
	width: 230px;
	height: 271px;
	padding: 0;
	border-style: none;
	background: url(../img/bg-logo.png) no-repeat;
}

#logo img {
	display: block;
	width: 0;
}

#navigation {
	width: 710px;
	float: right;
}

#main {
	background: #9c8f77 url(../img/bg2.png) no-repeat 50% 0;
	border-top: #f0dec7 1px solid;
	border-bottom: #f0dec7 1px solid;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 50px 0;
}

#content {
	width: 710px;
	float: right;
}

#sidebar {
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	width: 220px;
	padding-left: 10px;
	float: left;
}

#footer {
	background: url(../img/bg-footer2.gif) repeat-x;
		width: 100%;
	font-family: Georgia, 'Times New Roman', Times, serif;
	padding: 35px 0 100px 0;
}

#nb #footer {
	font-family: Georgia, 'Times New Roman', Times, serif;
	padding: 35px 0 10px 0;
}


/* 
--------------------------------------------------------
CONTENT 
--------------------------------------------------------
*/

#header ul {
	margin: 0;
	padding: 3px 0 0 0;
	list-style-type: none;
	display: block;
	float: right;
}

#header li {
	display: inline;
	font-family: Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	font-size: x-small;
	letter-spacing: 2px;
	padding: 2px 10px 0 10px;
}

#header li a:link, #header li a:visited {
	color: #f0dec7;
	font-size: x-small;
	text-decoration: none;
	padding: 2px 0 0 0;
}

#header li a:hover, #header li a:focus {
	color: #7793a3;
	font-size: x-small;
	text-decoration: overline;
	padding: 2px 0 0 0;
}

#header li a:active {
	color: #7d2a2a;
	font-size: x-small;
	text-decoration: overline;
	padding: 2px 0 0 0;
}

#header h1 {
	display: block;
	width: 710px;
	float: right;
	font-size: 250%;
	font-weight: normal;
	color: #1e1d1d;
	letter-spacing: 2px;
	padding-top: 45px;
}

#header h1 a {
	text-decoration: underline;
	font-weight: bold;
}

#header h1 a:link, #header h1 a:visited {
	color: #1e1d1d;
	text-decoration: underline;
	font-weight: bold;
}

#header h1 a:hover, #header h1 a:focus {
	text-decoration: none;
	font-weight: bold;
	color: #d7d7d7;
}

#header h1 a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #7d2a2a;
}

#main h1 {
	font-size: 180%;
	font-weight: bold;
	letter-spacing: 2px;
	/*text-shadow: #565656 -2px 2px 2px;*/
	text-transform: uppercase;
}

#main h2 {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 2px;
	/*text-shadow: #565656 -2px 2px 2px;*/
	text-transform: uppercase;
}

#main h2 a {
	color: #7d2a2a;
	text-decoration: none;
}

#main h2 a:visited {color: #633f3f;}

#main h2 a:hover, #nb #main h2 a:hover {color: #f0dec7; text-decoration: underline;}
#main h2 a:active, #main h2 a:focus, #nb #main h2 a:active, #nb #main h2 a:focus {color: #536e7c; text-decoration: underline;}
#nb #main h2 a:visited {color: #7d2a2a;}

#main h3 {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 2px;
	/*text-shadow: #565656 -2px 2px 2px;*/
	text-transform: uppercase;
	padding-top: 5px;
}

#main h4 {
	font-size: medium;
	letter-spacing: 2px;
}

#content ul, #content ol {
	padding: 0 20px 10px 20px;
	margin-left: 20px;
}

#content ul li {
	list-style-type: disc;
	font-size: medium;
	padding: 0 0 5px 5px;
}

#content ol li {
	list-style-type: decimal;
	font-size: medium;
	padding: 0 0 5px 5px;
}

div.featured {
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	width: 220px;
	padding-right: 20px;
	float: left;
}

div.featured.last {
	padding-right: 0;
}

div.featured img {
	margin: 10px 0;
	border: #7d2a2a 1px solid;
}

div.featured img:hover {
	border: #f0dec7 1px solid;
}
div.featured h4, div.featured p {padding-left: 2px;}
div.featured h4 {text-transform: uppercase;}

#page #main div.featured p {
	font-size: 100%;
	line-height: 1.2;
	padding-bottom: 10px;
}

#main p.meta {
	/*background: url(../img/rule.gif) no-repeat bottom center;*/
	display: block;
	width: 700px;
	font-size: 80%;
	text-align: right;
	padding: 0 10px 3px 0;
	margin: -5px 10px 10px 0;
	border-bottom: #93866F 1px solid;
}

#main p.pager {
	font-size: 80%;
	margin: 15px 0;
}

#main p.pager a {
	background: #9C8F77;
	border: #9C8F77 1px solid;
	padding: 5px 10px;
	margin: 0 10px 0 0;
}

#main p.pager a:hover {background: #D7D7D7; border: #536e7c 1px solid;}

img.photo {
	padding: 2px;
	border: #f0dec7 2px solid;
}

.floatleft {
	float: left;
	margin: 0 20px 0 -150px;
	padding: 2px;
	border: #f0dec7 2px solid;
}

#footer .floatleft, #sidebar .floatleft {margin: 0 5px 3px 0; padding: 0;}

.divider {
	text-align:  center;
}

.scratch {
	color: #666666;
	text-decoration: line-through;
}


#sidebar h3 a {
	color: #7d2a2a;
	text-decoration: none;
}

#sidebar h3 a:link, #sidebar h3 a:visited {
	text-decoration: none;
}

#sidebar h3 a:hover {
	color: #121212;
	text-decoration: underline;
}

#sidebar h3 a:active {
	color: #2e4856;
	text-decoration: none;
}

#sidebar dl {
	margin-top: 7px;
}

#sidebar dt {
	line-height: 1;
	padding-bottom: 3px;
}

#sidebar dd {
	font-size: 85%;
	padding-bottom: 10px;
}

#sidebar ul {
	padding: 0 0 10px 0;
}

#sidebar ul li {
	padding-bottom: 2px;
}

#sidebar p {
	font-size: 85%;
	padding: 0 10px 5px 0;
}

#sidebar input, #search input {
	margin-right: 10px;
}

div.module {
	width: 220px;
	padding: 0 10px;
	float: left;
}

#footer h3 {
	color: #1e1d1d;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 2px;
}

#footer h4 {
	color: #1e1d1d;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 2px;
	padding-top: 10px;
}

#footer p {
	padding-right: 10px;
}

#footer p#utility {
	font-size: 80%;
	display: block;
	width: 100%;
	padding-top: 50px;
	text-align:  right;
	clear: both;
}

#footer ul#network {
	font-size: 80%;
	display: block;
	padding-top: 10px;
	float: right;
	margin: 0 auto;
	text-align:  center;
	clear: both;
}

#footer ul#network li {
	display: block;
	text-align: center;
	width: 16px;
	height: 16px;
	padding: 3px;
	margin: 0 auto;
	float: left;
}

#footer ul#network li {border: none;}

#footer ul#network li img {
	margin: 0 auto;
}

#sidebar img, #footer img {
	border: 1px solid #1e1d1d;
	margin: 0 5px 3px 0;
}

#sidebar a img, #footer a img {
	border: 1px solid #1e1d1d;
}

#sidebar a:link img sidebar a:visited img, #footer a:link img footer a:visited img {
	border: 1px solid #1e1d1d;
}
	
#sidebar a:hover img, #sidebar a:focus img, #footer a:hover img, #footer a:focus img {
	border: 1px solid #f0dec7;
}
	
#sidebar a:active img, #footer a:active img {
	border: 1px solid #7d2a2a;
}

#nb #footer ul li a {
	display: block;
	width: 100%;
	border-bottom: #3a3329 1px solid;
	padding: 5px 3px;
}

#nb #footer ul li a:link {
	
}

#nb #footer ul li a:visited {

}

#nb #footer ul li a:hover, #nb #footer ul li a:focus {
	background: #7793a3;
	color: #121212;
} 

#nb #footer ul li a:active {
	background: #7d2a2a;
	color: #121212;
}

#footer p#clients {
	margin-top: 20px;
	padding: 3px 0 0 5px;
	border-top: #504739 1px solid;
}

#footer p#clients a {
	font-size: 80%;
}

/* 
--------------------------------------------------------
MISCELLANY 
--------------------------------------------------------
*/

#subscribe {
	margin: 30px 0 0 -5px;
	
}

#subscribe a {
	display: block;
	height: 16px;
	width: 198px;
	padding: 3px 0 0 22px;
	margin: 10px 0 0 0;
}

#subscribe a:link, #subscribe a:visited {background: url(../img/rss-small.gif) no-repeat 0 0;}
#subscribe a:hover, #subscribe a:focus {background: url(../img/rss-small.gif) no-repeat 0 -19px;}
#subscribe a:active {background: url(../img/rss-small.gif) no-repeat 0 -38px;}

#navigation a.skip {color:#1e1d1d;} 
#navigation a.skip:link, #navigation a.skip:visited {color:#1e1d1d;} 
#navigation a.skip:hover, #navigationa.skip:focus {color:#536e7c; text-decoration:overline;} 
#navigation a.skip:active {color:#7d2a2a;}

.floatleft {float: left;}
.floatright {float: right;}
.alignleft {text-align: left;}
.aligncenter, .center {text-align: center;}
.alignright {text-align: right;}
.hide {display: none;}

img.appicon {float: right;}


#adspot {
	width: 125px;
	margin: 15px 10px 10px 25px;
	text-align: center;
}

#sidebar #adspot p {
	padding: 0;
	margin-top: -20px;
}

/* 
--------------------------------------------------------
FORMS
--------------------------------------------------------
*/

#footer input {
	font-size: 80%;
}

#footer input.inputbox {
	width: 140px;
	padding: 0 3px;
}

/* 
--------------------------------------------------------
COMMENTS
--------------------------------------------------------
*/

.entry {
	background: url(../img/rule.gif) no-repeat bottom center;
	margin-bottom: 15px;
}

#banner {width: 468px; margin: 0 auto;}

#commentary {
	padding: 10px 0 0 0;
}

#content ol.comments {
	margin: 0;
	padding: 0;
}

#content ol.comments li {
	font-size: 80%;
	list-style-type: decimal-leading-zero;
	color: #f0dec7;
	margin: 0;
	padding: 5px 0;
	border-bottom: #a39077 1px solid;
	border-top: #93866F 1px solid;
}

#content ol.comments li:hover {background: #93866F;}

#content ol.comments li p {
	color: #1e1d1d;
	padding: 5px 10px;
}

#content ol.comments li p.commentauthor {text-align: right; font-size: small;}
#content ol.comments li p.brendan {}


.comments-wrapper {
	padding: 0;
	margin: 0;
}

.comments-wrapper {
	width: 600px;
	margin-top: 25px;
}

.comments-wrapper input, .comments-wrapper textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #9C8F77;
}

.comments-wrapper input:hover, .comments-wrapper textarea:hover {background: #d7d7d7; border: 2px solid #7793a3;}

.comments-wrapper textarea {
	height: 120px;
}

.comments-wrapper textarea:focus, .comments-wrapper input:focus {
	border: #7d2a2a 2px solid;
	background: #ffffff;
}

.comments-wrapper input.button {
	background: #7793a3;
	width: 100px;
	border: 2px solid #f0dec7;
	cursor: pointer;
	margin-right: 10px;
}

.comments-wrapper input.button:hover {background: #633f3f; color: #ffffff;}
.comments-wrapper input.button:active, .comments-wrapper input.button:focus {background: #D7D7D7; color: #121212; border: 2px solid #121212;}

.comments-wrapper input#txpCommentPreview {margin-left: 115px}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

#rememberwrap {
	width: 200px; 
	float: right;
	margin-right: -140px;
}

.comments-wrapper #rememberwrap label {
	float: none; 
	width: 150px; 
	margin: 0; 
	padding: 0;
	font-size: small;
}

.comments-wrapper #rememberwrap input#remember {width: 10px; margin: 3px;}

#txpCommentHelpLink { 
	font-size: small;
	text-align: right;
	clear: both;
	width: 100px;
	float: left;
}

.comments-wrapper input[disabled='disabled'], .comments-wrapper input:hover[disabled='disabled'], .comments-wrapper input:focus[disabled='disabled'], .comments-wrapper input:active[disabled='disabled'] { 
	border: 2px solid #cccccc;
	background-color:#666666;
	color: #cccccc;
	cursor: default;
}



#header a:link.current, #header a:visited.current {
	color: #121212;
	background-color: #f0dec7;
	padding: 2px;
	text-decoration: none;
}