/*
Theme Name:		CGHome
Theme URI:		http://www.cadengrace.com/
Description:	        Personal Site
Version:		1.0
Author:			Caden Grace

*/

body {
background: #fff;
margin: 0;

}

a {

color: #000000;
text-decoration: none;

}

img, img a {

border: none;

}


/********************************* GENERAL ***********************************/


#main_frame {
position: relative;
background: #ffffff /*url(http://www.cadengrace.com/storage/template/cadengrace-landnobd.jpg)*/;
width: 991px;
height: 640px;
margin: 30px auto;
border-top: 7px solid #000;
}

#header {
background: url(http://www.cadengrace.com/storage/menu/static-header.png) no-repeat;
background-position: right bottom;
/*border-right: 7px solid #000;*/
/*border-left: 7px solid #000;*/
width: 991px;
height: 90px;
margin: auto;
}

ul#menu {
position: relative;
top: 65px;
margin: 0px;
padding: 0;
float: right;
margin-right: 40px;
}

ul#menu li {
font-family: Century Gothic;
font-size: 20px;
float: left;
list-style: none;
}

#canvas {
position: absolute;
background: #FFFFFF;
width: 430px;
height: 450px;
left: 80px;
top: 30px;
opacity:0.8;
filter:alpha(opacity=80);
}

#canvas a {

color: #000;
font-weight: bold;

}

#canvas .title, #canvas .title a {
color: #000;
padding-top: 10px;
padding-bottom: 5px;
font-family: arial;
font-size: 16px;
text-transform: uppercase;

}


/********************************* ABOUT ***********************************/


#canvas .content {

width: 90%;
margin: auto;
padding: 20px 10px;
}

/********************************* WHAT'S NEW ***********************************/


ul#twitter_update_list {
padding: 0px 0px 20px 0px;
list-style: none;
text-transform: lowercase;
color: #000;
font-size: 14px;
margin: auto;
width: 80%;
border-bottom: 1px solid #ccc;
}



ul#twitter_update_list li {

padding: 10px 0px;

}

.blog {

width: 90%;
margin: 20px auto;
padding-top: 0px;
overflow: hidden;
font-family: Arial, serif;
font-size: 12px;
line-height: 175%;
}

.blog .post {

border-bottom: 1px dotted #000;
padding-bottom: 20px;
margin-bottom: 20px;

}

#canvas .blog .title, #canvas .blog .title a {

color: #000;
padding-top: 10px;
padding-bottom: 5px;
font-family: arial;
font-size: 16px;
text-transform: uppercase;
}


/********************************* HOME ***********************************/




.home #header {
background: url(http://www.cadengrace.com/storage/menu/static-header.png) no-repeat;
background-position: right bottom;
width: 991px;
height: 90px;
margin: auto;

}

.home ul#menu {

float: right;
margin-right: 40px;

}

.home ul#menu li {
font-family: Century Gothic;
font-size: 20px;
float: left;
list-style: none;
}


/********************************* SHOP ***********************************/

#shopping-cart {

width: 880px;
margin: 10px auto 30px;

}


#pp_container #header {
background: url(http://www.cadengrace.com/storage/menu/shop/shop-header.gif) no-repeat;
background-position: right bottom;
width: 900px;
height: 90px;
margin: 0px auto 30px;

}

.section-label {

width: 100%;
height: 1px;

}


#slideshow { margin: auto; }
#nav { /*width: 300px;*/ margin: auto; }
#nav li { width: 75px; float: left; position: relative; margin: 8px; list-style: none }
#nav a { width: 75px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #3DAEB6; }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }


#product-container {
position: relative;
background: #ffffff;
/*border: 1px solid #ccc;*/
width: 900px;
margin: 0px auto;


}
.breadcrumb {
padding: 10px 50px;
text-transform: uppercase;
font-size: 11px;
}

.breadcrumb a {
color: #000;

}

#product-visuals {
position: relative;
float: left;
width: 49%;
height: 500px;
padding-top: 0px;
}

#product-visuals .content {

width: 80%;
margin: auto;
}

#product-info {
position: relative;
float: right;
width: 50%;
font-size: 12px;
text-transform: uppercase;
padding-top: 0px;
}

#product-info .content {

width: 80%;

}

#product-info .title {
font-family: Century Gothic, Georgia, Arial, Verdana,sans-serif;
font-size: 25px;
padding: 0px 0 5px 0px;
text-spacing: 2px;
}

#product-info .price {
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
padding:0px 0 5px 0px;
font-weight: bold;
}

#product-info input[type="submit"] {


display: inline;;

}







#shop-single {

background:#FFFFFF;
display: inline-block;
font-family: Arial, Verdana,sans-serif;
font-size:13px;
height:275px;
margin: 3px 20px 0px 20px;
/*padding:10px 0 10px 10px;*/

width:225px;
text-align: left;
 zoom: 1;
*display: inline;

}

#shop-single .thumb-wrap {

width: 215px;
height: 195px;

}

#shop-single .title {
font-size: 13px;
font-family: Arial;
font-weight:bold;
margin: 12px 10px 3px 0;
text-align:left;
text-transform: uppercase;
height: 13px;
overflow: hidden;
}

#shop-single .title a {
color: #000;
text-decoration: none;
font-size: 13px;
font-family: Arial;
}



#shop-single .price {

font-size: 13px;
font-weight: normal;

}


#pp_container {

width: 900px;
margin: 0 auto;

}

#the_sky {
background: #000;
position: relative;
clear: both;
height: 65px;
width: 100%;
}

#shop_hug {

width: 900px;
margin-bottom: 50px;
}







#grid-container {
background: #fff;
width: 810px;
margin: auto;

}


#footer-meta {
width: 100%;
height: 80px;
float: left;
clear: both;
text-align: center;
border-top: 1px dotted #000;
padding: 15px 0px;
font-family: Times New Roman, Arial, Serif;
}

#customer-help ul {

padding: 0;

}

#customer-help li {

display: inline;
padding: 5px 5px;
list-style: none;
}

#customer-help a {
color: #333;


}


.copyright {
font-size: 13px;
color: #999;
width: 100%;
clear: both;
}







#about_staticvisual {


background: url('http://www.cadengrace.com/imgs/about.gif') no-repeat;
margin: auto;
width: 454px;
height: 580px;


}


.info-text {

margin: auto;
color: #666;
font-size: 17px;
line-height: 30px;
padding-top: 200px;
width: 330px;
text-align: center;
}

.info-text a {

color: #999;
/*text-decoration: none;*/

}
