designs for your weblog!

3 Column Templates: Freebies!

These stylesheets are free options for use with the 3 Column Movable Type or Blogger templates.

Check out the examples - 3 Column viewer
See the options for purchase - 3 Column Stylesheets

If you are using a version of Movable Type before 2.6, you may want to upgrade!
styles-site.css: Dark Purple

body {
		margin-top:10px;
		margin-left: 0px; margin-right: 0px;
		background: #2E2934;
		font-family : "Trebuchet MS", Tahoma, Helvetica, sans-serif;
		}
	A 			{ color: #C6B4EC; font-family: verdana, arial, sans-serif; text-decoration: none;} 
	A:link		{ color: #c6b4ec; text-decoration: none; } 
	A:visited	{ color: #c6b4ec; text-decoration: none; } 
	A:active	{ color: #e5ddf6;  } 
	A:hover		{ color: #e5ddf6;  } 
	
h1, h2, h3 {
	margin:0px; padding: 0px;
}
	
	#banner h1, #banner-commentspop {
		color: Black;
		font-size:26px;
		font-weight:bold;
  		background: #927BC1;
  		padding-top:15px; 					
		padding-right: 5px; padding-left: 5px; 
		padding-bottom: 6px; 
		border-bottom: 5px #927bc1 groove;
		border-top: 5px ridge #927bc1;		
		}
#banner a, #banner a:link, #banner a:visited, #banner a:hover {color:black;}

.description {
		color: #927bc1;
		font-size:12px;
		font-weight:bold;
  		text-transform:none;	
		display:block;
	
		}	
				
		#content {
		z-index: 3;
		padding: 10px;
		background: #2e2934;
		margin-right:220px;
		margin-left: 200px;
		margin-bottom:20px;
		}

#links {
		z-index:1;
		position:absolute;
		top: 135px; 
		right: 20px;
		width: 150px;
		background: #2e2934;
		color: #e5ddf6;
		text-align:center;
		}

#llinks {
		z-index:2;
		position:absolute;
		top: 135px;
		left: 20px;
		width: 180px;
		background: #2e2934;
		color: #e5ddf6;
		text-align:center;
		}
				
			
	.blog {
  		padding-left:15px;
  		padding-top:15px;
  		padding-right:15px;					
		}	
	
	.blogbody, .comments-body, .trackback-body {
		color: #e5ddf6;
		font-size:11px;
		font-weight:normal;
  		background: #2e2934;
  		line-height:14px;		
  		border-left: 1px solid #927bc1;			
  		border-right: 1px solid #927bc1;
  		border-bottom: 3px double #927bc1;	  			  		
  		padding:10px;
		}	
	
	.title	{ 
		font-size: 10px; 
		color: #c6b4ec; 
		text-transform: uppercase;
		font-weight:bold;	
		}			
		
	#menu {
  		margin-bottom:10px;
		background: #2e2934;
		font-size:11px;
		font-weight:bold;  							
		}	
		
	.date, .comments-head	{ 
		 font-size: 18px; 
		color: #6B6286; 
		font-weight:bold;
		text-transform:uppercase;
		margin-top:10px;		
  		border-bottom: 3px double #927bc1;	
		}			
		
	.posted, .comment-post, .trackback-post	{ 
		font-size: 10px; 
		color: #6B6286;
		display:block; 
		text-align:right; 
		}
		
		
	.calendar {
		color:#666;
		font-size:10px;
		font-weight:normal;
  		padding:2px;				
		}
	
	.calendarhead {	
		color: #927bc1;
		font-size:10px;
		font-weight:bold;
  		background: #2e2934;
  		line-height:14px;				
		}	
	
	.side {
		color: #e5ddf6;
		font-size:10px;
		font-weight:normal;
  		background: #2e2934;
  		line-height:14px;				
		}	
		
	.sidetitle {
		color: #e5ddf6;
		font-size:9px;
		font-weight:bold;
  		background: #2e2934;
  		line-height:14px;
  		padding:2px;
  		margin-top:10px;
  		border-bottom:1px solid #666;
  		text-transform:uppercase;
		letter-spacing: .2em;  					
		}		
	
	.syndicate {
		font-size:9px;
		font-weight:bold;		
  		line-height:14px;
  		padding:2px;
  		margin-top:10px;
  		text-align:center;
  		background: #2e2934;  		
 		}	
		
	.powered {
		color: #e5ddf6;
		font-size:10px;
		font-weight:bold;
		border-top:1px solid #666;
		border-bottom:1px solid #666;		
		line-height:14px;
		padding:2px;
		margin-top:10px;
		text-align:center;
		}	
input, select, textarea {
	font-size: 11px; font-family:verdana,sans-serif; border: solid 1px black;
	padding: 1px; margin: 1px;
	background-color: #ffffff; color:black;
}

styles-site.css: Dark Green

body {
		margin-top:10px;
		margin-left: 0px; margin-right: 0px;
		background: #2F3528;
		font-family : "Trebuchet MS", Tahoma, Helvetica, sans-serif;
		}
	A 			{ color: #D0EDB4; font-family: verdana, arial, sans-serif; text-decoration: none;} 
	A:link		{ color: #D0EDB4; text-decoration: none; } 
	A:visited	{ color: #D0EDB4; text-decoration: none; } 
	A:active	{ color: #E9F7DD;  } 
	A:hover		{ color: #E9F7DD;  } 
	
h1, h2, h3 {
	margin:0px; padding: 0px;
}
	
	#banner h1, #banner-commentspop {
		color: Black;
		font-size:26px;
		font-weight:bold;
  		background: #A0C776;
  		padding-top:15px; 					
		padding-right: 5px; padding-left: 5px; 
		padding-bottom: 6px; 
		border-bottom: 5px #A0C776 groove;
		border-top: 5px ridge #A0C776;		
		}
#banner a, #banner a:link, #banner a:visited, #banner a:hover {color:black;}

.description {
		color: #a0c776;
		font-size:12px;
		font-weight:bold;
  		text-transform:none;	
		display:block;
		}	
				
		#content {
		z-index: 3;
		padding: 10px;
		background: #2F3528;
		margin-right:220px;
		margin-left: 200px;
		margin-bottom:20px;
		}

#links {
		z-index:1;
		position:absolute;
		top: 135px; 
		right: 20px;
		width: 150px;
		background: #2F3528;
		color: #E9F7DD;
		text-align:center;
		}

#llinks {
		z-index:2;
		position:absolute;
		top: 135px;
		left: 20px;
		width: 180px;
		background: #2F3528;
		color: #E9F7DD;
		text-align:center;
		}
				
			
	.blog {
  		padding-left:15px;
  		padding-top:15px;
  		padding-right:15px;					
		}	
	
	.blogbody, .comments-body, .trackback-body {
		color: #E9F7DD;
		font-size:11px;
		font-weight:normal;
  		background: #2F3528;
  		line-height:14px;		
  		border-left: 1px solid #A0C776;			
  		border-right: 1px solid #A0C776;
  		border-bottom: 3px double #A0C776;	  			  		
  		padding:10px;
		}	
	
	.title	{ 
		font-size: 10px; 
		color: #718860; 
		text-transform: uppercase;
		font-weight:bold;	
		}			
		
	#menu {
  		margin-bottom:10px;
		background: #2F3528;
		font-size:11px;
		font-weight:bold;  							
		}	
		
	.date, .comments-head	{ 
		 font-size: 18px; 
		color: #718860; 
		font-weight:bold;
		text-transform:uppercase;
		margin-top:10px;		
  		border-bottom: 3px double #A0C776;	
		}			
		
	.posted, .comment-post, .trackback-post	{ 
		font-size: 10px; 
		color: #718860;
		display:block; 
		text-align:right; 
		}
		
		
	.calendar {
		color:#666;
		font-size:10px;
		font-weight:normal;
  		padding:2px;				
		}
	
	.calendarhead {	
		color: #A0C776;
		font-size:10px;
		font-weight:bold;
  		background: #2F3528;
  		line-height:14px;				
		}	
	
	.side {
		color: #E9F7DD;
		font-size:10px;
		font-weight:normal;
  		background: #2F3528;
  		line-height:14px;				
		}	
		
	.sidetitle {
		color: #E9F7DD;
		font-size:9px;
		font-weight:bold;
  		background: #2F3528;
  		line-height:14px;
  		padding:2px;
  		margin-top:10px;
  		border-bottom:1px solid #666;
  		text-transform:uppercase;
		letter-spacing: .2em;  					
		}		
	
	.syndicate {
		font-size:9px;
		font-weight:bold;		
  		line-height:14px;
  		padding:2px;
  		margin-top:10px;
  		text-align:center;
  		background: #2F3528;  		
 		}	
		
	.powered {
		color: #E9F7DD;
		font-size:10px;
		font-weight:bold;
		border-top:1px solid #666;
		border-bottom:1px solid #666;		
		line-height:14px;
		padding:2px;
		margin-top:10px;
		text-align:center;
		}	
input, select, textarea {
	font-size: 11px; font-family:verdana,sans-serif; border: solid 1px black;
	padding: 1px; margin: 1px;
	background-color: #ffffff; color:black;
}

styles-site.css: Light Orange

body {
		margin-top:10px;
		margin-left: 0px; margin-right: 0px;
		background: #FAF0E6;
		font-family : "Trebuchet MS", Tahoma, Helvetica, sans-serif;
		}
	A 			{ color: #473229; font-family: verdana, arial, sans-serif; text-decoration: none;} 
	A:link		{ color: #473229; text-decoration: none; } 
	A:visited	{ color: #473229; text-decoration: none; } 
	A:active	{ color: #6F3E11;  } 
	A:hover		{ color: #993300;  } 
h1, h2, h3 {
	margin:0px; padding: 0px;
}

#banner h1, #banner-commentspop {
		color: Black;
		font-size:26px;
		font-weight:bold;
  		background: #AD330A;
  		padding-top:15px; 					
		padding-right: 5px; padding-left: 5px; 
		padding-bottom: 6px; 
		border-bottom: 5px #AD330A groove;
		border-top: 5px ridge #AD330A;		
		}
#banner a, #banner a:link, #banner a:visited, #banner a:hover {color:black;}

.description {
		color: #ad330a;
		font-size:12px;
		font-weight:bold;
  		text-transform:none;	
		display:block;		}

#content {
		z-index: 3;
		padding: 10px;
		background: #faf0e6;
		margin-right:220px;
		margin-left: 200px;
		margin-bottom:20px;
		}

#links {
		z-index:2;
		position:absolute;
		top: 135px;
		right: 20px;
		width: 180px;
		background: #faf0e6;
		color: #6F3E11;
		text-align:center;
		}
				
	#llinks {
		z-index:2;
		position:absolute;
		top: 135px;
		left: 20px;
		width: 150px;
		background: #faf0e6;
		color: #6f3e11;
		text-align:center;
		}
				
	.blog {
  		padding-left:15px;
  		padding-top:15px;
  		padding-right:15px;					
		}	
	
	.blogbody, .comments-body, .trackback-body {
		color: #6f3e11;
		font-size:11px;
		font-weight:normal;
  		background: #faf0e6;
  		line-height:14px;		
  		border-left: 1px solid #AD330A;			
  		border-right: 1px solid #AD330A;
  		border-bottom: 3px double #AD330A;	  			  		
  		padding:10px;
		}	
	
	.title	{ 
		font-size: 10px; 
		color: #E8440D; 
		text-transform: uppercase;
		font-weight:bold;	
		}			
		
	#menu {
  		margin-bottom:10px;
		background: #faf0e6;
		font-size:11px;
		font-weight:bold;  							
		}	
		
	.date, .comments-head	{ 
		 font-size: 18px; 
		color: #E8440D; 
		font-weight:bold;
		text-transform:uppercase;
		margin-top:10px;		
  		border-bottom: 3px double #AD330A;	
		}			
		
	.posted, .comments-post, .trackback-post	{ 
		font-size: 10px; 
		color: #E8440D;
		display:block; 
		text-align:right; 
		}
		
		
	.calendar {
		color:black;
		font-size:10px;
		font-weight:normal;
  		padding:2px;				
		}
	
	.calendarhead {	
		color: #AD330A;
		font-size:10px;
		font-weight:bold;
  		background: #faf0e6;
  		line-height:14px;				
		}	
	
	.side {
		color: #6f3e11;
		font-size:10px;
		font-weight:normal;
  		background: #faf0e6;
  		line-height:14px;				
		}	
		
	.sidetitle {
		
		color: #6f3e11;
		font-size:9px;
		font-weight:bold;
  		background: #faf0e6;
  		line-height:14px;
  		padding:2px;
  		margin-top:10px;
  		border-bottom: 1px solid #faf0e6;
  		text-transform:uppercase;
		letter-spacing: .2em;  					
		}		
	
	.syndicate {
		font-size:9px;
		font-weight:bold;		
  		line-height:14px;
  		padding:2px;
  		margin-top:10px;
  		text-align:center;
  		background: #faf0e6;  		
 		}	
		
	.powered {
		color: #6f3e11;
		font-size:10px;
		font-weight:bold;
		border-top: 1px solid #faf0e6;
		border-bottom: 1px solid #faf0e6;		
		line-height:14px;
		padding:2px;
		margin-top:10px;
		text-align:center;
		}	
		
	
input, select, textarea {
	font-size: 11px; font-family:verdana,sans-serif; border: solid 1px black;
	padding: 1px; margin: 1px;
	background-color: #ffffff; color:black;
}

styles-site.css: Light Blue

body {
		margin-top:10px;
		margin-left: 0px; margin-right: 0px;
		background: #DCDCDC;
		font-family : "Trebuchet MS", Tahoma, Helvetica, sans-serif;
		}
	A 			{ color: #708090; font-family: verdana, arial, sans-serif; text-decoration: none;} 
	A:link		{ color: #708090; text-decoration: none; } 
	A:visited	{ color: #708090; text-decoration: none; } 
	A:active	{ color: #5C80A3;  } 
	A:hover		{ color: #037296;  } 
h1, h2, h3 {
	margin:0px; padding: 0px;
}

#banner h1, #banner-commentspop {
		color: Black;
		font-size:26px;
		font-weight:bold;
  		background: #4C90BF;
  		padding-top:15px; 					
		padding-right: 5px; padding-left: 5px; 
		padding-bottom: 6px; 
		border-bottom: 5px #4C90BF groove;
		border-top: 5px ridge #4C90BF;		
		}
#banner a, #banner a:link, #banner a:visited, #banner a:hover {color:black;}

.description {
		color: #4c90bf;
		font-size:12px;
		font-weight:bold;
  		text-transform:none;	
		display:block;		}

#content {
		z-index: 3;
		padding: 10px;
		background: #DCDCDC;
		margin-right:220px;
		margin-left: 200px;
		margin-bottom:20px;
		}

#links {
		z-index:2;
		position:absolute;
		top: 135px;
		right: 20px;
		width: 180px;
		background: #DCDCDC;
		color: #5C80A3;
		text-align:center;
		}
				
	#llinks {
		z-index:2;
		position:absolute;
		top: 135px;
		left: 20px;
		width: 150px;
		background: #DCDCDC;
		color: #5C80A3;
		text-align:center;
		}
				
	.blog {
  		padding-left:15px;
  		padding-top:15px;
  		padding-right:15px;					
		}	
	
	.blogbody, .comments-body, .trackback-body {
		color: #5C80A3;
		font-size:11px;
		font-weight:normal;
  		background: #DCDCDC;
  		line-height:14px;		
  		border-left: 1px solid #4C90BF;			
  		border-right: 1px solid #4C90BF;
  		border-bottom: 3px double #4C90BF;	  			  		
  		padding:10px;
		}	
	
	.title	{ 
		font-size: 10px; 
		color: #4C90BF; 
		text-transform: uppercase;
		font-weight:bold;	
		}			
		
	#menu {
  		margin-bottom:10px;
		background: #DCDCDC;
		font-size:11px;
		font-weight:bold;  							
		}	
		
	.date, .comments-head	{ 
		 font-size: 18px; 
		color: #4C90BF; 
		font-weight:bold;
		text-transform:uppercase;
		margin-top:10px;		
  		border-bottom: 3px double #4C90BF;	
		}			
		
	.posted, .comments-post, .trackback-post	{ 
		font-size: 10px; 
		color: #4C90BF;
		display:block; 
		text-align:right; 
		}
		
		
	.calendar {
		color:black;
		font-size:10px;
		font-weight:normal;
  		padding:2px;				
		}
	
	.calendarhead {	
		color: #4C90BF;
		font-size:10px;
		font-weight:bold;
  		background: #DCDCDC;
  		line-height:14px;				
		}	
	
	.side {
		color: #5C80A3;
		font-size:10px;
		font-weight:normal;
  		background: #DCDCDC;
  		line-height:14px;				
		}	
		
	.sidetitle {
		
		color: #5C80A3;
		font-size:9px;
		font-weight:bold;
  		background: #DCDCDC;
  		line-height:14px;
  		padding:2px;
  		margin-top:10px;
  		border-bottom: 1px solid #DCDCDC;
  		text-transform:uppercase;
		letter-spacing: .2em;  					
		}		
	
	.syndicate {
		font-size:9px;
		font-weight:bold;		
  		line-height:14px;
  		padding:2px;
  		margin-top:10px;
  		text-align:center;
  		background: #DCDCDC;  		
 		}	
		
	.powered {
		color: #5C80A3;
		font-size:10px;
		font-weight:bold;
		border-top: 1px solid #DCDCDC;
		border-bottom: 1px solid #DCDCDC;		
		line-height:14px;
		padding:2px;
		margin-top:10px;
		text-align:center;
		}	
		
	
input, select, textarea {
	font-size: 11px; font-family:verdana,sans-serif; border: solid 1px black;
	padding: 1px; margin: 1px;
	background-color: #ffffff; color:black;
}

Sister site to Blogplates & love-productions

« list random »

Has this site helped you?
donations will help with the upkeep of the site, and encourage me to add more features!

Where to?
Home

Two Column Styles
Three Column Styles
Photoblog Styles

Styles by Color

MT Tutorials
Contact

link to blogstyles!

last 50 visitors