/*
Theme Name: MattConvente.com
Theme URI: http://www.mattconvente.com
Description: MattConvente.com online portfolio theme.
Version: 1
Author: Matt Convente
Author URI: http://www.mattconvente.com
Tags: portfolio, personal site
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/****General Styles****/
body {
	background: #d7d7d7;
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
}
img {border:0;}
#total_wrap { background: #D7D7D7; height:100%; width:1010px; margin: 20px 0px;}
#twocolwrap { display:block; height:500px; width:1010px;}
ul.children {margin-left: 10px;}

/****Header Styles****/
#header {
	float:left;
	width:358px;
	height:40px;
	margin-bottom: 10px;
}

/****Left Sidebar Styles****/
#leftsidebar {
	float: left;
	width: 190px;
	min-height: 500px;
	background: #FFF;
	font-size: 11px;
	line-height: 15px;
	margin-right: 20px;
}
#leftsidebar a { color: #000000; }
#leftsidebar a:hover { background: #FED100; color: #000; text-decoration: none; }
#leftsidebar ul {margin-bottom: 15px;}

#copyright {
	width:100px;
	margin-top: 20px;
}
#copyright p {font-weight: bold;}

#leftsidebar_content {margin: 20px 12px 20px 20px;}

li.parent,.linkcat,.categories,.rss {
	margin: 15px 0px 0px 0px;
}

ul.pages a { color: #000000; font-weight: bold; text-decoration: none; }
ul.pages a:hover { background: #FED100; color: #000; font-weight: bold; text-decoration: none; }

/****Content Box Styles****/
#contentbox {
	float: left;
	width:800px;
	height: 500px;
	background: #FFF;
}

/****Post Styles****/
.post {
	width:760px;
	margin: 20px 0px 0px 20px;
}
.post a { color: #000000; }
.post a:hover { background: #FED100; color: #000; text-decoration: none; }
.post h2.title {
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;	
}

/*Title/Images Div*/
.titleimages {
	display: block;
	float: left;
	width: 500px;
	margin-right: 20px;
}
.images {margin-top: 10px;}
#loopedSlider {
	float:left;
	width:500px;
	height:345px;
	margin-top: 10px;
}
.container {
	width:500px;
	height:345px;
	overflow:hidden;
	position:absolute;
}
.slides { position:relative; top:0; left:0; }
.slides div { position:relative; top:0; width:500px; display:none; }

ul.pagination { list-style:none; padding:0; margin:0; position:relative; top:320px; left:0px; }
ul.pagination li  { float:left;}
ul.pagination li a { padding:2px 5px; font-family: Helvetica,Arial,sans-serif; font-size: 11px; font-weight: normal;}
ul.pagination li.link a { color: #000000; }
ul.pagination li.visited a{ color: #000000; }
ul.pagination li.hover a { background: #FED100; color: #000; text-decoration: none; }
ul.pagination li.active a { background: #FED100; color: #000; text-decoration: none;}


/*Description div*/
.description {
	display: block;
	float: left;
	width: 222px;
	margin-top: 30px;
	font-size: 11px;
	line-height: 15px;
}
.description p {margin-bottom: 15px;}
.description p.tags {
	font-size: 10px;
	line-height: 14px;
	color:#7e7e7e;
}


#links {
	font-size: 11px;
	line-height: 15px;
}