/*  
Theme Name: Gogo Media Theme
Theme URI: http://www.smashingmagazine.com/2008/09/08/agregado-a-free-wordpress-theme/
Description: Agregado a lifestream theme for Wordpress By Darren Hoyt & Matt Dawson Remixed and re-styled by conduction into the gogo theme
Version: 1.0
Author: Sam O'Leary
Author URI: http://www.smashingmagazine.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

If you remix and re-release similar versions of Agregado, 
please include links/credit to the original authors

/* 


/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Forms
  Float Clearing
  Footer
  
/* ---------- @ HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
	} 

body, html {
	min-height:101%;
	}
	
body {	
	color:#484848;
	background: url(images/bkg.gif) repeat;
	}

body, select, textarea, input {	
	font: 100% "Verdana", Arial, Helvetica, sans-serif;
	}

p {	
	margin: 15px 0;
	line-height:145%;
	}
		
a, a:visited {
	text-decoration:none;
	color:#242424;	
	font-weight: bold;
	}

a:hover, a:active {	
	text-decoration:underline;
	color: #9d3e66;
	}

ol {
	margin: 15px 15px 15px 35px;
	}
	
a img, fieldset {
	border:none
	}

*:focus {
	outline:none
	}		

	
/* ---------- @ Page Structure -----------*/


#top {
	background: url(images/top_fire.gif) no-repeat;
	}
.wrapper {
	margin: 0 0 auto 236px;
	width: 800px;
	}
#top-hold{
	width: 800px;
	height: 290px;
}
#logo{
	background:url(images/logo.png) no-repeat right;
	width: 635px;
	height: 295px;
	float: right;
	}
#navbar {
	position: absolute;
	top: 0;
	left: 230px;
	margin: 100px 0 0 20px;
	}

#main {
	background: url(images/shadow.gif) repeat-y;
	width:626px;
	}
#top-main{
	background: url(images/top_main.gif) no-repeat;
	width:626px;
	padding: 0 8px 0 12px;
}
#content {
	float:left;
	width:594px;
	padding: 4px;
	}
#shadow-bottom{
	background: url(images/shadow_bottom.gif) no-repeat;
	width:626px;
	height:20px;
	float:clear;
	margin-bottom: 8px;
}
						   
	
/* ---------- @ Headings -----------*/

		   
h1 {
	font: normal 1.25em "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:0.02em;
	margin-bottom: 12px;
	color: #fff;
	}

h2 {	
	font: normal 1em "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:0.02em;
	color:#242424;
	}

h3, h4 {
	letter-spacing:0.025em;	
	}
		
h3 {	
	font: normal 1.1em "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:0.02em;
	color:#242424;
	}

#sidebar h3 {
	margin-bottom:7px;
	}
		
.widget h3 {
	margin-bottom:7px;
	font-size:1.5em;
	}
		
h4 {	
	font: 1.2em "Verdana", Arial, Helvetica, sans-serif;
	color:#a57f88;
	font-weight:normal;
	}
strong {
	font: 1.2em "Verdana", Arial, Helvetica, sans-serif;
	color:#242424;
	font-weight:bold;
}

h5 {	
	font-size: 1em;
	font: 1.2em "Verdana", Arial, Helvetica, sans-serif;
	font-weight: 0;
	}

h5 {	
	font-size: 0.9em
	}
	
	
/* ---------- @ Content Styles -----------*/


h1 a, h1 a:visited {
	color:#f7f4ef;
	}

h1 a:hover, h1 a:active {
	text-decoration:none;
	list-style: none;
	border-bottom:1px solid #82435a
	}	

.module {
	background:#fafafa;
	padding:12px;
	overflow:auto;
	font-size:0.8em;
	border: 1px dotted #d888e0;
	}

.module img {
	padding:3px;
	float:left;
	margin:0 13px 7px 0;
	}

.module p {
	margin:0;
	}
	
h3 em {
	font-style:italic;
	font-size:0.8em;
	}

#archive-list li {
	width:165px;
	float:left;
	height:60px;
	font-size:0.9em;
	margin: 0 6px 0 25px;
	line-height:140%;
	}	

.pagenavigationbox {
	color:#a19e94;
	margin-bottom:20px;
	height: 20px;
	width: 604px;
	float:left;
	}
.page_next{
	float:left;
}

.page_prev{
	float:right;
}
.pagenavigationbox a, .pagenavigationbox a:visited, .pagenavigationbox span {
	height:20px;
	display:block;
	float:left;
	font:1.6em Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#87bcd2;
	}
	
.pagenavigationbox a:hover, .pagenavigationbox a:active {
	color:#d9c7af;
	text-decoration:none;
	}
	
.pagenavcurrent {
	width:26px;
	}

#subnav ul li{
	font-size: 1.1em;
	margin:0;
	padding:0 12px 0 0;
}

hr { 
	background: #fff; 
	color: none; 
	width:100%; 
	height:1px; 
	margin:1em 0; 
	border: none; 
	border-bottom: 1px dotted #dfdfdf; 
	float:clear;
	}

/*-----Widgets-----*/					


.widget {
	margin-bottom:30px;
	font-size:0.85em;
	}	

.widget li {
	background:url(images/bg_headline.gif) bottom no-repeat;
	padding:10px 0 13px 0;
	list-style:none;
	line-height:135%;
	}
	
#wp-calendar {
	width:100%;
	font-size:0.9em;
	}

#wp-calendar caption {
	padding-bottom:5px;
	}
	
#wp-calendar td,
#wp-calendar th {
	text-align:center;
	}

#wp-calendar #prev {
	text-align:right;
	}

#wp-calendar #next {
	text-align:left;
	}
			
#wp-calendar th {
	background:#3e292e;
	padding:2px 4px
	}

.textwidget {
	font-size:.9em;
	line-height:145%;
	}
	
#recentcomments em {
	font:italic 0.9em Georgia, "Times New Roman", Times, serif;
	padding-right:19px;
	color:#87bcd2;
	letter-spacing:.08em;	
	}

#recentcomments a, #recentcomments a:visited {
	color:#cab394;
	font-size:0.9em;
	}

#tagcloud a {
	line-height:150%;
	padding-right:6px;
	}
				
#sidebar li  {
	list-style:none;
	}

	
/* ---------- @ Forms -----------*/
#rss {	
	background: url(images/rss.gif) no-repeat;
	height: 36px;
	width: 52px;
	position: absolute;
	top: 221px;
	left: 748px;
	text-indent: -9999px;	
	border: none;
	}

#rss a, #rss a:visited {	
	display:block;
	height: 36px;
	}

#rss a:hover, #rss a:active {
	background: url(images/rss_over.gif) no-repeat;
	}

#search-box{
	background: url(images/search_box.gif) no-repeat;
	height: 36px;
	width: 190px;
	position: absolute;
	top:221px;
	left: 558px;
	padding: 6px 0 0 8px;
}
.go {	
	background: url(images/go.gif) no-repeat bottom;
	width: 30px;
	height: 23px;
	text-indent: -9999px;	
	margin-top: 1px;
	border: none;
	}

a.go, a.go:visited {	
	display:block;
	}

a.go:hover, a.go:active {
	background: url(images/go_over.gif) no-repeat bottom;
	}
.go:focus, .go:hover {	
	background: url(images/go_over.gif) no-repeat bottom;
	}

#searchform {
	margin: 0;
	}
	
#searchform .field {
	background: #fff;
	padding:2px;
	width:135px;
	font-size:0.8em;
	border: 1px solid #f7f7f7;
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	}

.button {	
	background: #fff;
	border:1px solid #fff;
	font-size:0.7em;
	color:#2a92ac;
	padding:4px 18px;
	}

a.button, a.button:visited {
	color:#2a92ac;
	width:78px;
	margin:18px 0 0 30px;
	display:block
	}

a.button:hover, a.button:active {
	color: #fff;
	border: 1px solid #d9c7af;
	text-decoration:none
	}
	
.button:focus, .button:hover {	
	color: #fff;
	border: 1px solid #d9c7af;
	background: url(images/bg_black.png);
	}

.field {
	background: #fff none ! important;
	width: 257px;
	border:none;
	padding:4px 4px 4px 22px;
	font-size:0.8em;
	color:#543d42;
	}

.field#user-name {	
	background: #efefef url(images/user-name.gif) 5px 4px no-repeat ! important;
	margin:0 5px 8px 0;
	}

.field#user-name:focus {	
	background: #f0eefb url(images/user-name.gif) 5px 4px no-repeat ! important;
	}
		
.field#user-email {	
	background: #efefef url(images/user-email.gif) 5px 7px no-repeat ! important;
	}	

.field#user-email:focus {	
	background: #f0eefb url(images/user-email.gif) 5px 7px no-repeat ! important;
	}	

.field#user-comment {	
	background: #efefef url(images/user-comment.gif) 5px 6px no-repeat ! important;
	height:70px;
	margin:8px 0 10px 0;
	}	

.field#user-comment:focus {
	background: #f0eefb url(images/user-comment.gif) 5px 6px no-repeat ! important;
	}

.field#user-url {	
	background: #efefef url(images/user-url.gif) 4px 8px no-repeat ! important;
	margin-top: 8px;
	}		

.field#user-url:focus {	
	background: #ececec url(images/user-url.gif) 4px 8px no-repeat ! important;
	}		
			

/* ---------- @ Float Clearing -----------*/


.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}

.clearfloat {
	display:block
	}
.project{
	float: left;
	padding: 2px;
	margin: 6px;
	width: 281px;
	height: 350px;
	border-bottom: 1px dotted #dfdfdf;
}

/* ---------- @ Footer -----------*/


#middle .wrapper {
	padding-top:15px;
	width:624px;	
	}

.widget {
	width:230px;
	float:left;
	margin:11px 12px 0 0;
	}

.widget h3 {
	margin-bottom:4px;
	}	
	
/*------ Contact Form ------*/

#contact-box{
	width: 294px;
	height: 220px;
	background: url(images/contact_box.gif) no-repeat;
	padding: 52px 0 0 11px;
}
#contactform {
	width:250px;
	float:left;
	}

#contactform label, #contactform legend {
	display:none
	}

#success-message {
	background:#fff;
	padding:22px;
	font-size:.8em;
	position:absolute;
	top:120px;
	z-index:9999;
	width:400px;
	margin-left:-200px;
	left:50%;
	border:6px solid #efefef;
	}
		
#submit {	
	background: url(images/submit.gif) no-repeat;
	width: 66px;
	height: 26px;
	text-indent: -9999px;	
	border: 1px solid #efefef;
	float:right;
	margin-right: 5px;
	}

a#submit, a#submit:visited {	
	display:block;
	}

a#submit:hover, a#submit:active {
	background: url(images/submit_over.gif) no-repeat;
	}
#submit:focus, #submit:hover {	
	background: #cec7f2 url(images/submit_over.gif) no-repeat;
	}
	
#footer {
	background:#fff;
	}
	
#footer .wrapper {
	color:#916972;
	text-align:left;
	font: normal .65em 'Lucida Grande','Lucida Sans Unicode',Arial;
	text-transform:uppercase;
	letter-spacing:0.08em;
	padding: 46px 0 40px 20px;
	background:url(images/footer_fire.gif) no-repeat;
	}