/*
Theme Name: Ulli Sima
Theme URI: http://www.ullisima.com/
Description: This Wordpress Theme was designed and programmed by PhilippKnoll.com.
Version: 1.0
Author: PhilippKnoll.com
Author URI: http://www.PhilippKnoll.com/
Tags: red, grey, custom header, fixed width, two columns, widgets


*/


/* Body + Wrapper */

body {font-size:14px; font-family:Arial; /*background-color:#E8E8E8;*/ background-color: #F4F4F4; color:#303030; text-align:center; margin:0; padding:0;}

#wrapper {width:1040px; margin:30px auto; padding:0; text-align:left;}


/*  END Body + Wrapper */


/* Page */

#page {width:1040px; margin:0; padding:0; text-align:left; float:left;}

/* END Page */





/* Header */

#header {width:1040px; height:217px; margin:0; padding:0; float:left;}

#header-top-left {width:665px; height:47px; margin:0; padding:0; float:left;}

#header-top-right {width:375px; height:47px; margin:0; padding:0; float:left;}

#logo {width:665px; height:135px; margin:0; padding:0; float:left; background:url('images/sima-logo.png') no-repeat;}

#logo-inner {width:640px; height:130px; margin:5px 0 0 25px; padding:0; float:left;}

#search {width:375px; height:135px; margin:0; padding:0; float:left; background:url('images/sima-header-search.png') no-repeat;}

#search-inner {width:350px; height:130px; margin:5px 25px 0 0; padding:0; float:left; background:url('images/sima-search-inner.jpg') no-repeat;}

#searchformdiv {margin:50px 0 0 70px; padding:0;}

.searchinput {width:206px; height:20px; margin:0; padding:5px 5px 0 5px; background:url('images/sima-searchinput-bg.png') no-repeat; border:none; font-size:11px; color:#B4BFD8;}

.searchimg {width:23px; height:26px; margin:-5px 0 0 0; padding:0; border:none; vertical-align:text-top;}

.searchimg:hover {opacity:.6; filter: alpha(opacity=60); -moz-opacity: 0.60;}

#rss-button {width:93px; height:93px; position:absolute; margin:175px 0 0 630px; padding:0; z-index:10;}

#rss-button a:hover img {opacity:.8; filter: alpha(opacity=80); -moz-opacity: 0.80;}

#twitter-fence {width:307px; height:45px; position:absolute; margin:183px 0 0 705px; padding:0; z-index:3;}

#twitter-postit {width:185px; height:45px; position:absolute; margin:168px 0 0 738px; padding:0; z-index:1;}

#flashbanner {width:640px; margin:2px 0 0 0; padding:0; float:left; z-index:1;}

/* END Header */



/* Navigation */

#navi {width:990px; height:35px; margin:0; padding:0 25px 0 25px; float:left; background:url('images/sima-nav-bg.png') no-repeat;}

#nav, #nav ul {padding:0; margin:0 auto; list-style:none;}

#nav a {font-size:13px; height:24px; text-transform:none; letter-spacing:1px; color:#FFFFFF; text-decoration:none; padding:11px 25px 0 25px; margin:0; font-weight:normal; display:block; border-left:1px #7A6629 solid; border-right:1px #3A3214 solid;}

#nav a:hover {color:#FFFFFF; text-decoration:none; background:#8A0000;}

#nav li {float: left; padding:0 0 0 0; margin:0;} 

#nav li ul {margin:0px 0 0 0; padding:0; width:205px;  left: -999em; position:absolute; background:#8A0000; text-align:left; z-index:1;}

#nav li ul li {list-style:none; border-bottom:0px #B2D7E9 solid; float:left; width:205px; padding:0;}

#nav li ul li a {display:block; width:180px; height:16px; padding:10px 0 5px 25px; text-decoration:none; border:none; color:#FFFFFF; font-size:12px; background-color:#8A0000; }

#nav li ul li a:hover { background:#A60000 url('images/nav-sub-tab.jpg') repeat-x; width:180px; height:16px; display:block;  padding:10px 0 5px 25px; text-decoration:none; color:#FFFFFF; font-size:12px;}

.fixed a {position:relative;}

#nav li ul ul {margin: -1em 0 0 8.5em; border-left: 1px solid #fedc00;text-align:left;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;}

#nav li:hover, #nav li.hover {position: static;}

/*  END Navigation */







/* Content */

#contentwrapper {width:990px; margin:0; padding:0 25px 0 25px; float:left; background:url('images/sima-content-bg.png') repeat-y;}

#textcolumn {width:640px; margin:0; padding:0 1px 20px 0; float:left; text-align:left;}

#headerpic {width:640px; margin:2px 0 0 0; padding:0; float:left;} 

#pagecontent a {color:#0099CC; text-decoration:none;}

#pagecontent a:hover {color:#0099CC; text-decoration:underline;}

#pagecontent {margin:20px 0 20px 0; padding:0 20px 0 0; float:left; width:621px;}

#pagecontent h1 {font-size:25px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#B70000;}

#pagecontent h2 {font-size:19px; padding:0; margin:40px 0 20px 0; font-weight:normal; line-height:26px; color:#B70000;}

#pagecontent h2 a {font-size:19px; padding:0; margin:40px 0 20px 0; font-weight:normal; line-height:26px; color:#B70000;}

#pagecontent h2 a:hover {font-size:19px; padding:0; margin:40px 0 20px 0; font-weight:normal; line-height:26px; color:#B70000; text-decoration:underline;}

#pagecontent h3 {font-size:16px; padding:0; margin:30px 0 20px 0; font-weight:normal; line-height:22px; color:#B70000;}

#pagecontent h4 {font-size:14px; padding:0; margin:30px 0 20px 0; font-weight:normal; line-height:18px; color:#B70000;}

#pagecontent ul {margin:30px 0 30px 0; padding:0; list-style-type:none;}

#pagecontent li {margin:0 0 4px 40px; padding:0 0 0 10px; list-style-type:circle;}

#searchresult {margin:0; padding:0;}

#searchresult h2 a {font-size:17px; padding:0; margin:10px 0 10px 0; font-weight:normal; line-height:23px; color:#3A3214;}

#searchresult h2 a:hover {color:#7777FF;}

#blogcontent {margin:0; padding:0 20px 0 0; float:left; width:621px;}

.post {padding:20px 0 20px 0; margin:0; font-family:Arial;}

.post h1 {font-size:25px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#B70000;}

.post h2 {font-size:25px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#B70000;}

.post h2 a {font-size:25px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#B70000; text-decoration:none;}

.post h2 a:hover {font-size:25px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:31px; color:#B70000; text-decoration:underline;}

.post h3 {font-size:22px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:26px; color:#B70000;}

.post h4 {font-size:19px; padding:0; margin:30px 0 20px 0; font-weight:normal; line-height:22px; color:#B70000;}

.post h5 {font-size:16px; padding:0; margin:30px 0 20px 0; font-weight:normal; line-height:18px; color:#B70000;}

.post ul {margin:30px 0 30px 0; padding:0; list-style-type:none;}

.post li {margin:0 0 4px 40px; padding:0 0 0 10px; list-style-type:circle;}

.entry {padding:0; margin:0;}

.entry a {color:#0099CC; text-decoration:none;}

.entry a:hover {color:#0099CC; text-decoration:underline;}

.postmeta {font-size:10px; color:#999999; line-height:13px; letter-spacing:1px; margin:30px 0 20px 0; padding:0;}

.postmeta a {color:#0066CC;}

.postmetaheadline {font-size:10px; color:#303030; line-height:13px; letter-spacing:1px; margin:-10px 0 20px 0; padding:0; width:100%;}

.facebooklike {margin:10px 0 0 0; width:100%;}

.facebooklikepage {margin:0 0 20px 0; width:100%;}

/* ??? */ .postmetadatabox {font-size:10px; color:#999999; border:#CCCCCC 1px solid; background:#CCFFFF; margin:10px 0 20px 0; padding:4px; line-height:11px;}

.sharethisimg {width:674px; margin:15px 0 15px 0; padding:0; float:left; opacity:.6; filter: alpha(opacity=60); -moz-opacity: 0.60;}

.sharethisimg img {padding:0 1px 0 0; margin:0; opacity:.6; filter: alpha(opacity=60); -moz-opacity: 0.60;}

.sharethisimg img:hover {opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.00;}

#homepagecontent {margin:20px 0 20px 0; padding:0 20px 0 0; float:left; width:621px;}

#homepagecontent h1 {font-size:25px; padding:0; margin:0 0 10px 0; font-weight:normal; line-height:31px; color:#B70000;}

#homepagecontent h1 a {font-size:25px; padding:0; margin:0 0 10px 0; font-weight:normal; line-height:31px; color:#B70000; text-decoration:none;}

#homepagecontent h1 a:hover {font-size:25px; padding:0; margin:0 0 10px 0; font-weight:normal; line-height:31px; color:#0099CC; text-decoration:none;}

#homepagecontent h2 {font-size:17px; padding:0; margin:0 0 10px 0; font-weight:normal; line-height:26px; color:#B70000;}

#homepagecontent h2 a {font-size:17px; padding:0; margin:0 0 10px 0; font-weight:normal; line-height:26px; color:#B70000; text-decoration:none;}

#homepagecontent h2 a:hover {font-size:17px; padding:0; margin:0 0 10px 0; font-weight:normal; line-height:26px; color:#0099CC; text-decoration:none;}

.newsboxheadwrapper {width:640px; margin:0 0 30px 0; padding:0 0 20px 0; float:left; border-bottom:1px #CCCCCC dotted;}

.newsboxwrapper {width:640px; margin:0 0 30px 0; padding:0 0 20px 0; float:left; border-bottom:1px #CCCCCC dotted;}

.newsboxwrapper-headline {font-size:15px; padding:0; margin:0 0 20px 0; font-weight:normal; line-height:22px; color:#B70000;}

.homenewsbox-left {width:310px; margin:0; padding:0 10px 0 0; float:left;}

.homenewsbox-right {width:310px; margin:0; padding:0 0 0 10px; float:left;}

/*  END Content */


/* Sidebar */

#sidebar {width:349px; margin:0; padding:0; float:left; text-align:left; font-size:12px;}

#sidebar ul {margin:0; padding:0; list-style-type:none;}

#sidebar li {margin:0 0 30px 0; padding:0; list-style-type:none;}

#sidebar ul li ul {margin:0; padding:0; list-style-type:none;}

#sidebar ul li ul li {margin:0 0 3px 0; padding:0; list-style-type:none; font-size:12px;}

#sidebar ul li ul li a {color:#897676; text-decoration:none;}

#sidebar ul li ul li a:hover {color:#FFC212; text-decoration:none;}

#sidebar h2 {margin:0; width:100%; padding:0; color:#3A3214; font-size:19px; font-weight:normal; margin:0 0 10px 0}

#sidebar h3 {margin:0 0 5px 0; padding:0; color:#90C127; font-size:14px; font-weight:bold;}

#sidebar a h3 {margin:0 0 5px 0; padding:0; color:#08A0EE; font-size:13px; font-weight:bold; text-decoration:none;}

#sidebar a:hover h3 {color:#90C127;}

#twitterfeed {width:329px; height:190px; margin:0; padding:55px 10px 10px 10px; float:left; background:url('images/sima-twitter-bg.jpg') no-repeat; color:#FFFFFF;}

#twitterfeed a {color:#0099CC; text-decoration:none;}

#twitterfeed a:hover {color:#0099CC; text-decoration:underline;}

#twitterfeed ul {margin:0; padding:0; list-style-type:none;}

#twitterfeed li {margin:0 0 13px 0; padding:0 20px 0 20px; list-style-type:none;}

.widget-top {width:349px; height:17px; margin:0; padding:0; float:left;}

.widget-middle {width:309px; min-height:50px; margin:0; padding:0 20px 0 20px; background:url('images/sima-widget-middle.jpg') repeat-y; float:left;}

.widget-bottom {width:349px; height:15px; margin:0; padding:0; float:left;}

#flickrbox {width:303px; margin:0 0 0 3px; padding:0; float:left;}

.flickrimg {padding:4px; border:1px #CCCCCC solid; margin:0 8px 10px 8px;}

#facebookwidget {width:343px; margin:2px 0 0 0; padding:3px 3px 0 3px; background-color:#ECEFF5; float:left;}

#youtubebar {width:640px; margin:-10px 0 30px 0; padding:0; float:left;}

#youtubebar ul {margin:0; padding:0; list-style-type:none;}

#youtubebar li {width:193px; margin:0 10px 0 10px; padding:0; list-style-type:none; display:inline; float:left;}

#youtubebar h2 {font-size:17px; padding:0; margin:0 0 10px 0; font-weight:normal; line-height:20px; color:#B70000;}

.my-recent-yt-widget {margin:0; padding:0; float:left;}

.my-recent-yt-video {width:193px; padding:0; margin:0 10px 0 10px; float:left;}

/*  END Sidebar */


/* Footer */

#footer {width:990px; min-height:100px; margin:0; padding:0; float:left; background-color:#ECEFF5; font-size:12px;}

#footerbox-one {width:310px; margin:15px 0 15px 0; padding:0 10px 0 10px; float:left; border-right:0px #FFFFFF solid;}

#footerbox-two {width:310px; margin:15px 0 15px 0; padding:0 10px 0 10px; float:left; border-right:0px #FFFFFF solid; border-left:0px #C8C8C8 solid; height:100%;}

.footernavlist ul {margin:0; padding:0; list-style-type:none; float:left; display:inline;}

.footernavlist li {margin:0; padding:0; list-style-type:none; display:inline;}

.footernavlist li ul {margin:0; padding:0; list-style-type:none; float:left; display:inline;}

.footernavlist li ul li {margin:0; padding:0; list-style-type:none; display:inline;}

#footerbox-three {width:310px; margin:15px 0 15px 0; padding:0 10px 0 10px; float:left; border-left:0px #C8C8C8 solid;}

#footerbox-three img {margin:0 0 4px 0; padding:0;}

#footerbox-one h2, #footerbox-two h2, #footerbox-three h2 {color:#B4BFD8; font-size:19px; font-weight:bold; margin:0 0 20px 0;}

#footerbox-one a, #footerbox-two a, #footerbox-three a {color:#303030; text-decoration:none;}

#footerbox-one a:hover, #footerbox-two a:hover, #footerbox-three a:hover {color:#B4BFD8; text-decoration:none;}

#footerbox-one ul, #footerbox-two ul, #footerbox-three ul {margin:0 0 30px 0; padding:0; list-style-type:none;}

#footerbox-one li, #footerbox-two li, #footerbox-three li {margin:0; padding:0; list-style-type:none;}

#footernavlist {margin:0; padding:0; list-style-type:none; display:inline;}

.spacer {width:990px; margin:2px 0 2px 0; height:1px; border-top:1px #CCCCCC dotted; float:left;}

#sub {width:950px; height:41px; margin:0; padding:5px 45px 0 45px; float:left; color:#B4BFD8; font-size:10px; background:url('images/sima-sub.png') no-repeat; text-align:right;}

#sub a {color:#B4BFD8; text-decoration:none;}

#sub a:hover {color:#B4BFD8; text-decoration:underline;}

/*  END Footer */












/* Recent Comments 

.recentcommentbox {width:278px; margin:0 0 4px 0; padding:10px; float:left; background-color:#F2F2F2; border:1px solid #EAEAEA;}

.recentgravatar {width:54px; float:left; margin:0; padding:0;}

.recentgravatar img {padding:4px; margin:0; border:1px #CCCCCC solid; background-color:#FFFFFF;}

.recentgravatar img:hover {background-color:#90C127;}

.recenttext {width:214px; float:left; margin:0; padding:0 0 0 10px; letter-spacing:normal;}

  END Recent Comments */







/* Twitter 

#twitterbox {background-color:#DDEEF6; background-image:url(images/pk-twitterbox-bg.jpg); background-position:top right; background-repeat:no-repeat; border:1px solid #002233; margin:0; padding:20px 10px 5px 5px; float:left;}

#twitter_update_list ul {padding:5px; margin:0; list-style-type:none;}

#twitter_update_list li {padding:0; margin:0 0 20px 0; list-style-type:none; letter-spacing:normal;}

  END Twitter */







/* Comments */

#commentswrapper {width:640px; margin:0 0 20px 0; padding:0; float:left;}

#commentform {width:640px; margin:0; padding:0;}

#commentform p {margin:5px 0 5px 0;}

#commentform input {width:180px; padding:2px;}

#commentform textarea {width:630px; padding:2px;}

#commentform small {color:#333333;}

#commentform submit {}

.commentlist {padding:0; margin:0; width:640px; float:left;}

.commentlist ul {padding:0; margin:0;}

.commentlist li {padding:0; margin:0 0 35px 0; list-style-type:none;}

.commentsh3 {font-size:22px; color:#3A3214; font-weight:bold; margin:30px 0 20px 0;}

.commentbox {color:#333333; margin:0; padding:0; width:640px; float:left;}

.authcomment {color:#333333; margin:0; padding:0; width:640px; float:left; background-color:#9C0;}

.commentgravatar {float:left; margin:0 10px 0 0; padding:0;}

.commentgravatar img {padding:2px; border:#A0D6F4 1px solid;}

.commentgravatar img:hover {padding:2px; border:#A0D6F4 1px solid; background-color:#FFC212;}

.commentauthor {float:left; padding:1px 0 0 0; margin:0; font-size:19px;}

.commentauthor a {color:#90C127; text-decoration:none;}

.commentauthor a:hover {color:#0066CC; text-decoration:none;}

.commentstatus {width:640px; text-align:center; font-size:12px; color:#90C127; font-weight:bold; padding:0; margin:20px 0 0 0; float:left; font-style:italic;}

.commenttext {width:640px; float:left; margin:0 0 0 0; padding:0;}

.commentlist cite {padding:0; margin:0 0 0 4px; font-size:12px; font-weight:bold; color:#333333; font-style:normal;}

.commentlist small {font-size:10px; color:#999999;}


/*  END Comments */








/* Previous and Next */

#navigation {padding:0; margin:40px 0 0 0; width:640px; float:left; font-size:15px;}

#navigationindex {padding:0; margin:-20px 0 0 0; width:640px; float:left; font-size:15px;}

.previouspost {float:left; width:310px; padding:0 10px 0 0; margin:0;}

.nextpost {float:left; width:310px; padding:0 0 0 10px; margin:0; text-align:right;}

#navigation h2 a {font-size:15px; color:#7777FF; font-weight:normal; text-decoration:none;}

#navigation h2 a:hover {font-size:15px; color:#103078; font-weight:normal; text-decoration:none;}

/*  END Previous and Next */






/* Links */

a {color:#0066CC; text-decoration:none;}

a:hover {color:#333333; text-decoration:none;}

/*  END Links */







/* Images */

img {border:0;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:3px; margin:0 0 4px 7px; display:inline; float:right; border:1px #CCCCCC solid;}

img.alignleft {padding:3px; margin:3px 10px 2px 0; display:inline; float:left; border:1px #CCCCCC solid;}

/*  END Images */








/* Font Colors */

.green {color:#90C127;}

/*  END Font Colors */







/* Special Classes */

.archiveheadline {font-size:19px; color:#303030; margin:30px 0 0 0;}

small {font-size:10px; color:#999999;}

.alignleft {float:left;}

.alignright {float:right;}

.center {text-align:center;}

/*  END Special Classes */



.joinform {width:200px; margin:20px 0 0 0; padding:0;}

.jointext {width:140px; margin:1px 2px 0 0; padding:0; float:left;}

.joinsubmit {width:50px; margin:0; padding:0; float:left;}

