/*   
Theme Name: ÜGG Theme - Thematic
Theme URI: htt://www.theubergeekgirl.com
Description: The theme for UGG.com
Author: Ira F. Cummings
Author URI: http://iracummings.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* *********************************************
			COLOR SWATCHES
			
UGG PURPLE: #6C217F;
UUG LT BLUE: #72CDF4;
LT GREY: #DFDFDF;
MD GREY: #939393;
DK GREY: #757575;

********************************************* */

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
/* @import url('../thematic/library/styles/typography.css'); */

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Footer styles for Mona */
@import url('footer.css');

/* *********************************************
			CUSTOM STYLES GLOBAL 
********************************************* */
body {
    background:#fff url('images/page-bg.jpg') top center repeat-x;
	}
div#wrapper {
	width:982px;
	margin:0 auto;
	background:transparent url('images/wrapper-bg.jpg') center 147px no-repeat;
	}

/* *********************************************
			TYPOGRAPHY GLOBAL 
********************************************* */
body {
    font-size:100%;
    line-height:1.2em;
    font-family: Helvetica, Verdana, sans-serif;
}
p {
    font-size:1em;
    font-family: Helvetica, Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
    margin-bottom:1.2em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
	}
ul, ol, li {
	font-size:1em;
    font-family: Helvetica, Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
	}
h1 {
	font-size:2.4em;
	}
h2 {
	font-size:1.8em;
}
h3 {
	font-size:1.2em;
	}
h4 {
	font-size:1.0em;
	font-weight:bold;
	}
div.menu ul li a {
	font-size:1em;
	}

/* *********************************************
			LINK STYLES GLOBAL 
********************************************* */
a, a:link {
	color:#6C217F;
	text-decoration:underline;
	}
a:visited {
	color: #939393;
	}
a:hover, a:active {
	color: #72CDF4;
	text-decoration: none;
	}

/* *********************************************
			IMAGES GLOBAL 
********************************************* */
.alignleft,
img.alignleft {
	margin-right:12px;
	}
.alignright,
img.alignright {
	margin-left:12px;
	}

/* *********************************************
			HEADER 
********************************************* */
/*		LOGO 		 */
a#ugg-logo {
	margin:0 0 0 -30px;
	padding:0;
	width:388px;
	height:140px;
	display:block;
	}
ul#header-contact {
	position:absolute;
	top:36px;
	left:620px;
	}
ul#header-contact li#call-me {
	color: #939393;
	background: transparent url('images/call-icon.gif') -4px center no-repeat;
	padding:8px 0 4px 44px
	}
ul#header-contact li#email-me {
	color: #939393;
	background: transparent url('images/email-icon.gif') left center no-repeat;
	padding:8px 0 4px 44px
	}
ul#header-contact a {
	color: #939393;
	text-decoration:none;
	}
div#access {
	margin:0 auto;
	padding:0;
	}
div#header {
	clear:both;
	margin-bottom:50px;
	}

/*		NAVIGATION 		 */
div.menu {
	width:100%;
	margin:-2px 0 0;
	padding:0;
	}
div.menu ul.sf-menu {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	float:none;
	}
div.menu ul.nav-menu {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	float:none;
	}
div.menu ul li {
	display:inline;
	height:28px;
	}
div.menu ul li a {
	padding:7px 12px;
	margin:10px 0px;
	height:28px;
	background:#6C217F url('images/nav-bg.jpg') bottom left repeat-x;
	}
div.menu ul li a:link,
div.menu ul li a:visited,
div.menu ul li a:hover,
div.menu ul li a:active {
	color:#fff;
	text-decoration:none;
	border:none;
	text-shadow: 1px 1px 1px #000;
	}
div.menu ul li a:hover {
	background:#FFF;
	color:#6C217F !important;
	}

/* *********************************************
			HOMEPAGE 
********************************************* */
body.home div#container,
body.home div#container div#content {
	width:960px;
	margin:0 !important;
	padding:0 !important;
	}
body.home div#main div#container div#content img.tagline {
	margin:10px auto 30px;
	display:block;
	width:903px;
	height:148px;
	}
body.home div#main div#container div#content div.column {
	width:468px;
	margin:0 0 0 12px;
	float:left;
	}
body.home div#main div#container div#content div.column h1 {
	width:468px;
	margin-bottom:6px;
	font-size:1.33em;
	color:#72CDF4;
	}
body.home div#main div#container div#content div.column p {
	width:468px;
	}
body.home div#main div#container div#content div.column a {
	display:block;
	width:428px;
	height:38px;
	margin-bottom:6px;
	padding:18px 0 0 30px;
	background:#DFDFDF url('images/biglinks-middle.jpg') center repeat-x;
	color:#000;
	text-decoration:none;
	}
body.home div#main div#container div#content div.column h1 + a {
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
}
body.home div#main div#container div#content div.column a:last-child {
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
}
body.home div#main div#container div#content div.column a:hover {
	background:#757575;
	}
body.home div#main div#container div#content div.column a span {
	font-weight:bold;
	font-size:1.4em;
	}
body.home div#main div#container div#content div#homepage-bottom {
	width:960px;
	display:block;
	margin:50px 0;
	clear:both;
	}
body.home div#main div#container div#content div#homepage-bottom ul.xoxo {
	width:960px;
	}
body.home div#main div#container div#content div#homepage-bottom ul.xoxo li {
	padding:0;
	margin:0;
	background:none;
	}
body.home div#main div#container div#content div#homepage-bottom ul.xoxo li.widgetcontainer {
	width:282px;/* 320px -1px border on right and left, -18px margin, -12px (X2) padding */
	height:306px;
	margin-right:18px;
	padding:12px;
	display:block;
	float:left;
	border:1px solid #DFDFDF;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
	}
body.home div#main div#container div#content div#homepage-bottom ul.xoxo li#text-9 {
	margin-right:0 !important;
	}
body.home div#main div#container div#content div#homepage-bottom ul.xoxo li.widgetcontainer h3 {
	font-size:1.33em;
	color:#72CDF4;
	margin:0 0 8px;
	}
body.home div#main div#container div#content div#homepage-bottom ul.xoxo li.widgetcontainer h4 {
	margin:0;
	}
body.home div#main div#container div#content div#homepage-bottom ul.xoxo li.widgetcontainer p {
	width:100%;
	}
body.home div#main div#container div#content div#homepage-bottom ul.xoxo li.widgetcontainer input {
	width:95%;
	}
body.home div#main div#container div#content div#homepage-bottom ul.xoxo li.widgetcontainer object {
	margin:18px 0 0;
	}

/* *********************************************
			CONTENT PAGES 
********************************************* */
body.page div#main div#container div#content {
	overflow:visible !important;
	margin-left:18px;
	}
body.page div#main div#container div#content h1.entry-title {
	color:#72CDF4;
	margin-bottom:8px;
	}
body.page div#main div#container div#content h2 {
	margin:0 0 3px;
	color:#757575;
	line-height:1em;
	}
body.page div#main div#container div#content h3 {
	color:#72CDF4;
	margin-bottom:4px
	}
body.page div#main div#container div#content p {
	width:530px;
	}
body.page div#main div#container div#content ul {
	width:530px;
	margin-bottom:1.2em;
	}
body.page div#main div#container div#content ol {
	width:530px;
	margin-bottom:1.2em;
	margin-left:22px;
	padding:0;
	list-style: decimal outside none;
	}
body.slug-services div#main div#container div#content ul li {
	background: transparent url('images/bullet.gif') left 8px no-repeat;
	margin-left:-8px;
	padding-left:8px;
	}
body.slug-support div#main div#container div#content form#support-form {
	margin-bottom:18px;
	}
body.page div#main div#container div#content cite {
	color:#757575;
	}
body.page div#main div#container div#content .entry-content img {
	margin-bottom:12px;
	}
body.page div#main div#primary li.widgetcontainer {
	margin:0 0 18px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	}

/* *********************************************
			BLOG CONTENT
********************************************* */
body.blog div#main div#container div#content,
body.single  div#main div#container div#content,
body.archive  div#main div#container div#content {
	margin:0 0 0 14px;
	width:530px;
	}
body.blog div#main div#container div#content h1#blog-intro,
body.single div#main div#container div#content h1#blog-intro,
body.archive div#main div#container div#content h1#blog-intro {
	width:530px;
	margin:6px 0 4px;
	font-size:1.2em;
	color: #939393;
	}
body.blog div#main div#container div#content div.post,
body.single  div#main div#container div#content div.post,
body.archive  div#main div#container div#content div.post {
	margin:0 0 45px;
	padding-bottom:65px;
	background:#fff url('images/post-rule.gif') bottom center no-repeat;
	}
body.single div#main div#container div#content h1 {
	color:#72CDF4; /* Color for just the header on single pages */
	}
body.blog div#main div#container div#content div.post h2,
body.single div#main div#container div#content div.post h2,
body.archive div#main div#container div#content div.post h2 {
	width:530px;
	margin:0 0 8px;
	}
body.blog div#main div#container div#content div.post h2 {
	font-size:2.4em;
	}
body.blog div#main div#container div#content div.post h2 a,
body.single div#main div#container div#content div.post h2 a,
body.archive div#main div#container div#content div.post h2 a {
	color:#72CDF4;
	text-decoration:none;
	}
body.blog div#main div#container div#content div.post div.entry-meta,
body.single div#main div#container div#content div.post div.entry-meta,
body.archive div#main div#container div#content div.post div.entry-meta {
	font-size:.625em;
	}
body.blog div#main div#container div#content div.post p,
body.single div#main div#container div#content div.post p,
body.archive div#main div#container div#content div.post p {
	width:530px;
	}
div.entry-utility {
	clear:left;
	font-size:
	}
body.blog div#main div#container div#content div.post blockquote p,
body.single div#main div#container div#content div.post  blockquote p,
body.archive div#main div#container div#content blockquote p {	
	width:75%;
	margin:6px auto 12px;
	padding:12px 0;
	border-top:1px solid #72CDF4;
	border-bottom:1px solid #72CDF4;
	color:#939393;
	font-size:1.2em;
	line-height:1.2em;
	}
body.blog div#main div#container div#content div.post ol,
body.single div#main div#container div#content div.post  ol,
body.archive div#main div#container div#content ol {
	list-style:decimal;
	}
/* BLOG NAVIGATION */
div#nav-below {
	text-align:center;
	margin:0 0 20px;
	}
div#nav-below div.nav-previous,
div#nav-below div.nav-next {
	display:inline;
	margin:6px;
	}
div#nav-below div.nav-previous a,
div#nav-below div.nav-next a {
	width:184px;
	padding:12px 20px;
	background-color: #939393;
	color:#fff;
	line-height:2.2em;
	}
div#nav-below a {
	color:#fff;
	text-decoration:none;
	}
/* *********************************************
			SIDEBARS 
********************************************* */
div#primary {
	margin-top:42px;
	}
div#primary li.widgetcontainer {
	margin-bottom:12px;
	}
div#primary ul {
	list-style:none;
	margin:0;
	padding:0;
	}
div#primary ul li {
	margin:0;
	padding:0;
	}
div#primary h3.widget-title {
	margin:0;
	padding:0;
	}
body.page div#primary ul.xoxo li.widgetcontainer {
	padding:12px;
	border:1px solid #DFDFDF;
	}
/* *********************************************
			COMMENTS 
********************************************* */
div#comments-list {
	
	}
div#comments-list ol {
	margin:12px 0;
	}
div#comments-list li.comment {
	clear:both;
	margin:12px 0 18px 0px;
	padding:6px 0 12px 150px;
	border-bottom:1px solid #DFDFDF;
	}
div#comments-list div.comment-author {
	float:left;
	position:relative;
	left:-150px;
	margin:0 -138px 0 0; /* 12px - width of div */
	}
div#comments-list div.comment-author img {
	display:block;
	margin:0 0 12px;
	}
div#comments-list div.comment-meta {
	margin:0 0 6px;
	font-size:.8em;
	}
div#form-section-comment div#form-textarea textarea {
	width:100%;
	}
div#form-allowed-tags {
	font-size:.8em;
	}

/* *********************************************
			FOOTER 
********************************************* */
div#footer {
	width:960px;
	height:40px;
	clear:both;
	margin:26px auto 0; 
	padding-top:65px;
	text-align:center;
	font-size:.8em;
	color:#FFF;
	background:#6C217F url('images/footer-logo.gif') center 20px no-repeat;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
div#footer a,
div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active {
	color:#fff;
	}
	
/* *********************************************
			FORM STYLES 
********************************************* */
form.wpcf7-form p {
	margin-bottom:6px;
	}
label {
	font-size:.9em;
	}

input {
	border:1px solid #DFDFDF;
	padding:6px;
	}
input#submit-mail-list {
	width:92px !important;
	float:right;
	}
input#searchsubmit {
	margin:3px 0;
	}
div.wpcf7 {
	margin:0 0 20px !important;
	}
span.wpcf7-list-item {
	display:block;
	margin-left:0 !important;
	}
/* *********************************************
			PLUGIN SPECIFIC STYLES 
********************************************* */
/* Cufon tools */
.cufon-loading {
	text-indent: -9999px;
	}
.cufon-ready {
	text-indent: 0px;
	}
/* Twitter tools */
div.aktt_tweets ul li {
	margin-bottom:12px !important;
	}
/* Contact form 7 */
.home .wpcf7-response-output {
font-size: 0.8em;
position: relative;
top: -40px;
width: 50%;
}