/*

	LiveQoS -
	VERSION 1.0 [SUB]
	
	-----------------------------------------
	
	developer: Michel Joanisse
	email: mjoanisse@simplebranch.ca
	website: http://www.simplebranch.ca
	
	-----------------------------------------

	
*/


/* CORE, COMMONALITIES & RECURRENCES
---------------------------------------------------------------------- */
#content h1, 
#content h1 *,
#inner_content h2, 
#inner_content h2 *,
#inner_content h4, 
#inner_content h4 *,
#inner_content .profile h3, 
#inner_content .profile h3 *,
#inner_content #parent-pg {font-size:24px;text-transform:uppercase;color:#f26522;/*< orange*/line-height:1.2em;margin:0 0 20px 0;}
/*< end*/


/* CONTENT
---------------------------------------------------------------------- */
#content {padding:40px 0;}
#content h1 {background:url(../_images/border1.png) bottom center no-repeat;padding:0 0 20px 0;}


/* INNER CONTENT
---------------------------------------------------------------------- */
.full-width #inner_content {width:100%;float:left;}
#inner_content {float:right;width:700px;margin:20px 0 0 0;}
#inner_content h2, #inner_content h2 * {text-transform:none;}
#inner_content h3, #inner_content h3 * {font-size:13px;color:#f26522;/*< orange*/margin:0 0 5px 0;text-transform:uppercase;}
#inner_content p {line-height:1.5em;margin:0 0 20px 0;}
#inner_content a {color:#f26522;}
#inner_content ul {margin:0 0 20px 15px;list-style:disc;}
#inner_content ol {margin:0 0 20px 18px;list-style:decimal;}
#inner_content li {margin:0 0 5px 0;line-height:1.5em;}
#inner_content iframe {width:525px;height:300px;margin:0 0 20px 0;}
#inner_content #parent-pg {color:#ccc;text-align:right;}
.search #content h1 span, .search #content .keyword {background:#ffdccc;padding:4px 0 0 0;color:#333;}


/*campaigns_*/
#inner_content .campaign {margin:-20px 0 40px 0;box-shadow:10px 10px 10px rgba(0,0,0,0.15);}
/*< end*/

/* ASIDE (SIDEBAR)
---------------------------------------------------------------------- */
aside {width:200px;float:left;}

aside .navigator {background:url(../_images/sidebar-border1.png) bottom center no-repeat;padding:0 0 20px 0;margin:0 0 20px 0;float:left;}
aside .navigator a {text-decoration:underline;}

aside nav {background:url(../_images/sidebar-border1.png) bottom center no-repeat;padding:0 0 20px 0;margin:0 0 20px 0;}
aside nav li {float:left;width:100%;}
aside nav a {text-decoration:none;font-size:13px;display:block;float:left;padding:10px;width:180px;}
aside nav .children {display:none;}
aside nav .current_page_item .children {display:block;border-bottom:1px solid #d3d3d3;float:left;}
aside nav .children a {font-weight:bold;}

aside nav .current_page_item a, aside nav .current_page_item a:hover {background:#d3d3d3;font-weight:bold;}
aside nav .current_page_item ul a {background:0;font-weight:normal;}


aside nav a:hover, aside nav .current_page_item ul a:hover {background:#e9e9e9;cursor:pointer;}

aside #slogan {float:left;width:100%;clear:both;}
aside #slogan p a {color:#000;font-size:13px;font-weight:bold;}
aside #slogan .desc {margin:0 0 10px 0;}
aside #slogan .desc p, aside #slogan .desc p * {font-style:italic;color:#f26522;font-size:18px;line-height:1.5em;}

aside .buttons1 {background:url(../_images/sidebar-border1.png) top center no-repeat;float:left;clear:both;padding:20px 0 0 0;margin:20px 0 0 0;}
aside .buttons1 li {margin:0 0 10px 0;}
aside .buttons1 a {width:200px;/*negate padding > */width:152px;}
aside .buttons1 .icon {right:24px;top:50%;height:80px;margin-top:-40px;}
aside .buttons1 li.sales .icon {width:63px;background:url(../_images/icon-sales.png);}
aside .buttons1 li.support .icon {width:57px;background:url(../_images/icon-support.png);}

/* PROFILE
---------------------------------------------------------------------- */
.profile {float:left;clear:both;width:100%;margin:0 0 20px 0;}
#inner_content .profile p.img {float:left;margin:0 20px 0 0;}
#inner_content .profile h3 {margin:0;}/* < override*/
#inner_content .profile h4 {margin:0 0 7px 0;}/* < override*/


/* BLOG PAGE
---------------------------------------------------------------------- */
.blog #inner_content h2, .blog #inner_content h2 * {font-size:20px;margin:0;}
.blog #inner_content .post {display:block;text-decoration:none;float:left;clear:both;width:640px;background:url(../_images/border1.png) bottom right no-repeat;padding:30px;}
.blog #inner_content .post p {margin:0;}
.blog #inner_content .post p.date {margin:0 0 10px 0;font-weight:bold;}

.blog #inner_content .post:hover {background:#f26522;/*< orange*/}
.blog #inner_content .post:hover h2, #inner_content .post:hover p {color:#fff;color:rgba(255,255,255,0.9);text-shadow:1px 1px 0 rgba(0,0,0,0.2);}

/* --------------------------- */

#inner_content #pagination {width:100%;margin:20px 0 0 0;float:left;clear:both;list-style:none;}
#pagination a {display:block;float:left;text-decoration:none;font-size:13px;font-weight:bold;color:#fff;padding:10px;background:#f26522;/*< orange*/}
#pagination a:hover {background:#898989;}
#pagination .older a {float:right;}
#pagination a span {color:#fff;}


/* CONTACT PAGE
---------------------------------------------------------------------- */
.contact #inner_content .post {float:left;}
.contact #inner_content .post h3 {margin:0 0 20px 0;}
.contact #inner_content img {margin:20px 0 0 0;}
.contact #inner_content form {float:right;width:230px;border-left:1px solid #ededed;padding-left:70px;}
.contact #inner_content form div {float:left;clear:both;margin:0 0 12px 0;width:100%;}
.contact #inner_content form label {font-size:13px;color:#f26522;/*< orange*/margin:0 0 5px 0;text-transform:uppercase;font-weight:bold;margin:0 0 5px 0;float:left;clear:both;width:100%;}
.contact #inner_content form .text {width:210px;float:left;clear:both;padding:10px;}
.contact #inner_content form select {width:230px;float:left;clear:both;padding:10px;}
.contact #inner_content button {margin:0;}