/*************************************************************************************
*
* Adam Carico.com
*
* File name: layout.css
* File description: Layout for www.adamcarico.com
*
**************************************************************************************/

/* Auxilliary style sheets
-------------------------------------------------------------------------------------*/

@import url(fonts.css);
@import url(type.css);
@import url(jquery-lightbox.css);
@import url(forms.css);


/* Body
-------------------------------------------------------------------------------------*/

*
	{
	margin:0;
	padding:0;
	}

html, body, form
    {
    height:100%;
    }

body 
	{
	background:#000;
	}

#noscript-container, #ie6reminder
    {
    margin:0 auto;
    width:100%;
    background:#ff0;
    }

object
    {
    display:block;
    margin-bottom:1em;
    }

*:first-child+html embed
    {
    margin-bottom:1em;
    }

* html embed
    {
    margin-bottom:1em;
    }
	

/* Images
-------------------------------------------------------------------------------------*/

img 
	{
	display:block;
	border:none;
	margin-bottom:1.3125em;
	}

.imageleft, .imageright
    {
    padding:0;
    border:1px solid #505050;
    clear:both;
    }

.imageleft
    {
    float:left;
    margin-right:1.3125em;
    }

.imageright
    {
    float:right;
    margin-left:1.3125em;
    }

.imagefull
    {
    display:block;
    }

#thumbnails
    {
    float:left;
    width:705px;
    margin-bottom:1em;
    padding-left:25px;
    }

#thumbnails img
    {
    float:left;
    margin:0 20px 20px 0;
    border:1px solid #333;
    }

#thumbnails a:hover img
    {
    border:1px solid #fff;
    }


/* Horizontal rules
-------------------------------------------------------------------------------------*/
	
hr 
	{
	display:none;
	}

.hr
	{
	width:100%;
	height:0;
	margin-bottom:1em;
	padding:0;
	border-top:1px dotted #333;
	}


/* HTML 5 element fixes
----------------------------------------------------------------------------------*/

header, nav, section, article, aside, footer, time
    {
    display:block;
    }


/* Container
-------------------------------------------------------------------------------------*/

#container
	{
	position:relative;
	width:900px;
	min-height:100%;
	margin:0 auto;
	background:url(/sitegraphics/adamcarico-main.jpg) no-repeat;
	border-right:1px solid #3d849c;
	border-left:1px solid #3d849c;
	overflow:hidden;
	}


/* Header
-------------------------------------------------------------------------------------*/

#header
	{
	float:left;
	width:900px;
	height:100px;
	}

#header img
    {
    display:none;
    }


/* Navbar
-------------------------------------------------------------------------------------*/

#nav
	{
	float:left;
	width:900px;
	height:30px;
	margin-top:1em;
	background:#000;
	/*background:rgba(0,0,0,0.6);*/
	border-top:1px solid #3d849c;
	border-bottom:1px solid #3d849c;
	}


/* Main background
-------------------------------------------------------------------------------------*/

#main
	{
	float:left;
	width:860px;
	padding:20px 20px 71px;
	}


/* Content
-------------------------------------------------------------------------------------*/

#content
	{
	float:left;
	width:599px;
	margin-right:-1px;
	padding:10px 20px 0 0;
	border-right:1px solid #505050;
	}

.contentcell
	{
	float:left;
	width:48%;
	padding:2em 1%;
	/*text-align:center;*/
	}

.contentcell img
	{
	margin:0 auto 0.5em;
	border:1px solid #333;
	}

.contentcell a:hover img
	{
	border:1px solid #fff;
	}

.fullcell
    {
    margin-bottom:-1px;
    padding-top:1em;
    border-top:1px dotted #333;
    border-bottom:1px dotted #333;
    }

#leftpane
	{
	float:left;
	width:420px;
	margin:5px 5px 0 0;
	}
	
#rightpane
	{
	float:right;
	width:285px;
	margin:5px 0 1.6em 15px;
	}
	
#rightpane img
	{
	margin:0;
	padding:0;
	border:1px solid #333;
	}
	
#contentleftweb
	{
	float:left;
	width:305px;
	margin:5px 15px 0 0;
	}
	
#contentright
	{
	float:left;
	width:49%;
	}
	
#contentright img
	{
	margin:0;
	padding:0;
	border:1px solid #333;
	}
	
#contentrightweb
	{
	float:right;
	width:402px;
	margin:5px 0 0 0;
	}
	
#contentrightweb img
	{
	margin:0 0 5px 0;
	padding:0;
	border:1px solid #333;
	}
	
#heading
	{
	float:left;
	width:100%;
	margin:1em 0 0 0;
	padding:0;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}


/* Supplemental
-------------------------------------------------------------------------------------*/

#supplemental
	{
	float:left;
	width:220px;
	padding:10px 0 0 20px;
	border-left:1px solid #505050;
	}

#recentprojects
    {
    margin:1em 0;
    border-bottom:1px solid #505050;
    }

#recentprojects img
    {
    margin-bottom:0.5em;
    }

#goodlinks
    {
    margin-bottom:1em;
    border-bottom:1px solid #505050;
    }


/* Footer
-------------------------------------------------------------------------------------*/

#footer
	{
	position:absolute;
	left:0;
	bottom:0;
	float:left;
	width:860px;
	height:34px;
	padding:16px 20px 0 20px;
	border-top:1px solid #3d849c;
	}


/* Miscellaneous classes
-------------------------------------------------------------------------------------*/

.hidden
	{
	visibility:hidden;
	}