/* -----------------------------------

Spiral Communications Ltd :: Blog

Version 1.0.0

Author: Stephen Wilson

Date: 16th June 2009

----------------------------------- */

* { margin:0; padding:0; }

body { background:#003 url("../images/blog/bg.png") repeat-x 50% 0; color:#666; font:75%/1.5em Arial, Helvetica, sans-serif; text-align:center; }

a { color:#006; text-decoration:none; }

a:hover { color:#09f; text-decoration:underline; }

img { border:0; }

input[type='text'],
input[type='password'] { background-color:#fff !important; }

.clr { clear:both; overflow:auto; }

/* IE6 */

div#ie6 { padding:20px; border-bottom:1px solid #000; background-color:#c00; color:#fff; text-align:left; }

div#ie6 div { padding-left:26px; background:transparent url("../images/ie6.png") no-repeat 0 50%; }

div#ie6 div a { color:#fff; font-weight:bold; text-decoration:underline; }

/* ---------->>> LAYOUT <<<-----------*/

div#wrapper { position:relative; width:960px; margin:0 auto; text-align:left; }

div#column1 { float:left; width:640px; }

div#column2 { float:left; width:320px; }

div#column1 #column1-inner { padding:20px 10px 0 90px; }

div#column2 #column2-inner { padding:20px 90px 0 10px; }

div#column2 #column2-inner .block { margin-bottom:20px; }

div#head .head-row1,
div#head .head-row2,
div#head .head-row3 { clear:both; }

div#head .head-row1 .logo { width:200px; height:140px; }

div#head .head-row1 .logo a { outline:none; }

div#head .head-row3 { height:20px; }

div#head .head-row3 .column1,
div#head .head-row3 .column2 { float:left; width:50%; padding:0; }

div.content { }

div.content-row1 { height:20px; background:transparent url("../images/blog/content-row1.png") no-repeat; }

div.content-row2 { padding:0 20px; background:transparent url("../images/blog/content-row2.png") repeat-y; }

div.content-row3 { height:20px; background:transparent url("../images/blog/content-row3.png") repeat-y; }

div.block-row1 { background:transparent url("../images/blog/block-user-row1.png") no-repeat; }

div.block-row2 { padding:20px; padding-bottom:0; background:transparent url("../images/blog/block-user-row2.png") repeat-y }

div.block-row3 { height:20px; background:transparent url("../images/blog/block-user-row3.png") no-repeat; }

div#foot { clear:both; }

div#foot #foot-inner p { padding:10px 90px; color:#fff !important; font-size:11px !important; line-height:20px; }

div#foot #foot-inner p a { color:#fff; text-decoration:none; }

div#foot #foot-inner p a:hover { text-decoration:underline; }

div#link-rss { position:absolute; top:0; right:0; }

div#link-rss a { outline:none; }

/* Tab navigation :: Note: need div class 'tabs' */

div.tabs { width:100%; margin-bottom:15px; }

/* ---------->>> HTML ELEMENTS <<<-----------*/

h2,
h3,
h4,
h5,
h6 { margin-bottom:10px; }

h1 { padding-top:10px; color:#006; font:normal 2em Georgia, Times New Roman, Times, serif; }

h1 a { color:#006; text-decoration:none; }

h1 a:hover { text-decoration:underline; }

h2 { color:#09f; font-size:1.25em; font-weight:normal; }

h2 a { color:#09f; text-decoration:none; }

h2 a:hover { text-decoration:underline; }

h3 { color:#09f; font-size:1.5em; font-weight:normal; }

h3 a { color:#09f; text-decoration:none; }

h3 a:hover { text-decoration:underline; }

h3.title { margin:0; padding:0 20px; color:#fff; line-height:60px; }

h3.title a { color:#fff; }

hr { height:1px; background-color:#ccc; color:#ccc; }

p { margin-bottom:10px; }

p.small { margin:0; padding-bottom:10px; border-bottom:1px solid #ccc; color:#999; font-size:11px; }

p.small a { color:#999; text-decoration:none; }

p.small a:hover { color:#09f; text-decoration:underline; }

ul.summary { list-style:none; margin-bottom:10px; }

ul.summary li { padding:0; background:none; border-bottom:1px dotted #ccc; line-height:24px; }

ul.summary li span { color:#09f; }

div.image { width:495px; margin:20px 0; }

span.icon { display:inline-block; width:16px; height:16px; margin-right:3px; vertical-align:middle; text-indent:-5000px; }

span.icon.flash { background:transparent url("../images/icon-flash.png") no-repeat; }

span.icon.linux { background:transparent url("../images/icon-linux.png") no-repeat; }

span.icon.php { background:transparent url("../images/icon-php.png") no-repeat; }

span.submitted { display:block; margin:5px 0 20px; color:#09f; }

/* ---------->>> MENU 1 <<<-----------*/

div#head .head-row2 ul.menu { list-style:none; margin:0; }

div#head .head-row2 ul.menu li { float:left; margin-right:1px; padding:0 0 0 5px !important; background:transparent url("../images/blog/main-navUP.png") no-repeat scroll 0 0; }

div#head .head-row2 ul.menu li a { display:block; padding:0 15px 0 10px; background:transparent url("../images/blog/main-navUP.png") no-repeat scroll 100% 0; color:#fff; font:1.1em/40px Arial, Helvetica, clean, sans-serif; text-decoration:none; }

div#head .head-row2 ul.menu li:hover,
div#head .head-row2 ul.menu li.active { background:transparent url("../images/blog/main-navOVER.png") no-repeat scroll 0 0; color:#003; }

div#head .head-row2 ul.menu li:hover a,
div#head .head-row2 ul.menu li.active a { background:transparent url("../images/blog/main-navOVER.png") no-repeat scroll 100% 0; color:#003; }

/* ---------->>> USER LOGIN <<<-----------*/

form#user-login-form .form-item { margin:5px 0; }

form#user-login-form .form-text { width:172px; background-color:#f6f6f6 !important; }

form#user-login-form .form-text:focus { background-color:#ff9 !important; }

form#user-login-form .form-submit { display:block; width:48px; height:24px; margin:7px 0; border:0; background:none; background:transparent url("../images/input-login.png") no-repeat; font-size:0; cursor:pointer; }

form#user-login-form .item-list ul { list-style:none; }

form#user-login-form .item-list li { padding:0; background:none; color:#006; font-size:11px; line-height:20px; }

form#user-login-form .item-list li a { color:#006; text-decoration:none; }

form#user-login-form .item-list li a:hover { color:#09f; text-decoration:underline; }

/* ---------->>> BLOG <<<-----------*/
.view-recent-blogs caption { 
	text-align: left;
}

.view-recent-blogs tr.even, .view-recent-blogs tr.odd { 
	background: white;
}

input#edit-subject, text-area#edit-comment {
	 width : 430px;
} 

.node-blog .content img {
	padding-bottom: 10px; 
}

.node-blog .image-attach-body {
	clear: both;
}

.view-blog-twitter-block .views-row,
.view-feeds-local .views-row,
.view-feeds-design .views-row {
	padding-bottom: 4px; 
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 4px;
}

.view-blog-twitter-block .views-row-last, 
.view-feeds-local .views-row-last, 
.view-feeds-design .views-row-last {
	border: none;
	margin-bottom: 0;
}

div.links ul.links li.addthis {
	background: none;
	position: absolute;
}