/*
Theme Name: Organized Artistry
Description: Created by Kate McMillan for outboxonline.com
Version: 1.0
Author: Kate McMillan
Author URI: http://www.outboxonline.com
*/

/* RESET */
/* Yahoo! CSS Reset (YUI 3)
http://developer.yahoo.com/yui/license.html
version: 3.2.0
*/

html {
	height: 100%;
	width: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}

/* BASIC FORMATTING */

body {
	font-size: 100%;
	width: 100%;
}
a:link {
	color: #215f9e;
	outline: none;
	text-decoration: none;
}
a:visited {
	color: #215f9e;
	outline: none;
	text-decoration: none;
}
a:hover, a:active {
	color: #7a3f98;
	outline: none;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
h1,h2,h3,h4,h5 {
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	text-shadow: none;
	line-height: 120%;
	color:#7a3f98;
	font-weight: bold;
}
h1 {
	font-size: 1.7em;
	padding: 0 0 10px 0;
}
h2 {
	font-size: 1.4em;
	padding: 15px 0 10px 0;
}
h3 {
	font-size: 1.2em;
	padding: 10px 0 15px 0;
	text-transform: uppercase;
}
h4 {
	font-size: 1em;
	padding: 15px 0 5px 0;
	text-transform: uppercase;
}
h5 {
	font-size: 1em;
	padding: 5px 0 15px 0;
	font-family: 'Open Sans', sans-serif;
}
p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 150%;
	color: #111;
	font-size: 1.1em;
	font-weight: normal;
}
.small {
	font-size: 0.8em;
}
ul {
	margin: 0 0 10px 0;
}
ul li {
	list-style: disc outside;
	margin-left: 20px;
}
ol {
	margin: 0 0 10px 0;
}
ol li {
	list-style: decimal inside;
}
li {
	padding: 0 0 10px 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
strong em, em strong {
	font-style: italic;
	font-weight: bold;
}
a.noline {
	text-decoration: none;
}
hr {
	height: 1px;
	background: #c8c8c8;
	border: none;
	margin: 1.5em auto;
}
.space {
	height: 15px;
	width: 100%;
}
.alignright {
	float: right;
	margin: 0 0 20px 15px;
}
.alignleft {
	float: left;
	margin: 0 20px 15px 0;
}
.aligncenter {
	float: none;
	clear: both;
	display: block;
	margin: 15px auto;
	text-align: center;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.indent {
	padding-left: 25px;
}
.hide {
	display: none;
}
form, fieldset {
	margin: 0;
	padding: 0;
}
form {
	padding: 0 0 5px 5px;
}
fieldset {
	display: block;
	margin: 0 auto;
	line-height: 140%;
}
label {
	vertical-align: middle;
}
select {
	vertical-align: middle;
}
input[type=text], input[type=password], input[type=email], input[type=tel], textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #ddd;
	color: #888;
	padding: 5px;
	display: block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
	color: #373737;
	vertical-align: middle;
}
input[type=submit] {
	padding: 5px;
}
input#s {
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 1.2em;
	padding: 4px 7px 4px 7px;
	margin: 0;
	width: 95%;
	height: 20px;
}
input#searchsubmit {
	height: 28px;
}
textarea {
	width: 98%;
}
.wpcf7-form-control {
	margin-bottom:15px;
}

sup, sub {
	font-size: 80%;
}
sup {
	vertical-align: baseline;
	position: relative;
	bottom: 0.3em;
}
sub {
	vertical-align: baseline;
	position: relative;
	top: 0.3em;
}
blockquote {
	margin: 0 0 25px 0;
	padding: 20px 20px 15px 20px;
	border-top: 10px solid #e85206;
	border-bottom: 10px solid #e85206;
	text-shadow: 1px 1px #fff;
}
blockquote em, blockquote cite {
	font-style: italic;
}
blockquote.alignleft, blockquote.alignright {
}
table {
}
th, td {
}
th {
}
td {
}

/* BUTTONS */

.button, .wp_cart_button {
	background-color: #1a72a0;
	border-bottom:3px solid #4f91d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	padding: 14px 20px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 1.2em;
	text-align: center;
	font-weight:lighter;
	color:#fff;
}
.button img {
	float:left;
	margin:1px 10px 0 0;
}
.buttonSm {
	background-color: #1a72a0;
	border-bottom:3px solid #4f91d1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 7px 12px 7px 12px;
	margin: 10px 0 10px 0;
	max-width: 180px;
	text-transform: uppercase;
	font-size: 0.8em;
	text-align: center;
	font-weight:lighter;
	color:#fff;
}
.button a, .buttonSm a, .wp_cart_button a {
	color: #fff;
}
.button a:hover, .buttonSm a:hover, .wp_cart_button a:hover {
	color: #fff;
}
.button:hover,  .buttonSm:hover {
	color: #fff;
	background-color: #0d5c85;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.wspsc_add_cart_submit:hover {cursor: pointer;}

/*  MAIN STAGE  */

body {
	font-family: 'Open Sans', sans-serif;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.oneThirdColumn {
	float:left;
	width:31%;
	margin-right:3.5%;
	margin-bottom:25px;
}
.oneHalfColumn {
	float:left;
	width:48%;
	margin-right:3%;
	margin-bottom:20px;
}
.lastColumn {
	margin-right:0;
}
.oneThirdColumn h4, .oneHalfColumn h4 {
	margin-bottom:15px;
}
.oneThirdColumn p, .oneHalfColumn p {
	font-size:0.9em;
}
.oneThirdColumn img, .oneHalfColumn img {
	margin-bottom:10px;
}
.oneThirdColumn img {
	max-width:270px;
}


/* HEADER */

#logo {
	float:left;
	width:500px;
	margin:15px 0 25px 0;
}
#logo img {
	max-width:495px;
}

#socialIcons {
	float:right;
	width:240px;
	height:60px;
	margin:35px 0 0 0;
}
#socialIcons img {
	float:left;
	margin:3px;
	width:35px;
}
#socialIcons img:hover {
	transform:rotate(10deg);
	-ms-transform:rotate(10deg); /* IE 9 */
	-webkit-transform:rotate(10deg); /* Opera, Chrome, and Safari */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

/*  NAVIGATION  */

#nav {
	width:100%;
	height: 60px;
	background:#1a72a0;
	text-align:center;
}
#nav ul {
	text-align:center;
	margin:0 auto;
	padding:0;
	max-width:960px;
	display: inline-block;
}
#nav ul li {
	float: left;
	height:60px;
	text-align:center;
	padding: 0 25px;
	margin:0 auto;
	list-style: none;
	font-size: 0.9em;
	position: relative;
}
#nav ul li a {
	margin: 20px auto 0 auto;
	text-decoration: none;
	color: #fff;
	height:60px;
	display:block;
}
#nav ul li a:hover, #nav ul ul li a:hover {
	color:#71c1eb;
}
#nav ul li:hover, #nav ul ul li:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/* to show second level menus on hover */
#nav ul ul {
	display: none;
}

#nav ul li:hover ul {
	display: block;
	margin-left:25px;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
/* what to show when showing second level menu for selected parent page */
#nav ul li.current-menu-item:hover ul, #nav ul li.current-menu-ancestor:hover ul, #nav ul li.current-menu-parent:hover ul, #nav ul li.current-page-item:hover ul, #nav ul li.current-page-ancestor:hover ul, #nav ul li.current-page-parent:hover ul {
	display: block;
	margin-left:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

/* second level menus */
#nav ul ul {
	background: #1a72a0;
	position: absolute;
	left: -15px;
	top: 40px;
	width: 170px;
	height: auto;
	margin: 0;
	padding: 0 0 20px 0;
}
#nav ul ul li {
	float: none;
	height: 20px;
	text-align:left;
	padding: 0 15px;
	margin:0;
}
#nav ul ul li a {
	color: #fff;
}

/* current page */

#nav ul li.current-menu-item, #nav ul li.current-menu-ancestor, #nav ul li.current-menu-parent, #nav ul li.current_page_item, #nav ul li.current_page_ancestor, #nav ul li.current_page_parent {
	border-top:5px solid #71c1eb;
	float: left;
	height:60px;
	text-align:center;
	padding: 0;
	margin:0 25px;
	list-style: none;
	font-size: 0.9em;
}
#nav .current-menu-item > a, #nav .current-menu-ancestor > a,  #nav .current-menu-parent > a, #nav .current_page_item > a, #nav .current_page_ancestor > a,  #nav .current_page_parent > a {
	color:#fff;
	margin: 15px auto 0 auto;
}
#nav .current-menu-item > a:hover, #nav .current-menu-ancestor > a:hover,  #nav .current-menu-parent > a:hover, #nav .current_page_item > a:hover, #nav .current_page_ancestor > a:hover,  #nav .current_page_parent > a:hover {
	color:#71c1eb;
}
/* current page for second level menus */
#nav ul ul li.current-menu-item, #nav ul ul li.current-page-item {
	border-top:none;
	float: none;
	height: 20px;
	text-align:left;
	padding: 0 15px;
	margin:0;
}
#nav ul ul li.current-menu-item a, #nav ul ul li.current-page-item a {
	color:#71c1eb;
}

/*  HOME PAGE  */

#featureBg {
	background:url(Images/photo_bar.jpg) repeat-x top center;
	height:410px;
	width:100%;
}

.homeText {
	margin:140px 0 0 0;
}
.homeText h1 {
	font-size:1.9em;
	margin-bottom:8px;
}
.homeText p {
	color:#7a3f98;
}
.homeText img {
	float:left;
	margin:5px 15px 0 0;
}
.homeText .left p {
	font-size:1.2em;
	line-height:125%;
	margin-bottom:18px;
}
.homeText .right {
	margin:-8px 0 0 0;
}
.homeText .right h4 {
	text-align:left;
	font-size:1.2em;
	margin:0 0 15px 0;
}
.homeText .right p {
	text-align:left;
}

#ctaRow {
	clear:both;
	width:100%;
	height:110px;
	padding-top:40px;
	background:url(Images/cta_bg.png) center top;
    background-repeat: no-repeat;
    background-size: 100% 150px;
	margin:50px auto 50px auto;
	vertical-align:middle;
}
#ctaRow p {
	float:left;
	width:300px;
	color:#fff;
	font-family: 'Josefin Sans', sans-serif;
	text-align:center;
	font-size:30px;
	margin:0 90px 0 90px;
	line-height:105%;
}

#affiliations {
	width:100%;
	height:170px;
	padding:15px 0;
	background:#f0f0f0;
	text-align:center;
	margin-bottom:5px;
}
#affiliations img {
	float:left;
	margin:0 10px;
	max-height:100px;
}

/* shopping cart */

.wpspsc_checkout_form td {
	padding-top:25px;
}
.shopping_cart table th, .shopping_cart table td, .shopping_cart table span {
	font-size:15px;
	margin:1em auto;
}
.shopping_cart h2, .wp_cart_visit_shop_link {
	display:none;
}
.shopping_cart input[type=text] {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #ddd;
	color: #888;
	padding: 10px;
	margin: 5px 0 10px 0;
	display: block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.shopping_cart input[type=submit], .wp_cart_button_wrapper input[type=submit] {
	background-color: #1a72a0;
	border-bottom:3px solid #4f91d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	padding: 10px 15px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 1.2em;
	text-align: center;
	font-weight:lighter;
	color:#fff;
}
.shopping_cart .wpspsc_coupon_section {
	border-top:1px solid #efefef;
	padding-top:1em;
	margin-top:1em;
}
.shopping_cart .wspsc_cart_item_row th, .shopping_cart .wpspsc_coupon_label, shopping_cart .wpspsc_cci_input_label {
	font-weight:bold;
	font-size:17px;
}
.shopping_cart .wpspsc_cci_input {
	min-width:920px;
	height:50px;
	word-wrap: break-word;
    word-break: break-all;
}
.shopping_cart .wspsc_cart_item_qty, .shopping_cart .wspsc_cart_qty_th {
	float:right;
	text-align:right;
}
.wp_cart_empty_cart_section img {
	width:300px;
}


/*  INNER PAGES  */

#pageContent {
	min-height: 400px;
	padding: 30px 0;
	overflow:hidden;
}
#pageLeft {
	float: left;
	width: 47%;
}
#pageRight {
	float: right;
	width: 47%;
}

/* contact form */

.wpcf7-form p {
	line-height: 140%;
}
.wpcf7-submit {
	font-size: 1.2em;
	position: relative;
	z-index: 2000;
}
.wpcf7-validation-errors {
	clear: left;
	min-height: 35px;
}
.wpf7 #message {
	clear: left;
	min-height: 35px;
}

/* BLOG */

#blogContent {
	float: left;
	width: 650px;
	overflow: visible;
	padding: 35px 0 35px 0;
}
#blogContent h2 {
	padding: 35px 0 0 0;
}
#blogContent .entry {
	padding: 25px 0;
}
#blogContent .entry p {

}
#blogContent .socialShare {
	clear:both;
	padding: 25px 0;
	border-bottom:3px solid #ddd;
}
#blogContent .yarpp-related {
	padding: 25px 0 0 0;
}

.relatedPosts {
	margin:35px auto;
}

/* post nav */

.postPagesNav {
	padding:20px 0;
}
.postPagesNav .postPagesNavLeft {
	float: left;
}
.postPagesNav .postPagesNavRight {
	float: right;
}

/* blog images */

.post img .alignleft, .entry .alignleft img, .entry .wp-caption .alignleft img {
	float: left;
	margin: 0 15px 0 0;
}
.post img .alignright, .entry .alignright img, .entry .wp-caption .alignright img {
	float: right;
	margin: 0 0 0 15px;
}
.wp-caption .alignleft {
	float: left;
	margin: 0 15px 0 0;
}
.wp-caption .alignright {
	float: right;
	margin: 0 0 0 15px;
}
.wp-caption-text {
	font-size: 0.8em;
	text-align: center;
	color: #666666;
}

/* comments */

#comments {
	padding: 30px 0 20px 0;
	clear: both;
	width:100%;
}
#comments h3 {
	border-top: 5px solid #ddd;
	padding-top: 15px;
}
#comments .fn {
	font-weight: bold;
}
.commentlist {
	padding: 0;
	margin: 0;
	border-top: 3px solid #e0d9d3;
}
.commentlist li {
	border-bottom: 1px dashed #999;
	padding: 7px;
}
.commentlist li p {
	padding: 7px;
}
#commentform {
	margin: 0 0 10px 0;
}
#commentform label {
	font-size: 0.8em;
	display: block;
	margin-bottom: 5px;
}
#commentform input {
	width: 250px;
	padding: 5px;
}
#commentform textarea {
	width: 570px;
	margin-top: 15px;
	padding: 10px;
}

/*  SIDEBAR  */

#sidebar {
	float: right;
	width: 255px;
	min-height: 400px;
	overflow: visible;
	padding: 60px 0 35px 0;
	font-size: 0.9em;
}
#sidebar .sidepanel {
	margin: 0;
	padding: 0 0 25px 0;
	overflow: hidden;
}
#sidebar .sidepanel h4 {
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0;
}
#sidebar .sidepanel .button {
	margin: 10px auto;
}
#sidebar .sidepanel img {
	max-width:100%;
}
#sidebar .sidepanel .searchBox {
	max-width:92%;
}

/*  FOOTER  */

#footer {
	width: 100%;
	overflow:visible;
	min-height: 150px;
	clear: both;
	background:#1a72a0;
}
#footer .footerLeft {
	float: left;
	width: 43%;
	margin: 20px 0 0 0;
	padding-left:10px;
}
#footer .footerRight {
	float: right;
	width: 43%;
	text-align: right;
	margin: 20px 0 0 0;
}
#footer p {
	font-size: 0.7em;
	color: #dae6ec;
	padding: 0;
	margin: 0 0 7px 0;
}
#footer a {
	color: #dae6ec;
}
#footer a:hover {
	text-decoration:underline;
}
#footer ul {
	padding: 0;
	margin: -5px 0 10px 0;
	text-align: center;
	float: right;
}
#footer li {
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
	list-style: none;
	text-align: center;
	font-size: 0.7em;
}
#footer li:after {
	content: '/';
	float: right;
	margin: 0 -5px 0 5px;
	color: #dae6ec;
}
#footer .page-item-17:after {
	content: '';
}

#footer .outboxOnline {
	color: #689bb5;
}
#footer .outboxOnline a {
	color: #689bb5;
}
#footer .outboxOnline a:hover {
	color: #fff;
}