/*
Theme Name: Cycle Studios Portfolio Website
The URI: http://www.cyclestudios.com/
Description: Cycle Studios based out of North Vancouver, BC. 
Version: 1.0
Author: Kevin Jamieson
Author URI: http://www.cyclestudios.com
*/

/*this is to reset css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}


/*end css reset*/



body {
	line-height: 1;
	font-family:Helvetica, Arial, "san-serif";
	background-repeat:repeat-x;	
}



/*constant elements*/
#navigation .active {
	color:#336699;
	}


#wrapper{
	min-height:550px;
	border-top:solid 1px white;
	border-left:solid 1px #bbb;
	border-right:solid 1px #bbb;
	width:960px;
	padding:0;
	margin:0 auto;
	background-color:white;
	position:relative;
	}
#navigation{
	height:73px;
	width:67px;
	border: solid 1px white;
	line-height:normal;
	font-size:14px;
	margin:10px 0 10px 10px;
	}
#navigation li{
	font-size:14px;
	line-height: 1.3em;
	}
a{
	text-decoration: none;
	}	
#navigation a:hover{
	color:#369;
	}
#navigation a{
	color: #666;
	}
ol, ul {
	list-style: none;
	text-decoration:none;
	}
#logocontact{
	float:left;
	text-align: left;
	width:134px;
	height:427px;
	background-image: url(images/logocontact.gif);
	font-size:12px;
	margin:10px;
	color:#666;
	xposition:absolute;
	bottom: 5px;
	z-index: 1;
	}
.contact{
	padding-top:387px;
	}
#logocontact p{
	padding-left:5px;
	}	
img{
	border-color: #333;
	border-width: 1px;
	border-style: solid;
	margin-bottom:8px;
	}
em{
	font-style: italic;
	font-size: 10px;
	}	
	
/*end constant elements*/



/*home page*/
#intro{
	width:400px;
	height:300px;
	position:absolute;
	top:40px;
	left:280px;
	}	
#myContent h1, #myContent h2, #myContent h3, #myContent p{
	text-indent:-9999px;
	}
/*end home page*/





/*contact page*/
strong{
	font-weight: bold;
	color:#333;
	font-size:11px;
	}
p{
	color:#666;
	font-size:11px;
	line-height: 16px;
	}
#contactinfo{
	margin-top:10px;
	}
#contactinfo a{
	color: #A61F16;
	}
/*end contact page*/




/*news page/indexpage */

#contentnews{
	float: left;
	margin-left: 130px;
	width:356px;
	padding:8px;
	}
#rightsidebar{
	width:178px;
	float: right;
	}
/*end news page*/




/*post elements*/
.entry-date{
	font-size:10px;
	margin-bottom:8px;
	}
.entry-content{
	margin-bottom:8px;	
	}
.entry-content p{
	margin-bottom:5px;
	}	
.entry-meta{
	font-size:10px;
	margin-bottom:24px;
	}
h2{
	font-size: 18px;
	margin-bottom:2px;
	}
h2 a{
	color:#369;
	}	
blockquote{
	font-style:italic;
	margin:10px;
	}
.entry-meta a{
	color:#A61F16;
	}
/*end post elements*/



/*sidebar*/
ul	{
	font-size:16px;
	color:black;
	margin:0;
	padding:0;
	}
.categories li, #rss-links li, #archives li, .categories a, #rss-links a, #archives a {
	font-size:11px;
	color:#A61F16;
	margin-bottom:4px;
	margin-top:4px;
	padding:0;
	}
#rss-links, #archives, .categories{
	font-style: normal;
	font-weight: normal;
	color:#555;
	font-size:16px;
	padding:0;
	margin-top:8px;
	margin-bottom:12px;
	}
.categories{
	display:block;
	}
/*end sidebar*/



/*comments*/
#respond{
	width:370px;
	font-size:12px;
	margin-top:4px;
	
	}
#respond p{
	font-size:12px;
	}	

#commentform, ol{
	font-size:12px;
	}
p a{
	color:#A61F16;
	}
#comments-count{
	font-size:14px;
	color:#333;
	
	}
.commentlist li{
	margin-top:8px;
	border-bottom:dashed 1px #666;
	padding-top:4px;
	
	}
.comment-text p{
	margin:4px;
	color:#444;
	}
.commentmetadata{
	margin-bottom:10px;
	}	
/*end comments*/


/*singlepage*/
.navigation a{
	font-size:12px;
	color:#A61F16;
	margin:8px;
	}
#content h2{
	margin-top:4px;
	}
/*end singlpage*/


/*portfolio content*/
#content{
	width:356px;
	position:absolute;
	top:80px;
	left:274px;
	padding:8px;
	}
#port a{
	color: #A61F16;
	}
#port a:hover{
	color:#369;
	}
#portfol{
	position:absolute;
	top:88px;
	left:10px;
	width:178px;
	}
#portfol li{
	font-size:11px;
	line-height:16px;
	}	
.photo, .case, .illustration{
	color:#336699;
	padding-left:15px;
	background-repeat:no-repeat;
	height:15px;
	padding-top:1px;
	}
a:hover .photo, a:hover .case, a:hover .illustration {
	color:#A61F16;
	}
.photo{
	background-image:url(images/camera.gif);
	}
.illustration{
	background-image:url(images/illustrationicon.gif);
	}	
.case{
	background-image:url(images/caseicon.gif);
	}
#mainportcol{
	position:absolute;
	padding-top: 2px;
	top:-70px;
	width:370px;
	}
#portrait, #landscape{
	position:absolute;
	}



	/*copy*/
#photocomment{
	position:absolute;
	right:-285px;
	font-size:10px;
	line-height:14px;
	width:160px;
	color:#666;
	}
#photocomment h6{
	font-size:14px;
	color:#333;
	font-style:normal;
	margin-top:14px;
	}
#photocomment p{
	color:#666;
	font-size:10px;
	line-height:14px;
	xmargin-top:4px;
	}
	
	
	/*key content*/
#key{
	margin-top:16px;
	}
#key ul li{
	color:#666;
	font-size:11px;
	line-height:16px;
	}	
	/*end key content*/

/*end portfolio content*/


	.clear {clear: both;}