/* Theme Name: GELPACK Theme URI: http://www.motiontheme.com Description: Theme is designed and coded by Motiontheme.com. Version: 1.0 Author: motiontheme.com */ /* RESET CSS */ html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} * {margin: 0; padding: 0;} body {font: 75%/170% Arial, Helvetica, sans-serif; color: #000; background: #fff url(img/bodybg.gif) repeat-x top; margin: 0; padding: 0;} a {color:#0099FF; text-decoration: none; outline: none;} a:visited {text-decoration: none;} a:hover {text-decoration: underline; color:#000;} p {padding: 0 0 0.5em; text-align:justify;} /* ### TITLES ### */ h1, h2, h3 {margin-bottom:15px; font-family: "Trebuchet MS";} img {border: none;} /* ### WRAPERS, CONTAINERS --------------------------- ### */ #wrap {width:970px; margin:0 auto; background:#fff; repeat-x top; padding:5px 5px 10px 5px;} /* ### HEADER ----------------------- ### */ #header {height:128px; width:980px; margin:0 auto; margin-bottom:0px; background:url(img/headerbg.jpg) no-repeat;} #header .logo {position:absolute; margin-left:28px; margin-top:30px; color:#fff; font-size:1.2em; font-style:italic; padding:5px 0 0 10px;} #header .logo a {color:#fff; position:relative;} #header .logo a:hover {text-decoration:none;} #header .call {font-size:2.5em; font-style:italic; position:absolute; color:#fff; margin-left:580px; margin-top:45px; width:390px; text-align:right;} /* Extra top nav */ #extratopnav {font-size:1.4em; text-align:right; position:absolute; width:650px; margin-left:320px; margin-top:80px; color:#fff; overflow:hidden;} #extratopnav .spacer {background:url(img/extratopbgmidle.gifx) no-repeat center; padding:5px 0 0 0;} #extratopnav a {text-decoration: none; outline: none; margin: auto 5px; color:#fff;} #extratopnav a:hover { color:#efc000;} .none {display:none;} .visible {} /* Top navigation */ #topnav {font-size:1.4em; width:980px; height:49px; margin:0 auto; background:url(img/topnavabg.gif) no-repeat;} #topnav a {text-decoration:none; color:#fff;} #topnav a:hover {text-decoration:none; color:#efc000;} #topnav .current_page_item {} #topnav .current_page_item a {text-decoration:none; background:none; color:#efc000; padding:10px 0 0 0;} #topnav ul { padding:13px 0 0 0;} #topnav ul li {list-style:none; float:left; position:relative; padding:0 18px 0 18px; background: url(img/topnavlibg.jpg) no-repeat right;} /* SEARCH */ #search {margin-bottom:10px; position:absolute; margin-left:690px; margin-top:75px; width:250px; display:none;} #search .itext {width:171px; height:24px; padding:9px 7px 7px 7px; background: url(img/fieldbg.gif) no-repeat !important; color:#000; border:none; font-size:11px; float:left;} #search .ibut {cursor:pointer; border:0px; width:64px; height:28px; background: url(img/searchbt.gif) no-repeat; font-weight:bold; color:#63a0b1; float:right;} /* ### MIDLE, SIDEBARS ----------------------- ### */ /* Midle */ #midle {/*WIDTH*/ width:490px; padding:10px 0 0 0;} #midle .spacer {} #midle.wide { width:auto; background:url(img/midlewidebg.jpg) repeat-y center;} #midle .more-link {padding:0 0 15px 0; display:block; float:right;} #midle .photo {text-align:center; margin-bottom:10px;} #midle .photo img {border:1px solid #b5b5b5; padding:3px;} /* Featured */ #featured_wrap {overflow:hidden; background:#f4f4f4; margin-bottom:10px; text-align:center;} /* index blocks */ #blocks {} #blocks .row {} #blocks .block {background:#f4f4f4; width:440px; padding:0 10px 0 10px; margin-bottom:10px; color:#616060;} #blocks .block h2 {font-size:1.5em; color:#022266; margin:0 0 10px 0; overflow:hidden; padding:0; position:relative; font-family:"Trebuchet MS"} /* Post style */ #midle .post {} #midle .post h1 {margin-bottom:20px; font-size:2.8em; color:#777; line-height:25px; font-weight:normal; padding:4px 0 0 0;} #midle .post h2 {margin-bottom:5px; font-size:1.9em; padding:0; font-family: "Trebuchet MS"; line-height:25px;} #midle .post h2 a {position:relative;} #midle .post h2 a:hover {text-decoration:none; color:#000;} #midle .post h3 {margin-bottom:10px; margin-left:0px; font-size:14px;} #midle .rmore {padding:20px 0 0 20px; clear:left; float:right; font-weight:bold; background:url(img/rmore.gif) 0 20px no-repeat;} #midle .rmore-s {padding:10px 0 0 20px; clear:left; float:right; font-weight:bold; background:url(img/rmore.gif) 0 10px no-repeat;} #midle ul {list-style:none; margin-bottom:20px;} #midle ul li {padding:0 0 0 10px;} #midle ul ul li {padding:0 0 0 15px; background:url(img/bullet.gif) no-repeat 0 0px;} #midle .pic {} #midle .pic img {width:70px; height:70px;} /* post data */ #midle .postdata {font-size:11px; padding:5px 10px 15px 10px; clear:both;} #midle .postdata ul {list-style:none; margin:0; padding:0;} #midle .postdata ul li { display:inline; padding:0 5px 0 5px;} #midle .postdata .time {background:url(img/time.gif) no-repeat 0 -1px; padding: 0 10px 4px 20px; position:relative; float:left;} #midle .postdata .comments {background:url(img/comment.png) no-repeat 0 0px; padding: 0 10px 0 20px;} #midle .postdata .posted {background:url(img/posted.gif) no-repeat 0 2px; padding: 0 5px 4px 18px; margin-right:10px; position:relative; float:left;} /* Img aligns */ #midle .alignleft {float:left; padding:0 10px 10px 0;} #midle .alignright {float:right; margin:0 0 10px 10px; border:1px solid #b5b5b5; padding:3px;} #midle .thumb {float:left; padding:0 10px 0 0;} #midle .thumb img {border:1px solid #999; padding:3px;} /* Comments */ .even {margin-bottom:10px; background:none; padding:10px; height:1%;} .odd {margin-bottom:10px; background:#f8f4f8; padding:10px; height:1%;} h3.ctitle { margin:0; padding:0;} ol { margin:0; padding:0;} .commentlist {list-style:none;} .commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;} .commentlist cite { margin:0; padding:0;} .comment-author, .vcard { margin:0; padding:0;} .comment-author img {float:left; margin-right:10px; margin-top:5px;} .comment-meta, .commentmetadata { margin:0; padding:0;} .commentmetadata {margin-bottom:10px; font-size:10px; clear:right;} #midle .box {width:432px; height:96px; background:url(img/boxbg.gif) no-repeat; border:none; font-family:arial; font-size:12px; color:#000; padding:5px; overflow:hidden;} #midle .field { background:url(img/fieldbg.gif) no-repeat !important; font-family:arial; border:none; width:157px; height:19px; font-size:12px; color:#000; padding:7px 10px 7px 10px; } #midle .submit { background:url(img/submit.gif) no-repeat; width:105px; height:35px; border:none; cursor:pointer;} /* Navigation */ #navigation {} #navigation .alignleft {float:left;} #navigation .alignright {float:right;} /* SIDEBARS */ #sidebar01 {/* WIDTH */ width:200px; padding:10px; background:#f3f1f1; margin-right:10px;} #sidebar01 h2 {font-size:1.3em; font-family:"Trebuchet MS"; color:#075DA0; margin:0;} #sidebar01 ul { margin:0; padding:0;} #sidebar01 ul li { list-style:none; font-size:1.3em; color:#075DA0; font-weight:bold; font-family:"Trebuchet MS"; padding:0 0 4px 0;} #sidebar01 ul li a {color:#075DA0;} #sidebar01 ul ul {margin:10px 10px 15px 10px;} #sidebar01 ul ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; background:url(img/bullet.png) no-repeat 0 4px; padding:0 0 10px 16px; line-height:15px; font-size:14px; font-weight:normal; border-bottom:1px solid #ddd; font-family:Arial, Helvetica, sans-serif;} #sidebar01 ul ul li a {color:#0099FF;} #sidebar01 ul ul ul {margin: 10px 0 0 0;} #sidebar01 ul ul ul li {border:none; line-height:15px; background:url(img/bullet.gif) no-repeat 0 5px;} .widget_tag_cloud a {position:relative; padding:10px;} .textwidget {font-size:11px; padding:10px; text-align:justify;} #sidebar02 {/* WIDTH */ width:220px; padding:10px;} #sidebar02 h2 {font-size:1.3em; font-family:"Trebuchet MS"; color:#075DA0; margin:0;} #sidebar02 ul { margin:0; padding:0;} #sidebar02 ul li { list-style:none; font-size:1.3em; color:#075DA0; font-weight:bold; font-family:"Trebuchet MS";} #sidebar02 ul li a {color:#075DA0;} #sidebar02 ul ul {margin:10px 10px 15px 10px;} #sidebar02 ul ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; background:url(img/bullet.png) no-repeat 0 4px; padding:0 0 10px 16px; line-height:15px; font-size:14px; font-weight:normal; border-bottom:1px solid #ddd; font-family:Arial, Helvetica, sans-serif;} #sidebar02 ul ul li a {color:#0099FF;} #sidebar02 ul ul ul {margin: 10px 0 0 0;} #sidebar02 ul ul ul li {border:none; line-height:15px; background:url(img/bullet.gif) no-repeat 0 5px;} #sidebar02 .textwidget { padding:0 0 10px 0;} /* ### FOOTER ----------------------- ### */ #footer {background:#347db7 url(img/footerbg.jpg) repeat-x top; color:#fff; height:137px;} #footer .spacer {width:980px; margin:0 auto; padding:17px 0 17px 0;} #footer a {text-decoration:none; color:#ffba00;} #footer a:hover {text-decoration: underline;} #footer .block {font-size:1em; position:absolute;} #footer .b1 {width:200px;} #footer .b2 {margin-left:220px; width:200px;} #footer .bot-menu {position:absolute; width:530px; margin-left:430px;} #footer .bot-menu ul {list-style:none; font-size:1.4em; text-align:right;} #footer .bot-menu ul li {display:inline; padding:0 10px 0 0;} #footer .bot-menu a {color:#fff;} #footer .bot-menu a:hover {color:#ffba00;} /* Floating options */ .fl {float:left;} .fr {float:right;} .mgright {margin-right:10px;} .mgtop {margin-top:10px;} .mgbottom {margin-bottom:10px;} /* Clearing */ .clr {clear:both;} .tmp {display:none;}