@import url(http://www.google.com/css/gcs-v2.css);
@import url(http://www.google.com/css/modules/buttons/g-button.css);

/* iGoogle - Comics themes */
body {margin: 0px 0px;padding:0px 0px;background:#E5F1FD none repeat scroll 0 0;font-family: Helvetica, Arial,Verdana,sans-serif ;}
.g-doc-800 {width:800px;border:1px solid #E1E4E4;background-color:white;padding:10px 20px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.header {width:800px;border:1px solid #E1E4E4;background-color:white;height:50px;padding:10px 20px;margin:0px auto 10px;
        -moz-border-radius-bottomleft:7px;
		-moz-border-radius-bottomright:7px;
        -webkit-border-bottom-left-radius:7px;
		-webkit-border-bottom-right-radius:7px;
		}
p {margin: 10px 0; max-width: 1000px;}
h1 {margin: 10px 0;}
h2 {margin:0 0 .1em 0; font-size:1.2em;}
#action { float:right; width:276px; }
.g-button { width:auto; margin:3px 0 1em }
#dl-button-mac,#dl-button-linux { display:none }
#itemsContainer { float:left; }
.more-themes { margin:-1em 0 0; display:block; text-align:right;}
.footer {color:#666; margin-top:20px;text-align:center}
.info {margin:0;  float:right; clear:right; width:280px;}

#scroller {width: 695px !important; clear:right}
#scrollerViewport {width: 693px;}
#scrollerViewport a {width: 89px;}
#scrollerViewport {height: 152px;}
#scrollerViewport a {height: 135px;}
#pagePrevious, #pageNext {height: 137px;}
#scroller {height: 137px;}
#scrollerViewport.scrollerNoOverflow {height: 135px;}
#scrollerViewport ul {width: 1372px;}
#scroller {
	position: relative;
	width: 100%;
	margin: 5px auto 20px auto;
	background: #CDCDCD;
}
#scrollerViewport {
	overflow: auto;
	background: url(http://tools.google.com/chrome/intl/en/themes/p/images/scroller/bg_scroller.gif) repeat-x #e8e8e8;
	position: absolute;
	top:1px;
	left:1px;
	margin:0;
	overflow-y: hidden;
}
#scrollerViewport a {
	display: block;
	text-align: center;
	padding: 0 5px;
	margin: 0;
	line-height: 120%;
	overflow: hidden;
}
* html #scrollerViewport a {border-color: #F1F1F1;} /* lte IE6 */
#scroller a, #scroller a:hover, #scroller a:active, #scroller a:focus {
	outline: none !important;
	color: #00c;
	cursor: pointer;
}
#scrollerViewport a:hover {background: url(http://tools.google.com/chrome/intl/en/themes/p/images/scroller/bg_scroller_invert.gif) repeat-x;}
#scrollerViewport a.selectedItem, #scrollerViewport a.selectedItem:hover {background: #fff url(http://tools.google.com/chrome/intl/en/themes/p/images/scroller/bg_selected.gif) no-repeat;}
#scrollerViewport a img {
	display: block;
	width: 68px;
	height: 68px;
	border: 1px solid #999;
	margin: 10px auto 5px auto;
}
#scrollerViewport a.selectedItem {
	text-decoration: none;
	color: #000;
	cursor: default;
	border: 1px solid #cdcdcd;
	border-width: 0 1px;
	padding: 0 4px;
	font-weight: bold;
}
.selectedPageLink {
	color: #a90a08;
	text-decoration: none;
}
.disabledControl {
	color: #99f;
	text-decoration: none;
}
#scrollerViewport ul {overflow: hidden;}
ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#scrollerViewport li {float: left;}
#scrollerControls {display: none;}
#pagePrevious, #pageNext {
	background: url(http://tools.google.com/chrome/intl/en/themes/p/images/scroller/nav_left.gif) no-repeat #e8e8e8;
	display: block;
	width: 26px;
	text-indent: -999em;
	position: absolute;
	top: 0;
	left: -26px;
}
#pageNext {background: url(http://tools.google.com/chrome/intl/en/themes/p/images/scroller/nav_right.gif) no-repeat #e8e8e8 top right; left: auto; right: -26px;}
#pagePrevious:hover {background-position: -50px;}
#pagePrevious.disabledControl {background-position: -100px; cursor: default;}
#pageNext:hover {background-position: -74px;}
#pageNext.disabledControl {background-position: -24px; cursor: default;}
.item { overflow: hidden; margin: 3px 0 10px 0; padding:0;}
.item img { float: left; margin: 0;}
.item div.section { overflow: hidden; margin:0;}
.item div.section img{ margin: 0 0 19px 3px;}
.item h3, .item p {margin: 0 0 .5em;}

* html .item {height: 1%;}
* html .section {float:left;}
* html .item.displayItemContent div.section {width: 343px;}
* html .item.displayItemContent div.g-button-basic {width: 313px !important;}

.item.displayItemContent h3, .item.displayItemContent p {clear: both;}
.item.displayItemContent { border: none; padding-top: 0;}
.iteminfo{padding:5px 10px 0px 20px}
.winfo{padding:0px 20px 10px 20px;color:#cccccc}
.list{display:block}
.list li{list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-left:15px;
padding:5px 0;
float:none;}

.g-section{clear:both}
.g-left{float:left}
.nav-first{float:right;}

.nav ul li{padding:5px 0;margin:0px;}

#errmsg{color: red;
font-weight: bold;
text-align:left;
margin:10px 0;
}
form table td{vertical-align:top}

.navigation {
display:block;
height:10px;
margin:10px ;
text-align:center;
}
.alignright {float:right;}
.alignleft{float:left}
.error{color:red}

form label.error{display:block;margin:5px 0}

.userinfo{padding:10px;margin:0px 20px 10px 0px;border:1px solid #cccccc;background-color:infobackground}
