/* CSS Document */

body{padding:0px; margin: 10px; font:14px/18px Arial, Helvetica, sans-serif; font-weight:normal; background-color:White}
div, p, h1, h2, h3, ul, img {padding:0px; margin:0px;}
ul{list-style-type:none;}
a {text-decoration: underline; color: black;}
a:hover{color:blue;}
a:active {color: red;}

#QOD{background-color:white; padding: 20px 0px 10px 2%; width: 98% }
#Welcome{background-color:white; padding: 20px 2% 10px 0px; width: 98%; vertical-align:top;}
#NewAndPopular{background-color:white; padding: 10px 0px 10px 2%; width: 98%; text-align: center;}
#PicViewLeft{background-color:white; padding: 10px 0px 10px 20px; width: 570px; text-align: left;}
#PicViewLeft ul{list-style-type: disc; margin: 0 0 0 70px;}
#PicViewLeft li{padding: 5px;  width: 200px;}
#UploadPage{background-color:white; padding: 10px 0px 10px 20px; width: auto; text-align: left;}

#navbar {background-color: White; width:100%; position:relative; margin:0 auto; padding: 0 0px 0 0px;  max-width:1100px;}
#navbar ul {display: inline;}
#navbar ul li {padding-left: 5px; list-style: none; display: inline;}
#navbarLeftPanel {width:auto; float:left;}
#navbarRightPanel {width:auto; float:right; text-align:right}
#navbarClear {clear:both; margin-bottom:20px}
.searchBox {margin: 10px 0 10px 0px;}
.searchButton {margin: 10px 0 10px 0px;}

#footer {background-color: White; width:100%; position:relative; margin:0 auto; padding: 10px 0px 0 0px; font-size:12px; max-width:1100px;}
#footer ul {display: inline;}
#footer ul li {padding-left: 5px; list-style: none; display: inline;}
#footerLeftPanel {width:auto; float:left;}
#footerRightPanel {width:auto; float:right; text-align:right}
#footerClear {clear:both;}

#main {background-color: White; width:100%; position:relative; margin:0 auto; padding: 0 0px 0 0px; font-size:14px; max-width:1100px; min-width:800px;}
#mainLeftPanel {width:65%; float:left; vertical-align:top; min-width:500px}
#mainLeftPanel ul{display: block;}
#mainLeftPanel li{padding: 5px;  width: auto;}
#mainRightPanel {width:33%; float:right; text-align:Center}
#mainClear {clear:both}
#main h2{margin: 5px 0 5px 0; font-family:Arial; font-size:Medium; color:Black;}
#main ul{display: block;}
#main li{padding: 5px;  width: auto;}
#main h1 {margin: 10px 0 10px 0; font-family:Arial; font-size:Large; color:Navy;}
#main h1 span{color:Gray;}
#main h3 {line-height:1.5em}
#mostRecent{ text-align:center;}
.thumbimage{padding:0px 5px 0px 0px; display:inline;}
#mostPopular{ text-align:center;}

#Comments{background-color:white; width:550px; top:0px; right:0px; padding: 0px 0px 0px 20px; float: left; }
#Comments p.comment{padding: 0 20px 0 20px;}
#Comments p.submitter{color: #99966F; padding: 0 20px 20px 20px; font-style: italic;}
#Comments p.info{color: #99966F; padding: 10px 20px 0px 10px; font-style: italic;}
#Comments h1 {padding:0px; margin:0px; font-family:Arial; font-size:Large; color:Navy;}
#Comments h1 span{padding:0px; margin:0px; color:Gray;}

.AODTable {width:600px; font-size: medium; vertical-align: middle; font-family: Sans-Serif; margin: 10px;}
.AODHeader {font-size: x-large; height: 45px; text-align: center; font-family: Sans-Serif;}
.AODPercent {width: 155px; height: 30px; text-align: center;}
.AODAnswer {width: 445px; text-align: Left;}

.thumbnailInfo {text-align: center; margin: 130px 0 0 0; font-family:Arial; font-size: 12px;}
.defaultthumbnailInfo {text-align: center; margin: 0px 0px 5px 0px; font-family:Arial; font-size: 12px;}
.thumbnailGrid td{padding-top: 20px; width: 190px; text-align:left; vertical-align:top;}

#TagCloud{background-color:white; margin:0px auto; line-height:1.5em; text-align:justify; margin: 0px 0px 0px 10px}
#Featured {vertical-align: top; margin: 10px 0 20px 30px; display:block; clear:both;}

#Ratings{background-color:white; width:550px; top:0px; right:0px; padding:  20px 0px 0px 20px; float: left; }
#Ratings h1 {padding:0px; margin:0px; font-family:Arial; font-size:Large; color:Navy;}
#Ratings h1 span{padding:0px; margin:0px; color:Gray;}

#clearFloatSpacer {clear:both; margin-bottom: 0px; }

#mainPicViewLeftPanel {width:550px; float:left; vertical-align:top;}
#mainPicViewRightPanel {width:250px; float:left; text-align:Center}

#loginPanLeft {width:250px; float:left}
#loginPanRight {width:550px; float:left; padding: 0px 0px 10px 0px}