/*
Theme Name: RSFolio
Theme URI: http://robsturgill.com/
Description: The 2010 default theme for RobSturgill.com
Author: Robert Sturgill
Version: 1.0

All rights reserved.
*/
@media all{
body {
	margin:0;
	padding:0;
	background:url("images/bg.jpg") no-repeat fixed left top #000000;
	color:#fff;
	font:100% Arial,Helvetica,sans-serif;
   	font-style: normal;
    font-weight: 400;
    text-shadow: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1em;
}
a, a:visited {
    color: #16b9e4;
    text-decoration: underline;
}
a:hover, a:active {
	color: #B96430;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
	border: 0;
    color:#fff;
}
#header, #container {
	margin:0;
	width:960px;
}

.alignleft { float:left;}
.alignright { float:right;}
.clearboth { clear:both;}
.clearleft { clear:left;}
.clearright { clear:right;}
.center { text-align:center;}
.left { text-align:left;}
.right { text-align:right;}
.hidden { display:none;}
img.alignright { clear:right; }
img.alignleft { clear:left; }

/* Typography */
h1, h2, h3, h4, h5, h6, #welcome{/* Google Webfonts */
	font-family: 'Molengo', arial, serif;
    font-weight: 200;

}
h1 {
    position:relative;
	float:left;
	text-indent:-9999px;
	margin:0;
	background:transparent url("images/rob-sturgill-designer-logo.png") no-repeat scroll;
    background-position:32px 34px;
}
h1 a {
    padding:32px 0 0 38px;
    display:block;
	width:232px;
	height:80px;
}
h2 {
    padding:20px 0 10px 0;
	font-size:36px;
    color:#fff;
}
h3 {
	padding:20px 0 10px 0;
	font-size:18px;
}
h4, h5, h6 { padding:10px 0 10px 0;}
p {
	font-size:14px; 
    line-height:1.2;
    padding:4px;
}
#welcome {
	height:55px;
	background:#333;
	padding: 30px 0 0 22px;
    overflow:visible;
}	
ol, ul {padding:0; margin:0;}
blockquote {margin:0; padding:15px;}

/* Header */
#header {
	height:168px;
	background: url("images/menu-arrow.png") no-repeat;
	background-position: 280px 105px;
}

/* Menu */
#menu {
	float:right;
    margin:0;
	position:relative;
    text-transform:uppercase;
    height:105px;
    width:680px;
    font-size: 18px;
	background:#fff;
}
#menu ul {
	margin: 0 0 0 22px;
	padding: 35px 0 0 0;
	z-index: 1;
}
#menu ul li {
	float: left;
	list-style: none inside;
	z-index: 1;
    display:inline;
}
#menu ul li a {
	display: inline-block;
	width: auto;
	height:30px;
	margin:9px 65px 0 22px;
    padding:0 0 10px 0;
	text-decoration: none;
	font-size: 0.9em;
	color: #555;
	z-index: 1;
}
#menu ul li a:hover, #menu ul li:hover {
	color: #16b9e4;
}
#menu .current_page_item a {
    color:#000; 
    font-weight:400; 	
    background:url("images/carbon.gif") bottom left repeat-x;
}
#sidebar { 
	float:left; 
    width:242px;
    font-size:14px;
    padding:0 0 0 38px;
}
#sidebar h2, #sidebar h3 {
    font-size:18px;
    color:#16b9e4;
    text-transform:uppercase;
}
#sidebar a:hover, #sidebar a.active {
 	color:#16b9e4;  
	padding:0 0 0 1px;
}
#sidebar ul { 
	list-style:none; 
}
#sidebar li {
 	padding:20px 0 0 0;
}
#filter {
    margin:0;
	float:left;
    list-style:none;
    width:242px;
}
#filter li {
    display:block;
    width:auto;
}
#filter a {
    display:block;
    color:#999;
	height:35px;
    margin:0 0 0 0;
    text-decoration:none;
    text-transform:uppercase;
}
.icons img {
	display:inline;
	float:left;
	margin:0 20px 15px 0;
}

/* Content */
#portfolio {
	list-style:none;
	margin:0;
	padding:0 0 0 23px;
}
#portfolio div {
    width:310px;
    height:270px;
 	float:left;
    margin:0;
    padding:0;
	border:1px solid #000;
}
#portfolio .caption {
	margin: 0;
	padding:0;
	position: relative;
}
#portfolio .caption h2 {
	position: absolute;
	margin: 0; 
    padding: 115px 0 119px 0;
	font-size: .9em;
	bottom: 10px;
	left: 10px;
	background: transparent url("images/hover.png") top left repeat;
	color: #000;
    width:290px;
    text-align:center;
}
#portfolio .caption img {
	margin: 0; padding: 0;
}

.content {
	float:left;
	width:680px;
	margin:20px 0 0 0;
}
.content p { line-height:2em; }
.content img { border:2px solid #000; }
.content a:hover img { border:2px solid #fff; }
.img-block { width:345px; }
.boxed {
    float:right;
	background:#000;
	padding:1px 1px 1px 44px;
	width:635px
}
.boxed ol, .boxed ul { padding-left:22px;}
.boxed img.alignright { margin-left:22px;}
.boxed img.alignleft { margin:0 22px 0 -44px;}

.download {
    position:relative;
    z-index:999;
    height:60px;
    background:#fff;
    overflow:visible;
    width:410px;
    margin:10px 0;

}
.download-title {
    position:relative;
    font-size:36px;
    color:#000;
    width:422px;
  	height:96px;
    background: transparent url("images/circled-arrow.png") top right no-repeat;
    padding: 18px 0 0 36px;
    text-decoration:none;
}
.download a {
 	text-decoration:none;
    display:block;
}

/* Footer */
#footer {
    background:#000;
    width:922px;
	font-size:14px; 
	color:#888; 
	padding:20px 0 25px 38px;
}
#footer a { color:#888;}
#footer ul { 
	list-style:none; 
	padding:0; 
	margin:0;
}
#footer li { 
	display:inline; 
	margin:0 25px 0 0;
}

/*
input {}
textarea {}
button {}
input:focus {}
textarea:focus {}
button:hover {}

table {}
tr {}
th {}
td {}
*/
}
@media screen {
#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
#skip a:active, #skip a:focus {
	position:static;
	width:auto;
	height:auto;
}
}
@media print {
h1 { 
	text-indent:0px;
	margin:0;
	background:none; 
}

#skip { display:none;}

}