/*

Theme Name: Glissade
Theme URI: http://themeforest.net/user/contempoinc
Description: This is a clean and simple theme design suitable for use as a portfolio site, personal blog, business site and more.
Version: 1.0
Author: Chris Robinson
Author URI: http://themeforest.net/user/contempoinc
Tags: blue, grey, custom, fixed width, two columns, portfolio, business, blog

	This theme was designed and built by Chris Robinson, whose ThemeForest profile you will find at http://themeforest.net/user/contempoinc
	If you should have any questions at all please don't hesitate to email me through my profile on ThemeForest or via email at chris@contempographicdesign.com

*/



/** SHOP ONLY */
.shopitem { float: left; width: 270px; height: 280px; background-color:white; padding: 20px; margin: 0 18px 18px 0; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.shopitem img { background-color:#F2F2F2; }
* html .shopitem img { margin-bottom: 5px; }
.shopitem p { font-size:.9em; line-height:1.2em ;margin-top:10px; margin-bottom:0; font-style:italic; }
.shopitem ul { list-style-type: none; font-size:12px; line-height: 1.4em; }
.shopitem li { border-top: solid 1px #ccc; padding: 2px 8px 2px 8px;}
.shopitem li:hover {background-color: #F2F2F2; }

.righty { margin: 0 0 20px 0; } /* .right is already used in MISC */

a#buy { float:right; background:#993300; color:#FFF !important; padding:4px 8px; margin:2px; cursor:pointer; }
a#buy:hover { background:#CC3300; }

.shopinfo { font-size: 13px; line-height: 1.2em; width: 260px; background-color:white; padding: 20px; margin: 0 0 40px 0; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.shopinfo p { margin: 0 0 10px 0; }
.shopinfo strong { color: #666; font-size: 14px; }




/** TWITTER */
#twitter_div { background-color:none;padding: 0; margin:0;}
#twitter_div li { margin: 5px 0 15px 0;}
#twitter_update_list { list-style:none; margin:0; padding:0; }


/** CSS - Glissade
==============================================================================*/
/* removes defaults from all elements */
* { margin: 0; padding: 0; list-style-type: none; }

/** Body
==============================================================================*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #8C8C8C;
	background: url(../images/body_bg_black.jpg) no-repeat #fafafa;
	margin: 0 auto;
}

/** Misc
==============================================================================*/
a:focus { outline: none; }
.clear { clear: both; }
a img { border: none; }
p { margin: 0 0 20px 0; }
.left { float: left; }
.margin-right { margin-right: 50px; }
.right { float: right; }

/** Headings
==============================================================================*/
h1 { font-size: 24px; line-height: 26px; margin: 0 0 0 0; color: #666666; font-weight:normal; }
h2 { font-size: 26px; line-height: 26px; margin: 8px 0 8px 0; color: #993300; font-weight:normal; }
h3 { font-size: 18px; line-height: 18px; padding: 0 0 4px 0; margin: 0 0 30px 0; color: #993300; text-transform: uppercase; background: url(../images/glissade_h3_bg.jpg) repeat-x bottom; }
h4 { font-size: 16px; margin: 20px 0 0 0; color: #993300; text-transform: capitalize; }
h5 { font-size: 14px; padding: 0 0 3px 0; margin: 20px 0 0 0; color: #993300; text-transform: capitalize; border-bottom: 1px solid #efefef; }

/** Links
==============================================================================*/
a:link { color: #993300; text-decoration: none; }
a:visited { color: #993300; text-decoration: none; }
a:hover { 	color: #000000; text-decoration: none; }
a:active { color: #993300; text-decoration: none; }

/** Main Container
==============================================================================*/
#headercontainer { width: 975px; margin: 0 auto; height: 70px; }

/** Logo
==============================================================================*/
#logo { float: left; margin: 10px 0 10px 0; }

/** Navigation
==============================================================================*/
ul#nav { float: right; list-style-type: none; margin: 20px 0 0 0; }
ul#nav li { float: left; margin: 0 20px 0 0; }
ul#nav li a { color: #eeeeee; display: block; }
ul#nav li a:hover { color: #993300; }
ul#nav li#current a { color: #993300; }

/** Work Slider
==============================================================================*/
div.sliderfull{
width: 100%;
height: 385px;
padding: 0px;
margin: 0 0 30px 0;
background: url(../images/glissade_slider_bg.jpg) repeat-x;
overflow: hidden;
}

div.slidercontainer {
width: 100%;
min-width: 975px;
height: 385px;
padding: 0px;
margin: 0px auto;
position: relative;
overflow: visible;
}

#prvnxt { width: 975px; position: relative; top: 350px; margin: 0 auto; }
#previous { color: #333333; padding: 0 0 0 0px; }
#next { color: #333333; padding: 0 0px 0 0; }

#projects.gallery .full-width { height: 322px; }
#projects.gallery #gallery {
position: absolute;
top: 15px;
left: 0px;
height: 322px;
width: 975px;
overflow: visible;
}

#projects #gallery .work { position: absolute; top: 0px; }
#projects #gallery .work .work-header {
position:absolute;
top: 292px;
left: 0px;
height: 20px;
width: 295px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
background: url(../images/glissade_work_title_bg.jpg) no-repeat;
display: none;
font-size: 12px;
color: #666666;
font-weight:normal;
}

.workimg { position: absolute; top: 0px; }

/** Title bar
==============================================================================*/
div.titlefull{
width: 100%;
height: 54px;
padding: 0px;
margin: 0 0 30px 0;
background: url(../images/glissade_slider_bg.jpg) repeat-x;
overflow: hidden;
border-bottom: 1px solid #6f6f6f;
}

div.titlecontainer {
width: 975px;
min-width: 975px;
padding: 15px 0 15px 0;
margin: 0px auto;
text-align: left;
position: relative;
overflow: visible;
}

/** Subnav
==============================================================================*/
#fullview {
width: 300px;
margin: 0 0 30px 0;
padding: 15px;
background: url(../images/glissade_subnav_bg.jpg) repeat-x bottom #ececec;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #8f8f8f;
}

ul#subnav {
margin: 0 0 30px 0;
padding: 15px;
background: url(../images/glissade_subnav_bg.jpg) repeat-x bottom #ececec;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #d4d4d4;
}

ul#subnav li { list-style-type: none; display:inline; } /* display:inline fixes the extra spaces that appear in IE7 */
ul#subnav li a { display: block; padding: 5px 0 5px 0; }
ul#subnav li#subcurrent a { color: #555555; background: url(../images/subnav_current_bg.jpg) repeat-x bottom; }
#subnav h3 { margin: 15px 0 0 0; }


/** Content
==============================================================================*/
a#button, input.button {
	/*float:right;
	border:1px solid #3d3d3d;*/
	/*background:#000 url(../img/button-bg.png) repeat-x;*/
	background:#993300;
	color:#FFF !important;
	padding:4px 8px;
	margin:5px 0;
	cursor:pointer
}
a#button:hover, input.button:hover { background:#CC3300; }

#content { width: 975px; margin: 0 auto; }
.column { float: left; width: 305px; margin: 0 30px 0 0; }
.contentcolumn { float: left; width: 640px; padding-bottom:150px; }
.img-border { border: 1px solid #8f8f8e; padding: 4px; }
.padtop { margin-top:50px; }
.contentcolumn ul li img { margin: 15px 0 15px 15px; }
.client, .companyname { text-align: right; margin: 0; line-height: 16px; }
.column ul { padding: 0 0 0 15px; }
.column ul li { list-style-type: disc; }

#last { margin: 0; }

/** Footer
==============================================================================*/
#footer-container { width: 100%; background-color: #afaeaf; }

#footer {
float: left;
width: 100%;
margin: 30px 0 0 0;
border-top: 1px solid #a7a9ac;
background-color: #afaeaf;
padding: 15px;
text-align:center;
}

#footer p { color: #efefef; font-size: 12px; margin: 0px; }