/*	Desc: ARMSTRONG Screen Style Sheet
	Author: Jim Olson www.atworkinthecloud.com
	Date: October 10, 2009
	Updated: November 17th, 2009
	+ Colours
	- #870400 'original red' (*links*)
	- #c20061 'dark pink' (*links*)
	
=== === === === === === === === === === */

/*=STRUCTURE
=== === === === === === === === === === */

@import 'reset.css';

body {font-size:11px;font-family:Helvetica, Arial, sans-serif;background: url(../images/bg.gif) no-repeat right top}

div#WrapOuter {width:900px;padding: 30px;}

div#WrapInner {text-align:left;width:900px;float:left;}

div#Header {color:#fff;font-size:150%;line-height:40px;height:40px;padding:5px 10px;}

/*=COMMON
=== === === === === === === === === === */

* {padding:0;margin: 0}

#Title {font-size:44px;}

h1 {font-size:34px;color:#000000;}

h2, h3, h4, h5 {color: #24221C;}

h2 {font-size:21px;}

h3 {font-size:18px;}

h4 {font-size:16px;}

p, li {line-height:150%;}

h1, h2, h3, h4, h5, ul, ol, p, table {margin-bottom:12px;}

a {outline: none;}

a:link {color:#c20061;text-decoration:none;background: #e4e4e4;}
a:visited {color:#c20061;text-decoration:none;}
a:hover {color:#c20061;text-decoration:underline;}
a:active {color:#c20061;text-decoration:none;}

h1 a:link {background: none;}

b, strong {font-weight:bold;}
i, em {font-style:italic;}

table {border-collapse:collapse;}
table th {color: #ffffff;font-weight:bold;background:#c20061;padding:6px;}
table td {padding:6px;background: #ffd6d5;}

.line {height: 2px;border-top:0px dotted #fff;border-right:0px dotted #fff;border-left:0px dotted #fff;border-bottom:1px dotted #6f6f6f;display:block;}

/*=NAVIGATION
=== === === === === === === === === === */

div#Nav {width:180px;padding:30px 10px 0 10px;float:left;text-align: right;}

div#Nav li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-transform: normal;
	letter-spacing: 1px;
	line-height: 1.4em;
	display: block;
	background: url(../images/dots.gif) no-repeat right;
	padding-right: 11px;
}

div#Nav ul ul li a {
	font-size: 10px;
	text-transform: uppercase;
	background: none;
}

body.About div#Nav li.About a,
div#Nav li.About a:hover {
	color: #262626;	
	background: url(../images/dots-on.gif) no-repeat right;
}

body.Contact div#Nav li.Contact a,
div#Nav li.Contact a:hover {
	color: #262626;	
	background: url(../images/dots-on.gif) no-repeat right;
}

body.Artwork div#Nav li.Artwork a,
div#Nav li.Artwork a:hover {
	color: #262626;	
	background: url(../images/dots-on.gif) no-repeat right;
}

body.Writing div#Nav li.Writing a,
div#Nav li.Writing a:hover {
	color: #262626;	
	background: url(../images/dots-on.gif) no-repeat right;
}

body.Curatorial div#Nav li.Curatorial a,
div#Nav li.Curatorial a:hover {
	color: #262626;	
	background: url(../images/dots-on.gif) no-repeat right;
}

body.Projects div#Nav li.Projects a,
div#Nav li.Projects a:hover {
	color: #262626;	
	background: url(../images/dots-on.gif) no-repeat right;
}

/*=TWEETS
=== === === === === === === === === === */

div#Nav ul#Tweets {
	padding-right: 11px;
	overflow-x: hidden;
}

div#Nav ul#Tweets li a {
	font-size: 10px;
	background: none;
	padding: 0;
}

div#Nav ul#Tweets li {
	margin-bottom: 8px;
}

div#Nav .title {
	color: #999;
	padding-right: 11px;
	margin-bottom: 8px;
}

/*=CONTENT
=== === === === === === === === === === */

div#Content {width:620px;padding:30px 5px 10px 65px;float:left;}

div#Content {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
}

div#Content ul li {
	padding-left:10px;
	background: url(../images/bullet.gif) no-repeat left;
}

div#Content ol li {margin-left: 23px;list-style:decimal-leading-zero;}

div#ContentInner {width: 480px;}

/*=FOOTER
=== === === === === === === === === === */

div#Footer {color:#333333;font-size:10px;line-height:20px;margin-top: 85px;}