/*  
Theme Name: Pop Stalin Design Main Site
Theme URI: http://www.popstalin.com/
Description: Pop Stalin Design Template
Version: 7.0
Author: Jen Huls
Author URI: http://www.popstalin.com
*/

body {font:normal .875em/1.3em "Lucida Grande", Helvetica, Arial, sans-serif; margin: 0; padding: 0; color:#444; background:#fff; }

h1, h2, h3 { color:#666; margin:0; padding:0; }
h1 { font-size:1.6em; line-height:1em; }
h1 span { font-size:.875em!important; }
h2 { font-size:16px; }
h3 { font-size:.875em; color:#000; }
h4 { color:#fff; font-size:1.05em; text-align:left; margin:0 0 8px 0; padding:0; }

div.section h4 { color:#fff; font-size:1.05em; margin:0 0 8px 0; padding:0; text-align:left; }
div.section h5 { color:#fff; font-size:.9em; margin:0 0 8px 0; padding:0; text-align:left; }

ol li h2 { color:#000!important; font-size:1.2em; font-weight:bold; padding:0; margin:0; }

.entry h2 { color:#000; }
.entry li { font-size:.85em; }
.entry li h3 { font-size:1.125em; margin:0; border-top:1px dotted #CCC; padding-top:4px; }

img { border:none; }

.columnLeft p, .columnRight p, p.aboutHome, #sidebar p, .txt p, div.section p, #footer p { font-size:.8em; margin:0 0 10px 0; padding:0; }
#content p { font-size:.875em;  }

div.section p { background:url(images/fpPara-bkg.jpg) repeat; font-weight:normal; }
div.section p.nbk { background:none!important; }
.txt p { line-height:1.3em; }
#footer p { text-align:right; margin-right:195px; padding-top:50px;}

a:link, a:visited { color:#7b2e00; text-decoration:none; font-weight:bold; }
a:hover { color:#7b2e00; text-decoration:underline; font-weight:bold; }

#header a:link, #header a:visited, #headerPort a:link, #headerPort a:visited { color:#e3ccb1; }
.txt a:link, .txt a:visited { color:#ffcc30!important; background:#582f03!important; }
.txt a:hover { color:#fff!important; text-decoration:none!important; background:#582f03!important; }
#header a:hover, #headerPort a:hover { color:#e3ccb1; text-decoration:underline; }

/* STRUCTURE ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#container{ width: 970px; margin: 0 auto; }
div#footer { width:922px; margin:0 auto; background:url(images/footerLogo.gif) bottom no-repeat; height:146px; }
div#glider { width:670px; height:262px; margin-top:12px; float:left;}
div#header { width:922px; height:288px; margin:0 auto; background:#fff url(images/blankHeader.jpg) top no-repeat; }
div#headerPort { width:922px; height:288px; margin:0 auto; background:#fff url(images/portfolioHeader.jpg) top no-repeat; }
div#headerContact { width:922px; height:288px; margin:0 auto; background:#fff url(images/contactHeader.jpg) top no-repeat; }
div.txt { float:right; width:225px; height:242px; margin-top:12px; padding:10px; text-align:left; color:#fff; line-height:0.875em; }
div#content { float:left; width:625px; margin:0 5px 0 24px; background:url(images/rightNav-bkg.gif) bottom repeat-x; padding:15px 15px 20px 19px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2; }
div#home-content { float:left; width:625px; margin:0 5px 0 24px; background:url(images/rightNav-bkg.gif) bottom repeat-x; padding:15px 15px 0 19px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2; }
div#menu { width:922px; height:116px; margin:0 auto; background:url(images/logo.gif) left top no-repeat; }
div#sidebar { width:225px; float:right; background:url(images/rightNav-bkg.gif) bottom repeat-x; margin:0 25px 0 0; padding:15px 10px 5px 15px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2;}

/* CLASSES ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.clear { clear:both; }
.columnLeft { float:left; width:295px; margin-top:20px; }
.columnRight { float:right; width:295px; margin-top:20px; }

.entry { margin-bottom:20px; border-bottom:1px dotted #999; padding-bottom:20px; }
.entry img { float:left; margin-right:15px; border:none; }

.design { background:url(images/design-icon.gif) no-repeat; height:16px; width:16px; }
.css { background:url(images/css-icon.gif) no-repeat; height:16px; width:16px; }
.cms { background:url(images/cms-icon.gif) no-repeat; height:16px; width:16px; }
.ident { background:url(images/ident-icon.gif) no-repeat; height:16px; width:16px; }

.vcard span, .vcard div, .vcard a { line-height:1.6em; font-size:.85em; }

/* NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#nav {float:right; width:738px; height:116px; }
div#nav ul	{ width: 738px; height: 116px; background:url(images/nav.gif); margin: 0; padding: 0; position: relative; }
div#nav ul li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0px; }	
div#nav ul li, div#nav a { height: 116px; display: block; }
div#nav ul li a	{ text-indent: -9999px; text-decoration: none; }

#mn1 {left: 0px; width: 182px;}
#mn2 {left: 185px; width: 182px;}
#mn3 {left: 370px; width: 182px;}
#mn4 {left: 555px; width: 182px;}

#mn1 a:hover {background: transparent url(images/nav.gif) -0px -116px no-repeat;}
#mn2 a:hover {background: transparent url(images/nav.gif) -185px -116px no-repeat;}
#mn3 a:hover {background: transparent url(images/nav.gif) -370px -116px no-repeat;}
#mn4 a:hover {background: transparent url(images/nav.gif) -555px -116px no-repeat;}

#mn1.current {background: transparent url(images/nav.gif) -0px -116px no-repeat;}
#mn2.current {background: transparent url(images/nav.gif) -185px -116px no-repeat;}
#mn3.current {background: transparent url(images/nav.gif) -370px -116px no-repeat;}
#mn4.current {background: transparent url(images/nav.gif) -555px -116px no-repeat;}

/* LISTS ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#header .txt ul { list-style:none; margin:0; padding:0; width:225px; height:28px; background:url(images/keyBkg.jpg) no-repeat; margin-bottom:8px; padding-top:8px; }
div#header .txt ul li { list-style:none; display:inline; font-size:0.75em; padding:20px 0 0 0; margin-left:5px; }

#content ul { font-size:.875em;  }

#sidebar ul { margin:0; padding:0; list-style:none; margin-bottom:10px; }
#sidebar ul li { margin:0; padding:0 0 4px 0; list-style:none; font-size:.85em; border-bottom:1px dotted #CCC; }

.columnRight ul { margin:0; padding:0; list-style:none; font-size:.8em; border-top:1px dotted #ccc; }
.columnRight ul li { padding:3px 0 3px 0; border-bottom:1px dotted #ccc; }

#content ul.key { list-style:none; margin:0; padding:0; width:225px; height:28px; background:#562d01; margin-bottom:8px; padding-top:3px; float:left; }
#content ul.key li { list-style:none; display:inline; font-size:0.75em; padding:20px 0 0 0; margin-left:5px; color:#fff; }

.section ul { margin:0; padding:0; background:url(images/fpPara-bkg.jpg) repeat; }
.section li { display:inline; padding:6px 0 3px 0; list-style:none; font-size:0.75em; line-height:25px; }
.section li.design { background-image:url(images/design-icon.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-left:20px; }
.section li.css { background-image:url(images/css-icon.gif) no-repeat;  background-repeat: no-repeat; background-position: 0 .5em; padding-left:20px; }
.section li.cms { background-image:url(images/cms-icon.gif) no-repeat;  background-repeat: no-repeat; background-position: 0 .5em; padding-left:20px; }
.section li.ident { background-image:url(images/ident-icon.gif) no-repeat;  background-repeat: no-repeat; background-position: 0 .5em; padding-left:20px; }

.entry ul { margin:0; padding:0; list-style:none; width:263px; float:right; }
.entry ul li { margin:0; padding:0 0 3px 2px; list-style-type:none; }
.entry ul li.indent { list-style-type:square; margin:0 0 0 15px; padding:0; }
.entry li.uline { border-top:1px dotted #CCC; padding-top:4px; margin-top:2px; }

/* GLIDER ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 670px; 
	height: 248px;
	overflow: hidden;
	margin-top:3px;
}
div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:660px;
		height:248px;
		overflow:hidden;
		float:left;
		padding:10px 15px 0 0;	
		color:#fff;	
}
div.scroller div.content {
		width: 10000px;
}

div.section img { float:left; margin-right:10px; width:359px; }

.controls ul { margin:0; padding:0; font-size:.8em; margin-top:-6px; }
.controls ul li { height:20px; width:20px; color:#fff; list-style:none; display:inline; background:url(images/fpPara-bkg.jpg); padding:3px 8px 3px 8px; }

.controls a, .controls a:link, .controls a:active { text-decoration: none; color: #fff; height:20px; width:20px; }
.controls a:hover { color: #ee5e21; width:20px; height:20px; }