/*
Theme Name: Arch Images
Theme URI: http://www.designoir.com.au
Description: A custom WordPress theme designed by Chris Sealey & <a href="http://www.designoir.com.au">Designoir</a> for Architectural Images.
Version: 1.0
Author: Chris Sealey
*/

/*-----------------------------------------------------------------------------------------------
MAIN STRUCTURE
-----------------------------------------------------------------------------------------------*/
body {
	font-size: 100%;
	font-family: Helvetica, Arial, Lucida Grande, Verdana, Sans-Serif;
	background: white;
	color: #333;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	}
.spacer{height:79px; width:100%;}
.column { 
	width: 50%; 
	position: absolute; 
	top: 0; 
	} 
.left {left: 0; float: left;} 
.right {right: 0; float: right;} 
#leftcol {
	margin-right: 40px; 
	height: 675px;
	background: url(http://archimages.com.au/images/bg_left.gif) repeat-x bottom;
	} 
#rightcol {
	margin-left: 40px;
	height: 675px;
	background: url(http://archimages.com.au/images/bg_right.gif) repeat-x bottom;
	} 
#content { 
	margin: 0 auto;
	width:767px;
	height: 544px;
	background: white url(http://archimages.com.au/images/bg_right.gif) repeat-x;
	position: relative; z-index: 99;
	}
#content p{ 
	margin: 0 40px 10px 0;
	font-size: 13px; 
	color: #bfbfbf;
	line-height: 16px;	
	}
#bg_contact {
	padding: 40px 0px 0px 40px;
	background: url(http://archimages.com.au/images/bg_contact.png) no-repeat;
	}
#sidebar {
	padding:0;
	margin: 0px 0 0 0px;
	width: 127px;
	float: left;
	text-align: left;
	}
#posts {
	width: 640px;
	float: left;
	}
.post {
	margin: 0 0 15px 0;
	text-align: left;
	width:640px;
	height: 100px;
	float: left;
	}
#posts .post .thumbnail {
	float: left;
	margin: 0 20px 0 0;
	}
#posts .post .heading {
	margin: 0 0 10px 0;
	padding: 0 0 6px 0;
	width:460px;
	border-bottom: 1px #ccc solid;
	text-align: left;
	float: left;
	}
#posts .post h2 {
	border: none;
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #666;
	font-weight: bold;
	width:360px;
	text-align: left;
	float: left;
	}
#posts .post .heading a {
	width: 100px;
	height: 15px;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	float: right;
	}
#posts .post h2 a:hover { color: #666; }
#posts .post .entry {
	width:460px;
	height: 65px;
	float: left;
	}
#posts .post .entry p {
	width:460px;
	height: 65px;
	margin: 0!important;
	padding: 0!important;
	}
#single_posts {
	width: 640px;
	float: left;
	}
#single_posts .post {
	margin: 0 0 20px 0;
	height: 325px;
	width:640px;
	}
#single_posts .post .thumbnail {
	float: left;
	margin: 2px 17px 20px 0;
	}
#single_posts .post h2 { width:620px; }
#single_posts .post .entry {
	height: 294px;
	float: left;
	width:460px;
	}
#single_posts .post .entry p { width:460px; }
#posts .pagenavigation, #single_posts .pagenavigation{
	width: 620px;
	padding: 10px 0 0 0;
	border-top: 1px #eee solid;
	float: left;
	}
#posts .pagenavigation a, #single_posts .pagenavigation a{
	font-size: 11px; 
	}
#content_left {
	width: 482px;
	height: 356px;
	margin: 0;
	padding: 0;
	float: left;
	}
#content_right, 
#physscalemodels, 
#photomontage, 
#shadowsun, 
#3dcomputermodels, 
#physscalemodels2, 
#exteriorimages, 
#interiorimages, 
#animation, 
#finishesboards, 
#photography {
	width: 285px;
	height: 356px;
	margin: 0;
	padding: 0;
	float: right;
	}
/*-----------------------------------------------------------------------------------------------
TYPOGRAPHY
-----------------------------------------------------------------------------------------------*/
h1 {
	font-size: 16px;
	margin: 0 0 0 -1px;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	}
h2 {
	font-size: 12px;
	margin: 0 0 10px -1px;
	padding: 0 0 6px 0;
	color: #CCC;
	font-weight: bold;
	width:482px;
	border-bottom: 1px #ccc solid;
	text-align: left;
	}
h3 { 
	font-size: 1em;
	margin: 0 0 0 8px;
	color: #666;
	font-weight: bold;
 	}
.orange { color: #eebd11; }
strong { font-weight: bold; color: #666;}	
 	
/*-----------------------------------------------------------------------------------------------
IMAGES
-----------------------------------------------------------------------------------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
/*-----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar h2 { width:120px; }
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
#sidebar ul li {
	list-style-type: none;
	margin: 5px 0 5px 0;
	}
#sidebar a {
	font-size: 11px; 
	}
/*-----------------------------------------------------------------------------------------------
PORTFOLIO
-----------------------------------------------------------------------------------------------*/
#portfolio {
	margin: 0px;
	padding: 0px;
	width: 750px;
	}
#portfolio li{
	float: left;
	display: inline;
	list-style: none;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	}
#desc{ display: none; }
#placeholder{ margin: 20px 0px 0px 0px; }

/*-----------------------------------------------------------------------------------------------
MISC
-----------------------------------------------------------------------------------------------*/
a, h2 a:hover, h3 a:hover { color: #eebd11; text-decoration: none; }
a:hover { color: #666; text-decoration: none; }
a img { border: none; }
.alignright { 
	float: right; 
	background-image: url(http://archimages.com.au/images/pdf.gif);
	background-repeat: no-repeat;
	padding-left: 25px; 
	height:22px;
	line-height: 22px;
	}
.alignleft { 
	float: left; 
	background-image: url(http://archimages.com.au/images/pdf.gif);
	background-repeat: no-repeat;
	padding-left: 25px; 
	height:22px;
	line-height: 22px;
	}
.rss { 
	float: left; 
	background: url(http://archimages.com.au/images/rss.gif) 0px 2px no-repeat;
	padding-left: 25px; 
	height:22px;
	line-height: 22px;
	}
.center { text-align: center; }
.toggleopacity img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	margin:0;
	padding:0;
	cursor:pointer;
	border: 0;
	}
.toggleopacity:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	}