/*
Theme Name: nlucero
Theme URI: http://www.nlucero.com
Description: Portfolio and Blog of Nathan Lucero, Industrial Designer 
Version: 4.0
Author: Nathan Lucero 
Author URI: 
Tags: Nathan Lucero, Industrial Design 
*/



/*general*/


a {
	text-decoration: none;
}

a {
	color:#666666;
}
a:hover {
	color:#f26639;
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	color:#666666;
}


h1 {
	font-size: 28pt;	
	font-weight: 100;
	color: #f26639;
	margin-top: 45px;
	margin-bottom:0px;
}

h2 {
	font-size: 28pt;
	font-weight: 100;
	color: #f26639;
}

h3 {
	font-size: 18pt;
	font-weight: 100;	

}
h4 {
	font-size: 12pt;	
	font-weight:200;
	margin-top: 22px;
	margin-bottom: 10px;
}
h5 {
	font-size: 8pt;	
	font-weight:200;
}


img {
	border:none;
	padding-bottom: 15px;
	padding-top: 15px;
}

p {
	line-height:18pt;
}

ul {
	margin-bottom:0px;
}



#wrap {
	width: 800px;
	position:relative;
	margin-top:30px;
	margin-left:auto;
    margin-right:auto;
}

#page a {
	color:#333333;
}
#page a:hover {
	color:#f26639;
	text-decoration: none;
}


/*general*/


/*header*/

#header {
	position: relative;
	width:800px;
	padding: 0px;
	text-align:left;
}

#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:155px;
	height:45px;
}
#headwrap {
	width:800px;
	position:relative;
	float:right;
}

#nav-top{
	list-style:none;
	position:relative;
	width: 100%;
	text-align:left;
	list-style: none;
}
#nav-top ul{
	list-style:none;
	margin: 0 0 0 0;
}
#nav-top li{
	margin: 5px auto 0px auto;
	float:left;
	width:160px;
	border-top-width:2px;
	border-top-color:#d7e2e9;
	border-top-style:solid;
	border-bottom-style:dotted;
	border-bottom-color:#f26639;
	border-bottom-width:1px;
	padding:10px 0 10px 0;
}
	
/*header*/


/*content*/

	
#page {
	position:relative;
	width:800px;
	float:right;
	margin:0px 0px 0px 0px;
}

.titlebreak{
	width:100%;
}


.pagebreak {
	position: relative;
	width: 800px;
	float:left;
	list-style: none;
	margin:0 0 0px 0px;
	padding-bottom: 30px;
	line-height: 18pt;
}

.twocol {
	float:left;
	width:300px;
	margin-right: 20px;
}

.threecol {
	float:left;
	width:460px;
	margin-right: 20px;
}

#pagenav {
	position:relative;
	float:left;
	width:560px;
}

#pagenav ol{
	list-style:none;
	padding:0 0 0 0;
}
#pagenav li{
	float:left;
	margin-right:10px;
	display:inline;
}
	
#content {
	position: relative;
	width: 600px;
	float:left;
	list-style: none;
	margin:0 35px 0 0px;
}

#portnav {
	position:relative;
	float:left;
	width:800px;
	height:30px;
	margin:-15px 0px 15px 0px;
	color:#BBB;
}
#portnav ol{
	list-style:none;
	padding:0 0 0 0;
}
#portnav li{
	float:left;
	margin-right:10px;
	display:inline;
}

.port {
	position: relative;
	width: 800px;
	list-style: none;
	margin:0 0 30px 0px;
	border-bottom-style:dotted;
	border-bottom-color:#f26639;
	border-bottom-width:1px;
}



.blog {
	position: relative;
	width: 560px;
	margin:0 10px 30px 0px;
	border-bottom-style:dotted;
	border-bottom-color:#f26639;
	border-bottom-width:1px;
}



.blogsnip {
    width: 560px;
	margin-right:30px;
	border-bottom-style:dotted;
	border-bottom-color:#f26639;
	border-bottom-width:1px;
}

.blogsnip h3{
	font-size:14pt;
}



.entry {
	line-height:18pt;
}

.thumbnail{
	width:300px;
	margin: 0px auto 0px auto;
	float: right;
}

.clear{
	clear: both;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

.wp-caption {
	text-align: center;
	padding-top: 0px;
	margin: 0px;
	width: 560px;
}
	
.wp-caption img {
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	color: #999999;
	font-size: 8pt;
	margin-top: 0px;
}
	
/*content*/


/*sidebar*/



#sidebar {
	position:relative;
	float:right;
	width:160px;
	font-size:9pt;
	line-height:18pt;
}

.sidewrap {
	width:%100;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom-style:dotted;
	border-bottom-color:#f26639;
	border-bottom-width:1px;
}

#sidebar ul {
   list-style: none;
   margin-top: 0px;
   padding-left:0px;
}

#sidebar li {
   list-style: none;
   line-height:18pt;
}

#sidebar h2 {
	font-size: 12pt;	
	font-weight:100;
	margin-top: 18px;
	margin-bottom:5px;
}


#linkcat-2 ul {
	padding:0 0 0 0;
	line-height: 18pt;
}

#linkcat-15 {
	margin-top:30px;
}

#linkcat-15 ul {
	padding:0 0 0 0;
	line-height: 18pt;
}

/*sidebar*/


/*comments*/


.comments-header {
	position:relative;
	float:left;
	width: 560px;
}

.comment-text{
	width: 520px;
	font-size:9pt;
}

.comment-meta{
	font-size:12pt;
}

.commentwrap ol {
	font-size:12pt;
	margin-top:0px;
}

.commentwrap li {
	margin-bottom:20px;
	border-bottom-style:dotted;
	border-bottom-color:#f26639;
	border-bottom-width:1px;
}

#respond {
	position:relative;
	float:left;
	width:560px;
}

#comments{
	position:relative;
	float:left;
	width: 560px;
	line-height:18pt;
}

#comments-form{
	position:relative;
	float:left;
	width: 560px;
}

#trackbacks {
	position:relative;
	float:left;
	width: 560px;
}
/*comments*/


/*footer*/


#footer {
	position: relative;
	margin:20px 0px 20px 0px;
	float:right;
	width:800px;
	font-size:8pt;
}
#nav-bottom{
	list-style:none;
	position:relative;
	width: 100%;
	float:right;
}

#nav-bottom ul{
	list-style:none;
	margin: 0 0 0 0;
}
#nav-bottom li{
	margin: 5px auto 10px auto;
	float:left;
	width:160px;
	border-top-width:2px;
	border-top-color:#d7e2e9;
	border-top-style:solid;
	border-bottom-style:dotted;
	border-bottom-color:#f26639;
	border-bottom-width:1px;
	padding:10px 0 10px 0;
}


/*div classes navigation*/
/*div classes navigation*/

.page{
	padding:4px 6px 4px 6px;
	border-style:dotted;
	border-color:#f26639;
	border-width:1px;
}
.current{
	padding:4px 6px 4px 6px;
	background-color:#d7e2e9;
	border-style:solid;
	border-width:1px;
	border-color:#d7e2e9;
	
}

.prev{
	padding:4px 6px 4px 6px;
	border-style:dotted;
	border-color:#f26639;
	border-width:1px;
}

.next{
	padding:4px 6px 4px 6px;
	border-style:dotted;
	border-color:#f26639;
	border-width:1px;
}