OSDN Git Service

git-svn-id: https://svn.sourceforge.jp/svnroot/nucleus-jp/nucleus-jp/trunk@958 1ca29b...
[nucleus-jp/nucleus-jp-ancient.git] / utf8 / skins / default / default_left.css
index 74b3d00..5b11117 100644 (file)
-/*-------------------------------------------------\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;
+}