* { margin:0pt; padding:0pt; } body { background:#9BA850 url() repeat scroll left top; text-align: center; font-size:100%; width: 1100px; margin: 0px auto; } html { color:#000000; font-family:"Roboto Slab",serif; font-size:62.5%; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5; } a { text-decoration:none; } ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; } /* ##################################### THIS IS WRAPPER CODE --- these 3 codes render bakground ##################################### */ #wrapper0 { width:1100px; margin:0pt auto; display:block; text-align:center; } #wrapper { background:white; display:block; width:1100px; margin:0pt auto; position:relative; padding-bottom:20px; text-align:left; /* box-shadow: 0 0 5px rgba(0,0,0,.4); */ } #wrapper1 { width:1100px; margin:0pt auto; padding:0pt; display:block; text-align:left; } #container{ float: left; background: white; padding-bottom: 10px; width:1100px; } #right{ float: left; width: 600px; margin-left: 5px; } /* ##################################### SEARCH AND H1 box on top ##################################### */ #searchwrapper { width:700px; clear:both; float:left; /*border:1px solid gray;*/ /* background:transparent url(../images/searchbg.png) no-repeat scroll center bottom; */ display:block; overflow:hidden; } #searchwrapper #sleft { float: left; width: 720px; margin-left: 5px; } #searchwrapper #sright { float:left; width:282px; } #searchwrapper h1 { font-family: "Roboto Slab",serif; font-size:20px; color:#D10000; padding-top:5px; } #searchwrapper p{ font-family:"Roboto Slab",serif; font-size:12px; color:gray; } #header { height:80px; margin:0pt auto; padding:0px; width:1100px; display:block; background-color:#990000; /* box-shadow: 0 0 5px rgba(0,0,0,.4); */ } #navi { height: 38px; color:white; margin:0pt auto; padding:0px; width:1100px; display:block; background: none repeat scroll 0% 0% #D10000; /* border-bottom: 1px solid gray; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */ } .headerlogo { float:left; } #header a.logo { margin-top:5px; display:block; overflow:hidden; text-indent:-9999px; width:400px; margin-left:0px; } #header img{ width: 375px; display: block; height: 60px; margin: 5px; } .topbanner { float:left; margin-top:0px; width:730px; color:white; } .section { margin:0pt auto; width:1000px; position:relative; text-align: left; } /* ##################################### Top header 2 tier toolbar ##################################### */ .hd-toolbar { background:transparent url(../images/newheaderbg.gif) repeat-x scroll left top; margin:0pt; min-width:996px; padding:0pt; } .hd-toolbar .nav { font-family:"Trebuchet MS",Trebuchet,Myriad,sans-serif; margin:0pt auto; overflow:hidden; padding:0pt; width:996px; } #nav_primary { clear:both; height:22px; margin:0pt 0pt 0pt 10px; width:996px; } #nav_primary li { display:block; float:left; list-style-image:none; list-style-position:inherit; list-style-type:none; } #nav_primary a:link, #nav_primary a:visited { color:#990000; } #nav_primary a.selected:link, #nav_primary a.selected:active, #nav_primary a.selected:visited { color:#FFFFFF; background:#595959; } #nav_primary a { font-family:"Trebuchet MS",Trebuchet,Myriad,sans-serif; font-size:12pt; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:21px; padding:0pt 18px 0pt 18px; outline-color:invert; outline-style:none; outline-width:medium; } #nav_primary a.first { padding-left:0pt; } #nav_secondary { color:#FFFFFF; font-family:"Trebuchet MS",Trebuchet,Myriad,sans-serif; font-size:10pt; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; height:31px; line-height:31px; margin:0pt 0px 0pt 10px; text-align:left; word-spacing:-2px; } #nav_secondary li { display:block; float:left; list-style-image:none; list-style-position:inherit; list-style-type:none; } #nav_secondary a:link, #nav_secondary a:visited { color:#FFFFFF; } #nav_secondary a { margin:0pt 2px 0pt 0pt; word-spacing:2px; } a:link { color:#285CAB; } .hd-toolbar > .section { height:auto; } /* ##################################### Navigation BOX ##################################### */ #navi ul { text-align: left; display: inline; list-style: none; clear: both; } #navi ul li { display: inline-block; } #navi a{ display: inline-block; color:#D10000; margin-right: -4px; position: relative; padding: 10px 14px; font: bold 16px/18px "Roboto Slab",serif; cursor: pointer; color:white; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #navi a:hover { background: White; color: #D10000; } #navi ul li ul { padding: 0; position: absolute; top: 48px; left: 0; width: 150px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; box-shadow: 5px 10px 20px 2px rgba(34, 25, 36, 0.4); -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } #navi ul li ul li { background: #fff ; display: block; color:#D10000; border-bottom: 1px solid rgba(227, 227, 227, 1); width:200px; z-index:2; } #navi ul li ul li:hover { background:#D10000; color:#fff;border-bottom: 1px solid #D10000;} #navi ul li:hover ul { display: block; opacity: 1; visibility: visible; } .browse{ float: left; display:none; } #navi ul li:hover .browse{ float:left; display:block; margin-top: 10px; width: 1100px; position: absolute; background-color:white; right: -167px; height:400px; box-shadow: 5px 10px 20px 2px rgba(34, 25, 36, 0.4); z-index:2; } .more{ padding: 0; position: absolute; top: 48px; left: 0; width: 150px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; box-shadow: 5px 10px 20px 2px rgba(34, 25, 36, 0.4); -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; } /* ##################################### SEARCH BOX ##################################### */ .searchbox { float: left; margin-top: 20px; margin-left: 80px; } .searchtxt { width: 300px; height: 40px; font-size: 20px; border-radius: 10px 0px 0px 10px; } .fb{ padding:8px 4px 4px 4px; } .tweet{ padding: 2px 10px 8px 30px; } .searchinput { height:24px; } .Btn { cursor: pointer; margin: -5px; padding: 0px; text-align: center; border: 0px none; width: 100px; background: none repeat scroll 0% 0% #D10000; color: white; font-size: 19px; height: 41px; border-radius: 0px 10px 10px 0px; font-family:"Roboto Slab",serif; } .Btn:hover { color:white; background:	#BC0000; } #menu { background-color: white; width: 1078px; float: left; border: 1px solid rgb(228, 226, 226); margin: 10px; box-shadow: 0px 2px 5px rgba(34, 25, 25, 0.2); border-radius: 5px; position:absolute; margin-top:-190px; } #menu li:nth-child(4n) { border-right: 1px solid white; font-size: 12px; } #menu ul{ float: left; margin: 5px; } .highlight{ font-size: 12px; color:black; } #menu li{ font-size: 12px; width: 255px; border-right: 1px solid #E1E1E1; float: left; padding: 5px; font-family: 'Roboto Slab', serif; } #menu a{ color:#2786C2; } #menu ul li a:{ color:#2786C2; } #menu ul li a:visited { color:#2786C2; } #rel { background-color: white; width: 1080px; float: left; border: 1px solid rgb(228, 226, 226); margin: 10px; box-shadow: 0px 2px 5px rgba(34, 25, 25, 0.2); border-radius: 5px; } #rel li{ font-size: 13px; width: 255px; border-right: 1px solid #E1E1E1; float: left; padding: 5px; } #rel ul{ float: left; margin: 5px; } #secs #secshd { background-color:#B2D40A; height:25px; margin-top:0px; } #secs #secshd h4 { margin-left:5px; font-size:11px; line-height:25px; } #secshd h4 a { color:black; text-decoration:none; } .litext { color:#423F3F; } /* ##################################### THIS IS MIDDLE BOX ##################################### */ .body780 { width:780px; float:left; display:block; } .body300 { width:300px; float:left; display:block; margin:10px; } .body350 { width:350px; float:left; } .body750 { float:left; width:750px; } .body630 { width:1100px; float:left; display:block; } .body740{ width:740; float:left; display:block; margin-left:5px; } #top{ float:left; width:1100px; } #mid { background-color:white; width: 1100px; float:left; } #mid h3{ font-family:"Roboto Slab",serif; font-size:30px; padding-left:10px; color:black; } #mid .headmid { width:100%; background:red; height:25px; } #topsquaread { background:white; padding-top:10px; float:left; width:628px; border:1px #B7BABB solid; } #mid #le { float:left; padding-left:10px;padding-top:10px; padding-bottom:10px; width:300px; } #mid #rt { float:left; padding-left:10px;padding-top:10px; padding-bottom:10px; width:300px;} /* ##################################### RIGHT BANNER BOX ##################################### */ .body170 { width:170px; float:left; margin-top:5px; margin-left:5px; } /* ##################################### MID BOX SPEECH BOX RENDERED ##################################### */ .body630 #speech { /* margin:10px; */ background-color:#FF5D38; width:610px; margin-left:10px; color:white; font-weight:bold; } #speech #text { padding-left:5px; padding-right:5px; margin-bottom:7px; } img.point { height:14px; width:14px; position:relative; left:40px; } /* ##################################### LEFT TREE MENU ##################################### */ .treeview ul{ /*CSS for Simple Tree Menu*/ margin: 0; padding: 0; width:170px; } .treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/ /*background: white url(list.gif) no-repeat right center;*/ list-style-type: none; padding-left: 0px; margin-bottom: 3px; width:170px; } .treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */ background: #B2D40A url(../images/closed.gif) no-repeat right 1px; cursor: hand !important; cursor: pointer !important; font-size:12px;font-family:verdana,ms sans serif, arial ;color: #000; text-decoration: none; font-weight: bold; line-height:25px; } b { border-bottom:1px solid black;} .treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */ display: none; /*Hide them by default. Don't delete. */ font-size:11px;font-family:verdana,ms sans serif, arial ;color: #000000; text-decoration: none; background:white; font-weight:normal; line-height:13px; padding-top:10px; } .treeview li.submenu ul a { font-size:11px;font-family:verdana,ms sans serif, arial ;color:#2786C2;padding-left:4px; display:block;line-height:16px; } .treeview li.submenu ul a:hover {background-color:red; color:white;} .treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */ cursor: default; } .treeview li h4 { margin-left:5px; font-size:11px; line-height:25px; } .treeview li h2 { margin-left:5px; font-size:11px; line-height:25px; } .treeview li h2 a { color:black; text-decoration:none; } .treeview li h4 a { color:black; text-decoration:none; } a.active { background:gray; color:white !important; font-size:11px; /* height:22px !important; */ } /**################################## Pagination style ##################################*/ #pagination { width:600px; margin:0px auto; margin-top:10px; display:block; } #pagination ul { list-style-type: none; margin-left:10px; margin-bottom:10px; } #pagination li { float: left; display: inline; margin: 0 5px 0 0; display: block; } #pagination li a { color: #638425; padding: 4px; border: 1px solid #ddd; text-decoration: none; float: left; } #pagination li a:hover { color: #638425; background: #f1ffd6; border: 1px solid #85bd1e; } #pagination li.nolink { color: #CCC; border: 1px solid #F3F3F3; padding: 4px; } #pagination li.current { color: #FFF; border: 1px solid #b2e05d; padding: 4px; background: #638425; } /************************************* GET CODE FLASH DISPLAY BOX *************************************/ #displaybox{ display:block; float:left; margin-bottom:0pt; margin-left:10px; margin-right:auto; width:610px; margin-bottom:15px; } #topcode { width:610px; background:url(../images/topcode.png); float:left; text-align:center; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #999999; } #belowcode { background:transparent url(../images/belowcode.png) repeat scroll center bottom; float:left; width:610px; } #belowcode h5 { font-family:arial, sans-serif; font-size:17px; color:black; margin-left:10px; } #belowcode h6 { font-family:arial, sans-serif; font-size:16px; color:black; margin-left:10px; font-weight:bold; } #belowcode .textual { color:black; margin:10px; font-family:arial, sans-serif; font-size:12px; width:400px; } #belowcode .textual textarea { font-family:arial, sans-serif; font-size:11px; width:400px; } /************************************* page end content end *************************************/ .thumbnail{ float:left; width:230px; margin:8px; } .text{ float: left; padding: 5px; width: 220px; height: 35px; font-size: 14px; color: rgba(38, 83, 201, 1); bottom: 0px; z-index: 0; } .thumbnail img{ vertical-align:middle; width:230px; height:150px; } /**************************************treelinks **********************************************************/ #treelinks a { color:#A9A659; font-family:Helvetica,Verdana; font-weight:bold; } #treelinks { /* border-bottom:1px solid #A9A659; */ font-family:Helvetica,Verdana; font-weight:bold; float: left; /* text-transform:uppercase; */ } #sharetreelinks { /* border-bottom:1px solid #A9A659; */ font-family:Helvetica,Verdana; font-weight:bold; width:770px; /* text-transform:uppercase; */ } #treelinks p{ font-size: 12px; font-weight: 100; } #treelinks h2{ font-size: 20px; } #sharetreelinks p{ font-size: 12px; font-weight: 100; } #sharetreelinks h2{ font-size: 20px; } .toptreelinks { width:1080px; font-size: 15px; font-weight: bold; } .toplinks { font-size: 17px; margin-left: 10px; margin-top: 10px; } .toplinks p{ float:left; width:1080px; font-size:12px; font-family: "Roboto Slab",serif; } .toplinks h2 { font-size: 16px; font-size: 16px; font-weight: 100; font-family: "Roboto Slab",serif; } .toplinks h1{ font-size: 20px; margin-top: 3px; font-family: "Roboto Slab",serif; } .toplinks span{ float:left; } .toptreelinks h1{ font-family: "Roboto Slab",serif; font-size: 16px; float:left; } .toptreelinks h2{ font-family: "Roboto Slab",serif; font-size: 15px; float:left; } .toptreelinks h3{ font-family: "Roboto Slab",serif; font-size: 14px; margin-top: 2px; float: left; } .toptreelinks span{ float:left; } .subtreelinks { font-size:10pt; } .mintreelinks { font-size:9pt; } /* ############################################## MENU BOXES ################################################## */ #left{ float:left; width:310px; } #leftmenu{ float:left; width:336px; margin-top:15px; margin-bottom:10px; background: none repeat scroll 0% 0% #EBEBEB; } #leftmenu ul h2{ padding: 10px 10px 0px 10px; font-size: 18px; color:black; } .leftmenu a{ display:block; padding: 5px 10px 5px 10px; font-size: 14px; color:#2786C2; } .leftmenu a:visited { color:#2786C2; } .leftmenu a:hover { text-decoration:underline; } #rightmenu{ float:left; width:300px; margin-top:15px; margin-bottom:10px; margin-left:10px; background: none repeat scroll 0% 0% #EBEBEB; } #rightmenu ul h2{ padding: 10px 10px 0px 10px; font-size: 18px; color:black; } .rightmenu a{ display:block; padding: 5px 10px 5px 10px; font-size: 18px; color:#2786C2; } .rightmenu a:visited { color:#2786C2; } .rightmenu a:hover { text-decoration:underline; } #menubox { width:170px; float:left; margin-bottom:5px; background:#FFFFFF; border-color:#B7BABB; border-style:none solid solid; border-width:1px; } #menubox #hding { background-color:#B2D40A; height:25px; margin-top:0px; font-size:11px; line-height:25px; font-weight:bold; width:170px; display:block; } #menubox li { list-style-type:none; margin-bottom:3px; padding-left:0px; width:170px; } #menubox a { color:#2786C2; font-family:verdana,ms sans serif,arial; font-size:11px; line-height:16px; display:block; } #menubox a:hover { color:white; background:red; } .bannerright { text-align:center; padding-top:4px; padding-bottom:4px; } /* ############################################## Footer ################################################## */ #footer { width: 1100px; font-size: 12px; color: black; text-align: left; display: table; margin: 0 auto; clear:both; background: #cccccc; /*padding: 10px; box-shadow: 0 0 5px rgba(0,0,0,.4); */ } #footer a { color:black; text-decoration:underline; } /* ########################################### THUMBNAILS DISPLY INDEX ####################################### */ #displaythumbs { margin-top:20px; width:600px; } #displaythumbs img { border:1px solid black; width:100px; height:75px; } #displaythumbs a { color:#2786C2; font-family:verdana,ms sans serif,arial; font-size:12px; } #displaythumbs td { padding:20px; } /* ########################################### WALLPAPERS SITE THUMBNAILS ########################################### */ #thumbwrapper { width:610px; float:left; padding-left:20px; padding-top:20px; padding-bottom:20px; } .thumbnaildisplay { display:inline; float:left; height:187px; margin:12px; width:120px; } .thumbnaildisplay h4 { color:#6A6A6A; font-family:Tahoma,Verdana,Arial,sans-serif; font-size:11px; font-weight:bold; height:50px; position:relative; } .thumbnaildisplay a.thumb { display:block; height:90px; position:relative; width:120px; } .thumbnaildisplay img.smThumb { background:#999999 none repeat scroll 0%; display:block; height:90px; width:120px; border:0px; } .downloadbutton { background:#D4EEF1 none repeat scroll 0%; height:30px; padding-top:8px; padding-bottom:8px; text-align:center; } .downloadbutton a { background:transparent url(../images/downloadbutton.gif) no-repeat scroll left top; display:block; height:30px; margin:0pt auto; width:100px; } .downloadbutton a:hover { background-position:left bottom; } /* ########################################### Twitter homepage styling ########################################### */ .downloadbutton a span { display:none; } .ledesc { font-family:arial; font-size:18px; font-weight:bold; margin-bottom:10px; margin-top:10px; } .lelink { font-family:arial; font-size:15px; font-weight:bold; color:#2786C2; text-decoration:none; } .lelink:hover { text-decoration:underline; } /* ################################################ Twitter Home ############################################################ */ #widgetbox { width:650px; float:left; } #widgetthumb { float:left; text-align:center; width:130px; } #widgetdetails { float:left; width:520px; } #widgetdetails h4 a { border-bottom:1px solid #C1D8F4; color:#1155BB; font-size:15px; font-weight:bold; } /* ################################################ for listing in ac and grpahics homepage ############################################################ */ .homepage { font-size:18px; list-style-position:inside; list-style-type:disc; } .homepage ul { font-size:16px; list-style-position:inside; list-style-type:disc; margin-left:20px; font-weight:Bold; } .homepage a:hover{ color:#D10000; } .homepage li a{ color:#285CAB; } /* ################################################ twitter photo effects form ############################################################ */ #photoform { margin-top:15px; font-family:arial,sans-serif; font-size:12px; width:730px; float:left; } #photoform .label { font-size:14px; font-weight:bold; } #photoform input { width: 295px; } #photoform .submit { font-size:18px; font-family:arial,sans-serif; font-weight:bold; padding:5px; } .submit { font-size:18px; font-family:arial,sans-serif; padding:3px; } #astr{ width: 720px; margin-left: 10px; font-size: 15px; border: 1px solid rgba(211, 211, 211, 0.59); padding: 5px; float:left; text-align:center; } /* ################################################ twitter custom bg homepage ############################################################ */ .twitbgdisplay { float:left; width:620px; margin-left:0px; margin-top:20px; } .twitbgdisplay .post { float:left;width:310px;margin-bottom:10px;height:260px; } .twitbgdisplay .screenshot { border:1px solid #DDDDDD; height:186px; margin-bottom:10px; padding:4px; width:290px; float:left; margin-left:10px; } .twitbgdisplay .screenimg { float:left; height:100%; position:relative; width:100%; } .twitbgdisplay .screenimg span { font-size:11px; position:absolute; right:0px; top:7px; } .twitbgdisplay .screenimg span a { background:#000000 none repeat scroll 0%; } .twitbgdisplay .screenimg span a { color:#FFFFFF; padding:8px; text-decoration:none; } .twitbgdisplay .theme { width:290px; margin-left:10px; margin-bottom:27px; float:left; } .twitbgdisplay .theme a { color:black; } /* ################################################ twitter custom bg image selector ul code ############################################################ */ ul#choicesList {list-style:none;padding:0;margin:0;float:left; width:610px;margin-bottom:20px;} ul#choicesList li { float:left; border:2px solid #ccc; margin-right:10px; padding:4px; margin-bottom:10px; } ul#choicesList label {background:#FFF;display:block;} ul#choicesList li img { border:1px solid #fff; } ul#choicesList li:hover { border-color: #f00; } ul#choicesList li.on { border-color: #397D02; } ul#choicesList input { margin-left:0px; } /* ################################################ photo frames index thumbnails layout ############################################################ */ #rockthumbs { float: left; width: 1080px; margin: 10px; background: none repeat scroll 0% 0% rgba(240, 240, 240, 1); } #rockthumbs #rockcat { float: left; width: 1080px; } #rockthumbs #rockcat .categoryname { font-family:arial,sans-serif; color:black; display:inline; font-size:18px; text-align:left; margin-left: 15px; } .categoryname a { color:#FF6C00; text-decoration:underline; } #rockthumbs #rockcat ul li { float: left; width: 185px; margin: 5px 15px 15px; box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.4); list-style-type: none; border-radius: 5px; } #rockcat img{ width: 185px; height: 185px; border-radius: 5px 5px 0px 0px; vertical-align: middle; } #rockcat p{ font-size: 14px; padding: 10px; border-radius: 0px 0px 5px 5px; background: none repeat scroll 0% 0% rgba(255, 255, 255, 1); } .listlink { background-color:#FFFFFF; border:4px solid #FFFFFF; display:block; padding:5px; } .listlink:hover { background-color:#DDDDDD; border:4px solid #6284FE; display:block; padding:5px; } #timelinebar { font-family: arial,sans-serif; font-size: 15px; color: #FFF; font-weight: bold; width: 50%; margin: 0px auto; } #timelinebar img { float:left; margin-left:10px; margin-right:10px; margin-top:5px; } .tlineboxcurrent { background:#029DFF none repeat scroll 0%; float:left; padding:5px 15px; position:relative; } .tlineboxnext { background:#BBBBBB none repeat scroll 0%; float:left; padding:5px 15px; position:relative; } /* ################################################ form for polls, surveys, etc layout ############################################################ */ #formbox { float:left; width:610px; margin-left:10px; } #formbox ul { margin-top:14px; } #formbox h3 { font:normal 16px arial; padding-bottom:5px; padding-top:10px; color:black; } #formbox label { font-size:16px; padding:5px; width:95%; display:block; color:black; font-family:arial; font-style:normal; font-weight:bold; } #formbox label input { margin-right:10px; } #formbox label:hover { background-color:#DDF2BF; } input.submit-button { font-size:18px; font-weight:bold; padding:2px 3px; margin-top:10px; } #formbox h5 {font-family:arial; font-size:14px;margin-top:14px;padding:0px;} #formbox table {font-size:11px; font-family:arial;} input.textboxer{ background-color:#FBFBF7; border:2px solid #E0DFD0; padding:4px; } /* ################################################ instructions for twitter background ############################################################ */ ol.instructions { font: italic 1em Georgia, Times, serif; color: #999999; font-size:25px; padding-left:61px; list-style-type:decimal; } .instruct { font-family:arial,sans-serif;font-size:13px;color:Black; } /* ################################################ movie posters section styles ############################################################ */ #thumbnailpage { width:700px; margin:20px; float:left; } #posterthumb { width:200px; float:left; height:300px; } #posterthumb img { border:1px solid black; } #posterthumb a { color:#413980; font-family:arial,sans-serif; font-size:12px; } /* ################################################ quizzes wishafriend ############################################################ */ #htmlquiz { float:left; margin-left:10px; margin-top:10px; position:relative; width:600px; background:white; } #htmlquiztop { float:left; margin-left:10px; position:relative; width:682px; } #htmlquiz h3 { font:15px arial; font-weight:bold; padding-bottom:5px; padding-top:16px; color:#3B3B3B; } #htmlquiz label { font-size:13px; padding:5px; width:95%; display:block; color:black; font-family:arial; font-style:normal; } #htmlquiz label input { margin-right:4px; } #htmlquiz label:hover { background-color:#D8D8C2; } #htmlquiz ul { list-style-image:none; list-style-position:outside; list-style-type:none; } #htmlquiz ol { font: italic 1em Georgia, Times, serif; color: #999999; font-size:25px; padding-left:61px; list-style-type:decimal; } #resultbox h2 { width:300px;background:#EEEEEE;font-size:14pt;margin:0px; } #resultbox p { font-size:12px;color:black; } #resultbox { width:290px;background:white;border:2px solid #EEE;text-align:center;font-family:arial,sans-serif;margin-bottom:10px; } #squarequiz { width:300px; float:left; margin-bottom:10px; background-color:#FFF; } #squaread { margin-bottom:10px; float:left; } #squarehead { background-color:#4EBAFF; height:25px; } #squarehead h3 { font-size:12px; padding:2pt 0pt 0px 7px; /* text-transform:lowercase; */ } #squarequizzeshalf { float:left; width:130px; padding:5px; } #squarequizzes { float:left; width:300px; padding:5px; } #squarequiz a { font-size:12px; color:#0068A9; } #squarequiz ul { float:none; list-style-type: disc; list-style-position: inside; color: #C5D3D8; /*width:270px;*/ } /* #################homepage recent posts ############################# */ #recent { border-bottom:1px dotted #999999; float:left; margin:10px; padding-bottom:10px; } #recent .title { float:left;font-size:13px;width:100%;font-weight:bold; } #recent .title a { font-weight:bold; } #recent .date { float:left;font-size:10px;color:gray;width:100%; } #recent .description { float:left;color:#3E3E3E;font-size:11px; } #recent .description a { font-weight:bold; } /* ########################## error for quiz ############################# */ .error { display:none; } .error { font-family:arial, sans-serif; font-size:14px; font-weight:bold; font-style:none; background:#A00000; color:white; width:500px; height:30px; padding:3px; } /* ########################## articles ################################ */ .mshare{ display:none; } .imgshare{ } .imgshare:hover .mshare { position: absolute; float: left; margin-left: 480px; display:block; margin-top:50px; } #content { float:left; font-size:12px; color:#333333; width: 1100px; } #contentshare{ float:left; text-align: center; font-size: 18px; color:#333333; } #content { float:left; font-size:12px; color:#333333; } #content p { display:block; } #content h2 { margin-top:20px; font-size:20px; color:#000000; font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif; } #content #wholeimg { width:550px; text-align:center; margin:15px; float:left; } #content ul { list-style-image:none; list-style-position:inside; list-style-type:disc; } .half { width:270px; } .full { width:580px; } .w210 { width:210px; } .w300 { width:300px; } .illustration { margin:5px; text-align:center; } .right { float:right; } .left { float:left; } .imgborder { border:1px solid gray; padding:3px; } /* ########################## love,christmas,valentinesday section ################################ */ .smallthumb{ float: left; margin: 0px 10px 10px 10px; width: 165px; height: 170px; } .smallthumb img{ float:left; width:165px; height:120px; } .thumbtxt { float: left; width: 165px; font-size: 14px; color: #2653C9; } #coldiv{ float: left; margin: 0px 20px 10px; width: 335px; } #coldiv a{ font-size:15px; color:#2653C9; } #coldiv ul{ margin-left: 10px; list-style-type: disc; } #coldiv p{ font-size: 15px; color: black; font-weight:bold; } #coldiv h2 a{ font-size: 15px; color: black; } #headwrapper { width:1080px; clear:both; float:left; display:block; overflow:hidden; margin:10px; } #headwrapper #sleft { float: left; width: 1070px; } #headwrapper h1 { font-family: "Roboto Slab",serif; font-size:20px; color:#D10000; } #headwrapper h2 a{ font-weight:100; color:black; } #headwrapper p{ font-family:"Roboto Slab",serif; font-size:12px; color:gray; text-align: justify; } .box{ float: left; width: 370px; margin-bottom:10px; } .box_ads{ float: left; margin: 10px; width:336px; } .mainwrapper{ float:left; width:1100px; } #show{ transition-property: all; transition-duration: .10s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } #carol li a{ color:#285CAB; } #carol{ list-style-type: disc; margin-left: 15px; } #more{ display: block; float: right; font-size: 12px; cursor: pointer; } #up{ display: block; float: right; font-size: 12px; cursor: pointer; } /* ########################## Astrology ################################ */ #astroheader{ float: left; width: 720px; margin: 10px; } #astroheader h1{ font-size: 20px; color: #D10000; } #astroheader h2{ font-weight: 100; font-size: 14px; } #astroheader p{ font-size: 12px; color: #808080; text-align: justify; } #astrobody{ float: left; width: 720px; margin: 0px 0px 10px 10px; padding: 5px 0px 5px 5px; } #astrobody h2{ font-size: 18px; } #astrobody h3{ font-size: 20px; } #astroheader a{ color:black; } #astrobody p{ font-size: 12px; } #astromid{ float:left; width:740px; } #astrodiv { float:left; width:355px; margin-top:10px; } #astrodiv ul { font-size:16px; list-style-type:disc; margin-left:25px; } #astrodiv ul li:hover{ text-decoration:underline; color:#285CAB; } #astrodiv ul li a{ color:#285CAB; } #astrodiv h3{ font-size:16px; color:black; } #astrodiv h3:hover{ text-decoration:underline; } #astrodiv h4 { font-size:16px; color:black; } #astrotxt{ float:left; width:710px; font-size:15px; text-align:justify; } #astrotxt h4{ font-size:14px; } #astrotxt p{ font-size:15px; text-align:justify; } .label{ font-size:14px; font-weight:bold; } .btnsub{ padding: 5px; width: 150px; border-radius: 25px; background: none repeat scroll 0% 0% rgba(225, 225, 225, 1); font-size: 20px; font-family: "Roboto Slab",serif; outline:none; } .btnsub:hover{ background: none repeat scroll 0% 0% rgba(210, 210, 210, 1); outline:none; } #astrosidebar{ float:left; margin:0px 12px 12px; width:336px; } #sidethumb{ float:left; width:334px; margin-bottom:15px; } #sidetxt{ float:left; padding:5px; } #sidetxt h4{ font-size:15px; } #sidetxt a{ color: #2653C9; } #sidetxt p{ font-size:12px; } #morelinks{ text-align:center; margin-top: 10px; } #morelinks h3{ font-family: roboto slab; font-size: 17px; color: white; background-color: #990000; padding: 5px; float: left; width: 100%; margin-right: 5px; margin-bottom: 5px; }