/*
Theme Name: Spot Color Studio
Theme URI: http://www.spotcolorstudio.com/
Description: A custorm theme developer for spotcolorstudio.com
Version: 1.0
Author: win-win
Author URI: http://winwinsp.com/
Tags: custom header, fixed width, two columns, widgets
*/
/* CSS Document */
/*====================
	INDEX
	----------
	1. Tags
	2. Site Wrapper
	3. Site Site Left of Wrapper
	4. Site Inner Wrapper of Wrapper
	5. Site header section
	6. Site banner section
	7. Site content area
	8. Site Footer
	9. Common Classes
	
====================*/

/*========================
  Tags 
  ========================*/
body{
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#7A7A7A;
	background:#BEBAA2 url(images/body_bg.png) repeat-x left top;
	line-height:1.6em;
}
h1,h2,h5 {
	padding:0;
	margin:0;
        line-height:115%;
}
h1,h2 {
	/*font-weight:normal;*/
	font-weight:normal;
}
h6#siteTitle {
	font-size:1em;
	padding:7px 0;
	margin:0;
}
a {
	text-decoration:none;
	color:#7A7A7A;
}
img {
	border:none;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
	
}
/*=======================
   Site Wrapper
  ======================*/	
#siteWrapper{
	width:1052px;
 	background:#BEBAA2 url(images/iwrapper_bg.png) repeat-y top center;
	margin:0 auto;
     	
}
/*=======================
   Site Left of Wrapper
  ======================*/	
#siteLeft {
	width:87px;
	float:left;
}
#leftTop {
	width:100%;
	height:189px;
	background:#fff url(images/lefttop_rrepeater.png) repeat-y top right;
	border-top:8px solid #C2CE2F;
}
#leftMid {
	height:5px;
	background:url(images/left_hrbar.png) no-repeat top right;
}
#leftBImg {
	width:80px;
	float:left;
	height:462px;
	background:#BEBAA2 url(images/leftbottom_img.png) no-repeat top right;
}
#leftBar {
	width:7px;
	float:left;
	height:462px;
	background:url(images/leftbottom_rbar.png) no-repeat top right;
}
/*=======================
   Site Inner Wrapper of Wrapper
  ======================*/	
#siteIWrapper {
	width:876px;
	float:left;
	min-height:850px;
	background:#fff;
}
/*=======================
   Site header section
  ======================*/
#header {
	width:auto;
	height:189px;
	border-top:8px solid #C2CE2F;
}
#logo {
	width:802px;
	height:138px;
	margin:0 auto;
	padding-top:26px;
}
/*=======================
   Site banner section
  ======================*/
  
#menuBar ul li {
	width:146px;
	height:25px;
	float:left;
	font-size:1em;
	color:#57564C;
	text-align:center;
	text-transform:uppercase;
}
#menuBar ul li.page-item-3 a:hover {
	padding-bottom:7px;
	background:url(images/menuTriangleB.png) no-repeat bottom center;
}
#menuBar ul li.page-item-5 a:hover {
	padding-bottom:7px;
	background:url(images/menuTriangleC.png) no-repeat bottom center;
}
#menuBar ul li.page-item-7 a:hover {
	padding-bottom:7px;
	background:url(images/menuTriangleG.png) no-repeat bottom center;
}
#menuBar ul li.page-item-9 a:hover {
	padding-bottom:7px;
	background:url(images/menuTriangleT.png) no-repeat bottom center;
}
#menuBar ul li.page-item-11 a:hover {
	padding-bottom:7px;
	background:url(images/menuTriangleR.png) no-repeat bottom center;
}
#menuBar ul li.page-item-13 a:hover {
	padding-bottom:7px;
	background:url(images/menuTriangleO.png) no-repeat bottom center;
}
.menuBorderBlue {
	border-bottom:6px solid #0090C6;
}
.menuBorderSky {
	border-bottom:6px solid #75D2F5;
}
.menuBorderGreen {
	border-bottom:6px solid #C2CE2F;
}
.menuBorderLGreen {
	border-bottom:6px solid #E0E54E;
}
.menuBorderOrange {
	border-bottom:6px solid #FAA636;
}
.menuBorderYellow {
	border-bottom:6px solid #FFDF70;
}
#banner {
	width:876px;
	height:82px;
	padding-top:142px;
    border-bottom:7px solid #C2CE2F;
	background:url(images/banner.png) no-repeat top left;
	text-align:right;
}
#banner a {
	height:33px;
	padding:5px 40px;
	background:#AFBA2A;
	color:#fff;
	text-align:center;
	font-size:1.6em;
}
/*=======================
   Site content area
  ======================*/	
#contentArea {
	width:531px;
	float:left;
	padding:18px 34px 78px 38px;
}
#contentAreaP {
	float:left;
	width:780px;
	margin:0 auto;
}
#contentArea h1, #contentAreaP h1 {
	color:#AFBA2A;
	padding:0;
	width:92%;
}
#entry {
	margin-top:15px;
    min-height:110px;
	background:url(images/content_bg.png) no-repeat top right;
}
#entry a {
	color:#0090C6;
}
#entry p {
	padding:0 35px 10px 0;
}

#entry p q, i {
	color:#0090C6;
}
ul.contentList {
	list-style:square;
}
#moreContent {
	font-size:1.3em;
}
#sideBar {
	width:235px;
	float:left;

/*	margin-right:18px;*/
}
#sideBarXLinkArea {
	padding:18px 18px 8px 0;

/*	border-bottom:1px solid #BBBAAF;*/

}
.widget ul li {
	padding-bottom:7px;
}
.widget ul li a {
	color:#0090C6;
}

.socialImg, .socalText {
	height:35px;
	float:left;
}
.socalText {
	padding-top:7px;
	padding-left:10px;
}
/*=======================
   Site Right of Wrapper
  ======================*/	
#siteRight {
	width:89px;
	float:left;
}
#rightTop {
	width:100%;
	height:189px;
	background:#fff url(images/righttop_lrepeater.png) repeat-y top left;
	border-top:8px solid #C2CE2F;

}
#rightMid {
	height:6px;
	background:url(images/right_hrbar.png) no-repeat top left;
}
#rightBImg {
	width:83px;
	float:left;
	height:462px;
	background:url(images/rightbottom_img.png) no-repeat top left;
}
#rightBar {
	width:6px;
	float:left;
	height:462px;
	background:url(images/rightbottom_lbar.png) no-repeat top left;
}
/*===========================
	Site Footer
=============================*/
#siteFooter {
	width:100%;
	overflow:auto;
	color:#fff;
	background:#0090C6;
	border:1px solid #33A6D1;
	text-align:center;
	font-size:.8em;
	padding:5px 0;
}

#siteFooter ul {
	width:856px;
	margin:0 auto;
	padding-left:100px;
}
#siteFooter ul li {
	padding:0;
	float:left;
}

#siteFooter ul li a {
	color:#fff;
}

.footerTopmenu, .footerText {
	height:15px;
	float:left;
	padding-top:4px;
}
.footerText {
	padding-left:200px;
}

/*Common Classes */
.lclear {clear:left;}
.rclear{clear:right;}
.bclear {clear:both;}

/*.bDownArrow, .cDownArrow, .gDownArrow, .tDownArrow, .rDownArrow, .oDownArrow {
	border:1px solid #000;

}*/

.gDownArrow { background:url(images/menuTriangleG.png) no-repeat bottom center; }
.bDownArrow { background:url(images/menuTriangleB.png) no-repeat bottom center; }
.cDownArrow { background:url(images/menuTriangleC.png) no-repeat bottom center; }
.tDownArrow { background:url(images/menuTriangleT.png) no-repeat bottom center; }
.rDownArrow { background:url(images/menuTriangleR.png) no-repeat bottom center; }
.oDownArrow { background:url(images/menuTriangleO.png) no-repeat bottom center; }

/* Overriding selectors of wordpress */
.widget {
	padding:18px 0 22px 0;
	color:#fff;
}
.widget .textwidget {
	color:#7A7A7A;
}
.widget h2 {
	border-top:1px solid #BBBAAF;
	padding-top:15px;
	margin-top:-35px;
	color:#0090C6;
	font-weight:normal;
}