-/*-------------------------------------------------\r
- Nucleus CMS Stylesheet - bundled with version 3.2\r
- Based on the Stanch skin by Ivan Fong\r
- Mods by hcgtv and moraes\r
--------------------------------------------------*/\r
-\r
-/*-------------------------------------------------\r
- General layout\r
--------------------------------------------------*/\r
-body\r
-{\r
- background: #505050 url(images/bg.gif);\r
- color: #494949;\r
- font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;\r
- font-size: 11px;\r
- padding: 15px 0;\r
- margin: 0;\r
-}\r
-img\r
-{\r
- border: 0;\r
-}\r
-form\r
-{\r
- margin: 0;\r
-}\r
-\r
-/* Headings */\r
-h1,h2,h3,h4,h5,h6\r
-{\r
- font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;\r
- font-weight: normal;\r
- margin: 0;\r
-}\r
-\r
-/* Lists */\r
-ul\r
-{\r
- list-style: none;\r
- padding: 0;\r
- margin: 0;\r
-}\r
-li\r
-{\r
- background: url(images/arrow.gif) left 5px no-repeat;\r
- padding: 0 0 0 10px;\r
- margin: 0 20px;\r
-}\r
-\r
-/* Links */\r
-a:link, a:visited\r
-{\r
- color: #635D45;\r
- text-decoration: none;\r
-}\r
-a:hover, a:active\r
-{\r
- color: black;\r
-}\r
-#header a:link, #header a:visited\r
-{\r
- color: #474747;\r
-}\r
-#header a:hover, #header a:active\r
-{\r
- color: #737373;\r
-}\r
-#copyrights a:link, #copyrights a:visited\r
-{\r
- color: #474747;\r
-}\r
-#copyrights a:hover, #copyrights a:active\r
-{\r
- color: #737373;\r
-}\r
-\r
-/* Basic classes */\r
-.hidden\r
-{\r
- display: none;\r
-}\r
-.centerize\r
-{\r
- text-align: center;\r
-}\r
-.clearing\r
-{\r
- width: 704px;\r
- height: 0;\r
- clear: both;\r
-}\r
-\r
-/*-------------------------------------------------\r
- Header\r
--------------------------------------------------*/\r
-#header\r
-{\r
- position: relative;\r
- width: 704px;\r
- height: 168px;\r
- /* large header image is defined below */\r
- /* background: white url(images/header.jpg) no-repeat; */\r
- background: white;\r
- border-width: 2px 2px 0;\r
- border-style: solid;\r
- border-color: #E0E0E0;\r
- margin: auto;\r
-}\r
-#header h1\r
-{\r
- /* small header image specific lines */\r
- height: 168px;\r
- width: 692px;\r
- background: white url(images/header_sm.jpg) repeat-x 0 6px;\r
- margin: 0 6px;\r
- /* end small header image specific lines */\r
- font-size: 38px;\r
- text-align: center;\r
- line-height: 160px;\r
-}\r
-\r
-/*-------------------------------------------------\r
- Content wrappers\r
--------------------------------------------------*/\r
-#mainwrapper\r
-{\r
- width: 704px;\r
- background: white;\r
- border-width: 0 2px;\r
- border-style: solid;\r
- border-color: #E0E0E0;\r
- margin: auto;\r
-}\r
-#wrapper\r
-{\r
- width: 704px;\r
- background: white url(images/bgcontainer01.gif) repeat-y;\r
- margin: auto;\r
-}\r
-\r
-/*-------------------------------------------------\r
- Main content\r
--------------------------------------------------*/\r
-#container\r
-{\r
- width: 704px;\r
- height: 1%;\r
- overflow: visible;\r
- float: right;\r
- padding: 4px 0 0 0;\r
- margin-left: -204px;\r
-}\r
-.content\r
-{\r
- padding: 0;\r
- margin: 7px 20px 30px 224px;\r
-}\r
-\r
-/*-------------------------------------------------\r
- Item styles\r
--------------------------------------------------*/\r
-.contenttitle h2\r
-{\r
- clear: both;\r
- background: url(images/dot.gif) bottom repeat-x;\r
- font-size: 18px;\r
- padding: 0 0 6px 0;\r
- margin: 0;\r
-}\r
-.contentbody\r
-{\r
- font-size:13px;\r
- text-align: justify;\r
- padding: 0 0 16px 0;\r
-}\r
-\r
-/*-------------------------------------------------\r
- Item info\r
--------------------------------------------------*/\r
-.contentitemcategory\r
-{\r
- background: url(images/bgcategory.gif) center left no-repeat;\r
- font-size: 10px;\r
- line-height: 12px;\r
- padding: 0 10px 0 14px;\r
-}\r
-.contentitempostedby\r
-{\r
- background: url(images/bgpostedby.gif) center left no-repeat;\r
- font-size: 10px;\r
- line-height: 12px;\r
- padding: 0 10px 0 12px;\r
-}\r
-.contentitemcomments\r
-{\r
- background: url(images/bgcomment.gif) center left no-repeat;\r
- font-size: 10px;\r
- line-height: 12px;\r
- padding: 0 10px 0 13px;\r
-}\r
-.contentitemedit\r
-{\r
- background: url(images/bgedit.gif) center left no-repeat;\r
- font-size: 10px;\r
- line-height: 12px;\r
- padding: 0 10px 0 11px;\r
-}\r
-.contentitem\r
-{\r
- padding: 3px 0 0 0;\r
- margin: 0 0 16px 0;\r
-}\r
-.contentitem1\r
-{\r
- display: inline;\r
-}\r
-.contentitem2\r
-{\r
- display: inline;\r
- background: url(images/dotv.gif) left repeat-y;\r
- padding: 0 0 0 10px;\r
-}\r
-.contentitem3\r
-{\r
- display: inline;\r
- background: url(images/dotv.gif) left repeat-y;\r
- padding: 0 0 0 10px;\r
-}\r
-.contentitem4\r
-{\r
- display: inline;\r
- padding: 0 0 0 10px;\r
- background: url(images/dotv.gif) left repeat-y;\r
-}\r
-\r
-/*-------------------------------------------------\r
- Comments\r
--------------------------------------------------*/\r
-.itemcomment\r
-{\r
- background: url(images/commentquote01.gif) no-repeat;\r
- background-position: 6px 9px;\r
- padding: 6px 42px;\r
- border: 1px solid white;\r
- margin: 10px 0 0 0;\r
-}\r
-.itemcomment:hover\r
-{\r
- background: #F9F9F9 url(images/commentquote02.gif) no-repeat;\r
- background-position: 6px 9px;\r
- border: 1px solid #CCCCCC;\r
-}\r
-.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/\r
-{\r
- background: #F9F9F9 url(images/commentquote02.gif) no-repeat;\r
- background-position: 6px 9px;\r
- border: 1px solid #B3C492;\r
-}\r
-.id1:hover\r
-{\r
- background: #F9F9F9 url(images/commentquote02.gif) no-repeat;\r
- background-position: 6px 9px;\r
- border: 1px solid #B3C492;\r
-}\r
-.itemcomment h3\r
-{\r
- font-size: 12px;\r
-}\r
-\r
-/*-------------------------------------------------\r
- Menu\r
--------------------------------------------------*/\r
-#sidebarcontainer\r
-{\r
- float: left;\r
- width: 204px;\r
- padding: 2px 0 0 0;\r
-}\r
-.sidebar\r
-{\r
- color: #21262A;\r
- margin: 0 0 4px 6px;\r
-}\r
-\r
-/* Menu lists */\r
-.sidebardl\r
-{\r
- padding: 0 0 10px 0;\r
- margin: 0;\r
-}\r
-.sidebardl dt\r
-{\r
- background: #E5E5E5 url(images/sidetitlebg.gif);\r
- color: #3A3523;\r
- font-size: 12px;\r
- font-weight: bold;\r
- font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;\r
- padding: 4px 10px;\r
-}\r
-.sidebardl dd\r
-{\r
- background: #EEEEEE;\r
- padding: 2px 10px;\r
- margin: 1px 0 0 0;\r
-}\r
-.sidebardl dd:hover\r
-{\r
- background: #E7E7E7;\r
- padding: 2px 10px;\r
- margin: 1px 0 0 0;\r
-}\r
-.sidebardl dd a:link, .sidebardl dd a:visited\r
-{\r
- background: url(images/arrow.gif) left center no-repeat;\r
- padding: 0 0 0 10px;\r
-}\r
-\r
-/*-------------------------------------------------\r
- Footer\r
--------------------------------------------------*/\r
-#footer\r
-{\r
- width: 704px;\r
- background: #FCD21B;\r
- text-align: center;\r
- padding: 10px 0 10px 0;\r
- border-width: 0px 2px 2px 2px;\r
- border-style: solid;\r
- border-color: #E0E0E0;\r
- margin: 0 auto;\r
-}\r
-\r
-#copyrights\r
-{\r
- color: #474747;\r
-}\r
-\r
-/*-------------------------------------------------\r
- Forms\r
--------------------------------------------------*/\r
-.loginform, .searchform\r
-{\r
- margin: 5px 0;\r
-}\r
-.commentform, .mailform\r
-{\r
- margin-top: 10px;\r
- padding: 10px;\r
- background: #EEEEEE;\r
- /* Rounded borders, for Mozilla browsers */\r
- /* -moz-border-radius: 10px; */\r
-}\r
-.commentform img{\r
- margin: 5px 0 0 0;\r
-}\r
-.formfield\r
-{\r
- font-size: 11px;\r
- background: white;\r
- color: #494949;\r
- border-top: 1px solid #868686;\r
- border-left: 1px solid #868686;\r
- border-bottom: 1px solid #D4D2CF;\r
- border-right: 1px solid #D4D2CF;\r
- margin: 1px 0 0 0;\r
-}\r
-.formbutton\r
-{\r
- font-size: 11px;\r
- background: white;\r
- color: #494949;\r
- border-top: 1px solid #D4D2CF;\r
- border-left: 1px solid #D4D2CF;\r
- border-bottom: 1px solid #868686;\r
- border-right: 1px solid #868686;\r
- margin: 1px 0 0 0;\r
-}\r
-.searchform .formfield\r
-{\r
- width: 130px;\r
- font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;\r
- padding: 2px 0;\r
- margin: 0 2px 2px 0;\r
-}\r
-.searchform .formbutton\r
-{\r
- width: 60px;\r
- font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;\r
- padding: 2px 2px;\r
-}\r
-.loginform .formfield\r
-{\r
- width: 130px;\r
- font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;\r
- padding: 2px 0;\r
- margin: 0 2px 2px 0;\r
-}\r
-.loginform .formbutton\r
-{\r
- width: 60px;\r
- font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;\r
- padding: 2px 2px;\r
-}\r
-.mainform .formfield\r
-{\r
- width: 280px;\r
- font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;\r
- padding: 2px 0;\r
- margin: 0 2px 2px 0;\r
-}\r
-.mailform .formbutton\r
-{\r
- width: 100px;\r
- font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;\r
- padding: 2px 2px;\r
-}\r
-#nucleus_cf_name, #nucleus_cf_mail\r
-{\r
- width: 300px;\r
- margin-right: 105px;\r
- font-family: Arial, Trebuchet MS, Verdana, sans-serif;\r
-}\r
-.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield\r
-{\r
- width: 300px;\r
-}\r
-.commentform .formbutton\r
-{\r
- width: 100px;\r
- height: 22px;\r
- font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;\r
-}\r
-.error\r
-{\r
- color: red;\r
- font-weight: bold;\r
-}\r
-\r
-\r
-/*-------------------------------------------------\r
- Miscelaneous\r
--------------------------------------------------*/\r
-/* VBlog image onion skin shadow - From AListApart.com*/\r
-.wrap1, .wrap2, .wrap3\r
-{\r
- display:inline-table;\r
- /* \*/display:block;/**/\r
-}\r
-.wrap1\r
-{\r
- float:left;\r
- background:url(images/shadow.gif) right bottom no-repeat;\r
- margin: 0 5px 3px 0;\r
-}\r
-.wrap2\r
-{\r
- background:url(images/corner_br.gif) left bottom no-repeat;\r
-}\r
-.wrap3\r
-{\r
- background:url(images/corner_tr.gif) right top no-repeat;\r
- padding:0 5px 5px 0;\r
-}\r
-.wrap3 img\r
-{\r
- display:block;\r
- border: 3px solid white;\r
-}\r
-\r
-/* Search highlight color */\r
-.highlight\r
-{\r
- background: #DEFFA9;\r
-}\r
-\r
-/* Leftbox and Rightbox toolbar buttons */\r
-.leftbox, .rightbox {\r
- margin: 3px;\r
- padding: 3px;\r
- font-size: larger;\r
- width: 20%;\r
-}\r
-.leftbox {\r
- float: left;\r
- border-right: 2px solid #ccc;\r
-}\r
-.rightbox {\r
- float: right;\r
- border-left: 2px solid #ccc;\r
-}\r
+/*-------------------------------------------------
+ Nucleus CMS Stylesheet - bundled with version 3.4
+ Based on the Stanch skin by Ivan Fong
+ Mods by hcgtv and moraes and yama.kyms
+-------------------------------------------------*/
+
+/*-------------------------------------------------
+ General layout
+-------------------------------------------------*/
+body
+{
+ background: #505050 url(images/bg.gif);
+ color: #494949;
+ font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
+ font-size: 12px;
+ padding: 15px 0;
+ margin: 0;
+}
+img
+{
+ border: 0;
+}
+form
+{
+ margin: 0;
+}
+
+/* Headings */
+h1,h2,h3,h4,h5,h6
+{
+ font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
+ font-weight: normal;
+ margin: 0;
+}
+
+/* Lists */
+ul
+{
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+li
+{
+ background: url(images/arrow.gif) left 5px no-repeat;
+ padding: 0 0 0 10px;
+ margin: 0 20px;
+}
+
+/* Links */
+a:link, a:visited
+{
+ color: #635D45;
+ text-decoration: none;
+}
+a:hover, a:active
+{
+ color: black;
+}
+#header a:link, #header a:visited
+{
+ color: #474747;
+}
+#header a:hover, #header a:active
+{
+ color: #737373;
+}
+#copyrights a:link, #copyrights a:visited
+{
+ color: #474747;
+}
+#copyrights a:hover, #copyrights a:active
+{
+ color: #737373;
+}
+
+/* Basic classes */
+.hidden
+{
+ display: none;
+}
+.centerize
+{
+ text-align: center;
+}
+.clearing
+{
+ width: 784px;
+ height: 0;
+ clear: both;
+}
+
+/*-------------------------------------------------
+ Header
+-------------------------------------------------*/
+#header
+{
+ position: relative;
+ width: 784px;
+ height: 168px;
+ /* large header image is defined below */
+ /* background: white url(images/header.jpg) no-repeat; */
+ background: white;
+ border-width: 2px 2px 0;
+ border-style: solid;
+ border-color: #E0E0E0;
+ margin: auto;
+}
+#header h1
+{
+ /* small header image specific lines */
+ height: 168px;
+ width: 772px;
+ background: white url(images/header_sm.jpg) repeat-x 0 6px;
+ margin: 0 6px;
+ /* end small header image specific lines */
+ font-size: 38px;
+ text-align: center;
+ line-height: 160px;
+ letter-spacing:5px;
+}
+
+/*-------------------------------------------------
+ Content wrappers
+-------------------------------------------------*/
+#mainwrapper
+{
+ width: 784px;
+ background: white;
+ border-width: 0 2px;
+ border-style: solid;
+ border-color: #E0E0E0;
+ margin: auto;
+}
+#wrapper
+{
+ width: 784px;
+ background: white url(images/bgcontainer01.gif) repeat-y;
+ margin: auto;
+}
+
+/*-------------------------------------------------
+ Main content
+-------------------------------------------------*/
+#container
+{
+ width: 784px;
+ height: 1%;
+ overflow: visible;
+ float: right;
+ padding: 4px 0 0 0;
+ margin-left: -204px;
+}
+.content
+{
+ padding: 0;
+ margin: 7px 20px 30px 224px;
+}
+
+/*-------------------------------------------------
+ Item styles
+-------------------------------------------------*/
+.contenttitle h2
+{
+ clear: both;
+ background: url(images/dot.gif) bottom repeat-x;
+ font-size: 15px;
+ padding: 0 0 6px 0;
+ margin: 0;
+}
+.contentbody
+{
+ font-size:13px;
+ text-align: justify;
+ padding: 0 0 16px 0;
+ line-height:1.5;
+}
+
+/*-------------------------------------------------
+ Item info
+-------------------------------------------------*/
+.contentitemcategory
+{
+ background: url(images/bgcategory.gif) center left no-repeat;
+ font-size: 12px;
+ line-height: 12px;
+ padding: 0 10px 0 14px;
+}
+.contentitempostedby
+{
+ background: url(images/bgpostedby.gif) center left no-repeat;
+ font-size: 12px;
+ line-height: 12px;
+ padding: 0 10px 0 12px;
+}
+.contentitemcomments
+{
+ background: url(images/bgcomment.gif) center left no-repeat;
+ font-size: 12px;
+ line-height: 12px;
+ padding: 0 10px 0 13px;
+}
+.contentitemedit
+{
+ background: url(images/bgedit.gif) center left no-repeat;
+ font-size: 12px;
+ line-height: 12px;
+ padding: 0 10px 0 11px;
+}
+.contentitem
+{
+ padding: 3px 0 0 0;
+ margin: 0 0 16px 0;
+}
+.contentitem1
+{
+ display: inline;
+}
+.contentitem2
+{
+ display: inline;
+ background: url(images/dotv.gif) left repeat-y;
+ padding: 0 0 0 10px;
+}
+.contentitem3
+{
+ display: inline;
+ background: url(images/dotv.gif) left repeat-y;
+ padding: 0 0 0 10px;
+}
+.contentitem4
+{
+ display: inline;
+ padding: 0 0 0 10px;
+ background: url(images/dotv.gif) left repeat-y;
+}
+
+/*-------------------------------------------------
+ Comments
+-------------------------------------------------*/
+.itemcomment
+{
+ background: url(images/commentquote01.gif) no-repeat;
+ background-position: 6px 9px;
+ padding: 6px 42px;
+ border: 1px solid white;
+ margin: 10px 0 0 0;
+}
+.itemcomment:hover
+{
+ background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
+ background-position: 6px 9px;
+ border: 1px solid #CCCCCC;
+}
+.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
+{
+ background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
+ background-position: 6px 9px;
+ border: 1px solid #B3C492;
+}
+.id1:hover
+{
+ background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
+ background-position: 6px 9px;
+ border: 1px solid #B3C492;
+}
+.itemcomment h3
+{
+ font-size: 12px;
+}
+
+/*-------------------------------------------------
+ Menu
+-------------------------------------------------*/
+#sidebarcontainer
+{
+ float: left;
+ width: 204px;
+ padding: 2px 0 0 0;
+}
+.sidebar
+{
+ color: #21262A;
+ margin: 0 0 4px 6px;
+}
+
+/* Menu lists */
+.sidebardl
+{
+ padding: 0 0 10px 0;
+ margin: 0;
+}
+.sidebardl dt
+{
+ background: #E5E5E5 url(images/sidetitlebg.gif);
+ color: #3A3523;
+ font-size: 12px;
+ font-weight: bold;
+ letter-spacing:2px;
+ font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
+ padding: 4px 10px;
+}
+.sidebardl dd
+{
+ background: #EEEEEE;
+ padding: 2px 10px;
+ margin: 1px 0 0 0;
+}
+.sidebardl dd:hover
+{
+ background: #E7E7E7;
+ padding: 2px 10px;
+ margin: 1px 0 0 0;
+}
+.sidebardl dd a:link, .sidebardl dd a:visited
+{
+ background: url(images/arrow.gif) left center no-repeat;
+ padding: 0 0 0 10px;
+}
+
+/*-------------------------------------------------
+ Footer
+-------------------------------------------------*/
+#footer
+{
+ width: 784px;
+ background: #FCD21B;
+ text-align: center;
+ padding: 10px 0 10px 0;
+ border-width: 0px 2px 2px 2px;
+ border-style: solid;
+ border-color: #E0E0E0;
+ margin: 0 auto;
+}
+
+#copyrights
+{
+ color: #474747;
+}
+
+/*-------------------------------------------------
+ Forms
+-------------------------------------------------*/
+.loginform, .searchform
+{
+ margin: 5px 0;
+}
+.commentform, .mailform
+{
+ margin-top: 10px;
+ padding: 10px;
+ background: #EEEEEE;
+ /* Rounded borders, for Mozilla browsers */
+ /* -moz-border-radius: 10px; */
+}
+.commentform img{
+ margin: 5px 0 0 0;
+}
+.formfield
+{
+ font-size: 12px;
+ background: white;
+ color: #494949;
+ border-top: 1px solid #868686;
+ border-left: 1px solid #868686;
+ border-bottom: 1px solid #D4D2CF;
+ border-right: 1px solid #D4D2CF;
+ margin: 1px 0 0 0;
+ padding:5px;
+ line-height:1.5;
+}
+.formbutton
+{
+ font-size: 12px;
+ background: white;
+ color: #494949;
+ border-top: 1px solid #D4D2CF;
+ border-left: 1px solid #D4D2CF;
+ border-bottom: 1px solid #868686;
+ border-right: 1px solid #868686;
+ margin: 1px 0 0 0;
+}
+.searchform .formfield
+{
+ width: 130px;
+ font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
+ padding: 2px 0;
+ margin: 0 2px 2px 0;
+}
+.searchform .formbutton
+{
+ width: 60px;
+ font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
+ padding: 2px 2px;
+}
+.loginform .formfield
+{
+ width: 130px;
+ font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
+ padding: 2px 0;
+ margin: 0 2px 2px 0;
+}
+.loginform .formbutton
+{
+ width: 60px;
+ font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
+ padding: 2px 2px;
+}
+.mainform .formfield
+{
+ width: 280px;
+ font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
+ padding: 2px 0;
+ margin: 0 2px 2px 0;
+}
+.mailform .formbutton
+{
+ width: 100px;
+ font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
+ padding: 2px 2px;
+}
+#nucleus_cf_name, #nucleus_cf_mail
+{
+ width: 300px;
+ margin-right: 105px;
+ font-family: Arial, Trebuchet MS, Verdana, sans-serif;
+}
+.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
+{
+ width: 300px;
+}
+.commentform .formbutton
+{
+ width: 100px;
+ height: 22px;
+ font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
+}
+.error
+{
+ color: red;
+ font-weight: bold;
+}
+
+textarea#nucleus_cf_body
+{
+ width:470px;
+}
+
+/*-------------------------------------------------
+ Miscelaneous
+-------------------------------------------------*/
+/* VBlog image onion skin shadow - From AListApart.com*/
+.wrap1, .wrap2, .wrap3
+{
+ display:inline-table;
+ /* \*/display:block;/**/
+}
+.wrap1
+{
+ float:left;
+ background:url(images/shadow.gif) right bottom no-repeat;
+ margin: 0 5px 3px 0;
+}
+.wrap2
+{
+ background:url(images/corner_br.gif) left bottom no-repeat;
+}
+.wrap3
+{
+ background:url(images/corner_tr.gif) right top no-repeat;
+ padding:0 5px 5px 0;
+}
+.wrap3 img
+{
+ display:block;
+ border: 3px solid white;
+}
+
+/* Search highlight color */
+.highlight
+{
+ background: #80ff80;
+}
+
+/* Leftbox and Rightbox toolbar buttons */
+.leftbox, .rightbox {
+ margin: 3px;
+ padding: 3px;
+ font-size: larger;
+ width: 20%;
+}
+.leftbox {
+ float: left;
+ border-right: 2px solid #ccc;
+}
+.rightbox {
+ float: right;
+ border-left: 2px solid #ccc;
+}