/* 
Theme Name: Forg's in Socks 
Theme URI: http://www.frogsinsocks.com
Description: Frogs in Socks Theme
Version: 1.0
Created: 30 October 2009
Author: Paul Mosley*/


*{padding:0 0; margin:0 0;}

body {margin:0; padding:0; background-color:#fff; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; text-align:center;}
/*Standard Utility Classes*/

div			{text-align:left;}

p			{font-size:12px; padding-top:10px; padding-bottom:10px}

ul, ol, li	{margin:0; padding:0; list-style:none;}
a			{color:#60bb44; text-decoration:none;}
a:hover		{text-decoration:underline;}

h1			{text-align:left; margin-top:10px;}
h2			{color:#60bb44; font-size:16px; text-decoration:underline;}
h3			{}
h4			{}
h5			{}
h5 			{}
h6			{}

hr			{border:0; text-align:left; border-top:3px solid #65b842; height:5px; margin:10px 0; width:602px;}

img			{border:0;}

table 		{border-collapse:collapse; border-spacing:0;}
td			{padding:0;}


a:focus, a:hover, a:active {outline:none} 


/*Utility Classes*/

.clear		{clear:both;}
.x 			{display: block; width:46px; height:71px;} 
.alignleft {float:left;}
.alignright {float:right;}
.fn {font-size:14px;}
/*Masthead*/

#Tophead {width:100%; background-color:#000;}

#flashcontainer{height:231px; width:908px; margin:0px auto;}
#flash{ margin-left:-20px;}
#headfooter{height:103px; width:100%; background:url(i/line-second.jpg); margin-bottom:40px;}

#navigation{width:602px; margin:0px auto; height:46px;}
#navigation .home{float:left; background-image:url(i/Nav/Home_roll.jpg); height:46px; width:71px; margin-right:35px; overflow:hidden;}
#navigation .home:hover{background-position:0px -46px;}
#navigation .about{float:left; background-image:url(i/Nav/About_roll.jpg); height:46px; width:78px; margin-right:35px;}
#navigation .about:hover{background-position:0px -46px;}
#navigation .blog{float:left; background-image:url(i/Nav/Blog_Roll.jpg); height:46px; width:60px; margin-right:35px;}
#navigation .blog:hover{background-position:0px -46px;}
#navigation .music{float:left; background-image:url(i/Nav/Music_roll.jpg); height:46px; width:76px; margin-right:35px;}
#navigation .music:hover{background-position:0px -46px;}
#navigation .contact{float:left; background-image:url(i/Nav/Contact_Roll.jpg); height:46px; width:98px; margin-right:0px;}
#navigation .contact:hover{background-position:0px -46px;}
#navigation .artwork{float:left; background-image:url(i/Nav/Artwork_roll.jpg); height:46px; width:108px; margin-right:35px;}
#navigation .artwork:hover{background-position:0px -46px;}
/*Main Content*/
#maincontent{width:1022px; margin:0px auto;}
#mainleft {width:200px; float:left;}
#mainmid{width:602px; float:left}
#mainright{width:200px; float:left}

#posts {margin-top:30px 0px;}
#posts p, single p{margin-top:30px 0px; font-size:12px;}
#posts .head{width:250px;}
#posts .lowernav{font-weight:bold; width:620px; margin-bottom:30px;}
.meta {height:50px;}

/*Sidebar*/

#sidebar {width:200px; margin:10px; line-height:200%;}
#sidebar. h2{color:#333;}
#sidebar. li {list-style-type:none; padding-left:10px; padding-top:10px;}
#sidebar. li {margin:10px 0px;}

/*Footer*/
#footerouter {width:100%; height:200px; background-image:url(i/footer-image.jpg);}
#footer{width:602px; margin:0px auto; text-align:left; color:#fff;}
#footer .credit{padding-top:70px;}
#footer .credit a{color:#fff;}
#footer .outbound img {margin:20px 20px;}


/*Comment Form*/

#commentform textarea
{width:400px; height:80px;}

.commentlist
{padding:10px 0px; font-size:12px;}


.commentlist li {margin:0px 0px; border-top:1px solid #37a544; font-size:12px;}