/*
Theme Name: Company K Media
Theme URI: http://www.companykmedia.com/
Description: Custom template for companykmedia.com. Design by Nadine Robbins of Namaro (http://namaro.com).
Version: 1.0
Author: Joe Landsman
Author URI: http://dnlomnnimedia.com
Author Email: joe.landsman@dnlomnimedia.com
*/

/**********************************************************************************
Design & Layout
**********************************************************************************/
html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #de751b;
	text-align: center;
}

#page {
	position: relative;
	top: 0;
	left: 0;
	background: #2e1d51;
	width: 1024px;
	margin: 45px auto 0 auto;
	padding: 0;
	text-align: left;
}

#header {
	position: relative;
	top: 0;
	left: 0;
	height: 180px;
	background: transparent url(images/shadow-tl.png) no-repeat left top;
}

#logobox {
	position: absolute;
	top: 87px;
	left: 78px;
	z-index: 100;
	margin: 0;
	padding: 0;
}

#taglinebox {
	position: absolute;
	top: 18px;
	right: 27px;
	margin: 0;
	padding: 0;
}

#container { position: relative; top: 0; left: 0; }
#homepage #wrapper1 { background: transparent url(images/homepage-footer-gradient.png) no-repeat left bottom; }
#container td { vertical-align: top; }

#content { width: 738px; background: #fff; }
#homepage #content  { background: transparent; }

#rightside {
	position: relative;
	width: 286px;
	background: #482e78 url(images/shadow-rightside-tr.png) no-repeat right top;
}
#homepage #rightside { background-color: transparent; }

#socialneworkingbox {
	float: left;
	width: 170px;
}

#tagsbox {
	float: left;
	width: 252px;
}

#readingnowbox {
	float: left;
	width: 316px;
}

#tagsbox h2, #readingnowbox h2, #rightside h2 {
	margin-top: 0;
}


#readingnowbox ul {
	margin: 0;
	padding: 0 0 0 18px;
}

#homepage-icons-twitter {
	position: absolute;
	top: 155px;
	left: 940px
}

#homepage-icons-bookmarks {
	position: absolute;
	bottom: 60px;
	left: 435px;
}

#homepage-icons-tags { 
	position: absolute;
	bottom: 60px;
	left: 180px;
}

#footer {
	padding-top: 60px;
}

#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer li {
	display: inline;
	padding: 0 2px;
}

#content #readingnowbox ul { list-style-type: disc; }
#content #readingnowbox li { color: #de751b; }

#innerpage #content ul, #innerpage #content ol {
	list-style-type: none;
	padding: 0px;
	margin: 0;
        
}

#innerpage #content li {
	background-image: url(images/bullet-circle.png);
	background-repeat: no-repeat;
	padding-left: 34px;
	min-height: 30px;
}

#innerpage #content ol li {
	background-position: 2% 14%;
}

h2:first-child {
	margin-top: 0;
}

#innerpage.single h2:first-child, #innerpage.page h2:first-child {
	padding-right: 100px;
}

#categories, #archives {
	list-style: none;
	padding: 0;
	margin: 0;
}

blockquote {
	display: block;
	background-color: #dfdbea;
	margin: 0 18px 18px 0;
	padding: 10px 18px;
}

blockquote p:first-child { margin-top: 0; }

blockquote p:last-child { margin-bottom: 0; }

/**********************************************************************************
Nav
**********************************************************************************/
#navbox {
	position: absolute;
	top: 142px;
	z-index: 900;
	padding-right: 95px;
	height: 38px;
	background: transparent url(images/shadow-nav-highlight.png) no-repeat -9000px top;	/* this bg image will be positioned by scripts observing the child li's */
	width: 929px;
	text-align: right;
}

#nav {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 38px;
	padding-right: 95px;
}

#nav > li {
	position: relative;
	display: block;
	float: left;
	padding: 0 7px;
}

#nav > li > a {
	line-height: 34px;
	height: 38px;
	color: #cbcabd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

#nav > li:hover > a {
	color: #ffffff;
}

#nav li ul {
	display: none;
	list-style: none;
	position: absolute; 
	top: 29px;
	left: -10px;
	text-align: left;
	width: 282px;
	z-index: 900;
	background: transparent url(images/subnav-back.png) no-repeat center bottom;
	margin: 0;
	padding: 0 9px 9px 9px;
 }

#nav li ul li {
	padding-left: 10px;
}

#nav li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 19pt;
	color: #2e1d51;
	font-weight: normal;
	display: block;
	float: none;
}

#nav li ul li:hover a {
	font-weight: bold;
	text-decoration: none;
}

li > ul {
	top: auto;
	left: auto;
}

#nav li:hover ul { display: block !important; }

/**********************************************************************************
Typography
**********************************************************************************/
p, li, blockquote, dt, dd, b, strong, div, .standardtype {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 15pt;
	color: #2e1d51;
	font-weight: normal;
}

blockquote, blockquote p {
	color: #2e1c51;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: bold;
}

blockquote .lquote, blockquote .rquote {
	display: inline;
}


a {color: #217fc0; text-decoration: none; font-weight:normal; }

a:hover {text-decoration:underline}

#homepage * { color: #c1bfb5; }
#homepage #rightside a { color: #a3abe8; }
#homepage #rightside a:hover { color: #a3abe8; text-decoration:underline; }
#homepage .twitter-postedon { font-size: 9pt; }

h1, h2, h3, h4, h5, h6 {color: #de751b;	font-weight: bold; margin: 1em 0; }
h1 {font-size: 20pt;}
h2, h2 a {color: #de751b; font-size: 18pt; text-transform: uppercase; font-weight: bold; line-height: 22pt; margin-bottom: 10px; }
h3 {font-size: 14pt; line-height: 20pt; font-weight: normal;}
h4 {font-weight: bold; color: #de751b; font-size: 13pt; line-height: 16pt; font-weight: normal; }
h5 { font-size: 12pt; line-height: 14pt; font-weight: normal; }
h6 { font-size: 10pt; line-height: 12pt; font-weight: normal; }

#rightside h3 {
	color: #ffffff;
	margin-bottom: 0;
}

#rightside h3:first-child {
	margin-top: 0;
}

#rightside li.current-cat a {
	color: #ffffff;
}

#tagsbox *, #readingnowbox *, #footer * {
	font-size: 11pt;
	color: #a3abe8;
	text-decoration: none;
	line-height: 15pt;
}

#tagsbox a:hover, #readingnowbox a:hover, #footer a:hover {
	color: #de751b;
} 

.quote {
	color: #fff;
	font-size: 18pt;
	line-height: 22pt;
}

.attribution {
	color: #fff;
	font-size: 10pt;
	line-height: 12pt;
	font-style: italic;
}

.highlight1 { color: #de751b; }

#rightside .innertube1 > div { margin: 15px 0; }
#rightside .innertube1 > div:first-child { margin-top: 0;}

/**********************************************************************************
Comments
**********************************************************************************/
#innerpage #content .commentlist li {
	padding-left: 0;
	margin-left: 0;
}

/**********************************************************************************
Custom widgets & gadgets
**********************************************************************************/
/* slideshow */
#slideshowbox {
	position: relative;
	top: 0;
	left: 0;
	width: 738px;
	height: 318px;
}

#rotator {
	position: relative;
	top: 0;
	left: 0;
}

#slide_navbar {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
}

#slide_prev { float: left; width: 17px; text-align: center;  padding-left: 72px;}
#slide_next { float: left; width: 17px; text-align: center; }
#slide_nav { float: left; }

#homepage #slide_navbar a { color: #ffffff; float: left; display: block; width: 17px; text-align: center; }
#homepage #slide_nav a.activeSlide { font-weight: bold; }

/* sharethis button */
#sharethis-widget { position:absolute; right: 78px; top: 20px; }

#footer .stbuttontext { color: #ffffff; }
#footer #sharethis_0:hover { font-weight: bold; }

/* delicious tags */
#tagsbox ul.delicious-cloud a {
	font-weight: bold !important;
}

#tagsbox ul.delicious-cloud a:hover {
	color: #de751b !important;
}

/* tweets */
#twitter-2 {
	position: relative;
	top: 0;
	left: 0;
	z-index: 700;
}

#twitter-2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#twitter-2 ul li {
	padding-bottom: 10px;
	line-height: 12pt !important;
}

#twitter-2 ul li span.witter-postedon {
	font-size: 7pt !important;
}

#twitter-2 img {
	padding: 0 10px 10px 0 !important;
}

#twitter-2 .entry-meta {
	display: block;
        font-size: 7pt;
}


/**********************************************************************************
Easy contact plugin styles
**********************************************************************************/
.contact-form fieldset {
	border: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.contact-form legend {
	font-weight: bold;
	padding-left: 0;
}

/**********************************************************************************
DNL attribution
**********************************************************************************/
#dnl-attribution { text-align: right; color: #000000; font-size: 7pt;  margin: 0 auto 45px auto; width: 1024px; }
#dnl-attribution a { color: #000000;  text-decoration: underline;}
#dnl-attribution a:hover { color: #23AFE2; }

/**********************************************************************************
Misc
**********************************************************************************/
.hide { display: none; }
.clear { clear: both; }
.center { text-align: center; }
img { border: none; }
.innertube1 { padding: 18px; overflow: hidden; }
.innertube2 { padding: 18px 18px 36px 18px; overflow: hidden;  }
.innertube3 { position: relative; top: 0; left: 0; padding: 18px 78px 18px 78px; overflow: hidden;  }

.navigation { margin: 20px 0; }
.navigation a { font-size: 20pt; color: #2E1D51; }
.navigation a:hover { color: #9D71DD }
.alignleft { text-align: left; }
.alignright { text-align: right; }
img.alignleft { float: left; }
img.alignright { float: right; }

#shadow-box1 { 
	position: absolute;
	right: 0;
	bottom: 0;
	width: 260px;
	height: 356px;
	background: transparent url(images/shadlow-br.png) no-repeat right bottom;
}

strong,b {
	font-weight: bold;
}

.floatbox1 {
	float: left;
	width: 175px;
}

.sitewidth { width: 1024px; }

#debug {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	text-align: left;
	padding: 10px;
}