@charset "utf-8";
/* CSS SMM Magazine */

/* ------------------------------ Page Layout ------------------------------- */

* {
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background:#DCDDDF;
}

HTML {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#58595b;
}

#banner {
	width: 960px;
	height: 131px;
	background:#FFF url(images/orange-main-banner.jpg) top left no-repeat;
	background:#FFF url(images/blue-main-banner.jpg) top left no-repeat;
	border-bottom: #999 4px dotted ;
}

#printBanner {
	display:none;
}

#smmLogo {
	position:relative;
	width:473px;
	height:68px;
	top: 42px;
	left: 27px;
}

#beAMember {
	position:relative;
	width:168px;
	height:50px;
	top: -56px;
	left: 782px;
}


#searchBox {
	position:relative;
	width:260px;
	height:31px;
	top: -24px;
	left: 697px;
	text-align:right;
}

#topNavbarOuter {
	padding: 0px;
	border-bottom:#999 4px dotted;
}

#topNavbar {
	width:960px;
	height:28px;
	background:#a03a14; /* orange */
	background:#3a538b; /* blue */
}

#topNavbar ul li {
	float: left;
	display:inline;
	margin-left:3px;
}

#topNavbar LI a:link, #topNavbar LI a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size: 10px;
	display: block;
	width: 84px;
	height: 27px;
	line-height: 27px;
	text-align:center;
	text-decoration: none;
	text-indent: 0px;
	outline:none;
	background:url(images/orange-vertical-divider.png) left no-repeat;
	background:url(images/blue-vertical-divider.png) left no-repeat;
}

/* eliminate space before first nav item and expand width as necessary to even out the line */

#topNavbar ul li .first {
	margin-left:-4px;
	width:84px;
	background:none;

}

#topNavbar LI a:hover, #contentsPage p.sectionHead {
	color:#f99f3c; /* orange */
	color:#bbc7e3; /* blue */
}



#topNavbar UL {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#topNavbar ul LI a:link.first, #topNavbar ul LI a:visited.first {
	background:none;
}


#mainContent {
	width:960px;
	background: url(images/orange-background-blob.jpg) left 3px no-repeat;
	background: url(images/blue-background-blob.png) left 3px no-repeat;
}


#homeBoxMain {
	float:left;
	display:inline;
	width: 906px;
	margin: 20px 20px 20px 20px;
	border: #dcddde solid 8px;
	background:#fff;
	background: transparent url(images/transparent-bg.png) repeat;	
}

#homeBoxSecondary {
	width: 906px;
	float:left;
    padding-bottom:10px;
	margin: 0px 20px 20px 20px;
	border: #dcddde solid 8px;
	background:#fff;
	background: transparent url(images/transparent-bg.png) repeat;	
}


#homeBucketOne {
	float:left;

	width: 275px;
	margin: 20px 10px 20px 20px;
	background: url(images/bucket-tab.gif) left top no-repeat;
}

#homeBucketInner{
	border: #dcddde solid 8px;
	border-top: #dcddde solid 3px;
	background:#FFF;
	padding-top:12px;
	padding-bottom:20px;
	
}

#homeBucketTwo{
	float:left;
	display:inline;
	width: 275px;
	margin: 20px 10px 20px 10px;
	background: url(images/bucket-tab.gif) left top no-repeat;

}

#homeBucketThree {
	float:left;
	display:inline;
	width: 275px;
	margin: 20px 20px 20px 10px;
	background: url(images/bucket-tab.gif) left top no-repeat;
}

#textMain {
	float:left;
	display:inline;	
	width: 645px;
	margin: 20px 20px 20px 20px;
	border: #dcddde solid 8px;
	background:#fff;
	background: transparent url(images/transparent-bg.png) repeat;	
}

#contentsPage {
	float:left;
	display:inline;	
	width: 645px;
	margin: 20px 20px 20px 20px;
	border: #dcddde solid 8px;
	background:#fff;
	background: transparent url(images/transparent-bg.png) repeat;	
}

#textSidebar {
	float:left;
	display:inline;	
	width:255px;
}

#sidebarBucketTabbed {
	margin: 20px 20px 10px 0px;
	background: url(images/bucket-tab.gif) left top no-repeat;
}

#sidebarBucketTabbedInner{
	border: #dcddde solid 8px;
	border-top:none;
	background:transparent url(images/transparent-bg.png) repeat;
}

#sidebarBucket {
	margin:20px 20px 20px 0;
	border: #dcddde solid 8px;
	background:transparent url(images/transparent-bg.png) repeat;
}


.clear {
	clear:both;
}


#footerOuter {
	border-top: #a03a14 4px solid; /* orange */
	border-top: #3a538b 4px solid; /* blue */
}
#footer {
	width:960px;
	margin:auto;
	border-top:#999 4px dotted;
	margin-top: 2px;
}
	




/* ------------------------------ Text Styles ------------------------------- */


#homeBoxMain p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin:0 20px 10px 20px;
	color:#000;
	text-align:center;
	
}

#textMain p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0 20px 10px 20px;
}

#contentsPage p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0 0px 10px 20px;
	font-weight: bold;
	padding: 2px 10px;
}

.magazineThumbmail {
	float:right;
	padding-left:10px;
	border: none;
}

#textMain h1, #textMain h2, #textMain h3, #textMain h4, #textMain h5, #textMain h6,
#contentsPage h1, #contentsPage h2, #contentsPage h3, #contentsPage h4, #contentsPage h5, #contentsPage h6, {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#textMain h1, #contentsPage h1 {
	font-size:1.2em;
	font-weight:bold;
	margin:10px 20px 10px 20px;
	color:#000;
}

#textMain h2 { 
	color: #a03a14; /* orange */
	color: #3a538b; /* blue */
	font-size: 1em;
	margin-bottom: 10px;
	margin:0 20px 5px 20px;
}

#textMain h3, #contentsPage h3 {
	color:#58595B;
	font-size: .7em;
	margin: 20px 20px 10px 20px;
}

.copyright {
	font-size:.75em;
	text-align:center;
	margin: 12px 20px 0 20px;
	padding-bottom:12px;
	
}

.bottomNav {
	font-size:.75em;
	margin: 20px 20px 20px 20px;
	text-align:center;
}

.connectWith {
	font-size:.8em;
	text-align:center;
	border-bottom: #666 4px dotted ;
	margin-bottom:20px;
	line-height:200%;
	letter-spacing: 2px;
	margin: 0 350px 10px 350px;
}

a:link, a:visited, 
#footer a:link, #footer a:visited,  
h3 a:link, h3 a:visited, 
#textSidebar a:link, #textSidebar a:visited {
	color:#a03a14; /* orange */
	color:#3a538b; /* blue */
}


.buttonLeft {
	background:url(../images/button_l.png) no-repeat;
}
	
.buttonRight {
	background:url(../images/button_r.png) no-repeat;
}	

.button {
	background:url(../images/button_m.png);
	height:29px;
	padding-top:4px;
	line-height:100%;
	width:175px;
	text-align:center;

}

p.button a {
	color:#000;
}

.colorOfTheMonth {
	color:#a03a14; /* orange */ 
	color:#3a538b; /* blue */ 
}

.tabHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	margin: 6px 10px;
}

.tabHeadingSidebar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	margin: 6px 10px;
	padding-top: 8px;
}

.sidebarBucketImage {
	margin:30px 30px 20px 43px;
	border:#999 4px dotted;
	
}

.homeBucketImage {
	padding: 10px 30px 0px 30px;
}

.homeBucketHeadline {
	font-size:.9em;
	margin: 0px 10px 0px 10px;
	font-weight:bold;
	padding-top:10px;
	background:url(images/gray-vertical-gradient.jpg) repeat-x;
	
}
.homeBucketText {
	font-size:.75em;
	margin: 0px 10px 10px 10px;
	font-style:italic;
}

.readMore {
	font-size:.75em;
	margin: 0px 10px 10px 10px;
	font-style:normal;
}

.sidebarTextlinks {
	font-size:.6em;
	margin: 0px 10px 10px 10px;
	font-style:normal;
}

#contentsPage .readMore {
	font-size:.75em;
	margin: 0px 10px 0px 10px;
	font-style:normal;
	padding-bottom:0;
}

#contentsPage P.readMoreColumns {
	font-size:.65em;
	margin: 0px 10px 10px 70px;
	font-style:normal;
	border-bottom:#999 2px dotted;
	padding-bottom: 6px;
}

#contentsPage p.sectionHead {
	text-transform: uppercase;
	background-color: #000;
	margin: 20px 20px 10px 20px;
	padding: 4px 20px;
	font-weight:bold;
}

.contentIcon {
	margin: 0px 20px;

}

.contentHeadshot {
	float:left;
	border:thin dotted;
	color:#999;
	margin-right:10px;
	margin-bottom:30px;
}

#contentsPage p.contentsHeadline {
	color:#a03a14;
	color:#000;
	font-size:.9em;
	margin: 20px 20px 0px 10px;
	font-weight:bold;
	padding-top:30px;
}

.viewpoints {
	padding-right:100px;
}

#contentsPage p.columnHeadline {
	color:#a03a14;
	color:#000;
	font-size:.9em;
	margin: -30px 0px 0px 20px;
	font-weight:bold;
	padding-top:30px;
	text-decoration:none;
}

acronym {
	border-bottom:none;
}
#contentsPage p.contentsByline {
	font-size:.65em;
	margin: 0px 20px 10px 20px;
	font-style:italic;
}

#contentsPage p.viewpointsByline {
	font-size:.65em;
	margin: 0px 20px 10px 175px;
	font-style:italic;
}

#contentsPage p.readMore {
	font-size:.70em;
	margin-left:93px;
}


.contentItemViewpoints {
	margin: -10px 20px 0 20px;
	padding-top:0;
	padding-bottom:0px;
	background: url(../images/icon-viewpoints-orange-with-line.gif) right top no-repeat;
	background: url(../images/icon-viewpoints-blue-with-line.gif) right top no-repeat;
}

.contentItemBusiness {
	margin: -10px 20px 0 20px;
	padding-top:0;
	padding-bottom:10px;
	background: url(../images/icon-business-orange-with-line.gif) right top no-repeat; 
	background: url(../images/icon-business-blue-with-line.png) right top no-repeat;
}

.contentItemEducation {
	margin: -10px 20px 0 20px;
	padding-bottom: 10px;
	background: url(../images/icon-education-orange-with-line.gif) right top no-repeat;
	background: url(../images/icon-education-blue-with-line.png) right top no-repeat;
}

.contentItemMedia {
	margin: -10px 20px 0 20px;
	padding-bottom:10px;
	background: url(../images/icon-media-orange-with-line.gif) right top no-repeat;
	background: url(../images/icon-media-blue-with-line.png) right top no-repeat;
}


.coverArchive {
	margin:0 10px 20px 20px;
}

#textMain UL {
	margin-left:20px;
	padding:0;
}

#textMain LI {
	margin: 0px 20px 6px 20px;
	padding-left:0px;
	font-size:0.9em;
}


.shareThis {
	padding-top:10px;
	padding-bottom:10px;
}


/* ------------------------------ Twitter ------------------------------- */



/* hide time posted notation in twitter feed */



#twitter_div { width: 250px; padding: 0px 0px 0px 0px; }
ul#twitter_update_list { list-style: none; padding: 0; margin: 0; }
ul#twitter_update_list li { list-style: none; font-family: Verdana, Geneva, sans-serif; 
font-size: 11px; padding: 0px 0px 12px 46px; margin: 0px 0px 0px 10px; background:url(images/blue-twittericon.jpg) left top no-repeat; min-height:36px;}
ul#twitter_update_list li a { font-size: 10px; }



/* ------------------------- COLOR CHANGE SECTION --------------------------- */


/* CSS SMM Magazine deep-blue */

/* ------------------------------ Page Layout ------------------------------- */

#banner {
	background:#FFF url(images/deep-blue-main-banner.jpg) top left no-repeat;
}

#topNavbar {
	background:#2E3192; /* deep-blue */
}


#topNavbar LI a:link, #topNavbar LI a:visited {
	background:url(images/deep-blue-vertical-divider.png) left no-repeat;
}


#topNavbar LI a:hover, #contentsPage p.sectionHead {
	color:#6f8ec9; /* lighter deep-blue */
}


#mainContent {
	background: url(images/deep-blue-background-blob.png) left 3px no-repeat;
}


#footerOuter {
	border-top: #2E3192 4px solid; /* deep-blue */
}


/* ------------------------------ Text Styles ------------------------------- */


#textMain h2 { 
	color: #2E3192; /* deep-blue */
}

a:link, a:visited, 
#footer a:link, #footer a:visited,  
h3 a:link, h3 a:visited, 
#textSidebar a:link, #textSidebar a:visited {
	color:#2E3192; /* deep-blue */
}


.colorOfTheMonth {
	color:#2E3192; /* deep-blue */ 
}

.contentItemViewpoints {
	background: url(../images/icon-viewpoints-deep-blue-with-line.gif) right top no-repeat;
}

.contentItemBusiness {
	background: url(../images/icon-business-deep-blue-with-line.png) right top no-repeat;
}

.contentItemEducation {
	background: url(../images/icon-education-deep-blue-with-line.png) right top no-repeat;
}

.contentItemMedia {
	background: url(../images/icon-media-deep-blue-with-line.png) right top no-repeat;
}

/* ------------------------------ Twitter ------------------------------- */



ul#twitter_update_list li { list-style: none; font-family: Verdana, Geneva, sans-serif; 
font-size: 11px; padding: 0px 0px 12px 46px; margin: 0px 0px 0px 10px; background:url(images/deep-blue-twittericon.jpg) left top no-repeat; min-height:36px;}