/*  
Theme Name: Frogman Blog
Theme URI: http://www.frogmaninteractive.com/
Description: WP Theme for Frogman Interactive Blog.
Version: 1.0
Author: Frogman Interactive
Author URI: http://www.frogmaninteractive.com/
*/

* {
margin: 0;
padding: 0;
}

body {
background: #124b6f url(images/wave.jpg) no-repeat top center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#cfdfe8;
line-height:20px;
}

h1, h4 {
font-family:Cambria, Georgia, Times, serif;
font-weight:bold;
font-style:italic;
font-size:31px;
}

h1 a, h1 a:visited, h1 a:active {
color:#6191AF;
text-decoration:none;
}

h1 a:hover {
color:#88b7cc;
}

h2 {
font-family:Cambria, Georgia, Times, serif;
font-weight:bold;
font-style:italic;
font-size:18px;
padding-bottom:25px;
}

h3 {
font-size:16px;
color:#6191AF;
font-style:italic;
padding-bottom:10px;
}

h3 a, h3 a:visited, h3 a:active {
color:#6191AF;
text-decoration:none;
}

h3 a:hover {
color:#88b7cc;
}

h4 {
font-size:28px;	
}

p {
padding-bottom:20px;
}

a, a:visited, a:active {
outline:none;
color:#88b7cc;
text-decoration:underline;
font-weight:bold;
}

a:hover {
color:#ffffff;
}

img {
border:0;
}

.aligncenter {
text-align:center;
}

.asterisk {
color:#C51920;
font-weight:bold;	
}

input, textarea {
-x-system-font:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:14px;
color:#999999;
}

.bubbles1 {
background: transparent url(images/bubbles1.png) 70% 100px no-repeat;
}

.bubbles2 {
background: transparent url(images/bubbles2.png) 150% 200px no-repeat;
}

.bubbles3 {
background: transparent url(images/bubbles3.png) 100% 300px no-repeat;
}

.alignleft {
float:left;
margin: 5px 20px 20px 0;
}

/* HEADER */
#header {
width: 990px;
margin: 0 auto;
}

#header_content {
padding-top:20px;
height:113px;
}

#logo {
float:left;
width:204px;
}

#navsystem {
float:left;
width:786px;
}

	/* TOPNAV */
	#topnav {
	float:right;
	}
	
	#topnav a, #topnav a:active, #topnav a:visited {
	display:block;
	float:left;
	cursor:pointer;
	margin-left:20px;
	text-decoration:none;
	font-size:14px;
	color:#32689b;
	height:20px;
	}
	
	#topnav a:hover {
	color:#ca0000;
	text-decoration:underline;
	}
	
	#topnav_home {
	background: url(images/topnav_home.png) no-repeat 0 0;
	padding-left:20px;
	}
	
	#topnav_about {
	background: url(images/topnav_about.png) no-repeat 0 0;
	padding-left:20px;
	}
	
	#topnav_blog {
	background: url(images/topnav_blog.png) no-repeat 0 0;
	padding-left:25px;
	}
	
	#topnav_contact {
	background: url(images/topnav_contact.png) no-repeat 0 0;
	padding-left:20px;
	}
	
	#topnav_sitemap {
	background: url(images/topnav_sitemap.png) no-repeat 0 0;
	padding-left:25px;
	}
	
	#topnav_feed {
	background: url(images/topnav_feed.png) no-repeat 0 0;
	padding-left:20px;
	}
	
	#topnav_home:hover, #topnav_home.hover, #topnav_about:hover, #topnav_about.hover, #topnav_blog:hover, #topnav_blog.hover, #topnav_contact:hover, #topnav_contact.hover, #topnav_sitemap:hover, #topnav_sitemap.hover, #topnav_feed:hover, #topnav_feed.hover {
	background-position:0 -20px;
	}
	/* TOPNAV */
	
	/* MAIN NAV */
	#mainnav {
	padding-top:47px;
	}
	
	.ie7 #mainnav {
	padding-top:28px;
	}

	ul#navmainlist {
	float:right;
	width:688px;
	margin: 0 -12px 0 0;
	padding: 0;
	list-style: none;
	}
	
	ul#navmainlist li {
	float: left;
	position: relative;
	}
	
	ul#navmainlist li a {
	display:block;
	float: left;
	height: 24px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding:4px 0 0 12px;
	position:relative;
	z-index:100;
	}
	
	ul#navmainlist li:hover a, ul#navmainlist li a:hover {
	background-position: 0 -28px;
	}

	ul#navmainlist a.webdev {
	background: url(images/mainnav_webdev.png) no-repeat;
	width:167px;
	}

	ul#navmainlist a.immersion {
	background: url(images/mainnav_immersion.png) no-repeat;
	width:165px;
	}
	
	ul#navmainlist a.marketing {
	background: url(images/mainnav_marketing.png) no-repeat;
	width:185px;
	}
	
	ul#navmainlist a.casestudies {
	background: url(images/mainnav_casestudies.png) no-repeat;
	width:123px;
	}
	
	ul#navmainlist li .sub .sub_top {
	background:url(images/subnav_top.png) no-repeat;
	width:205px;
	height:13px;
	}
	
	ul#navmainlist li .sub .sub_bottom {
	background:url(images/subnav_bottom.png) no-repeat;
	width:205px;
	height:11px;
	}
	
	ul#navmainlist li .sub {
	position: absolute;
	z-index:50;
	top: 15px;
	display: none;
	}
	
	ul#navmainlist li#webdev .sub {
	left:-61px;
	}
	
	ul#navmainlist li#immersion .sub {
	left:-62px;
	}
	
	ul#navmainlist li#marketing .sub {
	left:-43px;
	}
	
	ul#navmainlist li#casestudies .sub {
	left:-105px;
	}
	
	.ie7 ul#navmainlist li#webdev {
	z-index:600;
	}
	
	.ie7 ul#navmainlist li#immersion {
	z-index:500;
	}
	
	.ie7 ul#navmainlist li#marketing {
	z-index:400;
	}
	
	.ie7 ul#navmainlist li#casestudies {
	z-index:300;
	}
	
	ul#navmainlist li .sub #sub_bg {
	background:#FFF url(images/subnav_repeat.png) repeat-x bottom;
	width: 205px;
	}

	ul#navmainlist li .sub ul {
	width: 205px;
	list-style: none;
	padding-top:10px;
	padding-left:15px;
	}
	
	ul#navmainlist .sub ul li {
	width: 175px;
	border-bottom:1px solid #32689b;
	text-align:right;
	}
	
	ul#navmainlist .sub ul li.last-child {
	border-bottom:0;
	}
	
	ul#navmainlist .sub ul li a {
	float:none;
	height: auto;
	padding: 5px 0;
	display: block;
	text-decoration: none;
	color: #32689b;
	font-weight:normal;
	}
	
	ul#navmainlist .sub ul li a:hover {
	color: #ca0000;
	}
	/* MAIN NAV */
/* HEADER */


/* CONTENT */
#content_top {
width: 990px;
margin: 0 auto;
padding-bottom:30px;
}
	
	/* SUB PAGES STRUCTURE */
	#subpage_bg {
	width:990px;
	color:#FFF;
	margin-top:60px;
	}
	
	#left_rail {
	float:left;
	width:630px;	
	}
	
	#left_rail_content {
	float:left;
	padding:75px 0 0;
	}
	
	#left_rail_content h1 {
	line-height:35px;
	}
	
	#left_rail_content h1 a, #left_rail_content h1 a:active, #left_rail_content h1 a:visited {
	color:#FFF;
	}
	
	#left_rail_content h1 a:hover {
	color:#88B7CC;
	}
	
	#left_rail_content ul {
	margin:0 0 20px 40px;
	}
	
	#sub_bar {
	margin-bottom:25px;
	}
	
	#sub_bar_content {
	padding:5px 0;
	font-style:italic;
	}
	
	#avatar {
	vertical-align:middle;
	}
	
	#video {
	border:1px solid #4A7C94;
	height:340px;
	margin:0 0 20px 22px;
	width:560px;
	}
	
	#panorama {
	border:1px solid #4A7C94;
	height:370px;
	margin:0 0 20px 45px;
	width:500px;
	}
	
	#entry {
	border-bottom:1px solid #4A7C94;
	margin:0 25px 25px 0;
	padding-bottom:30px;
	}
	
	#readmore {
	padding-bottom:0;
	}
	
	#comment_box {
	margin:0 25px 25px 0;
	}
	
	#thumbnail {
	float:left;
	margin:5px 25px 10px 0;
	}
	
	#click_btn, #click_btn_article {
	background:url(images/click_btn.png) no-repeat;
	width:256px;
	height:54px;
	margin-top:10px;
	}
	
	#click_btn_article {
	margin:10px 0 0 335px;
	}
	
	#click_btn:hover, #click_btn_article:hover {
	background-position:0 -54px;
	}
	
	#click_btn p, #click_btn_article p {
	text-align:center;
	padding-bottom:0;
	}
	
	#click_btn p a, #click_btn_article p a {
	display:block;
	padding:15px 0;
	color:#a1c0d3;
	font-family:Cambria, Georgia, Times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:20px;
	text-decoration:none;
	}
	
	#click_btn p a:hover, #click_btn_article p a:hover {
	color:#f2d6d6;
	}
	
	ol.comments_list {
	list-style:none;
	margin-bottom:25px;
	}
	
	.author {
	font-style:italic;
	padding-bottom:0;
	}
	
	.odd {
	background-color:#1a557a;
	padding:25px;
	}
	
	.even {
	background-color:#165074;
	padding:25px;
	}
	
	.byuser {
	background-color:#396d8a;
	}
	
	.avatar {
	float:left;
	margin:5px 15px 0 0;
	}
	
	#form_central #comment {
	width:100%;
	height:146px;
	}
	
	#form_left {
	float:left;
	width:272px;
	border-right:1px dashed #4A7C94;
	margin-right:35px;
	}
	
	#form_left div {
	padding-bottom:10px;
	}
	
	#form_left input {
	width:85%;
	height:20px;
	}

	#form_left p, #form_right p, #form_central p {
	padding-bottom:5px;
	font-weight:bold;
	}
	
	#form_right {
	float:left;
	width:297px;
	}
	
	#form_right #comment {
	width:100%;
	height:146px;
	}
	
	.ie7 #form_right #comment {
	height:144px;
	}
	
	.ie8 #form_right #comment {
	height:140px;
	}
	
	#submit_btn {
	margin:10px 0 0 333px;
	}
	
	#submit_btn_central {
	margin:10px 0 0 349px;
	}
	
	#submit {
	background:url(images/click_btn.png) no-repeat;
	width:256px;
	height:54px;
	margin-top:10px;
	text-align:center;
	border:none;
	color:#a1c0d3;
	font-family:Cambria, Georgia, Times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:20px;
	text-decoration:none;
	cursor:pointer;
	}

	#submit:hover {
	background-position:0 -54px;
	color:#f2d6d6;
	}
	
	.blue {
	color:#88B7CC;
	font-style:italic;
	}
	
	#noresult_entry {
	border-bottom:1px solid #4A7C94;
	margin:0 25px 25px 0;
	padding-bottom:25px;
	}
	
	#noresult_entry ul {
	margin-left:20px;
	}
	
	#noresult_entry ul li {
	list-style-type:none;
	padding-bottom:3px;	
	}
	
	#noresult_entry ul li a {
	background:url(images/list_bg.png) no-repeat scroll 0 4px;
	color:#A1C0D3;
	display:block;
	padding-left:25px;
	}
	
	#noresult_entry ul li a:hover {
	background:url(images/list_bg_hover.png) no-repeat scroll 0 4px;
	color:#FFFFFF;
	}
	
	#archive {
	margin-bottom:25px;
	}
	
	#archive h2 {
	padding-bottom:15px;
	}
	
	#right_rail {
	float:left;
	width:360px;
	}
	
	#right_rail_content {
	padding:25px 25px 0 25px;
	}
		
	#right_rail_top {
	background:url(images/subpage_bg_blog_top.png) no-repeat;
	width:360px;
	}
	
	#right_rail_top h2 {
	color:#2b5d76;
	width:310px;
	border-bottom:1px solid #2b5d76;
	padding-bottom:15px;
	margin-bottom:20px;
	}
	
	#search .search_input {
	height:20px;
	padding:2px 4px;
	width:296px;
	}
	
	#category_icons ul {
	list-style:none;
	}
	
	#category_icons ul li {
	float:left;
	margin-bottom:15px;
	}
	
	#category_icons ul li.middle {
	margin:0 15px;
	}
	
	#category_icons ul li a {
	display:block;
	width:93px;
	height:93px;	
	}
	
	#category_icons ul li a.category_news {
	background:url(images/category_news.png) no-repeat;	
	}
	
	#category_icons ul li a.category_immersive {
	background:url(images/category_immersive.png) no-repeat;	
	}
	
	#category_icons ul li a.category_marketing {
	background:url(images/category_marketing.png) no-repeat;	
	}
	
	#category_icons ul li a.category_video {
	background:url(images/category_video.png) no-repeat;	
	}
	
	#category_icons ul li a.category_websites {
	background:url(images/category_websites.png) no-repeat;	
	}
	
	#category_icons ul li a.category_design {
	background:url(images/category_design.png) no-repeat;	
	}
	
	#category_icons ul li a:hover {
	background-position:0 -93px;
	}
	
	#right_rail_bottom {
	background:url(images/subpage_bg_blog_bottom.png) no-repeat;
	width:360px;
	}
	
	.ie7 #right_rail_bottom {
	margin-top:40px;
	}
	
	#right_rail_bottom h2 {
	color:#a1c0d3;
	width:310px;
	border-bottom:1px solid #4A7C94;
	padding-bottom:15px;
	margin-bottom:20px;
	}
	
	#right_rail_bottom ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-bottom:3px;
	}
	
	#right_rail_bottom ul li a {
	background:transparent url(images/list_bg.png) no-repeat 0 4px;
	display:block;
	padding-left:25px;
	color:#a1c0d3;
	}
	
	#right_rail_bottom ul li a:hover {
	background:transparent url(images/list_bg_hover.png) no-repeat 0 4px;
	color:#FFF;
	}
	
	#module_rightrail {
	padding-bottom:25px;
	}
	
	#redflag, #blueflag, #blackflag {
	position:absolute;	
	width:52px;
	height:48px;
	margin:-20px 0 0 255px;
	z-index:20;
	}
	
	#redflag {
	background:transparent url(images/redflag.png) no-repeat;
	}
	
	#blueflag {
	background:transparent url(images/blueflag.png) no-repeat;
	}

	#blackflag {
	background:transparent url(images/blackflag.png) no-repeat;
	}
	/* SUB PAGES STRUCTURE */
	
	/* MODULES */
	#content_bottom {
	background:#062b3e url(images/darkblue_repeat.jpg) repeat;
	border-top:1px solid #1f5d84;
	}
	
	#modules_box {
	width: 990px;
	margin: 0 auto;
	}
	
	#module {
	background:url(images/module.png) no-repeat;
	width:301px;
	float:left;
	margin:65px 0;
	}
	
	#module_content {
	padding:19px 20px 0;
	}
	
	#module_content h1 {
	padding-bottom:40px;
	font-size:24px;
	color:#6191af;
	}
	
	#module_content ul li {
	list-style:none;
	}
	
	#module_long_shell {
	float:left;
	width:689px;
	margin:65px 0;
	}
	
	#module_long {
	background:url(images/module_long.png) no-repeat;
	margin:0 0 40px 43px;
	position:relative;
	z-index:10;
	}
	
	#module_long_left, #module_long_right {
	float:left;
	width:300px;
	}
	
	#module_long_left_content {
	margin-right:20px;
	}
	
	#module_long_right_content {
	margin-left:20px;
	}
	/* MODULES */
/* CONTENT */

/* FOOTER */
#footer_shell {
background:#001c2b url(images/darkerblue_repeat.jpg) repeat-x;
}

#footer {
background:url(images/sand.jpg) no-repeat bottom left;
border-top:1px dashed #1f5d84;
}

#footer_content {
width: 990px;
margin: 0 auto;
}

	/* TWITTER */
	#twitter {
	background:url(images/twitter.png) no-repeat;	
	position:absolute;	
	width:89px;
	height:105px;
	margin:-65px 0 0 190px;
	}
	
	#twitter a {
	display:block;
	width:89px;
	height:105px;
	}
	
	#tweet li {
	list-style:none;
	padding:20px 0;
	border-top:1px dashed #0d3a53;
	}
	
	#tweet li:first-child {
	padding:0 0 20px;
	border-top:none;
	}
	
	#tweet .twittertime {
	text-align:right;
	display:block;
	margin:10px 10px 0 0;
	}
	
	#tweet .twittertime a {
	font-weight:normal;
	}
	/* TWITTER */
/* FOOTER */

/* BOTTOM */
#bottom {
color:#2c6081;
}

#bottom_content {
padding:20px 0;
text-align:center;
}

#bottom_content a, #bottom_content a:visited, #bottom_content a:active {
color:#6191af;
text-decoration:none;
}

#bottom_content a:hover {
text-decoration:underline;
}

.lifering_mini {
background:url(images/lifering_mini.png) no-repeat 0 2px;
width:20px;
height:14px;
padding-left:20px;
}

#bottom_content .lifering_mini_link:hover {
text-decoration:none;
}

#top {
background:url(images/lifering.png) no-repeat;	
width:108px;
height:82px;
position:absolute;
margin:-2px 0 0 870px;
}

#top a {
display:block;
width:108px;
height:82px;
}
/* BOTTOM */


/* TOOLTIPS */
.header_tooltip {
background-color:#0b3a58;
font-size:15px;
font-weight:bold;
padding:10px;
width:160px;
border-bottom:1px solid #124b6f;
}

.body_tooltip {
background-color:#0b3a58;
padding:10px;
width:160px;
}
/* TOOLTIPS */