/*
Theme Name: WriggleMedia
Theme URI: http://wrigglemedia.com
Description: WriggleMedia theme design
Version: 2 (WP2.6.2)
Author: Michael Wrigglesworth
Author URI: http://wrigglemedia.com
Tags: wriggle, wrigglesworth, clean, portfolio,
*/

@import "style/css/reset.css";


.alignleft { float:left }
.alignright { float:right }

body{text-align: center; background: url(images/bg.png) repeat-x #444; font-family: "Helvetica Neue",'Helvetica','Arial','Veranda',sans-serif; font-size: 15px;}

#container{margin: 0 auto; width: 940px; text-align: left; position: relative; z-index: 0;}

#head{background: url(images/background-sprite.png) no-repeat; height: 480px; width: 940px;}

h1#tagline {color:#FFFFFF; letter-spacing: -0.05em; position:absolute; top: 118px; font-size: 29px; right: 45px; font-weight: 500; line-height: 1;  padding-bottom: 5px;}

#content{width: 890px; margin: -130px 25px 0;}
span.title{font-size: 22px; padding: 0 0 10px; color: #fff;}
.title img{margin: 0 10px -5px 0;}

#slider {width: 890px; margin: 0 auto; position: relative; }
.scroll {height: auto; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left; margin: 0 auto; }
.scrollContainer div.panel { height: auto; padding: 0 10px; overflow: hidden; width: 870px; color: #ccc; margin-bottom: 20px; }
.scrollButtons {position: absolute; top: 100px; cursor: pointer;}
.scrollButtons.left {left: -50px;}
.scrollButtons.right {right: -50px;}
div.panel p{padding: 0 0 10px;}
div.panel a{color:#fff; text-decoration: none;}
div.panel a:hover{text-decoration: underline;}

hr{color: #fff;}

.navigation { margin: 0 0 10px; width: auto; display: block; height: 43px; font-size: 28px;}
.navigation a {color: #ccc; text-decoration: none; outline: none;}
.navigation a:hover {color: #fff;}
.navigation a.selected  {color: #ffff00;}
.navigation li{display: list-item; float:left; padding: 5px 8px 0; background: #00aeef;}

#foot {background: url(images/background-sprite.png) no-repeat 0 -480px; height: 570px; width: 940px; margin-top: 10px; }
#bottom {background: url(images/foot-wrap.png) repeat-x; width: auto; margin: -513px 0 0 0; height: 513px; z-index: -9999;}
p#foot-note {margin: 0 0 0 30px;}

.extraswrap {padding: 80px 0 0; overflow: hidden; margin-left: 20px}

.extras {float: left; margin: 0 5px 0 5px; width: 290px; padding: 0 0 0 2px;}

/* style FlickrRSS widget */
.flickr {display: inline;}
	
.flickr a:link img, .flickr a:visited img {margin: 0 10px 20px 5px;}

/* style Twitter widget */
ul.twitter {margin: 15px 0 0; height: 370px; overflow: hidden;}
	
ul.twitter li.twitter-item {list-style: none; padding: 5px 15px 5px 10px;}
	
ul.twitter li.twitter-item span abbr {border-bottom: none; display: block; font-size: 0.8em; font-style: italic; margin-top: 3px;}
ul.twitter li.twitter-item a{color: #444;} 

.flickr a:link img, .flickr a:visited img {border: 3px solid #e3e8ed;}
	
.flickr a:hover img, .flickr a:active img, .flick a:focus img {border: 3px solid #5c6e80;}

h3.widgettitle{font-size: 28px; padding: 0 15px; color: #444; margin: 0 0 20px; } 
h3.widgettitle a {color: #444; text-decoration: none;}

ul.rsslist {color:#ddd; height: 390px; padding: 0 15px 0 5px; margin-top: -5px; overflow: hidden;}
ul.rsslist li {padding: 0 0 10px;}
ul.rsslist li a {color: #fff; text-decoration: none;} 
ul.rsslist li a:hover {text-decoration: underline;}
.rss-date {font-size: 0.8em; font-style: italic; display: block; margin-top: 3px;}

.quiz{display:block;}
p.form-element {margin: 0 0 10px;}

#smp-wrapper a{padding: 5px 5px; background: #fff; display: inline-block}

.services {float: left; width:415px; margin: 0 40px 20px 0; }
.right {margin-right:0px !IMPORTANT }

ul.service-list{margin: 0 0 0 30px;}
ul.service-list li {list-style-image: url(images/bullet-star-dark.png); padding: 0 0 5px 5px;}
ul.service-list li.more{list-style-image:url(images/bullet-arrow-dark.png) !IMPORTANT}


/*  UNCOMMENT FOR USE WITH SCROLL PANE
#slider {width: 890px; margin: 0 auto; position: relative; }
.scroll {height: 500px; overflow: auto; position: relative; clear: left; margin: 0 auto; }
.scrollContainer div.panel { height: 500px; padding: 0 30px 0 10px; overflow: hidden; width: 850px; color: #ccc; }
.scrollContainer .panel .scrollbox{height: 160px;}
.scrollButtons {position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left {left: -45px;}
.scrollButtons.right {right: -45px;}
*/